amotify 0.2.245 → 0.2.246

package/dist/fn/Input/Select.js

@@ -1 +1 @@
-import{b as o,c as d,d as q}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as a,jsxs as V}from"react/jsx-runtime";import S,{UUID as h}from"jmini";import{useState as A,useEffect as z}from"react";import{ExtractStyles as Ce}from"../../@utils";import{Box as I,FAI as Z,Column as Ve}from"../../atoms";import{Literal as E,Row as H}from"../../mols";import{Button as Oe}from"../Button";import{Sheet as xe}from"../Sheet";import{OptionalInputWrapper as Fe,BoxWrapper as Te,CoreEffects as k,DefaultBoxishStyles as _e}from"./core";import{InputAutocompleteClasses as R}from"../../@styles/componentClasses";import{InputLabel as we}from"./Label";import{RightIcon as De}from".";function ke(e){let{value:t,states:l}=e,{required:s,options:i}=l,m=[];return s&&t===null&&m.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!m.filter(({type:c})=>c=="invalid").length,notice:m}}const ee={FilterSelectableOptions:(e,t)=>{let l=e.rootStates.options;return t||(l=l.filter(s=>(s==null?void 0:s.type)!="label")),l}},C={Shallow:e=>{let{rootStates:t,val_status:l}=e,s=Ce(t);return a(I,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:a(E.Description,d(o({className:t.className},s),{position:"absolute",width:1,freeCSS:d(o({},s.freeCSS),{color:"orange"}),children:a(I,{"data-input-value-shallow":l.componentId,children:"A"})}))})},Button:e=>V(le,{children:[a(C.LegacySelector,o({},e)),a(C.Original,o({},e))]}),Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!==null?null:a(I,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Original:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:l,set_preventOpenSelectorOnFocus:s,val_optionFocused:i,set_optionFocused:m,val_status:c,set_status:g,val_selectorOpen:y,set_selectorOpen:p}=e,N=t,{tone:B,required:F,form:T,className:O,label:ae,isLabelActive:oe,placeholder:ne,enableFormSubmit:L,emptySelect:$,checkValidationAtFirst:W,onValidate:re,onValidateDelay:se,onUpdateValue:ie,onUpdateValidValue:ce,onUserAction:ue,value:P="",options:M,leftIndicator:de,rightIndicator:j,leftIcon:Se,rightIcon:pe,componentId:fe,status_id:me,wrapStyles:ye,SelectedCellStyles:ve,SelectorCellStyles:ge,SelectorMode:be,SelectorStyles:Ie,SelectorPosition:he}=N,n=q(N,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorMode","SelectorStyles","SelectorPosition"]);return z(()=>{if(e.rootStates.SelectorMode!="original"||t.disabled)return;let u="select-click-"+t.componentId;if(y){if(!S('[data-input-origin="'+t.componentId+'"]'))return;S(document).addEvent({eventID:u,eventType:"click",callback:r=>{let _=S(r.target),w=!!S(_).parent("."+R("Core")).length;S(_).parent("."+R("Selector")).length||w||p(!1)}})}else S(document).removeEvent([u])},[y]),z(()=>{if(e.rootStates.SelectorMode!="original"||c.eventType=="init"||!y)return;let u=S('[data-input-origin="'+t.componentId+'"]');u&&u.focus()},[c.dataValue]),e.rootStates.SelectorMode!="original"?null:V(le,{children:[a(I,d(o({tabIndex:0},n),{"data-disabled":t.disabled,"data-show-validation":k.isShowValidation(c,!!W),"data-component-id":c.componentId,"data-input-origin":c.componentId,className:[O,R("Core")].join(" "),onFocus:u=>{if(n!=null&&n.onFocus&&(n==null||n.onFocus(u)),g(f=>d(o({},f),{eventID:h(12),isFocusing:!0})),!t.disabled){if(l)return s(!1);p(!0)}},onBlur:u=>{n!=null&&n.onBlur&&(n==null||n.onBlur(u)),g(f=>d(o({},f),{eventID:h(12),isFocusing:!1}))},onClick:u=>{n!=null&&n.onClick&&(n==null||n.onClick(u)),!t.disabled&&p(!0)},onKeyDown:u=>{let{key:f,metaKey:r,ctrlKey:_}=u,w=r||_;if(n!=null&&n.onKeyDown&&(n==null||n.onKeyDown(u)),L&&k.SubmitForm(u,T),!t.disabled){if(S.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(f))return;if(u.preventDefault(),!y)return p(!0);let b=f=="ArrowDown"?1:-1,v=ee.FilterSelectableOptions(e),K=v.length-1,x=null;S.scope(()=>{var J,X,G,Q,Y;let D=v.findIndex(U=>(U==null?void 0:U.id)==i);if(b==1){if(x=(J=v[0])==null?void 0:J.id,w){x=v[K].id;return}if(D==-1||D==K)return;x=(X=v[D+1])==null?void 0:X.id}else{if(x=(G=v[K])==null?void 0:G.id,w){x=(Q=v[0])==null?void 0:Q.id;return}if(D==-1||D==0)return;x=(Y=v[D-1])==null?void 0:Y.id}}),m(x)}),f=="Escape")p(!1);else if(f=="Tab")p(!1);else if(f=="Backspace")g(b=>d(o({},b),{dataValue:null,eventType:"update",eventID:h(12),isInspected:!1}));else if(f==" ")u.preventDefault(),p(!0);else if(f=="Enter"){if(!y)return p(!0);u.preventDefault();let b=t.options.find(v=>(v==null?void 0:v.id)==i);if(!b)return;g(v=>d(o({},v),{dataValue:b==null?void 0:b.value,eventType:"update",eventID:h(12),isInspected:!1})),p(!1)}}},children:V(H.Left,{gap:0,children:[a(I,{freeCSS:{width:0},overflow:"hidden",opacity:"trans",children:"A"}),V(H.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[a(C.Placeholder,o({},e)),a(C.Selected,o({},e))]})]})})),y&&a(C.Selector,o({},e))]})},LegacySelector:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:l,set_preventOpenSelectorOnFocus:s,val_optionFocused:i,set_optionFocused:m,val_status:c,set_status:g,val_selectorOpen:y,set_selectorOpen:p}=e,f=t,{tone:B,required:F,form:T,className:O,label:ae,isLabelActive:oe,placeholder:ne,enableFormSubmit:L,emptySelect:$,checkValidationAtFirst:W,onValidate:re,onValidateDelay:se,onUpdateValue:ie,onUpdateValidValue:ce,onUserAction:ue,onKeyDown:P,onChange:M,value:de="",options:j,leftIndicator:Se,rightIndicator:pe,leftIcon:fe,rightIcon:me,componentId:ye,status_id:ve,wrapStyles:ge,SelectedCellStyles:be,SelectorCellStyles:Ie,SelectorMode:he,SelectorStyles:n,SelectorPosition:N}=f,u=q(f,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","onKeyDown","onChange","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorMode","SelectorStyles","SelectorPosition"]);return e.rootStates.SelectorMode!="legacy"?null:V(I,d(o({htmlTag:"select",tabIndex:0},u),{"data-disabled":t.disabled,"data-show-validation":k.isShowValidation(c,!!W),"data-component-id":c.componentId,"data-input-origin":c.componentId,className:[O,R("Core")].join(" "),onKeyDown:r=>{P&&P(r),L&&k.SubmitForm(r,T)},onChange:r=>{let{value:_}=r.target;g(w=>d(o({},w),{dataValue:_,eventType:"update",eventID:h(12),isInspected:!1,isValidated:!1,notice:[]})),M&&M(r)},children:[!!$&&a("option",{value:"null",children:"\u9078\u629E"}),j.map(r=>S.is.nullish(r==null?void 0:r.value)?null:a("option",{value:r==null?void 0:r.value,children:(r==null?void 0:r.label)||(r==null?void 0:r.value)},String(r==null?void 0:r.value)))]}))},Selector:e=>{var s;z(()=>{let i=S(`[data-selector-id="${e.val_status.componentId}"]`)[0];if(!i)return;let m=S(`[data-select-input-value="${e.val_optionFocused}"]`)[0];m&&(i.scrollTop=m.offsetTop-24)},[e.val_optionFocused]);let t=ee.FilterSelectableOptions(e,!0),l={position:"absolute",minWidth:1,freeCSS:{zIndex:1e3}};switch(e.rootStates.SelectorPosition){case 1:l.bottom="100%",l.left=0,l.paddingBottom="1/3";break;case 2:l.bottom="100%",l.right=0,l.paddingBottom="1/3";break;case 3:l.top="100%",l.left=0,l.paddingTop="1/3";break;case 4:l.top="100%",l.right=0,l.paddingTop="1/3";break;default:break}return a(I,d(o({},l),{children:a(xe.Body,d(o({className:R("Selector"),ssCardBox:!0,borderRadius:"2.tone.secondary",boxShadow:"1.normal",overflow:"auto","data-selector-id":e.val_status.componentId},e.rootStates.SelectorStyles),{freeCSS:o({minWidth:12*6,maxHeight:12*24},(s=e.rootStates.SelectorStyles)==null?void 0:s.freeCSS),children:V(Ve,{gap:"1/12",padding:[1,0],children:[t.map((i,m)=>{if(!i)return null;let{type:c,value:g}=i,y=e.val_optionFocused==i.id,p=e.val_status.dataValue===g;return c=="label"?a(I,{children:i.label||i.value},h()):a(Oe.Sub.S,d(o({"data-select-input-value":i.id,color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1],isActive:p||y,isActiveStyles:y?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"}},e.rootStates.SelectorCellStyles),{onClick:B=>{e.set_status(F=>d(o({},F),{dataValue:g,eventType:"update",eventID:h(12),isInspected:!1})),e.set_selectorOpen(!1),e.set_preventOpenSelectorOnFocus(!0)},children:V(H.Left,{gap:"1/2",children:[p&&a(Z.Check,{fontColor:"theme"}),a(E.Supplement,{transition:"short",flexSizing:0,children:i.label||i.value})]})}),i.id)}),!t.length&&a(E.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]})}))}))},Selected:e=>{let t=e.rootStates.options.find(l=>S.is.equal(l==null?void 0:l.value,e.val_status.dataValue));return t?a(I,d(o({},e.rootStates.SelectedCellStyles),{children:(t==null?void 0:t.label)||(t==null?void 0:t.value)}),String(t==null?void 0:t.value)):null},Core:e=>{var F,T;let{value:t}=e,[l,s]=A(k.DefaultStatus(e.componentId,t)),[i,m]=A(!1),[c,g]=A(!1),[y,p]=A(((F=e.options.find(O=>(O==null?void 0:O.value)===e.value))==null?void 0:F.id)||((T=e.options[0])==null?void 0:T.id)||""),B={rootStates:e,val_preventOpenSelectorOnFocus:i,set_preventOpenSelectorOnFocus:m,val_optionFocused:y,set_optionFocused:p,val_selectorOpen:c,set_selectorOpen:g,val_status:l,set_status:s};return k.CommonEffects({type:"select",states:e,val_status:l,set_status:s,SystemValidation:ke}),V(Te,{val_status:l,set_status:s,states:e,children:[a(we,{componentId:e.componentId,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||l.dataValue!==null}),a(C.Shallow,o({},B)),a(C.Button,o({},B))]})}},te=e=>{var l;let t=o({},e);return t=d(o({emptySelect:!0,SelectorMode:"original",SelectorPosition:3},t),{freeCSS:o({cursor:"pointer"},t.freeCSS)}),t.emptySelect&&(t.options=[{value:null,label:a(E.Supplement,{fontColor:"4.thin",children:"\u672A\u9078\u629E"})},...t.options]),t.value=(l=t.value)!=null?l:null,t.options.forEach((s,i)=>{if(!s)return;let{type:m,value:c,searchValue:g}=s,y=g||S.is.string(c)&&c||S.Stringify(c||"")||"";t.options[i]=d(o({id:h()},s),{value:c,searchValue:y,type:m||"selector"})}),S.is.nullish(t.rightIcon)&&(t.rightIcon=a(De,{children:a(Z.AngleDown,{})})),a(Fe,{componentId:t.componentId,children:C.Core,states:_e(t)})};export{te as Select,te as default};
+import{b as o,c as d,d as q}from"../../chunk-C5N2D3ZX.js";import{Fragment as le,jsx as a,jsxs as V}from"react/jsx-runtime";import S,{UUID as h}from"jmini";import{useState as A,useEffect as z}from"react";import{ExtractStyles as Ce}from"../../@utils";import{Box as I,FAI as Z,Column as Ve}from"../../atoms";import{Literal as E,Row as H}from"../../mols";import{Button as Oe}from"../Button";import{Sheet as xe}from"../Sheet";import{OptionalInputWrapper as Fe,BoxWrapper as Te,CoreEffects as k,DefaultBoxishStyles as _e}from"./core";import{InputAutocompleteClasses as R}from"../../@styles/componentClasses";import{InputLabel as we}from"./Label";import{RightIcon as De}from".";function ke(e){let{value:t,states:l}=e,{required:s,options:i}=l,m=[];return s&&t===null&&m.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!m.filter(({type:u})=>u=="invalid").length,notice:m}}const ee={FilterSelectableOptions:(e,t)=>{let l=e.rootStates.options;return t||(l=l.filter(s=>(s==null?void 0:s.type)!="label")),l}},C={Shallow:e=>{let{rootStates:t,val_status:l}=e,s=Ce(t);return a(I,{position:"absolute",top:0,left:0,right:0,height:0,overflow:"hidden",opacity:"trans",freeCSS:{zIndex:3,pointerEvents:"none"},children:a(E.Description,d(o({className:t.className},s),{position:"absolute",width:1,freeCSS:d(o({},s.freeCSS),{color:"orange"}),children:a(I,{"data-input-value-shallow":l.componentId,children:"A"})}))})},Button:e=>V(le,{children:[a(C.LegacySelector,o({},e)),a(C.Original,o({},e))]}),Placeholder:e=>!e.rootStates.placeholder||e.val_status.dataValue!==null?null:a(I,{position:"absolute",opacity:"middle",fontColor:"3.blur",children:e.rootStates.placeholder||""}),Original:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:l,set_preventOpenSelectorOnFocus:s,val_optionFocused:i,set_optionFocused:m,val_status:u,set_status:g,val_selectorOpen:y,set_selectorOpen:p}=e,N=t,{tone:B,required:F,form:T,className:O,label:ae,isLabelActive:oe,placeholder:ne,enableFormSubmit:L,emptySelect:$,checkValidationAtFirst:W,onValidate:re,onValidateDelay:se,onUpdateValue:ie,onUpdateValidValue:ue,onUserAction:ce,value:P="",options:M,leftIndicator:de,rightIndicator:j,leftIcon:Se,rightIcon:pe,componentId:fe,status_id:me,wrapStyles:ye,SelectedCellStyles:ve,SelectorCellStyles:ge,SelectorMode:be,SelectorStyles:Ie,SelectorPosition:he}=N,n=q(N,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorMode","SelectorStyles","SelectorPosition"]);return z(()=>{if(e.rootStates.SelectorMode!="original"||t.disabled)return;let c="select-click-"+t.componentId;if(y){if(!S('[data-input-origin="'+t.componentId+'"]'))return;S(document).addEvent({eventID:c,eventType:"click",callback:r=>{let _=S(r.target),w=!!S(_).parent("."+R("Core")).length;S(_).parent("."+R("Selector")).length||w||p(!1)}})}else S(document).removeEvent([c])},[y]),z(()=>{if(e.rootStates.SelectorMode!="original"||u.eventType=="init"||!y)return;let c=S('[data-input-origin="'+t.componentId+'"]');c&&c.focus()},[u.dataValue]),e.rootStates.SelectorMode!="original"?null:V(le,{children:[a(I,d(o({tabIndex:0},n),{"data-disabled":t.disabled,"data-show-validation":k.isShowValidation(u,!!W),"data-component-id":u.componentId,"data-input-origin":u.componentId,className:[O,R("Core")].join(" "),onFocus:c=>{if(n!=null&&n.onFocus&&(n==null||n.onFocus(c)),g(f=>d(o({},f),{eventID:h(12),isFocusing:!0})),!t.disabled){if(l)return s(!1);p(!0)}},onBlur:c=>{n!=null&&n.onBlur&&(n==null||n.onBlur(c)),g(f=>d(o({},f),{eventID:h(12),isFocusing:!1}))},onClick:c=>{n!=null&&n.onClick&&(n==null||n.onClick(c)),!t.disabled&&p(!0)},onKeyDown:c=>{let{key:f,metaKey:r,ctrlKey:_}=c,w=r||_;if(n!=null&&n.onKeyDown&&(n==null||n.onKeyDown(c)),L&&k.SubmitForm(c,T),!t.disabled){if(S.scope(()=>{if(!["ArrowDown","ArrowUp"].includes(f))return;if(c.preventDefault(),!y)return p(!0);let b=f=="ArrowDown"?1:-1,v=ee.FilterSelectableOptions(e),K=v.length-1,x=null;S.scope(()=>{var J,X,G,Q,Y;let D=v.findIndex(U=>(U==null?void 0:U.id)==i);if(b==1){if(x=(J=v[0])==null?void 0:J.id,w){x=v[K].id;return}if(D==-1||D==K)return;x=(X=v[D+1])==null?void 0:X.id}else{if(x=(G=v[K])==null?void 0:G.id,w){x=(Q=v[0])==null?void 0:Q.id;return}if(D==-1||D==0)return;x=(Y=v[D-1])==null?void 0:Y.id}}),m(x)}),f=="Escape")p(!1);else if(f=="Tab")p(!1);else if(f=="Backspace")g(b=>d(o({},b),{dataValue:null,eventType:"update",eventID:h(12),isInspected:!1}));else if(f==" ")c.preventDefault(),p(!0);else if(f=="Enter"){if(!y)return p(!0);c.preventDefault();let b=t.options.find(v=>(v==null?void 0:v.id)==i);if(!b)return;g(v=>d(o({},v),{dataValue:b==null?void 0:b.value,eventType:"update",eventID:h(12),isInspected:!1})),p(!1)}}},children:V(H.Left,{gap:0,children:[a(I,{freeCSS:{width:0},overflow:"hidden",opacity:"trans",children:"A"}),V(H.Left,{flexWrap:!0,gap:"1/3",freeCSS:{letterSpacing:".5px"},children:[a(C.Placeholder,o({},e)),a(C.Selected,o({},e))]})]})})),y&&a(C.Selector,o({},e))]})},LegacySelector:e=>{let{rootStates:t,val_preventOpenSelectorOnFocus:l,set_preventOpenSelectorOnFocus:s,val_optionFocused:i,set_optionFocused:m,val_status:u,set_status:g,val_selectorOpen:y,set_selectorOpen:p}=e,f=t,{tone:B,required:F,form:T,className:O,label:ae,isLabelActive:oe,placeholder:ne,enableFormSubmit:L,emptySelect:$,checkValidationAtFirst:W,onValidate:re,onValidateDelay:se,onUpdateValue:ie,onUpdateValidValue:ue,onUserAction:ce,onKeyDown:P,onChange:M,value:de="",options:j,leftIndicator:Se,rightIndicator:pe,leftIcon:fe,rightIcon:me,componentId:ye,status_id:ve,wrapStyles:ge,SelectedCellStyles:be,SelectorCellStyles:Ie,SelectorMode:he,SelectorStyles:n,SelectorPosition:N}=f,c=q(f,["tone","required","form","className","label","isLabelActive","placeholder","enableFormSubmit","emptySelect","checkValidationAtFirst","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","onKeyDown","onChange","value","options","leftIndicator","rightIndicator","leftIcon","rightIcon","componentId","status_id","wrapStyles","SelectedCellStyles","SelectorCellStyles","SelectorMode","SelectorStyles","SelectorPosition"]);return e.rootStates.SelectorMode!="legacy"?null:V(I,d(o({htmlTag:"select",tabIndex:0},c),{"data-disabled":t.disabled,"data-show-validation":k.isShowValidation(u,!!W),"data-component-id":u.componentId,"data-input-origin":u.componentId,className:[O,R("Core")].join(" "),onKeyDown:r=>{P&&P(r),L&&k.SubmitForm(r,T)},onChange:r=>{let{value:_}=r.target;g(w=>d(o({},w),{dataValue:_,eventType:"update",eventID:h(12),isInspected:!1,isValidated:!1,notice:[]})),M&&M(r)},children:[!!$&&a("option",{value:"null",children:"\u9078\u629E"}),j.map(r=>S.is.nullish(r==null?void 0:r.value)?null:a("option",{value:r==null?void 0:r.value,children:(r==null?void 0:r.label)||(r==null?void 0:r.value)},String(r==null?void 0:r.value)))]}))},Selector:e=>{var s;z(()=>{let i=S(`[data-selector-id="${e.val_status.componentId}"]`)[0];if(!i)return;let m=S(`[data-select-input-value="${e.val_optionFocused}"]`)[0];m&&(i.scrollTop=m.offsetTop-24)},[e.val_optionFocused]);let t=ee.FilterSelectableOptions(e,!0),l={position:"absolute",minWidth:1,freeCSS:{zIndex:1e3}};switch(e.rootStates.SelectorPosition){case 1:l.bottom="100%",l.left=0,l.paddingBottom="1/3";break;case 2:l.bottom="100%",l.right=0,l.paddingBottom="1/3";break;case 3:l.top="100%",l.left=0,l.paddingTop="1/3";break;case 4:l.top="100%",l.right=0,l.paddingTop="1/3";break;default:break}return a(I,d(o({},l),{children:a(xe.Body,d(o({className:R("Selector"),ssCardBox:!0,borderRadius:"2.tone.secondary",boxShadow:"1.normal",overflow:"auto","data-selector-id":e.val_status.componentId},e.rootStates.SelectorStyles),{freeCSS:o({minWidth:12*6,maxHeight:12*24},(s=e.rootStates.SelectorStyles)==null?void 0:s.freeCSS),children:V(Ve,{gap:"1/12",padding:[1,0],children:[t.map((i,m)=>{if(!i)return null;let{type:u,value:g}=i,y=e.val_optionFocused==i.id,p=e.val_status.dataValue===g;return u=="label"?a(I,{children:i.label||i.value},h()):a(Oe.Sub.S,d(o({"data-select-input-value":i.id,color:"cloud",backgroundColor:"trans",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:["1/2",1],isActive:p||y,isActiveStyles:y?{backgroundColor:"cloud"}:{backgroundColor:"theme.opa.few",fontColor:"theme"}},e.rootStates.SelectorCellStyles),{onClick:B=>{e.set_status(F=>d(o({},F),{dataValue:g,eventType:"update",eventID:h(12),isInspected:!1})),e.set_selectorOpen(!1),e.set_preventOpenSelectorOnFocus(!0)},children:V(H.Left,{gap:"1/2",children:[p&&a(Z.Check,{fontColor:"theme"}),a(E.Supplement,{transition:"short",flexSizing:0,children:i.label||i.value})]})}),i.id)}),!t.length&&a(E.Supplement,{padding:[0,1],fontColor:"4.thin",children:"\u5019\u88DC\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093"},"no-selector-notice")]})}))}))},Selected:e=>{let t=e.rootStates.options.find(l=>S.is.equal(l==null?void 0:l.value,e.val_status.dataValue));return!t||e.val_status.dataValue===null&&(e.rootStates.label||e.rootStates.placeholder)?null:a(I,d(o({},e.rootStates.SelectedCellStyles),{children:(t==null?void 0:t.label)||(t==null?void 0:t.value)}),String(t==null?void 0:t.value))},Core:e=>{var F,T;let{value:t}=e,[l,s]=A(k.DefaultStatus(e.componentId,t)),[i,m]=A(!1),[u,g]=A(!1),[y,p]=A(((F=e.options.find(O=>(O==null?void 0:O.value)===e.value))==null?void 0:F.id)||((T=e.options[0])==null?void 0:T.id)||""),B={rootStates:e,val_preventOpenSelectorOnFocus:i,set_preventOpenSelectorOnFocus:m,val_optionFocused:y,set_optionFocused:p,val_selectorOpen:u,set_selectorOpen:g,val_status:l,set_status:s};return k.CommonEffects({type:"select",states:e,val_status:l,set_status:s,SystemValidation:ke}),V(Te,{val_status:l,set_status:s,states:e,children:[a(we,{componentId:e.componentId,fontSize:e.fontSize,required:e.required,label:e.label,isActive:e.isLabelActive||l.dataValue!==null}),a(C.Shallow,o({},B)),a(C.Button,o({},B))]})}},te=e=>{var l;let t=o({},e);return t=d(o({emptySelect:!0,SelectorMode:"original",SelectorPosition:3},t),{freeCSS:o({cursor:"pointer"},t.freeCSS)}),t.emptySelect&&(t.options=[{value:null,label:a(E.Supplement,{fontColor:"4.thin",children:"\u672A\u9078\u629E"})},...t.options]),t.value=(l=t.value)!=null?l:null,t.options.forEach((s,i)=>{if(!s)return;let{type:m,value:u,searchValue:g}=s,y=g||S.is.string(u)&&u||S.Stringify(u||"")||"";t.options[i]=d(o({id:h()},s),{value:u,searchValue:y,type:m||"selector"})}),S.is.nullish(t.rightIcon)&&(t.rightIcon=a(De,{children:a(Z.AngleDown,{})})),a(Fe,{componentId:t.componentId,children:C.Core,states:_e(t)})};export{te as Select,te as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.2.245",
+  "version": "0.2.246",
   "description": "UI Component for React,NextJS,esbuild",
   "scripts": {
     "start": "run-p clean build:*",