amotify
Version:
UI Component for React,NextJS,esbuild
2 lines (1 loc) • 3.29 kB
JavaScript
import{b as e,c as l,d as C}from"../../chunk-C5N2D3ZX.js";import{jsx as n}from"react/jsx-runtime";import{UUID as R}from"jmini";import{useState as a}from"react";import{Radio as w}from"./List";import{InputSegmentedClasses as c}from"../../@styles/componentClasses";const E=t=>{let i=t,{__sys_segmented_type:o,tone:B,value:d,options:S,onUpdateValue:h,onUpdateValidValue:u,onUserAction:g,enableFormSubmit:M,showInitValidation:U,cellStyles:_,cellClassName:b,cellCheckedClassName:f,cellCheckedStyles:k,xcss:I,wrapStyles:J}=i,T=C(i,["__sys_segmented_type","tone","value","options","onUpdateValue","onUpdateValidValue","onUserAction","enableFormSubmit","showInitValidation","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles","xcss","wrapStyles"]),[v]=a(R()),[p,V]=a(d),[x,m]=a(p);return p!=d&&(V(d),m(d)),n(w,l(e({options:S,value:x,componentId:v,icon:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative"},T),{xcss:e({whiteSpace:"nowrap"},I),cellStyles:e({flexCenter:!0,ssEffectsOnActive:"push"},_),cellCheckedStyles:e({},k),cellClassName:[b,c("Label"),c("Tone_"+o.replace(/\./ig,""))].join(" "),cellCheckedClassName:[f,c("Checked")].join(" "),tone:"custom",onUpdateValue:h,onUpdateValidValue:(...y)=>{u&&u(...y),o=="bottomline"&&m(y[0])},onUserAction:g}))},s=t=>{let{__sys_segmented_type:o}=t;return o=o||"plain",o=="plain"&&(t=l(e({padding:"1/3",gap:"1/3",ssCardBox:!0},t),{cellStyles:e({padding:["1/2","3/4"],borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme",boxShadow:"1.normal",fontColor:"white"},t.cellCheckedStyles)})),n(E,e({__sys_segmented_type:"plain"},t))},r=Object.assign(s,{Cloud:t=>{let o=l(e({__sys_segmented_type:"cloud",padding:"1/3",gap:"1/3",backgroundColor:"cloud"},t),{cellStyles:e({padding:"3/4",borderRadius:"inherit",position:"relative"},t.cellStyles),cellCheckedStyles:e({boxShadow:"1.normal",backgroundColor:"theme",fontColor:"white"},t.cellCheckedStyles)});return n(s,e({},o))},CloudTheme:t=>{let o=e({backgroundColor:"theme.opa.few",fontColor:"theme",__sys_segmented_type:"cloud.theme"},t);return n(r.Cloud,e({},o))},CloudMono:t=>{let o=l(e({fontColor:"3.blur",__sys_segmented_type:"cloud.mono"},t),{cellCheckedStyles:e({backgroundColor:"layer.1",fontColor:"1.clear"},t.cellCheckedStyles)});return n(r.Cloud,e({},o))},Border:t=>{let o=l(e({backgroundColor:"layer.1",border:"2.normal",overflow:"hidden",gap:0,fontColor:"3.blur",ssLastChildLossBorder:"right",boxShadow:"0.min",__sys_segmented_type:"border"},t),{cellStyles:e({padding:["3/4",1],borderRadius:0,borderRight:"2.normal"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme.opa.few",fontColor:"theme"},t.cellCheckedStyles)});return n(s,e({},o))},BorderVivid:t=>{let o=l(e({border:!0,borderColor:"theme",__sys_segmented_type:"border.vivid"},t),{cellStyles:e({borderRight:!0,borderColor:"theme"},t.cellStyles),cellCheckedStyles:e({backgroundColor:"theme",fontColor:"white"},t.cellCheckedStyles)});return n(r.Border,e({},o))},Bottomline:t=>{let o=l(e({__sys_segmented_type:"bottomline",gap:0,fontColor:"3.blur"},t),{cellStyles:e({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},t.cellStyles),cellCheckedStyles:e({fontColor:"theme"},t.cellCheckedStyles)});return n(s,e({},o))}});export{r as Segmented,r as default};