https://hajkazemi.github.io/index_files/comboBoxInput.js

1define("comboBoxInput/skins/skins.json",[],function(){"use strict";var e={};return e.ComboBoxInputSkin={react:[["select","collection",[],{}],["div","arrow",[],{},["div",null,["_svg_container"],{},["svg","icon",[],{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 9.2828 4.89817"},["defs",null,[],{}],["title",null,[],{},"arrow&v"],["path",null,["_cls-1"],{d:"M4.64116,4.89817a.5001.5001,0,0,1-.34277-.13574L.15727.86448A.50018.50018,0,0,1,.84282.136L4.64116,3.71165,8.44.136a.50018.50018,0,0,1,.68555.72852L4.98393,4.76243A.5001.5001,0,0,1,4.64116,4.89817Z"}]]]]],params:{brwe:"BORDER_SIZE",brde:"BORDER_COLOR_ALPHA",bge:"BG_COLOR_ALPHA",rd:"BORDER_RADIUS",shd:"BOX_SHADOW",fnt:"FONT",bg:"BG_COLOR_ALPHA",txt:"TEXT_COLOR",brw:"BORDER_SIZE",brd:"BORDER_COLOR_ALPHA",txt2:"TEXT_COLOR",brwh:"BORDER_SIZE",brdh:"BORDER_COLOR_ALPHA",bgh:"BG_COLOR_ALPHA",brwf:"BORDER_SIZE",brdf:"BORDER_COLOR_ALPHA",bgf:"BG_COLOR_ALPHA",brdd:"BORDER_COLOR_ALPHA",txtd:"TEXT_COLOR",bgd:"BG_COLOR_ALPHA",arrowColor:"BG_COLOR_ALPHA"},paramsDefaults:{brwe:"2px",brde:"#F9F9F9",bge:"color_8",rd:"5px",shd:"0 0 0 transparent",fnt:"font_7",bg:"color_8",txt:"#888888",brw:"2px",brd:"#F9F9F9",txt2:"color_15",brwh:"2px",brdh:"#F9F9F9",bgh:"color_8",brwf:"2px",brdf:"#F9F9F9",bgf:"color_8",brdd:"#CCCCCC",txtd:"#FFFFFF",bgd:"#CCCCCC",arrowColor:"color_12"},css:{"%_with-validation-indication select:not(:focus):invalid":"border:solid [brwe] [brde];background-color:[bge];","% select":"[rd]  -webkit-appearance:none;-moz-appearance:none;[shd]  [fnt]  background-color:[bg];color:[txt];border:solid [brw] [brd];margin:0;padding:0 45px;cursor:pointer;position:relative;max-width:100%;min-width:100%;min-height:10px;height:100%;text-overflow:ellipsis;white-space:nowrap;display:block;","% select option":"text-overflow:ellipsis;white-space:nowrap;overflow:hidden;","% select%_placeholder-style":"color:[txt2];","% select:-moz-focusring":"color:transparent;text-shadow:0 0 0 #000;","% select::-ms-expand":"display:none;","% select:focus::-ms-value":"background:transparent;",'% select:not(%_mobileCollection):hover,% select:not(%_mobileCollection)[data-preview~="hover"]':"border:solid [brwh] [brdh];background-color:[bgh];",'% select:not(%_mobileCollection):focus,% select:not(%_mobileCollection)[data-preview~="focus"]':"border:solid [brwf] [brdf];background-color:[bgf];",'% select:not(%_mobileCollection)[data-error="true"],% select:not(%_mobileCollection)[data-preview~="error"]':"border:solid [brwe] [brde];background-color:[bge];",'% select:not(%_mobileCollection):disabled,% select:not(%_mobileCollection)[data-disabled="true"],% select:not(%_mobileCollection)[data-preview~="disabled"]':"border-width:2px;border-color:[brdd];color:[txtd];background-color:[bgd];",'% select:not(%_mobileCollection):disabled + %arrow,% select:not(%_mobileCollection)[data-disabled="true"] + %arrow,% select:not(%_mobileCollection)[data-preview~="disabled"] + %arrow':"border-width:2px;border-color:[brdd];color:[txtd];border:none;","%arrow":"position:absolute;pointer-events:none;top:0;box-sizing:border-box;padding-left:20px;padding-right:20px;height:inherit;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;","%arrow %_svg_container":"width:12px;","%arrow %_svg_container svg":"height:100%;fill:[arrowColor];","%_left-direction":"text-align-last:left;",'%_left-direction %arrow,%_left-direction select:hover + %arrow,%_left-direction select[data-preview~="hover"] + %arrow,%_left-direction select:focus + %arrow,%_left-direction select[data-preview~="focus"] + %arrow,%_left-direction[data-preview~="focus"] %arrow,%_left-direction select[data-error="true"] + %arrow,%_left-direction select[data-preview~="error"] + %arrow':"border-left:0;","%_left-direction %arrow":"right:0;","%_right-direction":"text-align-last:right;",'%_right-direction %arrow,%_right-direction select:hover + %arrow,%_right-direction select[data-preview~="hover"] + %arrow,%_right-direction select:focus + %arrow,%_right-direction select[data-preview~="focus"] + %arrow,%_right-direction[data-preview~="focus"] %arrow,%_right-direction select[data-error="true"] + %arrow,%_right-direction select[data-preview~="error"] + %arrow':"border-right:0;","%_right-direction %arrow":"left:0;","%_center-direction":"text-align-last:left;text-align-last:center;",'%_center-direction %arrow,%_center-direction select:hover + %arrow,%_center-direction select[data-preview~="hover"] + %arrow,%_center-direction select:focus + %arrow,%_center-direction select[data-preview~="focus"] + %arrow,%_center-direction[data-preview~="focus"] %arrow,%_center-direction select[data-error="true"] + %arrow,%_center-direction select[data-preview~="error"] + %arrow':"border-left:0;","%_center-direction %arrow":"right:0;","%_mobileMenuContainer":"border:0;","%_mobileMenuContainer %arrow %_svg_container %icon":"fill:[txt];"}},e["wysiwyg.viewer.skins.appinputs.AppsComboBoxInputSkin"]={react:[["select","collection",[],{}],["p","errorMessage",[],{}]],params:{txt:"TEXT_COLOR",brw:"BORDER_SIZE",brd:"BORDER_COLOR",rd:"BORDER_RADIUS",bg:"BG_COLOR_ALPHA",bg2:"BG_COLOR_ALPHA"},paramsDefaults:{txt:"#333",brw:"2px",brd:"#1ab1ab",rd:"5px",bg:"#fff",bg2:"#aaa"},css:{"%":"position:relative;display:inline-block;padding:0;margin:0;","% select":"color:[txt];border:solid [brw] [brd];padding:5px 40px 5px 5px;[rd]  box-sizing:border-box !important;-webkit-appearance:none;-moz-appearance:none;background-color:[bg];position:relative;cursor:pointer;","% option":"border:solid [brw] [brd];background-color:[bg];padding:5px;","%:after":'content:"?";position:absolute;top:2px;bottom:2px;right:0;width:35px;pointer-events:none;[rd]  box-sizing:border-box !important;background-color:[bg2];border:[brw] solid [brd];color:#fff;text-align:center;font-size:10px;line-height:30px;text-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.6);cursor:pointer !important;border-bottom-left-radius:0;border-top-left-radius:0;','%[data-state~="invalid"] select':"border-color:#d00;color:#d00;",'%[data-state~="invalid"]:after':'content:"?";position:absolute;top:2px;bottom:2px;right:0;width:35px;pointer-events:none;[rd]  box-sizing:border-box !important;background-color:[bg2];border:#d00 solid [brd];color:#d00;text-align:center;font-size:10px;line-height:30px;text-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.6);cursor:pointer !important;border-bottom-left-radius:0;border-top-left-radius:0;','%[data-state~="invalid"]:hover + p':"opacity:1;color:#d00;","% p":"[rd]  opacity:0;display:inline-block;position:absolute;

1left:0;bottom:100%;width:140px;padding:10px;font-size:13px;line-height:16px;background:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.6);","% p:after":'content:"?";position:absolute;bottom:-12px;left:10px;color:#fff;text-shadow:0 1px 3px rgba(0, 0, 0, 0.6);[rd]'}},e["wysiwyg.viewer.skins.appinputs.AppsComboBoxInputSkinNoValidation"]={react:[["select","collection",[],{}]],params:{txt:"TEXT_COLOR",brw:"BORDER_SIZE",brd:"BORDER_COLOR",rd:"BORDER_RADIUS",bg:"BG_COLOR_ALPHA",bg2:"BG_COLOR_ALPHA"},paramsDefaults:{txt:"#333",brw:"2px",brd:"#1ab1ab",rd:"5px",bg:"#fff",bg2:"#aaa"},css:{"%":"position:relative;display:inline-block;padding:0;margin:0;","% select":"color:[txt];border:solid [brw] [brd];padding:5px 40px 5px 5px;[rd]  box-sizing:border-box !important;-webkit-appearance:none;-moz-appearance:none;background-color:[bg];position:relative;cursor:pointer;","% option":"border:solid [brw] [brd];background-color:[bg];padding:5px;","%:after":'content:"▼";position:absolute;top:3px;bottom:3px;right:0;width:35px;pointer-events:none;[rd]  box-sizing:border-box !important;background-color:[bg2];border:[brw] solid [brd];color:#fff;text-align:center;font-size:10px;line-height:30px;text-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.6);cursor:pointer !important;border-bottom-left-radius:0;border-top-left-radius:0;'}},e["wysiwyg.viewer.skins.input.ComboBoxInputSkin"]={react:[["select","collection",[],{}],["p","errorMessage",[],{}]],params:{txt:"TEXT_COLOR",brw:"BORDER_SIZE",brd:"BORDER_COLOR",rd:"BORDER_RADIUS",bg:"BG_COLOR_ALPHA",bg2:"BG_COLOR_ALPHA"},paramsDefaults:{txt:"#333",brw:"2px",brd:"#1ab1ab",rd:"5px",bg:"#fff",bg2:"#aaa"},css:{"%":"position:relative;display:inline-block;padding:0;margin:0;","% select":"color:[txt];border:solid [brw] [brd];padding:5px 40px 5px 5px;[rd]  box-sizing:border-box !important;-webkit-appearance:none !important;-moz-appearance:none !important;background-color:[bg];position:relative;cursor:pointer;","% option":"border:solid [brw] [brd];background-color:[bg];padding:5px;","%:after":'content:"▼";position:absolute;top:2px;bottom:2px;right:0;width:35px;pointer-events:none;[rd]  box-sizing:border-box !important;background-color:[bg2];border:[brw] solid [brd];color:#fff;text-align:center;font-size:10px;line-height:30px;text-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.6);cursor:pointer !important;border-bottom-left-radius:0;border-top-left-radius:0;','%[data-state~="invalid"] select':"border-color:#d00;color:#d00;",'%[data-state~="invalid"]:after':'content:"▼";position:absolute;top:2px;bottom:2px;right:0;width:35px;pointer-events:none;[rd]  box-sizing:border-box !important;background-color:[bg2];border:#d00 solid [brd];color:#d00;text-align:center;font-size:10px;line-height:30px;text-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.6);cursor:pointer !important;border-bottom-left-radius:0;border-top-left-radius:0;','%[data-state~="invalid"]:hover + p':"opacity:1;color:#d00;","% p":"[rd]  opacity:0;display:inline-block;position:absolute;left:0;bottom:100%;width:140px;padding:10px;font-size:13px;line-height:16px;background:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.6);","% p:after":'content:"▼";position:absolute;bottom:-12px;left:10px;color:#fff;text-shadow:0 1px 3px rgba(0, 0, 0, 0.6);[rd]'}},e}),define("comboBoxInput",["santaComponents","lodash","prop-types","core","santaProps","textCommon","skins","comboBoxInput/skins/skins.json"],function(e,o,t,r,i,n,a,s){"use strict";function l(o){return e.utils.createReactElement("option",{value:o.value,default:o.default,style:o.style,ref:o.ref||o.value,disabled:o.disabled,key:o.key},o.text)}function p(e){return o.get(e,["compProp","placeholder","value"])}function d(e){return function(e){return e.compData.value===p(e)}(e)?"":e.compData.value}function c(e){return{$validity:e.errorMessage?"invalid":"valid"}}var b=r.compMixins,u=function(e){return r.compMixins.validatableMixin.getPublicState(e)},g={displayName:"ComboBoxInput",mixins:[b.skinBasedComp,b.runTimeCompData,n.textScaleMixin,r.compMixins.inputFocusMixin,r.compMixins.validatableMixin.validatable,r.compMixins.compStateMixin(u)],propTypes:{compData:i.Types.Component.compData.isRequired,compProp:i.Types.Component.compProp.isRequired,componentViewMode:i.Types.RenderFlags.componentViewMode,onSelectionChange:t.func,shouldResetComponent:i.Types.RenderFlags.shouldResetComponent,errorMessage:t.string},statics:{useSantaTypes:!0,behaviors:o.assign({},r.compMixins.inputFocusMixin.INPUT_FOCUS_BEHAVIORS,r.compMixins.validatableMixin.VALIDATABLE_BEHAVIORS)},focus:function(){this.refs.collection.focus()},blur:function(){this.refs.collection.blur()},getInitialState:function(){return o.assign(c(this.props),u(),{value:d(this.props),defaultValue:this.props.compData.value,placeholderValue:p(this.props)})},setCustomValidity:function(e){this.refs.collection.setCustomValidity(e)},componentWillReceiveProps:function(e){e.shouldResetComponent&&e.shouldResetComponent!==this.props.shouldResetComponent&&this.hideValidityIndication();var o=c(e),t=e.compData.value!==this.state.value,r=p(e)!==this.state.placeholderValue;(t||r||this.props.onSelectionChange)&&(o.value=d(e)),this.setState(o)},onChange:function(e,t){var r=e.target.value;this.updateData({value:r}),this.props.onSelectionChange?(e.type="selectionChanged",e.payload=o.find(this.props.compData.options,{value:r})||{},this.props.onSelectionChange(e,t)):this.setState({value:r||""}),this.handleAction("change",e)},onFocus:function(e){this.handleAction("focus",e)},onBlur:function(e){this.handleAction("blur",e)},getCollectionClassName:function(){var e={};return this.props.compProp.collectionClass&&(e[this.props.compProp.collectionClass]=!0),[this.isPlaceholderSelected()?this.classSet({"placeholder-style":!0}):"","has-custom-focus",this.classSet(e)].join(" ")},getSkinProperties:function(){var e={"with-validation-indication":this.shouldShowValidityIndication()};e[this.props.compProp.textAlignment+"-direction"]=!0,this.props.compProp.class&&(e[this.props.compProp.class]=!0);var t={};t["padding"+o.capitalize(this.props.compProp.textAlignment)]=this.props.compProp.textPadding;var r=this.props.compData.options;return{"":{className:this.classSet(e),"data-disabled":!!this.props.compProp.isDisabled,"data-preview":o.isFunction(this.getComponentPreviewState)&&this.getComponentPreviewState()},collection:{disabled:!!o.get(this.props,"compProp.isDisabled"),children:function(e,t,r,i){var n=!1,a=o.map(e,function(e,t){return n=n||e.value===r,l(o.assign({default:e.value===r,key:t},e))}),s=void 0;return s=t.placeholder?o.assign({disabled:!0,default:!n,style:{display:"none"},className:i,ref:"placeholder",key:"placeholder-"+t.placeholder.value},t.placeholder,{value:""}):{default:!n,style:{display:"none"},className:i,text:"",value:"",ref:"placeholder",key:"noPlaceholder"},a.unshift(l(s)),a}(r,this.props.compProp,this.state.defaultValue,this.classSet({"placeholder-style":!0})),value:this.state.value,required:this.props.compProp.required,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,style:o.merge(t,this.getFontSize()),className:this.getCollectionClassName(),"data-preview":o.isFunction(this.getComponentPreviewState)&&this.getComponentPreviewState()},errorMessage:{children:[this.props.errorMessage]}}},isPlaceholderSelected:function(){return function(e,t){return e.value===o.get(t,"placeholder.value")}(this.state,this.props.compProp)}};return r.compRegistrar.register("wysiwyg.viewer.components.inputs.ComboBoxInput",g,!0),a.skinsMap.addBatch(s),g});
2//# sourceMappingURL=comboBoxInput.min.js.map