aravint-sms-form-controls 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -167,4 +167,4 @@
|
|
|
167
167
|
appearance: auto;
|
|
168
168
|
-webkit-appearance: menulist;
|
|
169
169
|
}
|
|
170
|
-
`}),w.jsx("div",{className:"w-full [&_.react-datepicker-wrapper]:w-full [&_.react-datepicker__input-container]:w-full",children:w.jsx(Nu,{ref:L,...y?{selectsRange:!0}:{},dateFormat:S,placeholderText:s||_,formatWeekDay:R=>R.substring(0,3),selected:y?e??void 0:a??void 0,startDate:y?e??void 0:void 0,endDate:y?r??void 0:void 0,onChange:P,shouldCloseOnSelect:!y,calendarClassName:"cdp-calendar",minDate:l??void 0,maxDate:c??void 0,disabled:u,filterDate:j,showPopperArrow:!1,popperPlacement:"bottom-start",renderCustomHeader:({date:R,decreaseMonth:N,increaseMonth:k,changeYear:G,prevMonthButtonDisabled:J,nextMonthButtonDisabled:xe})=>{const Qe=R.getFullYear();return w.jsxs("div",{className:"flex items-center justify-between px-1 relative",children:[w.jsx("button",{onClick:N,disabled:J,style:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"none",background:"transparent",cursor:"pointer",fontSize:"24px",lineHeight:1,color:"#4B5563",opacity:J?.3:1},children:"‹"}),w.jsxs("div",{className:"flex items-center gap-2",children:[w.jsx("span",{className:"text-[14px] font-bold text-gray-900",children:Iu[R.getMonth()]}),w.jsx("select",{className:"cdp-year-select",value:Qe,onChange:te=>G(Number(te.target.value)),style:{fontSize:"13px",fontWeight:600,color:"#221f1f",border:`1px solid ${p}`,borderRadius:"6px",padding:"2px 6px",background:"#fff",cursor:"pointer",outline:"none"},children:z.map(te=>w.jsx("option",{value:te,children:te},te))})]}),w.jsx("button",{onClick:k,disabled:xe,style:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"none",background:"transparent",cursor:"pointer",fontSize:"24px",lineHeight:1,color:"#4B5563",opacity:xe?.3:1},children:"›"})]})},calendarContainer:({className:R,children:N})=>w.jsxs("div",{className:R,children:[N,y&&w.jsxs("div",{className:"border-t border-gray-100 mt-2 pl-1 py-2 text-[7px] text-gray-500",children:[w.jsx("span",{style:{fontSize:"11px"},className:"font-semibold text-gray-700 text-[9px]",children:"Note:"})," ",w.jsxs("span",{style:{fontSize:"11px"},className:"text-[9px] text-gray-500",children:["Date range selection is limited to ",i," year."]})]})]}),customInput:w.jsx(Fu,{value:y?A:a?er(a):"",placeholder:s||_,onClear:W,showClear:y?!!e:!!a,className:v})},n)})]})});var so={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},aa=m.createContext&&m.createContext(so),Au=["attr","size","title"];function Wu(n,a){if(n==null)return{};var t,e,r=Hu(n,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(e=0;e<o.length;e++)t=o[e],a.indexOf(t)===-1&&{}.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}function Hu(n,a){if(n==null)return{};var t={};for(var e in n)if({}.hasOwnProperty.call(n,e)){if(a.indexOf(e)!==-1)continue;t[e]=n[e]}return t}function wr(){return wr=Object.assign?Object.assign.bind():function(n){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var e in t)({}).hasOwnProperty.call(t,e)&&(n[e]=t[e])}return n},wr.apply(null,arguments)}function oa(n,a){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);a&&(e=e.filter(function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable})),t.push.apply(t,e)}return t}function xr(n){for(var a=1;a<arguments.length;a++){var t=arguments[a]!=null?arguments[a]:{};a%2?oa(Object(t),!0).forEach(function(e){ju(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):oa(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function ju(n,a,t){return(a=Bu(a))in n?Object.defineProperty(n,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[a]=t,n}function Bu(n){var a=zu(n,"string");return typeof a=="symbol"?a:a+""}function zu(n,a){if(typeof n!="object"||!n)return n;var t=n[Symbol.toPrimitive];if(t!==void 0){var e=t.call(n,a);if(typeof e!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(n)}function io(n){return n&&n.map((a,t)=>m.createElement(a.tag,xr({key:t},a.attr),io(a.child)))}function Nr(n){return a=>m.createElement(Qu,wr({attr:xr({},n.attr)},a),io(n.child))}function Qu(n){var a=t=>{var e=n.attr,r=n.size,o=n.title,s=Wu(n,Au),i=r||t.size||"1em",l;return t.className&&(l=t.className),n.className&&(l=(l?l+" ":"")+n.className),m.createElement("svg",wr({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,e,s,{className:l,style:xr(xr({color:n.color||t.color},t.style),n.style),height:i,width:i,xmlns:"http://www.w3.org/2000/svg"}),o&&m.createElement("title",null,o),n.children)};return aa!==void 0?m.createElement(aa.Consumer,null,t=>a(t)):a(so)}function Vu(n){return Nr({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37"},child:[]}]})(n)}function $u(n){return Nr({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256z"},child:[]}]})(n)}function Ku(n){return Nr({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"},child:[]}]})(n)}function qu(n){return Nr({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"},child:[]}]})(n)}const Uu=Vu,Gu=qu,Xu=Ku,Zu=$u,Ju=({label:n,options:a,value:t,placeholder:e="Select",onChange:r,disabled:o=!1,error:s=!1,errorMessage:i,hoverOptionStyle:l={backgroundColor:"#BEFFDB",color:"#13785F"},selectedOptionStyle:c={backgroundColor:"#13785F",color:"#FFFFFF",fontWeight:500,borderLeftWidth:5,borderLeftColor:"#10B981",borderLeftStyle:"solid"},searchPlaceholder:u="Search...",showSearch:d=!0,ArrowDownIcon:p,ArrowUpIcon:f})=>{const[h,v]=m.useState(!1),[g,b]=m.useState(""),[x,D]=m.useState(null),C=m.useRef(null),E=a.find(S=>String(S.value)===String(t)),T=a.filter(S=>S.label.toLowerCase().includes(g.toLowerCase())),_=h?f||Xu:p||Gu;return m.useEffect(()=>{const S=A=>{C.current&&!C.current.contains(A.target)&&v(!1)};return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[]),w.jsxs("div",{className:"relative w-full",ref:C,children:[n&&w.jsx("label",{children:n}),w.jsxs("div",{className:"h-8 w-full rounded-md px-2 flex items-center justify-between text-xs border",style:{backgroundColor:o?"#F3F3F3":"#FFFFFF",cursor:o?"not-allowed":"pointer",borderColor:
|
|
170
|
+
`}),w.jsx("div",{className:"w-full [&_.react-datepicker-wrapper]:w-full [&_.react-datepicker__input-container]:w-full",children:w.jsx(Nu,{ref:L,...y?{selectsRange:!0}:{},dateFormat:S,placeholderText:s||_,formatWeekDay:R=>R.substring(0,3),selected:y?e??void 0:a??void 0,startDate:y?e??void 0:void 0,endDate:y?r??void 0:void 0,onChange:P,shouldCloseOnSelect:!y,calendarClassName:"cdp-calendar",minDate:l??void 0,maxDate:c??void 0,disabled:u,filterDate:j,showPopperArrow:!1,popperPlacement:"bottom-start",renderCustomHeader:({date:R,decreaseMonth:N,increaseMonth:k,changeYear:G,prevMonthButtonDisabled:J,nextMonthButtonDisabled:xe})=>{const Qe=R.getFullYear();return w.jsxs("div",{className:"flex items-center justify-between px-1 relative",children:[w.jsx("button",{onClick:N,disabled:J,style:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"none",background:"transparent",cursor:"pointer",fontSize:"24px",lineHeight:1,color:"#4B5563",opacity:J?.3:1},children:"‹"}),w.jsxs("div",{className:"flex items-center gap-2",children:[w.jsx("span",{className:"text-[14px] font-bold text-gray-900",children:Iu[R.getMonth()]}),w.jsx("select",{className:"cdp-year-select",value:Qe,onChange:te=>G(Number(te.target.value)),style:{fontSize:"13px",fontWeight:600,color:"#221f1f",border:`1px solid ${p}`,borderRadius:"6px",padding:"2px 6px",background:"#fff",cursor:"pointer",outline:"none"},children:z.map(te=>w.jsx("option",{value:te,children:te},te))})]}),w.jsx("button",{onClick:k,disabled:xe,style:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"none",background:"transparent",cursor:"pointer",fontSize:"24px",lineHeight:1,color:"#4B5563",opacity:xe?.3:1},children:"›"})]})},calendarContainer:({className:R,children:N})=>w.jsxs("div",{className:R,children:[N,y&&w.jsxs("div",{className:"border-t border-gray-100 mt-2 pl-1 py-2 text-[7px] text-gray-500",children:[w.jsx("span",{style:{fontSize:"11px"},className:"font-semibold text-gray-700 text-[9px]",children:"Note:"})," ",w.jsxs("span",{style:{fontSize:"11px"},className:"text-[9px] text-gray-500",children:["Date range selection is limited to ",i," year."]})]})]}),customInput:w.jsx(Fu,{value:y?A:a?er(a):"",placeholder:s||_,onClear:W,showClear:y?!!e:!!a,className:v})},n)})]})});var so={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},aa=m.createContext&&m.createContext(so),Au=["attr","size","title"];function Wu(n,a){if(n==null)return{};var t,e,r=Hu(n,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(e=0;e<o.length;e++)t=o[e],a.indexOf(t)===-1&&{}.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}function Hu(n,a){if(n==null)return{};var t={};for(var e in n)if({}.hasOwnProperty.call(n,e)){if(a.indexOf(e)!==-1)continue;t[e]=n[e]}return t}function wr(){return wr=Object.assign?Object.assign.bind():function(n){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var e in t)({}).hasOwnProperty.call(t,e)&&(n[e]=t[e])}return n},wr.apply(null,arguments)}function oa(n,a){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);a&&(e=e.filter(function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable})),t.push.apply(t,e)}return t}function xr(n){for(var a=1;a<arguments.length;a++){var t=arguments[a]!=null?arguments[a]:{};a%2?oa(Object(t),!0).forEach(function(e){ju(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):oa(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}function ju(n,a,t){return(a=Bu(a))in n?Object.defineProperty(n,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[a]=t,n}function Bu(n){var a=zu(n,"string");return typeof a=="symbol"?a:a+""}function zu(n,a){if(typeof n!="object"||!n)return n;var t=n[Symbol.toPrimitive];if(t!==void 0){var e=t.call(n,a);if(typeof e!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(n)}function io(n){return n&&n.map((a,t)=>m.createElement(a.tag,xr({key:t},a.attr),io(a.child)))}function Nr(n){return a=>m.createElement(Qu,wr({attr:xr({},n.attr)},a),io(n.child))}function Qu(n){var a=t=>{var e=n.attr,r=n.size,o=n.title,s=Wu(n,Au),i=r||t.size||"1em",l;return t.className&&(l=t.className),n.className&&(l=(l?l+" ":"")+n.className),m.createElement("svg",wr({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,e,s,{className:l,style:xr(xr({color:n.color||t.color},t.style),n.style),height:i,width:i,xmlns:"http://www.w3.org/2000/svg"}),o&&m.createElement("title",null,o),n.children)};return aa!==void 0?m.createElement(aa.Consumer,null,t=>a(t)):a(so)}function Vu(n){return Nr({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37"},child:[]}]})(n)}function $u(n){return Nr({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256z"},child:[]}]})(n)}function Ku(n){return Nr({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"},child:[]}]})(n)}function qu(n){return Nr({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"},child:[]}]})(n)}const Uu=Vu,Gu=qu,Xu=Ku,Zu=$u,Ju=({label:n,options:a,value:t,placeholder:e="Select",onChange:r,disabled:o=!1,error:s=!1,errorMessage:i,hoverOptionStyle:l={backgroundColor:"#BEFFDB",color:"#13785F"},selectedOptionStyle:c={backgroundColor:"#13785F",color:"#FFFFFF",fontWeight:500,borderLeftWidth:5,borderLeftColor:"#10B981",borderLeftStyle:"solid"},searchPlaceholder:u="Search...",showSearch:d=!0,ArrowDownIcon:p,ArrowUpIcon:f})=>{const[h,v]=m.useState(!1),[g,b]=m.useState(""),[x,D]=m.useState(null),C=m.useRef(null),E=a.find(S=>String(S.value)===String(t)),T=a.filter(S=>S.label.toLowerCase().includes(g.toLowerCase())),_=h?f||Xu:p||Gu;return m.useEffect(()=>{const S=A=>{C.current&&!C.current.contains(A.target)&&v(!1)};return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[]),w.jsxs("div",{className:"relative w-full",ref:C,children:[n&&w.jsx("label",{children:n}),w.jsxs("div",{className:"h-8 w-full rounded-md px-2 flex items-center justify-between text-xs border",style:{backgroundColor:o?"#F3F3F3":"#FFFFFF",cursor:o?"not-allowed":"pointer",borderColor:"#EF4444"},onClick:()=>!o&&v(!h),children:[w.jsx("span",{className:"truncate",style:{fontSize:"12px",fontWeight:400,color:E?"#1F2937":"#9CA3AF"},children:(E==null?void 0:E.label)||e}),w.jsx(_,{className:"transition duration-200 text-gray-500 text-[16px]"})]}),h&&!o&&w.jsxs("div",{className:" absolute left-0 top-full mt-1 w-full bg-white border border-[#9CA3AF] rounded-md shadow-lg",style:{zIndex:9999},children:[d&&w.jsx("div",{className:"p-2 border-b bg-white",children:w.jsxs("div",{className:"relative",children:[w.jsx("div",{className:"absolute flex items-center justify-center pointer-events-none",style:{left:8,top:6},children:w.jsx(Uu,{className:"w-4 h-4 text-slate-400"})}),w.jsx("input",{type:"text",placeholder:u,value:g,onChange:S=>b(S.target.value),className:"w-full h-9 rounded-lg border border-[#D1D5DB] text-sm text-slate-700 placeholder:text-slate-400 outline-none transition focus:border-[#10B981] focus:ring-1 focus:ring-[#10B981]/20",style:{paddingLeft:28,paddingRight:g?26:16,fontSize:12,lineHeight:"16px",height:28,backgroundColor:"#F9F9F9"}}),g&&w.jsx("button",{type:"button",onClick:()=>b(""),className:"absolute flex items-center justify-center",style:{right:6,top:6,background:"none",border:"none",padding:0,cursor:"pointer"},children:w.jsx(Zu,{className:"w-4 h-4 text-slate-400 hover:text-slate-600"})})]})}),w.jsx("div",{className:"overflow-x-hidden bg-white",style:{maxHeight:208,overflowY:"auto"},children:T.map(S=>{const A=String(t)===String(S.value),P=x===S.value,j={transition:"all 150ms ease",boxShadow:"0px 1px 2px 0px #0000000D",...A?c:P?l:{},...P&&!A?{transform:"translateX(2px)",fontWeight:700}:{}};return w.jsx("div",{className:"px-3 py-2 text-xs cursor-pointer",style:j,onMouseEnter:()=>D(S.value),onMouseLeave:()=>D(null),onClick:()=>{r(S.value),v(!1),b("")},children:S.label},S.value)})})]})]})},ed=({value:n,icon:a})=>{const[t,e]=m.useState(!1);return w.jsxs("div",{className:"relative inline-flex items-center justify-center",onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),children:[a,t&&w.jsxs("div",{className:"absolute left-1/2 -translate-x-1/2 z-[99999]",style:{top:"calc(100% + 8px)",background:"#202124",color:"#FFFFFF",padding:"6px 10px",borderRadius:"4px",fontSize:"12px",fontWeight:500,whiteSpace:"nowrap",width:"max-content",boxShadow:"0 2px 8px rgba(0,0,0,0.25)"},children:[n,w.jsx("div",{style:{position:"absolute",top:"-5px",left:"50%",transform:"translateX(-50%)",width:0,height:0,borderLeft:"5px solid transparent",borderRight:"5px solid transparent",borderBottom:"5px solid #202124"}})]})]})};exports.Checkbox=ho;exports.CustomDatePicker=Lu;exports.DragDropUpload=Go;exports.Input=xa;exports.MultiSelect=Uo;exports.Radio=po;exports.Select=Zo;exports.SingleSelect=Ju;exports.Textarea=ya;exports.ToggleSwitch=fo;exports.Tooltip=ed;
|
package/dist/form-controls.es.js
CHANGED
|
@@ -11558,7 +11558,7 @@ const td = Xu, rd = ed, nd = Ju, ad = Zu, vd = ({
|
|
|
11558
11558
|
style: {
|
|
11559
11559
|
backgroundColor: o ? "#F3F3F3" : "#FFFFFF",
|
|
11560
11560
|
cursor: o ? "not-allowed" : "pointer",
|
|
11561
|
-
borderColor:
|
|
11561
|
+
borderColor: "#EF4444"
|
|
11562
11562
|
},
|
|
11563
11563
|
onClick: () => !o && g(!h),
|
|
11564
11564
|
children: [
|