@zimyo/ui 1.10.9 → 1.10.11
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.
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/DatePicker/index.esm.js +1 -1
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/DateRangePicker/index.esm.js +1 -1
- package/dist/components/DateRangePicker/index.js +1 -1
- package/dist/components/Input/index.esm.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/RadioGroup/index.esm.js +1 -1
- package/dist/components/RadioGroup/index.js +1 -1
- package/dist/components/Select/index.d.ts +10 -2
- package/dist/components/Select/index.esm.js +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/TimePicker/index.esm.js +1 -1
- package/dist/components/TimePicker/index.js +1 -1
- package/dist/components/Timeline/index.d.ts +24 -0
- package/dist/components/Timeline/index.esm.js +1 -0
- package/dist/components/Timeline/index.js +1 -0
- package/dist/index.d.ts +32 -5
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +6 -1
|
@@ -21,7 +21,7 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
|
|
|
21
21
|
declare const badgeVariants: (props?: ({
|
|
22
22
|
variant?: "text" | "outlined" | "contained" | null | undefined;
|
|
23
23
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
24
|
-
type?: "default" | "
|
|
24
|
+
type?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
|
|
25
25
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
26
26
|
declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
27
27
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as t from"react";import{i as u,f as r,C as n}from"../../chunks/Calender-af2588bc.esm.js";import{u as o,a}from"../../chunks/index-32c3a4e2.esm.js";import{Popover as s}from"../Popover/index.esm.js";import{X as l,h as
|
|
1
|
+
import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as t from"react";import{i as u,f as r,C as n}from"../../chunks/Calender-af2588bc.esm.js";import{u as o,a}from"../../chunks/index-32c3a4e2.esm.js";import{Popover as s}from"../Popover/index.esm.js";import{X as l,h as c}from"../../chunks/lucide-8c9441ea.esm.js";import"../../chunks/typeof-cc63ab7d.esm.js";import"../../chunks/tslib.es6-49e5b83c.esm.js";import"../Button/index.esm.js";import"@mui/material";var z={xs:"zui:h-8 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},d=function(i){if("boolean"==typeof i)return i;if(i instanceof Date)return!!u(i)&&i;if(Array.isArray(i))return i.filter(function(i){return i instanceof Date&&u(i)});if("object"==typeof i&&null!==i){var e={};return"from"in i&&u(i.from)&&(e.from=i.from),"to"in i&&u(i.to)&&(e.to=i.to),"before"in i&&u(i.before)&&(e.before=i.before),"after"in i&&u(i.after)&&(e.after=i.after),"dayOfWeek"in i&&(e.dayOfWeek=i.dayOfWeek),Object.keys(e).length>0&&e}return!1},m=function(m){var f=m.label,p=m.value,b=m.onChange,h=m.placeholder,x=void 0===h?"Pick a date":h,g=m.required,v=m.description,y=m.error,k=m.disabled,N=m.variant,j=void 0===N?"outlined":N,w=m.size,C=void 0===w?"md":w,O=m.className,P=m.disableRange,W=void 0!==P&&P,A=m.floatingLabel,B=void 0!==A&&A,D=m.isClerable,F=void 0===D||D,M=function(i){return{container:i?"zui:opacity-80":"",label:i?"zui:text-gray-500":"zui:text-gray-700",input:i?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border zui:border-gray-300":""}}(k||!1),S=o("date"),q=t.useState(null),E=q[0],L=q[1],R=t.useMemo(function(){return!(!p||!u(p))&&r(p,"PPP")},[p]),T=function(){L(null)};return i("div",{className:a("zui:w-full zui:space-y-1",M.container,O),children:[!B&&f&&i("label",{htmlFor:S,className:a("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",M.label),children:[f,g&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i("div",{className:a("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-md zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===j&&"zui:bg-background zui:border-input","contained"===j&&"zui:bg-muted zui:border-transparent",(y||!R&&p)&&"zui:border-destructive focus-within:zui:ring-destructive",z[C],M.input,O),onClick:function(i){return!k&&void L(i.currentTarget)},children:[e("div",{className:"zui:truncate",children:R||x}),i("div",{className:"zui:flex zui:flex-row zui:gap-0.5",children:[F&&R&&!k?e(l,{onClick:function(i){i.stopPropagation(),null==b||b(void 0),T()},className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50 zui:cursor-pointer zui:rounded-full zui:hover:bg-gray-100"}):null,e(c,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),B&&f&&i("label",{htmlFor:S,className:a("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",M.label),children:[f,g&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e(s,{open:Boolean(E),onClose:T,anchorEl:E,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e(n,{id:S,mode:"single",selected:p,defaultMonth:p,onSelect:function(i){null==b||b(null!=i?i:void 0),T()},disabled:d(W)})}),v&&!y&&e("p",{className:"zui:text-xs zui:text-muted-foreground",children:v}),y&&e("p",{className:"zui:text-xs zui:text-destructive",children:y})]})};export{m as DatePicker,m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../chunks/Calender-3809e0ed.js"),r=require("../../chunks/index-90b71f01.js"),u=require("../Popover/index.js"),n=require("../../chunks/lucide-493ccaad.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../chunks/Calender-3809e0ed.js"),r=require("../../chunks/index-90b71f01.js"),u=require("../Popover/index.js"),n=require("../../chunks/lucide-493ccaad.js");function a(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}}),i.default=e,Object.freeze(i)}require("../../chunks/typeof-b30b964a.js"),require("../../chunks/tslib.es6-fa3b2784.js"),require("../Button/index.js"),require("@mui/material");var o=a(i),s={xs:"zui:h-8 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},l=function(e){if("boolean"==typeof e)return e;if(e instanceof Date)return!!t.isValid(e)&&e;if(Array.isArray(e))return e.filter(function(e){return e instanceof Date&&t.isValid(e)});if("object"==typeof e&&null!==e){var i={};return"from"in e&&t.isValid(e.from)&&(i.from=e.from),"to"in e&&t.isValid(e.to)&&(i.to=e.to),"before"in e&&t.isValid(e.before)&&(i.before=e.before),"after"in e&&t.isValid(e.after)&&(i.after=e.after),"dayOfWeek"in e&&(i.dayOfWeek=e.dayOfWeek),Object.keys(i).length>0&&i}return!1},c=function(i){var a=i.label,c=i.value,d=i.onChange,z=i.placeholder,f=void 0===z?"Pick a date":z,x=i.required,m=i.description,b=i.error,p=i.disabled,h=i.variant,g=void 0===h?"outlined":h,v=i.size,j=void 0===v?"md":v,y=i.className,k=i.disableRange,N=void 0!==k&&k,O=i.floatingLabel,q=void 0!==O&&O,w=i.isClerable,P=void 0===w||w,C=function(e){return{container:e?"zui:opacity-80":"",label:e?"zui:text-gray-500":"zui:text-gray-700",input:e?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border zui:border-gray-300":""}}(p||!1),V=r.useStableId("date"),D=o.useState(null),M=D[0],S=D[1],W=o.useMemo(function(){return!(!c||!t.isValid(c))&&t.format(c,"PPP")},[c]),A=function(){S(null)};return e.jsxs("div",{className:r.cn("zui:w-full zui:space-y-1",C.container,y),children:[!q&&a&&e.jsxs("label",{htmlFor:V,className:r.cn("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",C.label),children:[a,x&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),e.jsxs("div",{className:r.cn("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-md zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===g&&"zui:bg-background zui:border-input","contained"===g&&"zui:bg-muted zui:border-transparent",(b||!W&&c)&&"zui:border-destructive focus-within:zui:ring-destructive",s[j],C.input,y),onClick:function(e){return!p&&void S(e.currentTarget)},children:[e.jsx("div",{className:"zui:truncate",children:W||f}),e.jsxs("div",{className:"zui:flex zui:flex-row zui:gap-0.5",children:[P&&W&&!p?e.jsx(n.X,{onClick:function(e){e.stopPropagation(),null==d||d(void 0),A()},className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50 zui:cursor-pointer zui:rounded-full zui:hover:bg-gray-100"}):null,e.jsx(n.Calendar,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"})]}),q&&a&&e.jsxs("label",{htmlFor:V,className:r.cn("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",C.label),children:[a,x&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e.jsx(u.Popover,{open:Boolean(M),onClose:A,anchorEl:M,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e.jsx(t.Calendar,{id:V,mode:"single",selected:c,defaultMonth:c,onSelect:function(e){null==d||d(null!=e?e:void 0),A()},disabled:l(N)})}),m&&!b&&e.jsx("p",{className:"zui:text-xs zui:text-muted-foreground",children:m}),b&&e.jsx("p",{className:"zui:text-xs zui:text-destructive",children:b})]})};exports.DatePicker=c,exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as i,jsx as e,Fragment as t}from"react/jsx-runtime";import*as
|
|
1
|
+
import{jsxs as i,jsx as e,Fragment as t}from"react/jsx-runtime";import*as u from"react";import{f as o,C as r,i as n}from"../../chunks/Calender-af2588bc.esm.js";import{u as l,a}from"../../chunks/index-32c3a4e2.esm.js";import{Popover as s}from"../Popover/index.esm.js";import{h as d}from"../../chunks/lucide-8c9441ea.esm.js";import"../../chunks/typeof-cc63ab7d.esm.js";import"../../chunks/tslib.es6-49e5b83c.esm.js";import"../Button/index.esm.js";import"@mui/material";var m={xs:"zui:h-9 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},z=function(i){return!!i&&n(i)},c=function(c){var f=c.label,p=c.value,h=c.onChange,v=c.placeholder,x=void 0===v?"Pick a date":v,b=c.required,g=c.description,y=c.error,k=c.disabled,N=c.variant,L=void 0===N?"outlined":N,j=c.size,w=void 0===j?"md":j,C=c.className,F=c.floatingLabel,O=void 0!==F&&F,S=function(i){return{container:i?"zui:opacity-80":"",label:i?"zui:text-gray-500":"zui:text-gray-700",input:i?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border zui:border-gray-300":""}}(k||!1),B=l("date-range"),M=u.useState({from:z(null==p?void 0:p.from)?null==p?void 0:p.from:void 0,to:z(null==p?void 0:p.to)?null==p?void 0:p.to:void 0}),P=M[0],q=M[1],E=u.useState(null),T=E[0],A=E[1];return i("div",{className:a("zui:w-full zui:space-y-1",S.container,C),children:[!O&&f&&i("label",{htmlFor:B,className:a("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",S.label),children:[f,b&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i("div",{className:a("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-md zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===L&&"zui:bg-background zui:border-input","contained"===L&&"zui:bg-muted zui:border-transparent",y&&"zui:border-destructive focus-within:zui:ring-destructive",m[w],S.input,C),onClick:function(i){return!k&&void A(i.currentTarget)},children:[e("div",{className:"zui:truncate",children:z(null==P?void 0:P.from)?z(null==P?void 0:P.to)?i(t,{children:[o(P.from,"LLL dd, y")," -"," ",o(P.to,"LLL dd, y")]}):o(P.from,"LLL dd, y"):x}),e(d,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"}),O&&f&&i("label",{htmlFor:B,className:a("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",S.label),children:[f,b&&e("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e(s,{open:Boolean(T),onClose:function(){A(null)},anchorEl:T,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e(r,{id:B,autoFocus:!0,mode:"range",defaultMonth:null==P?void 0:P.from,selected:P,onSelect:function(i){var e;(null==i?void 0:i.from)&&n(i.from)?(q(i),i.to&&n(i.to)?null==h||h({from:i.from,to:i.to}):null==h||h({from:i.from,to:null!==(e=i.to)&&void 0!==e?e:i.from})):(q(void 0),null==h||h(void 0))},numberOfMonths:2})}),g&&!y&&e("p",{className:"zui:text-xs zui:text-muted-foreground",children:g}),y&&e("p",{className:"zui:text-xs zui:text-destructive",children:y})]})};export{c as DateRangePicker,c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../chunks/Calender-3809e0ed.js"),r=require("../../chunks/index-90b71f01.js"),u=require("../Popover/index.js"),n=require("../../chunks/lucide-493ccaad.js");function o(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}}),i.default=e,Object.freeze(i)}require("../../chunks/typeof-b30b964a.js"),require("../../chunks/tslib.es6-fa3b2784.js"),require("../Button/index.js"),require("@mui/material");var l=o(i),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../chunks/Calender-3809e0ed.js"),r=require("../../chunks/index-90b71f01.js"),u=require("../Popover/index.js"),n=require("../../chunks/lucide-493ccaad.js");function o(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}}),i.default=e,Object.freeze(i)}require("../../chunks/typeof-b30b964a.js"),require("../../chunks/tslib.es6-fa3b2784.js"),require("../Button/index.js"),require("@mui/material");var l=o(i),a={xs:"zui:h-9 zui:px-3 zui:text-xs",sm:"zui:h-9 zui:px-3 zui:text-sm",md:"zui:h-10 zui:px-3 zui:text-sm",lg:"zui:h-11 zui:px-3 zui:text-base"},s=function(e){return!!e&&t.isValid(e)},d=function(i){var o=i.label,d=i.value,c=i.onChange,z=i.placeholder,m=void 0===z?"Pick a date":z,f=i.required,x=i.description,v=i.error,b=i.disabled,h=i.variant,g=void 0===h?"outlined":h,p=i.size,j=void 0===p?"md":p,y=i.className,k=i.floatingLabel,q=void 0!==k&&k,N=function(e){return{container:e?"zui:opacity-80":"",label:e?"zui:text-gray-500":"zui:text-gray-700",input:e?" zui:cursor-not-allowed zui:opacity-60 zui:text-gray-500 zui:bg-gray-50 zui:border zui:border-gray-300":""}}(b||!1),L=r.useStableId("date-range"),O=l.useState({from:s(null==d?void 0:d.from)?null==d?void 0:d.from:void 0,to:s(null==d?void 0:d.to)?null==d?void 0:d.to:void 0}),w=O[0],P=O[1],C=l.useState(null),F=C[0],S=C[1];return e.jsxs("div",{className:r.cn("zui:w-full zui:space-y-1",N.container,y),children:[!q&&o&&e.jsxs("label",{htmlFor:L,className:r.cn("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",N.label),children:[o,f&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),e.jsxs("div",{className:r.cn("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-md zui:border zui:text-sm zui:ring-offset-background zui:transition-colors","focus-within:zui:ring-1 focus-within:zui:ring-ring focus-within:zui:ring-offset-1","outlined"===g&&"zui:bg-background zui:border-input","contained"===g&&"zui:bg-muted zui:border-transparent",v&&"zui:border-destructive focus-within:zui:ring-destructive",a[j],N.input,y),onClick:function(e){return!b&&void S(e.currentTarget)},children:[e.jsx("div",{className:"zui:truncate",children:s(null==w?void 0:w.from)?s(null==w?void 0:w.to)?e.jsxs(e.Fragment,{children:[t.format(w.from,"LLL dd, y")," -"," ",t.format(w.to,"LLL dd, y")]}):t.format(w.from,"LLL dd, y"):m}),e.jsx(n.Calendar,{className:"zui:ml-2 zui:h-4 zui:w-4 zui:opacity-50"}),q&&o&&e.jsxs("label",{htmlFor:L,className:r.cn("zui:pointer-events-none zui:absolute zui:left-3 zui:-top-[9px] zui:z-10 zui:bg-background zui:px-1 zui:text-xs zui:text-muted-foreground zui:transition-all",N.label),children:[o,f&&e.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]})]}),e.jsx(u.Popover,{open:Boolean(F),onClose:function(){S(null)},anchorEl:F,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:e.jsx(t.Calendar,{id:L,autoFocus:!0,mode:"range",defaultMonth:null==w?void 0:w.from,selected:w,onSelect:function(e){var i;(null==e?void 0:e.from)&&t.isValid(e.from)?(P(e),e.to&&t.isValid(e.to)?null==c||c({from:e.from,to:e.to}):null==c||c({from:e.from,to:null!==(i=e.to)&&void 0!==i?i:e.from})):(P(void 0),null==c||c(void 0))},numberOfMonths:2})}),x&&!v&&e.jsx("p",{className:"zui:text-xs zui:text-muted-foreground",children:x}),v&&e.jsx("p",{className:"zui:text-xs zui:text-destructive",children:v})]})};exports.DateRangePicker=d,exports.default=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as e,a as i}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsxs as
|
|
1
|
+
import{_ as e,a as i}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsxs as t,jsx as u}from"react/jsx-runtime";import*as n from"react";import{u as r,a as o}from"../../chunks/index-32c3a4e2.esm.js";import{E as l,e as a}from"../../chunks/lucide-8c9441ea.esm.js";var s={xs:"zui:h-8 zui:text-xs",sm:"zui:h-9 zui:text-sm",md:"zui:h-10 zui:text-sm",lg:"zui:h-11 zui:text-base"},z={xs:"zui:py-1.5",sm:"zui:py-2",md:"zui:py-2",lg:"zui:py-2.5"},c={xs:"zui:px-2",sm:"zui:px-2.5",md:"zui:px-3",lg:"zui:px-3.5"},d={xs:"zui:pl-8",sm:"zui:pl-9",md:"zui:pl-10",lg:"zui:pl-11"},m={xs:"zui:pr-8",sm:"zui:pr-9",md:"zui:pr-10",lg:"zui:pr-11"},f=n.forwardRef(function(f,p){var b,x,g=f.label,h=f.floatingLabel,v=void 0!==h&&h,y=f.description,w=f.error,N=f.leftIcon,k=f.rightIcon,I=f.size,C=void 0===I?"md":I,j=f.variant,B=void 0===j?"outlined":j,L=f.className,D=f.allowedPattern,R=f.onBeforeInput,S=f.onChange,E=f.onDebouncedChange,T=f.debounceDelay,q=f.type,F=void 0===q?"text":q,O=f.onLeftIconClick,P=f.onRightIconClick,$=f.wordLimit,A=f.focusOutline,H=void 0===A||A,Z=e(f,["label","floatingLabel","description","error","leftIcon","rightIcon","size","variant","className","allowedPattern","onBeforeInput","onChange","onDebouncedChange","debounceDelay","type","onLeftIconClick","onRightIconClick","wordLimit","focusOutline"]),_={container:(x=Z.disabled||!1)?"zui:opacity-80":"",label:x?"zui:text-gray-500":"zui:text-gray-700",input:x?" zui:cursor-not-allowed zui:opacity-90 zui:text-gray-900 zui:bg-gray-50 zui:border zui:border-gray-300":""},G=r("input"),J=n.useState(!1),K=J[0],M=J[1],Q=n.useState(null!==(b=Z.value)&&void 0!==b?b:""),U=Q[0],V=Q[1],W=n.useRef(null),X="textarea"===F,Y="password"===F,ee=Y&&K?"text":F,ie=X?String(U||"").trim().split(/\s+/).filter(Boolean).length:0;n.useEffect(function(){void 0!==Z.value&&V(Z.value)},[Z.value]),n.useEffect(function(){if(void 0!==T&&E)return W.current&&clearTimeout(W.current),W.current=setTimeout(function(){E(String(U))},T),function(){W.current&&clearTimeout(W.current)}},[U,T,E]);var te=function(e){var i="number"===D?/^[0-9]*$/:"alpha"===D?/^[a-zA-Z]*$/:D instanceof RegExp?D:null;if(i){var t=e.data,u=e.currentTarget.value+t;i.test(u)||e.preventDefault(),null==R||R(e)}},ue=function(e){var i=e.target.value;if($&&X&&i.trim().split(/\s+/).filter(Boolean).length>$)return;V(i),null==S||S(e)},ne=N?d[C]:"",re=k||Y?m[C]:"";return t("div",{className:o("zui:w-full",_.container,L),children:[!v&&g&&t("label",{htmlFor:G,className:o("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",_.label),children:[g,Z.required&&u("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),t("div",{className:o("zui:relative zui:w-full zui:rounded-md zui:border zui:bg-background zui:text-sm zui:transition-colors",H&&"zui:focus-within:ring-1 zui:focus-within:ring-ring zui:focus-within:ring-offset-1","outlined"===B&&"zui:border-input","contained"===B&&"zui:bg-muted zui:border-transparent",w&&"zui:border-destructive",w&&H&&"zui:focus-within:ring-destructive",_.input),children:[v&&g&&t("label",{htmlFor:G,className:o("zui:absolute zui:left-3 zui:top-0 zui:-translate-y-1/2 zui:bg-background zui:px-1 zui:text-xs zui:pointer-events-none zui:transition-colors zui:z-10",_.label),children:[g,Z.required&&u("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),N&&u("span",{className:o("zui:absolute zui:inset-y-0 zui:left-0 zui:flex zui:items-center zui:text-muted-foreground",c[C]),children:O?u("button",{type:"button",onClick:O,className:"zui:cursor-pointer zui:focus:outline-none",tabIndex:-1,children:N}):N}),X?u("textarea",i({id:G,ref:p,onBeforeInput:te,onChange:ue,value:U,placeholder:Z.placeholder,disabled:Z.disabled,className:o("zui:peer zui:block zui:w-full zui:bg-transparent zui:outline-none zui:px-3 zui:disabled:cursor-not-allowed zui:disabled:opacity-50 zui:resize-none",z[C],ne,re)},Z)):u("input",i({id:G,ref:p,type:ee,onBeforeInput:te,onChange:ue,value:U,placeholder:Z.placeholder,disabled:Z.disabled,className:o("zui:peer zui:block zui:w-full zui:bg-transparent zui:outline-none zui:px-3 zui:disabled:cursor-not-allowed zui:disabled:opacity-50",s[C],z[C],ne,re)},Z)),(k||Y)&&u("span",{className:o("zui:absolute zui:inset-y-0 zui:right-0 zui:flex zui:items-center zui:text-muted-foreground",c[C]),children:Y?u("button",{type:"button",onClick:function(){return M(function(e){return!e})},className:"zui:focus:outline-none",tabIndex:-1,"aria-label":K?"Hide password":"Show password",children:u(K?l:a,{size:16})}):P?u("button",{type:"button",onClick:P,className:"zui:cursor-pointer zui:focus:outline-none",tabIndex:-1,children:k}):k})]}),t("div",{className:"zui:flex zui:flex-row zui:justify-between",children:[y&&!w&&u("p",{className:"zui:text-xs zui:text-muted-foreground",children:y}),w&&u("p",{className:"zui:text-xs zui:text-destructive",children:w}),X&&void 0!==$&&t("div",{className:"zui:mt-1 zui:text-xs zui:text-muted-foreground zui:text-right zui:flex zui:justify-end zui:flex-1",children:[ie,"/",$," words"]})]})]})});export{f as Input,f as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-fa3b2784.js"),i=require("react/jsx-runtime"),t=require("react"),u=require("../../chunks/index-90b71f01.js"),n=require("../../chunks/lucide-493ccaad.js");function r(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,u.get?u:{enumerable:!0,get:function(){return e[t]}})}}),i.default=e,Object.freeze(i)}var s=r(t),l={xs:"zui:h-8 zui:text-xs",sm:"zui:h-9 zui:text-sm",md:"zui:h-10 zui:text-sm",lg:"zui:h-11 zui:text-base"},o={xs:"zui:py-1.5",sm:"zui:py-2",md:"zui:py-2",lg:"zui:py-2.5"},a={xs:"zui:px-2",sm:"zui:px-2.5",md:"zui:px-3",lg:"zui:px-3.5"},c={xs:"zui:pl-8",sm:"zui:pl-9",md:"zui:pl-10",lg:"zui:pl-11"},d={xs:"zui:pr-8",sm:"zui:pr-9",md:"zui:pr-10",lg:"zui:pr-11"},z=s.forwardRef(function(t,r){var z,f=t.label,p=t.floatingLabel,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-fa3b2784.js"),i=require("react/jsx-runtime"),t=require("react"),u=require("../../chunks/index-90b71f01.js"),n=require("../../chunks/lucide-493ccaad.js");function r(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,u.get?u:{enumerable:!0,get:function(){return e[t]}})}}),i.default=e,Object.freeze(i)}var s=r(t),l={xs:"zui:h-8 zui:text-xs",sm:"zui:h-9 zui:text-sm",md:"zui:h-10 zui:text-sm",lg:"zui:h-11 zui:text-base"},o={xs:"zui:py-1.5",sm:"zui:py-2",md:"zui:py-2",lg:"zui:py-2.5"},a={xs:"zui:px-2",sm:"zui:px-2.5",md:"zui:px-3",lg:"zui:px-3.5"},c={xs:"zui:pl-8",sm:"zui:pl-9",md:"zui:pl-10",lg:"zui:pl-11"},d={xs:"zui:pr-8",sm:"zui:pr-9",md:"zui:pr-10",lg:"zui:pr-11"},z=s.forwardRef(function(t,r){var z,f,x=t.label,p=t.floatingLabel,b=void 0!==p&&p,m=t.description,g=t.error,h=t.leftIcon,v=t.rightIcon,y=t.size,j=void 0===y?"md":y,w=t.variant,N=void 0===w?"outlined":w,I=t.className,k=t.allowedPattern,C=t.onBeforeInput,O=t.onChange,_=t.onDebouncedChange,q=t.debounceDelay,B=t.type,D=void 0===B?"text":B,E=t.onLeftIconClick,L=t.onRightIconClick,S=t.wordLimit,P=t.focusOutline,R=void 0===P||P,T=e.__rest(t,["label","floatingLabel","description","error","leftIcon","rightIcon","size","variant","className","allowedPattern","onBeforeInput","onChange","onDebouncedChange","debounceDelay","type","onLeftIconClick","onRightIconClick","wordLimit","focusOutline"]),F={container:(f=T.disabled||!1)?"zui:opacity-80":"",label:f?"zui:text-gray-500":"zui:text-gray-700",input:f?" zui:cursor-not-allowed zui:opacity-90 zui:text-gray-900 zui:bg-gray-50 zui:border zui:border-gray-300":""},$=u.useStableId("input"),A=s.useState(!1),H=A[0],M=A[1],Z=s.useState(null!==(z=T.value)&&void 0!==z?z:""),G=Z[0],J=Z[1],K=s.useRef(null),Q="textarea"===D,U="password"===D,V=U&&H?"text":D,W=Q?String(G||"").trim().split(/\s+/).filter(Boolean).length:0;s.useEffect(function(){void 0!==T.value&&J(T.value)},[T.value]),s.useEffect(function(){if(void 0!==q&&_)return K.current&&clearTimeout(K.current),K.current=setTimeout(function(){_(String(G))},q),function(){K.current&&clearTimeout(K.current)}},[G,q,_]);var X=function(e){var i="number"===k?/^[0-9]*$/:"alpha"===k?/^[a-zA-Z]*$/:k instanceof RegExp?k:null;if(i){var t=e.data,u=e.currentTarget.value+t;i.test(u)||e.preventDefault(),null==C||C(e)}},Y=function(e){var i=e.target.value;if(S&&Q&&i.trim().split(/\s+/).filter(Boolean).length>S)return;J(i),null==O||O(e)},ee=h?c[j]:"",ie=v||U?d[j]:"";return i.jsxs("div",{className:u.cn("zui:w-full",F.container,I),children:[!b&&x&&i.jsxs("label",{htmlFor:$,className:u.cn("zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",F.label),children:[x,T.required&&i.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),i.jsxs("div",{className:u.cn("zui:relative zui:w-full zui:rounded-md zui:border zui:bg-background zui:text-sm zui:transition-colors",R&&"zui:focus-within:ring-1 zui:focus-within:ring-ring zui:focus-within:ring-offset-1","outlined"===N&&"zui:border-input","contained"===N&&"zui:bg-muted zui:border-transparent",g&&"zui:border-destructive",g&&R&&"zui:focus-within:ring-destructive",F.input),children:[b&&x&&i.jsxs("label",{htmlFor:$,className:u.cn("zui:absolute zui:left-3 zui:top-0 zui:-translate-y-1/2 zui:bg-background zui:px-1 zui:text-xs zui:pointer-events-none zui:transition-colors zui:z-10",F.label),children:[x,T.required&&i.jsx("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),h&&i.jsx("span",{className:u.cn("zui:absolute zui:inset-y-0 zui:left-0 zui:flex zui:items-center zui:text-muted-foreground",a[j]),children:E?i.jsx("button",{type:"button",onClick:E,className:"zui:cursor-pointer zui:focus:outline-none",tabIndex:-1,children:h}):h}),Q?i.jsx("textarea",e.__assign({id:$,ref:r,onBeforeInput:X,onChange:Y,value:G,placeholder:T.placeholder,disabled:T.disabled,className:u.cn("zui:peer zui:block zui:w-full zui:bg-transparent zui:outline-none zui:px-3 zui:disabled:cursor-not-allowed zui:disabled:opacity-50 zui:resize-none",o[j],ee,ie)},T)):i.jsx("input",e.__assign({id:$,ref:r,type:V,onBeforeInput:X,onChange:Y,value:G,placeholder:T.placeholder,disabled:T.disabled,className:u.cn("zui:peer zui:block zui:w-full zui:bg-transparent zui:outline-none zui:px-3 zui:disabled:cursor-not-allowed zui:disabled:opacity-50",l[j],o[j],ee,ie)},T)),(v||U)&&i.jsx("span",{className:u.cn("zui:absolute zui:inset-y-0 zui:right-0 zui:flex zui:items-center zui:text-muted-foreground",a[j]),children:U?i.jsx("button",{type:"button",onClick:function(){return M(function(e){return!e})},className:"zui:focus:outline-none",tabIndex:-1,"aria-label":H?"Hide password":"Show password",children:H?i.jsx(n.Eye,{size:16}):i.jsx(n.EyeOff,{size:16})}):L?i.jsx("button",{type:"button",onClick:L,className:"zui:cursor-pointer zui:focus:outline-none",tabIndex:-1,children:v}):v})]}),i.jsxs("div",{className:"zui:flex zui:flex-row zui:justify-between",children:[m&&!g&&i.jsx("p",{className:"zui:text-xs zui:text-muted-foreground",children:m}),g&&i.jsx("p",{className:"zui:text-xs zui:text-destructive",children:g}),Q&&void 0!==S&&i.jsxs("div",{className:"zui:mt-1 zui:text-xs zui:text-muted-foreground zui:text-right zui:flex zui:justify-end zui:flex-1",children:[W,"/",S," words"]})]})]})});exports.Input=z,exports.default=z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as e,a as r}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsxs as t,jsx as a}from"react/jsx-runtime";import o from"react";import{useTheme as
|
|
1
|
+
import{_ as e,a as r}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsxs as t,jsx as a}from"react/jsx-runtime";import o from"react";import{useTheme as l,FormControl as i,FormLabel as n,Typography as d,RadioGroup as s,Box as m,FormControlLabel as c,Radio as p,FormHelperText as u}from"@mui/material";var x=o.forwardRef(function(x,f){var v=x.label,b=x.options,h=void 0===b?[]:b,g=x.value,y=x.defaultValue,S=x.onChange,z=x.name,C=x.disabled,M=void 0!==C&&C,w=x.required,R=void 0!==w&&w,L=x.error,j=void 0!==L&&L,k=x.helperText,q=x.row,B=void 0!==q&&q,F=x.size,H=void 0===F?"medium":F,T=x.color,V=void 0===T?"primary":T,W=x.sx,D=void 0===W?{}:W,E=x.radioSx,G=void 0===E?{}:E,I=x.labelSx,_=void 0===I?{}:I,A=e(x,["label","options","value","defaultValue","onChange","name","disabled","required","error","helperText","row","size","color","sx","radioSx","labelSx"]),J=l(),K=o.useState(g||y||""),N=K[0],O=K[1];o.useEffect(function(){void 0!==g&&O(g)},[g]);var P=void 0!==g?g:N;return t(i,r({ref:f,component:"fieldset",variant:"standard",disabled:M,error:j,sx:r({borderRadius:"8px"},D)},A,{children:[v&&t(n,{component:"legend",sx:r({fontWeight:500,fontSize:"small"===H?"0.875rem":"1rem",color:M?J.palette.text.disabled:j?J.palette.error.main:J.palette.text.primary,"&.Mui-focused":{color:j?J.palette.error.main:"".concat(J.palette[V].main)},mb:1},_),children:[v,R&&a(d,{component:"span",sx:{color:J.palette.error.main,ml:.5,fontSize:"inherit"},children:"*"})]}),a(s,{name:z,value:P,onChange:function(e){var r=e.target.value;void 0===g&&O(r),null==S||S(r)},row:B,sx:{gap:"small"===H?1:1.5,"& .MuiFormControlLabel-root":{marginLeft:0,marginRight:B?2:0}},children:h.map(function(e){return a(m,{children:a(c,{value:e.value,disabled:M||e.disabled,control:a(p,{size:H,color:V,sx:r({"&.Mui-checked":{color:j?J.palette.error.main:"".concat(J.palette[V].main)},alignSelf:e.description?"flex-start":"center",mt:e.description?.25:0},G)}),label:t(m,{sx:{display:"flex",flexDirection:"column"},children:[a(d,{variant:"small"===H?"body2":"body1",sx:{fontWeight:400,color:M||e.disabled?J.palette.text.disabled:J.palette.text.primary,lineHeight:1.5},children:e.label}),e.description&&a(d,{variant:"caption",sx:{color:M||e.disabled?J.palette.text.disabled:J.palette.text.secondary,mt:.25,lineHeight:1.4},children:e.description})]}),sx:{alignItems:e.description?"flex-start":"center",margin:0,display:"flex","& .MuiFormControlLabel-label":{ml:1,flex:1},"& .MuiButtonBase-root":{p:"small"===H?.5:1}}})},e.value)})}),k&&a(u,{sx:{mt:1,fontSize:"small"===H?"0.75rem":"0.875rem",color:j?J.palette.error.main:J.palette.text.secondary},children:k})]}))});export{x as RadioGroup,x as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-fa3b2784.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material"),a=t.forwardRef(function(a,i){var l=a.label,n=a.options,s=void 0===n?[]:n,d=a.value,c=a.defaultValue,p=a.onChange,x=a.name,m=a.disabled,u=void 0!==m&&m,f=a.required,v=void 0!==f&&f,b=a.error,h=void 0!==b&&b,g=a.helperText,y=a.row,j=void 0!==y&&y,_=a.size,S=void 0===_?"medium":_,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-fa3b2784.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material"),a=t.forwardRef(function(a,i){var l=a.label,n=a.options,s=void 0===n?[]:n,d=a.value,c=a.defaultValue,p=a.onChange,x=a.name,m=a.disabled,u=void 0!==m&&m,f=a.required,v=void 0!==f&&f,b=a.error,h=void 0!==b&&b,g=a.helperText,y=a.row,j=void 0!==y&&y,_=a.size,S=void 0===_?"medium":_,C=a.color,T=void 0===C?"primary":C,q=a.sx,z=void 0===q?{}:q,F=a.radioSx,M=void 0===F?{}:F,R=a.labelSx,L=void 0===R?{}:R,w=e.__rest(a,["label","options","value","defaultValue","onChange","name","disabled","required","error","helperText","row","size","color","sx","radioSx","labelSx"]),B=o.useTheme(),H=t.useState(d||c||""),k=H[0],G=H[1];t.useEffect(function(){void 0!==d&&G(d)},[d]);var V=void 0!==d?d:k;return r.jsxs(o.FormControl,e.__assign({ref:i,component:"fieldset",variant:"standard",disabled:u,error:h,sx:e.__assign({borderRadius:"8px"},z)},w,{children:[l&&r.jsxs(o.FormLabel,{component:"legend",sx:e.__assign({fontWeight:500,fontSize:"small"===S?"0.875rem":"1rem",color:u?B.palette.text.disabled:h?B.palette.error.main:B.palette.text.primary,"&.Mui-focused":{color:h?B.palette.error.main:"".concat(B.palette[T].main)},mb:1},L),children:[l,v&&r.jsx(o.Typography,{component:"span",sx:{color:B.palette.error.main,ml:.5,fontSize:"inherit"},children:"*"})]}),r.jsx(o.RadioGroup,{name:x,value:V,onChange:function(e){var r=e.target.value;void 0===d&&G(r),null==p||p(r)},row:j,sx:{gap:"small"===S?1:1.5,"& .MuiFormControlLabel-root":{marginLeft:0,marginRight:j?2:0}},children:s.map(function(t){return r.jsx(o.Box,{children:r.jsx(o.FormControlLabel,{value:t.value,disabled:u||t.disabled,control:r.jsx(o.Radio,{size:S,color:T,sx:e.__assign({"&.Mui-checked":{color:h?B.palette.error.main:"".concat(B.palette[T].main)},alignSelf:t.description?"flex-start":"center",mt:t.description?.25:0},M)}),label:r.jsxs(o.Box,{sx:{display:"flex",flexDirection:"column"},children:[r.jsx(o.Typography,{variant:"small"===S?"body2":"body1",sx:{fontWeight:400,color:u||t.disabled?B.palette.text.disabled:B.palette.text.primary,lineHeight:1.5},children:t.label}),t.description&&r.jsx(o.Typography,{variant:"caption",sx:{color:u||t.disabled?B.palette.text.disabled:B.palette.text.secondary,mt:.25,lineHeight:1.4},children:t.description})]}),sx:{alignItems:t.description?"flex-start":"center",margin:0,display:"flex","& .MuiFormControlLabel-label":{ml:1,flex:1},"& .MuiButtonBase-root":{p:"small"===S?.5:1}}})},t.value)})}),g&&r.jsx(o.FormHelperText,{sx:{mt:1,fontSize:"small"===S?"0.75rem":"0.875rem",color:h?B.palette.error.main:B.palette.text.secondary},children:g})]}))});exports.RadioGroup=a,exports.default=a;
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
2
3
|
import { Props, GroupBase } from 'react-select';
|
|
3
4
|
|
|
4
5
|
interface Option {
|
|
5
6
|
label?: string;
|
|
6
7
|
value?: string | number;
|
|
8
|
+
leftIcon?: string | React__default.ReactNode;
|
|
9
|
+
rightIcon?: string | React__default.ReactNode;
|
|
7
10
|
[key: string]: any;
|
|
8
11
|
}
|
|
9
12
|
type SelectSize = "xs" | "sm" | "md" | "lg";
|
|
10
|
-
interface SelectProps
|
|
13
|
+
interface SelectProps extends Omit<Props<Option, boolean, GroupBase<Option>>, 'options'> {
|
|
11
14
|
label?: string;
|
|
12
15
|
error?: string;
|
|
13
16
|
isClearable?: boolean;
|
|
@@ -21,8 +24,13 @@ interface SelectProps<OptionType extends Option> extends Props<OptionType, boole
|
|
|
21
24
|
value?: any;
|
|
22
25
|
floatingLabel?: boolean;
|
|
23
26
|
maxChipVisible?: number;
|
|
27
|
+
description?: string;
|
|
28
|
+
options?: Option[];
|
|
29
|
+
loadOptions?: (inputValue: string) => Promise<Option[]>;
|
|
30
|
+
cacheOptions?: boolean;
|
|
31
|
+
defaultOptions?: boolean | Option[];
|
|
24
32
|
}
|
|
25
|
-
declare function Select
|
|
33
|
+
declare function Select({ label, error, className, size, required, valueKey, labelKey, isMulti, value, options, loadOptions, cacheOptions, defaultOptions, onChange, searchByID, floatingLabel, maxChipVisible, description, isDisabled, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
26
34
|
|
|
27
35
|
export { Select, Select as default };
|
|
28
36
|
export type { SelectProps };
|