amotify 0.2.297 → 0.2.298

package/dist/fn/Input/List.d.ts

@@ -6,7 +6,7 @@ declare namespace List {
     type Type = 'radio' | 'checkbox';
     type IconType = Type;
     type Tone = 'normal' | 'border' | 'cloud' | 'plain';
-    type Size = 'regular' | 'large' | 'xLarge';
+    type Size = 'small' | 'regular' | 'large' | 'xLarge';
     type Value<T = any> = T extends infer V ? V : string | number | boolean | Records | void | null;
     type Input<T = Value, O = T> = InputTypes.CoreInput<O> & {
         type?: Type;

package/dist/fn/Input/List.js

@@ -1 +1 @@
-import{b as o,c as d,d as z}from"../../chunk-C5N2D3ZX.js";import{jsx as i}from"react/jsx-runtime";import m,{UUID as D}from"jmini";import{useState as ie}from"react";import{$$fromRoot as ne,GenerateHTMLProps as se}from"../../@utils";import{Box as x,Flex as ae,FAI as re,Span as ce}from"../../atoms";import{Button as de}from"../Button";import{OptionalInputWrapper as ue,BoxWrapper as pe,CoreEffects as F}from"./core";import{InputListClasses as y}from"../../@styles/componentClasses";function me(t){let{value:l,states:n}=t,{type:e,required:a,min:s,max:h}=n;s=s||0,h=h||65535;let c=[],f=l.length;return a&&(f||e=="radio"&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),f<s&&c.push({type:"invalid",label:s+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),f>h&&c.push({type:"invalid",label:h+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!c.filter(({type:V})=>V=="invalid").length,notice:c}}const C={InitOptions:t=>{let l=[];return t.forEach(n=>{if(!n)return;let{label:e,value:a}=n;m.isNullish(e)&&(e=String(a)),l.push(d(o({},n),{label:e,value:a}))}),l},OptionalListWrapper:t=>{let{value:l,options:n=[]}=t,e=m.isExist(l)?m.Arrayify(l):[],a=[];return e.forEach(s=>{n.findIndex(c=>m.isEqual(c.value,s))!=-1&&a.push(s)}),i(C.Core,d(o({},t),{value:a,options:n}))},Core:t=>{let k=t,{type:l,tone:n,required:e,componentId:a="",form:s,override:h,icon:c,iconType:f,iconSize:V,iconPosition:_,iconColor:R,onIconRender:J,enableFormSubmit:X,showInitValidation:A,onValidate:U,onValidateDelay:v,onUpdateValue:W,onUpdateValidValue:$,onUserAction:H,value:I,options:q,className:j,cellStyles:K,cellClassName:Z,cellCheckedStyles:G,cellCheckedClassName:E,min:u,max:O,hideInput:L,xcss:Q,wrapStyles:b}=k,Y=z(k,["type","tone","required","componentId","form","override","icon","iconType","iconSize","iconPosition","iconColor","onIconRender","enableFormSubmit","showInitValidation","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","xcss","wrapStyles"]),[N,T]=ie(F.DefaultStatus(a,I));return F.CommonEffects({type:"list."+l,states:t,val_status:N,set_status:T,SystemValidation:me}),i(pe,{val_status:N,set_status:T,states:t,children:i(C.List,{rootStates:t,val_status:N,set_status:T})})},List:t=>{let{rootStates:l,val_status:n,set_status:e}=t,{componentId:a,type:s,tone:h,icon:c,iconSize:f,iconColor:V,isChecker:_,options:R,name:J,form:X,tabIndex:A,hideInput:U,disabled:v,className:W,cellStyles:$,cellClassName:H="",cellCheckedStyles:I,cellCheckedClassName:q="",enableFormSubmit:j}=l,K=l.onIconRender,Z=R.map((G,E)=>{let oe=G,{value:u,label:O,disabled:L,className:Q="",checkedStyles:b,checkedClassName:Y="",xcss:N}=oe,T=z(oe,["value","label","disabled","className","checkedStyles","checkedClassName","xcss"]),k=D(),w=n.rawValue.findIndex(r=>r===u||m.isEqual(r,u))!=-1,S=o(o({},$),T),B=[y("Label"),H,Q];w&&(S=d(o(o(o({},S),I),b),{xcss:o(o(o({},S==null?void 0:S.xcss),I==null?void 0:I.xcss),b==null?void 0:b.xcss)}),B=[...B,q,Y]);const ee=()=>{if(v||L)return;let r=[];if(s=="radio")r=[u];else if(s=="checkbox"||_)if(!w)r=[...n.rawValue,u];else{let p=[...n.rawValue];p.splice(n.rawValue.findIndex(P=>P==u),1),r=p}e(p=>d(o({},p),{rawValue:r,eventType:"update",eventID:D(12),isInspected:!1}))};let te=[i(ce,{ssZIndex:2,flexSizing:0,children:m.isString(O)?i(x,{children:O}):O},"content")];return c&&te[l.iconPosition=="right"?"push":"unshift"](i(K,{isChecked:w,iconSize:f,iconColor:V,toggle:ee},"icon")),[i(x,{htmlTag:"input",type:s=="radio"?"radio":"checkbox",className:y("Input"),name:"RadioCheckbox-"+J,"data-list-index":a+"-"+E,id:k,value:String(u),disabled:v||L,checked:w,onFocus:r=>{L||s=="radio"&&(n.rawValue.length||e(p=>d(o({},p),{rawValue:[u],eventType:"update",eventID:D(12),isInspected:!1})))},onChange:()=>{ee()},onKeyDown:r=>{let{key:p,shiftKey:P}=r;if((s=="checkbox"||t.rootStates.isChecker)&&p!="Tab"){if(p.match(/Arrow/)){r.preventDefault();let le=m.isOneOf(p,"ArrowLeft","ArrowUp")?-1:1,g=E+le;g<0?g=R.length-1:g>=R.length&&(g=0),ne(`input[data-list-index="${a}-${g}"]`).focus()}}j&&F.SubmitForm(r,X)},tabIndex:A},"List-"+m.Stringify(u)),i(x,d(o({htmlTag:"label","data-disabled":v||L,htmlFor:k,className:B.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",flexWrap:!1},S),{children:te}),"ListTrigger-"+m.Stringify(u))]});return i(ae,{flexSizing:"auto",style:l.style,xcss:o({},l.xcss),className:[W,y("CellBase"),y("HideInput_"+U),y("IconIndicator_"+!!c),y("Tone_"+h)].join(" "),children:Z})},IconBase:t=>{let l=18;return t.iconSize=="large"?l=12*2.5:t.iconSize=="xLarge"&&(l=12*3),i(de.Clear,{tabIndex:-1,color:"cloud",ssEffectsOnActive:!1,padding:0,flexCenter:!0,className:y("Icon"),xcss:{borderRadius:t.type=="radio"?"50%":"20%",width:l,aspectRatio:1},onClick:n=>{n.preventDefault(),n.stopPropagation(),t.toggle()},children:t.children})},RadioIcon:t=>i(C.IconBase,d(o({type:"radio"},t),{children:i(x,{flexCenter:!0,isRounded:!0,border:t.isChecked?"0.trans":"3.thick",borderColor:t.isChecked?t.iconColor:"3.thick",position:"relative",transition:"middle",xcss:{width:"100%",height:"100%"},children:i(x,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.iconColor,opacity:t.isChecked?"max":"trans",xcss:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.4)"}})})})),CheckboxIcon:t=>i(C.IconBase,d(o({type:"checkbox"},t),{children:i(x,{flexCenter:!0,boxShadow:t.isChecked?"0.remark":"none",border:t.isChecked?"0.trans":"3.thick",backgroundColor:t.isChecked?t.iconColor:"trans",position:"relative",transition:"middle",fontColor:"white",xcss:{borderRadius:"25%",padding:"4%",width:"100%",height:"100%"},children:i(re.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",ssZIndex:8,xcss:{width:"100%",height:"100%",transform:t.isChecked?"scale(1)":"scale(.5)"}})})}))},M=t=>{t=t||"checkbox";const l=e=>(e=d(o({gap:1,icon:!0,iconSize:"regular",iconType:t=="radio"?"radio":"checkbox",iconPosition:"left",iconColor:"theme"},e),{type:t,cellStyles:o({gap:"1/6",position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.onIconRender||(e=d(o({},e),{onIconRender:e.iconType=="radio"?C.RadioIcon:C.CheckboxIcon})),e.iconSize=="large"?e.cellStyles.gap="1/2":e.iconSize=="xLarge"&&(e.cellStyles.gap="2/3"),e.tone=="normal"?(e.cellStyles=o({padding:["1/4",1],border:"1.thin",backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.1",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=se(e),e.options=C.InitOptions(e.options),i(ue,{componentId:e.componentId,children:C.OptionalListWrapper,states:e}));return Object.assign(l,{Normal:e=>i(l,o({type:t,tone:"normal",icon:!1},e)),Border:e=>i(l,o({type:t,tone:"border"},e)),Cloud:e=>i(l,o({type:t,tone:"cloud"},e)),Vivid:e=>i(l,o({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),Simple:e=>i(l,o({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e))})},he=M("radio"),Ce=M("checkbox"),ye=M();export{Ce as Checkbox,ye as List,he as Radio};
+import{b as o,c as d,d as P}from"../../chunk-C5N2D3ZX.js";import{jsx as i}from"react/jsx-runtime";import m,{UUID as D}from"jmini";import{useState as ie}from"react";import{$$fromRoot as ne,GenerateHTMLProps as se}from"../../@utils";import{Box as x,Flex as ae,FAI as re,Span as ce}from"../../atoms";import{Button as de}from"../Button";import{OptionalInputWrapper as ue,BoxWrapper as pe,CoreEffects as F}from"./core";import{InputListClasses as y}from"../../@styles/componentClasses";function me(t){let{value:l,states:n}=t,{type:e,required:a,min:s,max:h}=n;s=s||0,h=h||65535;let c=[],f=l.length;return a&&(f||e=="radio"&&c.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),f<s&&c.push({type:"invalid",label:s+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),f>h&&c.push({type:"invalid",label:h+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!c.filter(({type:V})=>V=="invalid").length,notice:c}}const C={InitOptions:t=>{let l=[];return t.forEach(n=>{if(!n)return;let{label:e,value:a}=n;m.isNullish(e)&&(e=String(a)),l.push(d(o({},n),{label:e,value:a}))}),l},OptionalListWrapper:t=>{let{value:l,options:n=[]}=t,e=m.isExist(l)?m.Arrayify(l):[],a=[];return e.forEach(s=>{n.findIndex(c=>m.isEqual(c.value,s))!=-1&&a.push(s)}),i(C.Core,d(o({},t),{value:a,options:n}))},Core:t=>{let g=t,{type:l,tone:n,required:e,componentId:a="",form:s,override:h,icon:c,iconType:f,iconSize:V,iconPosition:_,iconColor:R,onIconRender:J,enableFormSubmit:X,showInitValidation:A,onValidate:U,onValidateDelay:v,onUpdateValue:W,onUpdateValidValue:$,onUserAction:H,value:S,options:q,className:j,cellStyles:K,cellClassName:Z,cellCheckedStyles:G,cellCheckedClassName:E,min:u,max:O,hideInput:L,xcss:Q,wrapStyles:b}=g,Y=P(g,["type","tone","required","componentId","form","override","icon","iconType","iconSize","iconPosition","iconColor","onIconRender","enableFormSubmit","showInitValidation","onValidate","onValidateDelay","onUpdateValue","onUpdateValidValue","onUserAction","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","xcss","wrapStyles"]),[N,T]=ie(F.DefaultStatus(a,S));return F.CommonEffects({type:"list."+l,states:t,val_status:N,set_status:T,SystemValidation:me}),i(pe,{val_status:N,set_status:T,states:t,children:i(C.List,{rootStates:t,val_status:N,set_status:T})})},List:t=>{let{rootStates:l,val_status:n,set_status:e}=t,{componentId:a,type:s,tone:h,icon:c,iconSize:f,iconColor:V,isChecker:_,options:R,name:J,form:X,tabIndex:A,hideInput:U,disabled:v,className:W,cellStyles:$,cellClassName:H="",cellCheckedStyles:S,cellCheckedClassName:q="",enableFormSubmit:j}=l,K=l.onIconRender,Z=R.map((G,E)=>{let oe=G,{value:u,label:O,disabled:L,className:Q="",checkedStyles:b,checkedClassName:Y="",xcss:N}=oe,T=P(oe,["value","label","disabled","className","checkedStyles","checkedClassName","xcss"]),g=D(),w=n.rawValue.findIndex(r=>r===u||m.isEqual(r,u))!=-1,I=o(o({},$),T),B=[y("Label"),H,Q];w&&(I=d(o(o(o({},I),S),b),{xcss:o(o(o({},I==null?void 0:I.xcss),S==null?void 0:S.xcss),b==null?void 0:b.xcss)}),B=[...B,q,Y]);const ee=()=>{if(v||L)return;let r=[];if(s=="radio")r=[u];else if(s=="checkbox"||_)if(!w)r=[...n.rawValue,u];else{let p=[...n.rawValue];p.splice(n.rawValue.findIndex(z=>z==u),1),r=p}e(p=>d(o({},p),{rawValue:r,eventType:"update",eventID:D(12),isInspected:!1}))};let te=[i(ce,{ssZIndex:2,flexSizing:0,children:m.isString(O)?i(x,{children:O}):O},"content")];return c&&te[l.iconPosition=="right"?"push":"unshift"](i(K,{isChecked:w,iconSize:f,iconColor:V,toggle:ee},"icon")),[i(x,{htmlTag:"input",type:s=="radio"?"radio":"checkbox",className:y("Input"),name:"RadioCheckbox-"+J,"data-list-index":a+"-"+E,id:g,value:String(u),disabled:v||L,checked:w,onFocus:r=>{L||s=="radio"&&(n.rawValue.length||e(p=>d(o({},p),{rawValue:[u],eventType:"update",eventID:D(12),isInspected:!1})))},onChange:()=>{ee()},onKeyDown:r=>{let{key:p,shiftKey:z}=r;if((s=="checkbox"||t.rootStates.isChecker)&&p!="Tab"){if(p.match(/Arrow/)){r.preventDefault();let le=m.isOneOf(p,"ArrowLeft","ArrowUp")?-1:1,k=E+le;k<0?k=R.length-1:k>=R.length&&(k=0),ne(`input[data-list-index="${a}-${k}"]`).focus()}}j&&F.SubmitForm(r,X)},tabIndex:A},"List-"+m.Stringify(u)),i(x,d(o({htmlTag:"label","data-disabled":v||L,htmlFor:g,className:B.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",flexWrap:!1},I),{children:te}),"ListTrigger-"+m.Stringify(u))]});return i(ae,{flexSizing:"auto",style:l.style,xcss:o({},l.xcss),className:[W,y("CellBase"),y("HideInput_"+U),y("IconIndicator_"+!!c),y("Tone_"+h)].join(" "),children:Z})},IconBase:t=>{let l=18;return t.iconSize=="small"&&(l=12*1),t.iconSize=="large"?l=12*2:t.iconSize=="xLarge"&&(l=12*2.5),i(de.Clear,{tabIndex:-1,color:"cloud",ssEffectsOnActive:!1,padding:0,flexCenter:!0,className:y("Icon"),xcss:{borderRadius:t.type=="radio"?"50%":"20%",width:l,aspectRatio:1},onClick:n=>{n.preventDefault(),n.stopPropagation(),t.toggle()},children:t.children})},RadioIcon:t=>i(C.IconBase,d(o({type:"radio"},t),{children:i(x,{flexCenter:!0,isRounded:!0,border:t.isChecked?"0.trans":"3.thick",borderColor:t.isChecked?t.iconColor:"3.thick",position:"relative",transition:"middle",xcss:{width:"100%",height:"100%"},children:i(x,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.iconColor,opacity:t.isChecked?"max":"trans",xcss:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.4)"}})})})),CheckboxIcon:t=>i(C.IconBase,d(o({type:"checkbox"},t),{children:i(x,{flexCenter:!0,boxShadow:t.isChecked?"0.remark":"none",border:t.isChecked?"0.trans":"3.thick",backgroundColor:t.isChecked?t.iconColor:"trans",position:"relative",transition:"middle",fontColor:"white",xcss:{borderRadius:"25%",padding:"4%",width:"100%",height:"100%"},children:i(re.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",ssZIndex:8,xcss:{width:"100%",height:"100%",transform:t.isChecked?"scale(1)":"scale(.5)"}})})}))},M=t=>{t=t||"checkbox";const l=e=>(e=d(o({gap:1,icon:!0,iconSize:"regular",iconType:t=="radio"?"radio":"checkbox",iconPosition:"left",iconColor:"theme"},e),{type:t,cellStyles:o({gap:"1/2",position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.onIconRender||(e=d(o({},e),{onIconRender:e.iconType=="radio"?C.RadioIcon:C.CheckboxIcon})),e.iconSize=="small"?e.cellStyles.gap="1/4":(e.iconSize=="large"||e.iconSize=="xLarge")&&(e.cellStyles.gap="2/3"),e.tone=="normal"?(e.cellStyles=o({padding:["1/4",1],border:"1.thin",backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.1",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=o({border:"1.thin",backgroundColor:"layer.2",padding:["1/2",1,"1/2","1/2"]},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=se(e),e.options=C.InitOptions(e.options),i(ue,{componentId:e.componentId,children:C.OptionalListWrapper,states:e}));return Object.assign(l,{Normal:e=>i(l,o({type:t,tone:"normal",icon:!1},e)),Border:e=>i(l,o({type:t,tone:"border"},e)),Cloud:e=>i(l,o({type:t,tone:"cloud"},e)),Vivid:e=>i(l,o({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),Simple:e=>i(l,o({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e))})},he=M("radio"),Ce=M("checkbox"),ye=M();export{Ce as Checkbox,ye as List,he as Radio};

package/package.json

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