@orbe-agro/client-core 5.3.86 → 5.3.89

package/dist/@ecme/components/ui/Select/Select.js

@@ -1,43 +1,42 @@
 import { jsx as r } from "react/jsx-runtime";
 import i from "../utils/classNames.js";
-import D from "react-select";
+import V from "react-select";
 import "../ConfigProvider/index.js";
-import { useForm as w, useFormItem as R } from "../Form/context.js";
-import { useInputGroup as L } from "../InputGroup/context.js";
-import { HiChevronDown as O, HiX as F } from "react-icons/hi";
-import H from "./Option.js";
-import T from "../Spinner/Spinner.js";
-import { CONTROL_SIZES as $ } from "../utils/constants.js";
-import { useConfig as k } from "../ConfigProvider/ConfigProvider.js";
-const B = () => /* @__PURE__ */ r("div", { className: "select-dropdown-indicator", children: /* @__PURE__ */ r(O, {}) }), G = ({
+import { useForm as y, useFormItem as z } from "../Form/context.js";
+import { useInputGroup as D } from "../InputGroup/context.js";
+import { HiChevronDown as w, HiX as R } from "react-icons/hi";
+import L from "./Option.js";
+import O from "../Spinner/Spinner.js";
+import { CONTROL_SIZES as F } from "../utils/constants.js";
+import { useConfig as H } from "../ConfigProvider/ConfigProvider.js";
+const T = () => /* @__PURE__ */ r("div", { className: "select-dropdown-indicator", children: /* @__PURE__ */ r(w, {}) }), $ = ({
   innerProps: { ref: n, ...l }
-}) => /* @__PURE__ */ r("div", { ...l, ref: n, children: /* @__PURE__ */ r("div", { className: "select-clear-indicator", children: /* @__PURE__ */ r(F, {}) }) }), P = ({
+}) => /* @__PURE__ */ r("div", { ...l, ref: n, children: /* @__PURE__ */ r("div", { className: "select-clear-indicator", children: /* @__PURE__ */ r(R, {}) }) }), k = ({
   selectProps: n
 }) => {
   const { themeColor: l } = n;
-  return /* @__PURE__ */ r(T, { className: `select-loading-indicatior text-${l}` });
+  return /* @__PURE__ */ r(O, { className: `select-loading-indicatior text-${l}` });
 };
-function Y(n) {
-  var c, m, u;
+function Q(n) {
   const {
     components: l,
-    componentAs: p = D,
-    size: f,
-    styles: g,
-    className: v,
-    classNames: b,
-    field: I,
-    invalid: h,
-    ...C
-  } = n, { controlSize: S } = k(), N = (c = w()) == null ? void 0 : c.size, x = (m = R()) == null ? void 0 : m.invalid, V = (u = L()) == null ? void 0 : u.size, s = f || V || N || S, a = h || x, y = i(`select select-${s}`, v);
+    componentAs: m = V,
+    size: u,
+    styles: d,
+    className: p,
+    classNames: f,
+    field: g,
+    invalid: v,
+    ...b
+  } = n, { controlSize: I } = H(), h = y()?.size, C = z()?.invalid, S = D()?.size, s = u || S || h || I, a = v || C, N = i(`select select-${s}`, p);
   return /* @__PURE__ */ r(
-    p,
+    m,
     {
-      className: y,
+      className: N,
       classNames: {
         control: (o) => i(
           "select-control",
-          $[s].minH,
+          F[s].minH,
           o.isDisabled && "opacity-50 cursor-not-allowed",
           (() => {
             const e = [
@@ -69,7 +68,7 @@ function Y(n) {
         multiValueLabel: () => "select-multi-value-label",
         multiValueRemove: () => "select-multi-value-remove",
         menu: () => "select-menu",
-        ...b
+        ...f
       },
       classNamePrefix: "select",
       styles: {
@@ -79,8 +78,8 @@ function Y(n) {
           margin: o,
           paddingTop: e,
           paddingBottom: t,
-          ...d
-        }) => ({ ...d }),
+          ...c
+        }) => ({ ...c }),
         placeholder: () => ({}),
         singleValue: () => ({}),
         multiValue: () => ({}),
@@ -90,27 +89,27 @@ function Y(n) {
           backgroundColor: o,
           marginTop: e,
           marginBottom: t,
-          border: d,
-          borderRadius: Z,
-          boxShadow: j,
-          ...z
-        }) => ({ ...z, zIndex: 50 }),
-        ...g
+          border: c,
+          borderRadius: B,
+          boxShadow: G,
+          ...x
+        }) => ({ ...x, zIndex: 50 }),
+        ...d
       },
       components: {
         IndicatorSeparator: () => null,
-        Option: H,
-        LoadingIndicator: P,
-        DropdownIndicator: B,
-        ClearIndicator: G,
+        Option: L,
+        LoadingIndicator: k,
+        DropdownIndicator: T,
+        ClearIndicator: $,
         ...l
       },
-      ...I,
-      ...C
+      ...g,
+      ...b
     }
   );
 }
 export {
-  Y as default
+  Q as default
 };
 //# sourceMappingURL=Select.js.map

package/dist/@ecme/components/ui/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../lib/@ecme/components/ui/Select/Select.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport cn from '../utils/classNames'\nimport ReactSelect from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\nimport AsyncSelect from 'react-select/async'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm, useFormItem } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { HiChevronDown, HiX } from 'react-icons/hi'\nimport DefaultOption from './Option'\nimport Spinner from '../Spinner/Spinner'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    Props as ReactSelectProps,\n    StylesConfig,\n    ClassNamesConfig,\n    GroupBase,\n} from 'react-select'\nimport type { AsyncProps } from 'react-select/async'\nimport type { CreatableProps } from 'react-select/creatable'\nimport type { Ref, JSX } from 'react'\n\nconst DefaultDropdownIndicator = () => {\n    return (\n        <div className=\"select-dropdown-indicator\">\n            <HiChevronDown />\n        </div>\n    )\n}\n\ninterface DefaultClearIndicatorProps {\n    innerProps: JSX.IntrinsicElements['div']\n    ref: Ref<HTMLElement>\n}\n\nconst DefaultClearIndicator = ({\n    innerProps: { ref, ...restInnerProps },\n}: DefaultClearIndicatorProps) => {\n    return (\n        <div {...restInnerProps} ref={ref}>\n            <div className=\"select-clear-indicator\">\n                <HiX />\n            </div>\n        </div>\n    )\n}\n\ninterface DefaultLoadingIndicatorProps {\n    selectProps: { themeColor?: string }\n}\n\nconst DefaultLoadingIndicator = ({\n    selectProps,\n}: DefaultLoadingIndicatorProps) => {\n    const { themeColor } = selectProps\n    return (\n        <Spinner className={`select-loading-indicatior text-${themeColor}`} />\n    )\n}\n\nexport type SelectProps<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n> = CommonProps &\n    ReactSelectProps<Option, IsMulti, Group> &\n    AsyncProps<Option, IsMulti, Group> &\n    CreatableProps<Option, IsMulti, Group> & {\n        invalid?: boolean\n        size?: TypeAttributes.ControlSize\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        field?: any\n        componentAs?: ReactSelect | CreatableSelect | AsyncSelect\n    }\n\nfunction Select<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n>(props: SelectProps<Option, IsMulti, Group>) {\n    const {\n        components,\n        componentAs: Component = ReactSelect,\n        size,\n        styles,\n        className,\n        classNames,\n        field,\n        invalid,\n        ...rest\n    } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n    const formItemInvalid = useFormItem()?.invalid\n    const inputGroupSize = useInputGroup()?.size\n\n    const selectSize = (size ||\n        inputGroupSize ||\n        formControlSize ||\n        controlSize) as keyof typeof CONTROL_SIZES\n\n    const isSelectInvalid = invalid || formItemInvalid\n\n    const selectClass = cn(`select select-${selectSize}`, className)\n\n    return (\n        <Component<Option, IsMulti, Group>\n            className={selectClass}\n            classNames={\n                {\n                    control: (state) =>\n                        cn(\n                            'select-control',\n                            CONTROL_SIZES[selectSize].minH,\n                            state.isDisabled && 'opacity-50 cursor-not-allowed',\n                            (() => {\n                                const classes: string[] = [\n                                    'bg-gray-100 dark:bg-gray-700',\n                                ]\n\n                                const { isFocused } = state\n\n                                if (isFocused) {\n                                    classes.push(\n                                        'select-control-focused ring-2 ring-primary border-primary bg-transparent',\n                                    )\n                                }\n\n                                if (isSelectInvalid) {\n                                    classes.push(\n                                        'select-control-invalid bg-error-subtle',\n                                    )\n                                }\n\n                                if (isFocused && isSelectInvalid) {\n                                    classes.push('ring-error border-error')\n                                }\n\n                                return classes\n                            })(),\n                        ),\n                    valueContainer: ({ isMulti, hasValue, selectProps }) =>\n                        cn(\n                            'select-value-container',\n                            isMulti &&\n                                hasValue &&\n                                selectProps.controlShouldRenderValue\n                                ? 'flex'\n                                : 'grid',\n                        ),\n                    input: ({ value, isDisabled }) =>\n                        cn(\n                            'select-input-container',\n                            isDisabled ? 'invisible' : 'visible',\n                            value && '[transform:translateZ(0)]',\n                        ),\n                    placeholder: () =>\n                        cn(\n                            'select-placeholder',\n                            isSelectInvalid ? 'text-error' : 'text-gray-400',\n                        ),\n                    indicatorsContainer: () => 'select-indicators-container',\n                    singleValue: () => 'select-single-value',\n                    multiValue: () => 'select-multi-value',\n                    multiValueLabel: () => 'select-multi-value-label',\n                    multiValueRemove: () => 'select-multi-value-remove',\n                    menu: () => 'select-menu',\n                    ...classNames,\n                } as ClassNamesConfig<Option, IsMulti, Group>\n            }\n            classNamePrefix={'select'}\n            styles={\n                {\n                    control: () => ({}),\n                    valueContainer: () => ({}),\n                    input: ({\n                        margin,\n                        paddingTop,\n                        paddingBottom,\n                        ...provided\n                    }) => ({ ...provided }),\n                    placeholder: () => ({}),\n                    singleValue: () => ({}),\n                    multiValue: () => ({}),\n                    multiValueLabel: () => ({}),\n                    multiValueRemove: () => ({}),\n                    menu: ({\n                        backgroundColor,\n                        marginTop,\n                        marginBottom,\n                        border,\n                        borderRadius,\n                        boxShadow,\n                        ...provided\n                    }) => ({ ...provided, zIndex: 50 }),\n                    ...styles,\n                } as StylesConfig<Option, IsMulti, Group>\n            }\n            components={{\n                IndicatorSeparator: () => null,\n                Option: DefaultOption,\n                LoadingIndicator: DefaultLoadingIndicator,\n                DropdownIndicator: DefaultDropdownIndicator,\n                ClearIndicator: DefaultClearIndicator,\n                ...components,\n            }}\n            {...field}\n            {...rest}\n        />\n    )\n}\n\nexport default Select\n"],"names":["DefaultDropdownIndicator","jsx","HiChevronDown","DefaultClearIndicator","ref","restInnerProps","HiX","DefaultLoadingIndicator","selectProps","themeColor","Spinner","Select","props","components","Component","ReactSelect","size","styles","className","classNames","field","invalid","rest","controlSize","useConfig","formControlSize","_a","useForm","formItemInvalid","_b","useFormItem","inputGroupSize","_c","useInputGroup","selectSize","isSelectInvalid","selectClass","cn","state","CONTROL_SIZES","classes","isFocused","isMulti","hasValue","value","isDisabled","margin","paddingTop","paddingBottom","provided","backgroundColor","marginTop","marginBottom","border","borderRadius","boxShadow","DefaultOption"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../../lib/@ecme/components/ui/Select/Select.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport cn from '../utils/classNames'\nimport ReactSelect from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\nimport AsyncSelect from 'react-select/async'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm, useFormItem } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { HiChevronDown, HiX } from 'react-icons/hi'\nimport DefaultOption from './Option'\nimport Spinner from '../Spinner/Spinner'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    Props as ReactSelectProps,\n    StylesConfig,\n    ClassNamesConfig,\n    GroupBase,\n} from 'react-select'\nimport type { AsyncProps } from 'react-select/async'\nimport type { CreatableProps } from 'react-select/creatable'\nimport type { Ref, JSX } from 'react'\n\nconst DefaultDropdownIndicator = () => {\n    return (\n        <div className=\"select-dropdown-indicator\">\n            <HiChevronDown />\n        </div>\n    )\n}\n\ninterface DefaultClearIndicatorProps {\n    innerProps: JSX.IntrinsicElements['div']\n    ref: Ref<HTMLElement>\n}\n\nconst DefaultClearIndicator = ({\n    innerProps: { ref, ...restInnerProps },\n}: DefaultClearIndicatorProps) => {\n    return (\n        <div {...restInnerProps} ref={ref}>\n            <div className=\"select-clear-indicator\">\n                <HiX />\n            </div>\n        </div>\n    )\n}\n\ninterface DefaultLoadingIndicatorProps {\n    selectProps: { themeColor?: string }\n}\n\nconst DefaultLoadingIndicator = ({\n    selectProps,\n}: DefaultLoadingIndicatorProps) => {\n    const { themeColor } = selectProps\n    return (\n        <Spinner className={`select-loading-indicatior text-${themeColor}`} />\n    )\n}\n\nexport type SelectProps<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n> = CommonProps &\n    ReactSelectProps<Option, IsMulti, Group> &\n    AsyncProps<Option, IsMulti, Group> &\n    CreatableProps<Option, IsMulti, Group> & {\n        invalid?: boolean\n        size?: TypeAttributes.ControlSize\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        field?: any\n        componentAs?: ReactSelect | CreatableSelect | AsyncSelect\n    }\n\nfunction Select<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n>(props: SelectProps<Option, IsMulti, Group>) {\n    const {\n        components,\n        componentAs: Component = ReactSelect,\n        size,\n        styles,\n        className,\n        classNames,\n        field,\n        invalid,\n        ...rest\n    } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n    const formItemInvalid = useFormItem()?.invalid\n    const inputGroupSize = useInputGroup()?.size\n\n    const selectSize = (size ||\n        inputGroupSize ||\n        formControlSize ||\n        controlSize) as keyof typeof CONTROL_SIZES\n\n    const isSelectInvalid = invalid || formItemInvalid\n\n    const selectClass = cn(`select select-${selectSize}`, className)\n\n    return (\n        <Component<Option, IsMulti, Group>\n            className={selectClass}\n            classNames={\n                {\n                    control: (state) =>\n                        cn(\n                            'select-control',\n                            CONTROL_SIZES[selectSize].minH,\n                            state.isDisabled && 'opacity-50 cursor-not-allowed',\n                            (() => {\n                                const classes: string[] = [\n                                    'bg-gray-100 dark:bg-gray-700',\n                                ]\n\n                                const { isFocused } = state\n\n                                if (isFocused) {\n                                    classes.push(\n                                        'select-control-focused ring-2 ring-primary border-primary bg-transparent',\n                                    )\n                                }\n\n                                if (isSelectInvalid) {\n                                    classes.push(\n                                        'select-control-invalid bg-error-subtle',\n                                    )\n                                }\n\n                                if (isFocused && isSelectInvalid) {\n                                    classes.push('ring-error border-error')\n                                }\n\n                                return classes\n                            })(),\n                        ),\n                    valueContainer: ({ isMulti, hasValue, selectProps }) =>\n                        cn(\n                            'select-value-container',\n                            isMulti &&\n                                hasValue &&\n                                selectProps.controlShouldRenderValue\n                                ? 'flex'\n                                : 'grid',\n                        ),\n                    input: ({ value, isDisabled }) =>\n                        cn(\n                            'select-input-container',\n                            isDisabled ? 'invisible' : 'visible',\n                            value && '[transform:translateZ(0)]',\n                        ),\n                    placeholder: () =>\n                        cn(\n                            'select-placeholder',\n                            isSelectInvalid ? 'text-error' : 'text-gray-400',\n                        ),\n                    indicatorsContainer: () => 'select-indicators-container',\n                    singleValue: () => 'select-single-value',\n                    multiValue: () => 'select-multi-value',\n                    multiValueLabel: () => 'select-multi-value-label',\n                    multiValueRemove: () => 'select-multi-value-remove',\n                    menu: () => 'select-menu',\n                    ...classNames,\n                } as ClassNamesConfig<Option, IsMulti, Group>\n            }\n            classNamePrefix={'select'}\n            styles={\n                {\n                    control: () => ({}),\n                    valueContainer: () => ({}),\n                    input: ({\n                        margin,\n                        paddingTop,\n                        paddingBottom,\n                        ...provided\n                    }) => ({ ...provided }),\n                    placeholder: () => ({}),\n                    singleValue: () => ({}),\n                    multiValue: () => ({}),\n                    multiValueLabel: () => ({}),\n                    multiValueRemove: () => ({}),\n                    menu: ({\n                        backgroundColor,\n                        marginTop,\n                        marginBottom,\n                        border,\n                        borderRadius,\n                        boxShadow,\n                        ...provided\n                    }) => ({ ...provided, zIndex: 50 }),\n                    ...styles,\n                } as StylesConfig<Option, IsMulti, Group>\n            }\n            components={{\n                IndicatorSeparator: () => null,\n                Option: DefaultOption,\n                LoadingIndicator: DefaultLoadingIndicator,\n                DropdownIndicator: DefaultDropdownIndicator,\n                ClearIndicator: DefaultClearIndicator,\n                ...components,\n            }}\n            {...field}\n            {...rest}\n        />\n    )\n}\n\nexport default Select\n"],"names":["DefaultDropdownIndicator","jsx","HiChevronDown","DefaultClearIndicator","ref","restInnerProps","HiX","DefaultLoadingIndicator","selectProps","themeColor","Spinner","Select","props","components","Component","ReactSelect","size","styles","className","classNames","field","invalid","rest","controlSize","useConfig","formControlSize","useForm","formItemInvalid","useFormItem","inputGroupSize","useInputGroup","selectSize","isSelectInvalid","selectClass","cn","state","CONTROL_SIZES","classes","isFocused","isMulti","hasValue","value","isDisabled","margin","paddingTop","paddingBottom","provided","backgroundColor","marginTop","marginBottom","border","borderRadius","boxShadow","DefaultOption"],"mappings":"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"}

package/dist/@ecme/components/ui/Steps/StepItem.js

@@ -1,51 +1,51 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import i from "classnames";
-import { HiX as y, HiCheck as b } from "react-icons/hi";
-import { STEPS_STATUS as P } from "../utils/constants.js";
-const { COMPLETE: p, PENDING: R, IN_PROGRESS: d, ERROR: c } = P, g = {
-  [p]: /* @__PURE__ */ t(b, {}),
-  [R]: null,
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import s from "classnames";
+import { HiX as g, HiCheck as y } from "react-icons/hi";
+import { STEPS_STATUS as b } from "../utils/constants.js";
+const { COMPLETE: p, PENDING: P, IN_PROGRESS: d, ERROR: r } = b, R = {
+  [p]: /* @__PURE__ */ t(y, {}),
+  [P]: null,
   [d]: null,
-  [c]: /* @__PURE__ */ t(y, {})
+  [r]: /* @__PURE__ */ t(g, {})
 }, A = (h) => {
   const {
     className: N,
     customIcon: l,
-    description: m,
+    description: o,
     isLast: C,
-    onStepChange: s,
+    onStepChange: n,
     ref: S,
     status: e,
     stepNumber: v,
-    title: r,
-    vertical: a,
+    title: i,
+    vertical: c,
     ...u
   } = h;
-  let o = /* @__PURE__ */ t("span", { children: g[e] ?? v });
-  l && (o = /* @__PURE__ */ t("span", { children: l }));
-  const I = i(
+  let m = /* @__PURE__ */ t("span", { children: R[e] ?? v });
+  l && (m = /* @__PURE__ */ t("span", { children: l }));
+  const I = s(
     `step-item step-item-${e}`,
-    a && "step-item-vertical",
+    c && "step-item-vertical",
     N
-  ), T = i(
+  ), T = s(
     "step-item-wrapper",
-    s && "step-clickable"
-  ), f = i(
+    n && "step-clickable"
+  ), f = s(
     `step-item-icon step-item-icon-${e}`,
     e === p && "bg-primary text-white",
-    e === c && "step-item-icon-error",
+    e === r && "step-item-icon-error",
     e === d && "text-primary dark:text-gray-100 border-primary step-item-icon-current"
-  ), x = i(
+  ), x = s(
     "step-connect",
-    r ? "ml-2.5 rtl:mr-2.5" : "",
-    a ? "step-connect-vertical" : "",
+    i ? "ml-2.5 rtl:mr-2.5" : "",
+    c ? "step-connect-vertical" : "",
     e === p ? "bg-primary" : "inactive"
-  ), E = i(
+  ), E = s(
     "step-item-title",
-    e === c && "step-item-title-error",
-    s && e !== c && "hover:text-primary"
+    e === r && "step-item-title-error",
+    n && e !== r && "hover:text-primary"
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: I,
@@ -53,14 +53,14 @@ const { COMPLETE: p, PENDING: R, IN_PROGRESS: d, ERROR: c } = P, g = {
       ref: S,
       role: "presentation",
       onClick: () => {
-        s == null || s();
+        n?.();
       },
       children: [
-        /* @__PURE__ */ n("div", { className: T, children: [
-          /* @__PURE__ */ t("div", { className: f, children: o }),
-          r && /* @__PURE__ */ n("div", { className: "step-item-content", children: [
-            r && /* @__PURE__ */ t("span", { className: E, children: r }),
-            m && a && /* @__PURE__ */ t("span", { className: "step-item-description", children: m })
+        /* @__PURE__ */ a("div", { className: T, children: [
+          /* @__PURE__ */ t("div", { className: f, children: m }),
+          i && /* @__PURE__ */ a("div", { className: "step-item-content", children: [
+            i && /* @__PURE__ */ t("span", { className: E, children: i }),
+            o && c && /* @__PURE__ */ t("span", { className: "step-item-description", children: o })
           ] })
         ] }),
         !C && /* @__PURE__ */ t("div", { className: x })

package/dist/@ecme/components/ui/Steps/StepItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.js","sources":["../../../../../lib/@ecme/components/ui/Steps/StepItem.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiCheck, HiX } from 'react-icons/hi'\nimport { STEPS_STATUS } from '../utils/constants'\nimport type { CommonProps, StepStatus } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nconst { COMPLETE, PENDING, IN_PROGRESS, ERROR } = STEPS_STATUS\n\nconst STEP_STATUS_ICON = {\n    [COMPLETE]: <HiCheck />,\n    [PENDING]: null,\n    [IN_PROGRESS]: null,\n    [ERROR]: <HiX />,\n}\n\nexport interface StepItemProps extends CommonProps {\n    customIcon?: ReactNode | string\n    description?: ReactNode | string\n    isLast?: boolean\n    onStepChange?: () => void\n    ref?: Ref<HTMLDivElement>\n    status?: StepStatus\n    stepNumber?: number\n    title?: ReactNode | string\n    vertical?: boolean\n}\n\nconst StepItem = (props: StepItemProps) => {\n    const {\n        className,\n        customIcon,\n        description,\n        isLast,\n        onStepChange,\n        ref,\n        status,\n        stepNumber,\n        title,\n        vertical,\n        ...rest\n    } = props\n\n    let stepIcon = (\n        <span>{STEP_STATUS_ICON[status as StepStatus] ?? stepNumber}</span>\n    )\n\n    if (customIcon) {\n        stepIcon = <span>{customIcon}</span>\n    }\n\n    const stepItemClass = classNames(\n        `step-item step-item-${status}`,\n        vertical && 'step-item-vertical',\n        className,\n    )\n\n    const stepWrapperClass = classNames(\n        'step-item-wrapper',\n        onStepChange && 'step-clickable',\n    )\n\n    const stepIconClass = classNames(\n        `step-item-icon step-item-icon-${status}`,\n        status === COMPLETE && `bg-primary text-white`,\n        status === ERROR && `step-item-icon-error`,\n        status === IN_PROGRESS &&\n            `text-primary dark:text-gray-100 border-primary step-item-icon-current`,\n    )\n\n    const stepConnectClass = classNames(\n        'step-connect',\n        title ? 'ml-2.5 rtl:mr-2.5' : '',\n        vertical ? 'step-connect-vertical' : '',\n        status === COMPLETE ? `bg-primary` : `inactive`,\n    )\n\n    const stepTitleClass = classNames(\n        'step-item-title',\n        status === ERROR && `step-item-title-error`,\n        onStepChange && status !== ERROR && `hover:text-primary`,\n    )\n\n    const handleStepChange = () => {\n        onStepChange?.()\n    }\n\n    return (\n        <div\n            className={stepItemClass}\n            {...rest}\n            ref={ref}\n            role=\"presentation\"\n            onClick={handleStepChange}\n        >\n            <div className={stepWrapperClass}>\n                <div className={stepIconClass}>{stepIcon}</div>\n                {title && (\n                    <div className=\"step-item-content\">\n                        {title && (\n                            <span className={stepTitleClass}>{title}</span>\n                        )}\n                        {description && vertical && (\n                            <span className=\"step-item-description\">\n                                {description}\n                            </span>\n                        )}\n                    </div>\n                )}\n            </div>\n            {!isLast && <div className={stepConnectClass} />}\n        </div>\n    )\n}\n\nexport default StepItem\n"],"names":["COMPLETE","PENDING","IN_PROGRESS","ERROR","STEPS_STATUS","STEP_STATUS_ICON","jsx","HiCheck","HiX","StepItem","props","className","customIcon","description","isLast","onStepChange","ref","status","stepNumber","title","vertical","rest","stepIcon","stepItemClass","classNames","stepWrapperClass","stepIconClass","stepConnectClass","stepTitleClass","jsxs"],"mappings":";;;;AAMA,MAAM,EAAE,UAAAA,GAAU,SAAAC,GAAS,aAAAC,GAAa,OAAAC,MAAUC,GAE5CC,IAAmB;AAAA,EACrB,CAACL,CAAQ,GAAG,gBAAAM,EAACC,GAAA,EAAQ;AAAA,EACrB,CAACN,CAAO,GAAG;AAAA,EACX,CAACC,CAAW,GAAG;AAAA,EACf,CAACC,CAAK,GAAG,gBAAAG,EAACE,GAAA,CAAA,CAAI;AAClB,GAcMC,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX;AAEJ,MAAIY,IACA,gBAAAhB,EAAC,QAAA,EAAM,UAAAD,EAAiBY,CAAoB,KAAKC,GAAW;AAGhE,EAAIN,MACAU,IAAW,gBAAAhB,EAAC,UAAM,UAAAM,EAAA,CAAW;AAGjC,QAAMW,IAAgBC;AAAA,IAClB,uBAAuBP,CAAM;AAAA,IAC7BG,KAAY;AAAA,IACZT;AAAA,EAAA,GAGEc,IAAmBD;AAAA,IACrB;AAAA,IACAT,KAAgB;AAAA,EAAA,GAGdW,IAAgBF;AAAA,IAClB,iCAAiCP,CAAM;AAAA,IACvCA,MAAWjB,KAAY;AAAA,IACvBiB,MAAWd,KAAS;AAAA,IACpBc,MAAWf,KACP;AAAA,EAAA,GAGFyB,IAAmBH;AAAA,IACrB;AAAA,IACAL,IAAQ,sBAAsB;AAAA,IAC9BC,IAAW,0BAA0B;AAAA,IACrCH,MAAWjB,IAAW,eAAe;AAAA,EAAA,GAGnC4B,IAAiBJ;AAAA,IACnB;AAAA,IACAP,MAAWd,KAAS;AAAA,IACpBY,KAAgBE,MAAWd,KAAS;AAAA,EAAA;AAOxC,SACI,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWN;AAAA,MACV,GAAGF;AAAA,MACJ,KAAAL;AAAA,MACA,MAAK;AAAA,MACL,SAViB,MAAM;AAC3B,QAAAD,KAAA,QAAAA;AAAA,MACJ;AAAA,MAUQ,UAAA;AAAA,QAAA,gBAAAc,EAAC,OAAA,EAAI,WAAWJ,GACZ,UAAA;AAAA,UAAA,gBAAAnB,EAAC,OAAA,EAAI,WAAWoB,GAAgB,UAAAJ,GAAS;AAAA,UACxCH,KACG,gBAAAU,EAAC,OAAA,EAAI,WAAU,qBACV,UAAA;AAAA,YAAAV,KACG,gBAAAb,EAAC,QAAA,EAAK,WAAWsB,GAAiB,UAAAT,GAAM;AAAA,YAE3CN,KAAeO,KACZ,gBAAAd,EAAC,QAAA,EAAK,WAAU,yBACX,UAAAO,EAAA,CACL;AAAA,UAAA,EAAA,CAER;AAAA,QAAA,GAER;AAAA,QACC,CAACC,KAAU,gBAAAR,EAAC,OAAA,EAAI,WAAWqB,EAAA,CAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1D;"}
+{"version":3,"file":"StepItem.js","sources":["../../../../../lib/@ecme/components/ui/Steps/StepItem.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiCheck, HiX } from 'react-icons/hi'\nimport { STEPS_STATUS } from '../utils/constants'\nimport type { CommonProps, StepStatus } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nconst { COMPLETE, PENDING, IN_PROGRESS, ERROR } = STEPS_STATUS\n\nconst STEP_STATUS_ICON = {\n    [COMPLETE]: <HiCheck />,\n    [PENDING]: null,\n    [IN_PROGRESS]: null,\n    [ERROR]: <HiX />,\n}\n\nexport interface StepItemProps extends CommonProps {\n    customIcon?: ReactNode | string\n    description?: ReactNode | string\n    isLast?: boolean\n    onStepChange?: () => void\n    ref?: Ref<HTMLDivElement>\n    status?: StepStatus\n    stepNumber?: number\n    title?: ReactNode | string\n    vertical?: boolean\n}\n\nconst StepItem = (props: StepItemProps) => {\n    const {\n        className,\n        customIcon,\n        description,\n        isLast,\n        onStepChange,\n        ref,\n        status,\n        stepNumber,\n        title,\n        vertical,\n        ...rest\n    } = props\n\n    let stepIcon = (\n        <span>{STEP_STATUS_ICON[status as StepStatus] ?? stepNumber}</span>\n    )\n\n    if (customIcon) {\n        stepIcon = <span>{customIcon}</span>\n    }\n\n    const stepItemClass = classNames(\n        `step-item step-item-${status}`,\n        vertical && 'step-item-vertical',\n        className,\n    )\n\n    const stepWrapperClass = classNames(\n        'step-item-wrapper',\n        onStepChange && 'step-clickable',\n    )\n\n    const stepIconClass = classNames(\n        `step-item-icon step-item-icon-${status}`,\n        status === COMPLETE && `bg-primary text-white`,\n        status === ERROR && `step-item-icon-error`,\n        status === IN_PROGRESS &&\n            `text-primary dark:text-gray-100 border-primary step-item-icon-current`,\n    )\n\n    const stepConnectClass = classNames(\n        'step-connect',\n        title ? 'ml-2.5 rtl:mr-2.5' : '',\n        vertical ? 'step-connect-vertical' : '',\n        status === COMPLETE ? `bg-primary` : `inactive`,\n    )\n\n    const stepTitleClass = classNames(\n        'step-item-title',\n        status === ERROR && `step-item-title-error`,\n        onStepChange && status !== ERROR && `hover:text-primary`,\n    )\n\n    const handleStepChange = () => {\n        onStepChange?.()\n    }\n\n    return (\n        <div\n            className={stepItemClass}\n            {...rest}\n            ref={ref}\n            role=\"presentation\"\n            onClick={handleStepChange}\n        >\n            <div className={stepWrapperClass}>\n                <div className={stepIconClass}>{stepIcon}</div>\n                {title && (\n                    <div className=\"step-item-content\">\n                        {title && (\n                            <span className={stepTitleClass}>{title}</span>\n                        )}\n                        {description && vertical && (\n                            <span className=\"step-item-description\">\n                                {description}\n                            </span>\n                        )}\n                    </div>\n                )}\n            </div>\n            {!isLast && <div className={stepConnectClass} />}\n        </div>\n    )\n}\n\nexport default StepItem\n"],"names":["COMPLETE","PENDING","IN_PROGRESS","ERROR","STEPS_STATUS","STEP_STATUS_ICON","jsx","HiCheck","HiX","StepItem","props","className","customIcon","description","isLast","onStepChange","ref","status","stepNumber","title","vertical","rest","stepIcon","stepItemClass","classNames","stepWrapperClass","stepIconClass","stepConnectClass","stepTitleClass","jsxs"],"mappings":";;;;AAMA,MAAM,EAAE,UAAAA,GAAU,SAAAC,GAAS,aAAAC,GAAa,OAAAC,MAAUC,GAE5CC,IAAmB;AAAA,EACrB,CAACL,CAAQ,GAAG,gBAAAM,EAACC,GAAA,EAAQ;AAAA,EACrB,CAACN,CAAO,GAAG;AAAA,EACX,CAACC,CAAW,GAAG;AAAA,EACf,CAACC,CAAK,GAAG,gBAAAG,EAACE,GAAA,CAAA,CAAI;AAClB,GAcMC,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX;AAEJ,MAAIY,IACA,gBAAAhB,EAAC,QAAA,EAAM,UAAAD,EAAiBY,CAAoB,KAAKC,GAAW;AAGhE,EAAIN,MACAU,IAAW,gBAAAhB,EAAC,UAAM,UAAAM,EAAA,CAAW;AAGjC,QAAMW,IAAgBC;AAAA,IAClB,uBAAuBP,CAAM;AAAA,IAC7BG,KAAY;AAAA,IACZT;AAAA,EAAA,GAGEc,IAAmBD;AAAA,IACrB;AAAA,IACAT,KAAgB;AAAA,EAAA,GAGdW,IAAgBF;AAAA,IAClB,iCAAiCP,CAAM;AAAA,IACvCA,MAAWjB,KAAY;AAAA,IACvBiB,MAAWd,KAAS;AAAA,IACpBc,MAAWf,KACP;AAAA,EAAA,GAGFyB,IAAmBH;AAAA,IACrB;AAAA,IACAL,IAAQ,sBAAsB;AAAA,IAC9BC,IAAW,0BAA0B;AAAA,IACrCH,MAAWjB,IAAW,eAAe;AAAA,EAAA,GAGnC4B,IAAiBJ;AAAA,IACnB;AAAA,IACAP,MAAWd,KAAS;AAAA,IACpBY,KAAgBE,MAAWd,KAAS;AAAA,EAAA;AAOxC,SACI,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWN;AAAA,MACV,GAAGF;AAAA,MACJ,KAAAL;AAAA,MACA,MAAK;AAAA,MACL,SAViB,MAAM;AAC3B,QAAAD,IAAA;AAAA,MACJ;AAAA,MAUQ,UAAA;AAAA,QAAA,gBAAAc,EAAC,OAAA,EAAI,WAAWJ,GACZ,UAAA;AAAA,UAAA,gBAAAnB,EAAC,OAAA,EAAI,WAAWoB,GAAgB,UAAAJ,GAAS;AAAA,UACxCH,KACG,gBAAAU,EAAC,OAAA,EAAI,WAAU,qBACV,UAAA;AAAA,YAAAV,KACG,gBAAAb,EAAC,QAAA,EAAK,WAAWsB,GAAiB,UAAAT,GAAM;AAAA,YAE3CN,KAAeO,KACZ,gBAAAd,EAAC,QAAA,EAAK,WAAU,yBACX,UAAAO,EAAA,CACL;AAAA,UAAA,EAAA,CAER;AAAA,QAAA,GAER;AAAA,QACC,CAACC,KAAU,gBAAAR,EAAC,OAAA,EAAI,WAAWqB,EAAA,CAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1D;"}

package/dist/@ecme/components/ui/Switcher/Switcher.js

@@ -1,4 +1,4 @@
-import { jsxs as S, jsx as i } from "react/jsx-runtime";
+import { jsxs as S, jsx as r } from "react/jsx-runtime";
 import { useState as P, useEffect as j } from "react";
 import p from "classnames";
 import "../Spinner/index.js";
@@ -7,68 +7,68 @@ const q = (m) => {
   const {
     checked: e,
     checkedContent: k,
-    className: u,
+    className: C,
     switcherClass: a,
     defaultChecked: o,
     disabled: n,
-    isLoading: l = !1,
-    labelRef: w,
-    name: C,
-    onChange: t,
+    isLoading: i = !1,
+    labelRef: g,
+    name: u,
+    onChange: l,
     readOnly: d,
-    ref: g,
+    ref: w,
     unCheckedContent: b,
     ...y
-  } = m, [c, h] = P(
+  } = m, [t, h] = P(
     o || e
   );
   j(() => {
     typeof e < "u" && h(e);
   }, [e]);
   const f = (() => {
-    let s = c, r = {
-      value: `${s}`
+    let c = t, s = {
+      value: `${c}`
     };
-    return typeof e == "boolean" && (s = typeof e == "boolean" ? e : o, r = { checked: s }), o && (r.defaultChecked = o), r;
-  })(), N = (s) => {
-    const r = !c;
-    n || d || l || (typeof e > "u" ? (h(r), t == null || t(r, s)) : t == null || t(!c, s));
+    return typeof e == "boolean" && (c = typeof e == "boolean" ? e : o, s = { checked: c }), o && (s.defaultChecked = o), s;
+  })(), N = (c) => {
+    const s = !t;
+    n || d || i || (typeof e > "u" ? (h(s), l?.(s, c)) : l?.(!t, c));
   }, x = a || "bg-primary dark:bg-primary";
   return /* @__PURE__ */ S(
     "label",
     {
-      ref: w,
+      ref: g,
       className: p(
         "switcher",
-        (c || f.checked) && `switcher-checked ${x}`,
+        (t || f.checked) && `switcher-checked ${x}`,
         n && "switcher-disabled",
-        u,
+        C,
         a
       ),
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "input",
           {
-            ref: g,
+            ref: w,
             type: "checkbox",
             disabled: n,
             readOnly: d,
-            name: C,
+            name: u,
             onChange: N,
             ...f,
             ...y
           }
         ),
-        l ? /* @__PURE__ */ i(
+        i ? /* @__PURE__ */ r(
           v,
           {
             className: p(
               "switcher-toggle-loading",
-              c ? "switcher-checked-loading" : "switcher-uncheck-loading"
+              t ? "switcher-checked-loading" : "switcher-uncheck-loading"
             )
           }
-        ) : /* @__PURE__ */ i("div", { className: "switcher-toggle" }),
-        /* @__PURE__ */ i("span", { className: "switcher-content", children: c ? k : b })
+        ) : /* @__PURE__ */ r("div", { className: "switcher-toggle" }),
+        /* @__PURE__ */ r("span", { className: "switcher-content", children: t ? k : b })
       ]
     }
   );

package/dist/@ecme/components/ui/Switcher/Switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switcher.js","sources":["../../../../../lib/@ecme/components/ui/Switcher/Switcher.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport classNames from 'classnames'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ChangeEvent, Ref } from 'react'\n\nexport interface SwitcherProps extends CommonProps {\n    checked?: boolean\n    checkedContent?: string | ReactNode\n    switcherClass?: string\n    defaultChecked?: boolean\n    disabled?: boolean\n    isLoading?: boolean\n    labelRef?: Ref<HTMLLabelElement>\n    name?: string\n    onChange?: (checked: boolean, e: ChangeEvent<HTMLInputElement>) => void\n    readOnly?: boolean\n    ref?: Ref<HTMLInputElement>\n    unCheckedContent?: string | ReactNode\n}\n\nconst Switcher = (props: SwitcherProps) => {\n    const {\n        checked,\n        checkedContent,\n        className,\n        switcherClass,\n        defaultChecked,\n        disabled,\n        isLoading = false,\n        labelRef,\n        name,\n        onChange,\n        readOnly,\n        ref,\n        unCheckedContent,\n        ...rest\n    } = props\n\n    const [switcherChecked, setSwitcherChecked] = useState(\n        defaultChecked || checked,\n    )\n\n    useEffect(() => {\n        if (typeof checked !== 'undefined') {\n            setSwitcherChecked(checked)\n        }\n    }, [checked])\n\n    const getControlProps = () => {\n        let checkedValue = switcherChecked\n\n        let propChecked: {\n            value?: string\n            defaultChecked?: boolean\n            checked?: boolean\n        } = {\n            value: `${checkedValue}`,\n        }\n\n        if (typeof checked === 'boolean') {\n            checkedValue =\n                typeof checked === 'boolean' ? checked : defaultChecked\n            propChecked = { checked: checkedValue }\n        }\n\n        if (defaultChecked) {\n            propChecked.defaultChecked = defaultChecked\n        }\n        return propChecked\n    }\n\n    const controlProps = getControlProps()\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        const nextChecked = !switcherChecked\n\n        if (disabled || readOnly || isLoading) {\n            return\n        }\n\n        if (typeof checked === 'undefined') {\n            setSwitcherChecked(nextChecked)\n            onChange?.(nextChecked, e)\n        } else {\n            onChange?.(!switcherChecked as boolean, e)\n        }\n    }\n\n    const switcherColor = switcherClass || 'bg-primary dark:bg-primary'\n\n    return (\n        <label\n            ref={labelRef}\n            className={classNames(\n                'switcher',\n                (switcherChecked || controlProps.checked) &&\n                    `switcher-checked ${switcherColor}`,\n                disabled && 'switcher-disabled',\n                className,\n                switcherClass,\n            )}\n        >\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                disabled={disabled}\n                readOnly={readOnly}\n                name={name}\n                onChange={handleChange}\n                {...controlProps}\n                {...rest}\n            />\n            {isLoading ? (\n                <Spinner\n                    className={classNames(\n                        'switcher-toggle-loading',\n                        switcherChecked\n                            ? 'switcher-checked-loading'\n                            : 'switcher-uncheck-loading',\n                    )}\n                />\n            ) : (\n                <div className=\"switcher-toggle\" />\n            )}\n            <span className=\"switcher-content\">\n                {switcherChecked ? checkedContent : unCheckedContent}\n            </span>\n        </label>\n    )\n}\n\nexport default Switcher\n"],"names":["Switcher","props","checked","checkedContent","className","switcherClass","defaultChecked","disabled","isLoading","labelRef","name","onChange","readOnly","ref","unCheckedContent","rest","switcherChecked","setSwitcherChecked","useState","useEffect","controlProps","checkedValue","propChecked","handleChange","e","nextChecked","switcherColor","jsxs","classNames","jsx","Spinner"],"mappings":";;;;;AAqBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHd,GAEE,CAACe,GAAiBC,CAAkB,IAAIC;AAAA,IAC1CZ,KAAkBJ;AAAA,EAAA;AAGtB,EAAAiB,EAAU,MAAM;AACZ,IAAI,OAAOjB,IAAY,OACnBe,EAAmBf,CAAO;AAAA,EAElC,GAAG,CAACA,CAAO,CAAC;AAyBZ,QAAMkB,KAvBkB,MAAM;AAC1B,QAAIC,IAAeL,GAEfM,IAIA;AAAA,MACA,OAAO,GAAGD,CAAY;AAAA,IAAA;AAG1B,WAAI,OAAOnB,KAAY,cACnBmB,IACI,OAAOnB,KAAY,YAAYA,IAAUI,GAC7CgB,IAAc,EAAE,SAASD,EAAA,IAGzBf,MACAgB,EAAY,iBAAiBhB,IAE1BgB;AAAA,EACX,GAEqB,GAEfC,IAAe,CAACC,MAAqC;AACvD,UAAMC,IAAc,CAACT;AAErB,IAAIT,KAAYK,KAAYJ,MAIxB,OAAON,IAAY,OACnBe,EAAmBQ,CAAW,GAC9Bd,KAAA,QAAAA,EAAWc,GAAaD,MAExBb,KAAA,QAAAA,EAAW,CAACK,GAA4BQ;AAAA,EAEhD,GAEME,IAAgBrB,KAAiB;AAEvC,SACI,gBAAAsB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKlB;AAAA,MACL,WAAWmB;AAAA,QACP;AAAA,SACCZ,KAAmBI,EAAa,YAC7B,oBAAoBM,CAAa;AAAA,QACrCnB,KAAY;AAAA,QACZH;AAAA,QACAC;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAwB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAAhB;AAAA,YACA,MAAK;AAAA,YACL,UAAAN;AAAA,YACA,UAAAK;AAAA,YACA,MAAAF;AAAA,YACA,UAAUa;AAAA,YACT,GAAGH;AAAA,YACH,GAAGL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPP,IACG,gBAAAqB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACP;AAAA,cACAZ,IACM,6BACA;AAAA,YAAA;AAAA,UACV;AAAA,QAAA,IAGJ,gBAAAa,EAAC,OAAA,EAAI,WAAU,kBAAA,CAAkB;AAAA,0BAEpC,QAAA,EAAK,WAAU,oBACX,UAAAb,IAAkBb,IAAiBW,EAAA,CACxC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Switcher.js","sources":["../../../../../lib/@ecme/components/ui/Switcher/Switcher.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport classNames from 'classnames'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ChangeEvent, Ref } from 'react'\n\nexport interface SwitcherProps extends CommonProps {\n    checked?: boolean\n    checkedContent?: string | ReactNode\n    switcherClass?: string\n    defaultChecked?: boolean\n    disabled?: boolean\n    isLoading?: boolean\n    labelRef?: Ref<HTMLLabelElement>\n    name?: string\n    onChange?: (checked: boolean, e: ChangeEvent<HTMLInputElement>) => void\n    readOnly?: boolean\n    ref?: Ref<HTMLInputElement>\n    unCheckedContent?: string | ReactNode\n}\n\nconst Switcher = (props: SwitcherProps) => {\n    const {\n        checked,\n        checkedContent,\n        className,\n        switcherClass,\n        defaultChecked,\n        disabled,\n        isLoading = false,\n        labelRef,\n        name,\n        onChange,\n        readOnly,\n        ref,\n        unCheckedContent,\n        ...rest\n    } = props\n\n    const [switcherChecked, setSwitcherChecked] = useState(\n        defaultChecked || checked,\n    )\n\n    useEffect(() => {\n        if (typeof checked !== 'undefined') {\n            setSwitcherChecked(checked)\n        }\n    }, [checked])\n\n    const getControlProps = () => {\n        let checkedValue = switcherChecked\n\n        let propChecked: {\n            value?: string\n            defaultChecked?: boolean\n            checked?: boolean\n        } = {\n            value: `${checkedValue}`,\n        }\n\n        if (typeof checked === 'boolean') {\n            checkedValue =\n                typeof checked === 'boolean' ? checked : defaultChecked\n            propChecked = { checked: checkedValue }\n        }\n\n        if (defaultChecked) {\n            propChecked.defaultChecked = defaultChecked\n        }\n        return propChecked\n    }\n\n    const controlProps = getControlProps()\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        const nextChecked = !switcherChecked\n\n        if (disabled || readOnly || isLoading) {\n            return\n        }\n\n        if (typeof checked === 'undefined') {\n            setSwitcherChecked(nextChecked)\n            onChange?.(nextChecked, e)\n        } else {\n            onChange?.(!switcherChecked as boolean, e)\n        }\n    }\n\n    const switcherColor = switcherClass || 'bg-primary dark:bg-primary'\n\n    return (\n        <label\n            ref={labelRef}\n            className={classNames(\n                'switcher',\n                (switcherChecked || controlProps.checked) &&\n                    `switcher-checked ${switcherColor}`,\n                disabled && 'switcher-disabled',\n                className,\n                switcherClass,\n            )}\n        >\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                disabled={disabled}\n                readOnly={readOnly}\n                name={name}\n                onChange={handleChange}\n                {...controlProps}\n                {...rest}\n            />\n            {isLoading ? (\n                <Spinner\n                    className={classNames(\n                        'switcher-toggle-loading',\n                        switcherChecked\n                            ? 'switcher-checked-loading'\n                            : 'switcher-uncheck-loading',\n                    )}\n                />\n            ) : (\n                <div className=\"switcher-toggle\" />\n            )}\n            <span className=\"switcher-content\">\n                {switcherChecked ? checkedContent : unCheckedContent}\n            </span>\n        </label>\n    )\n}\n\nexport default Switcher\n"],"names":["Switcher","props","checked","checkedContent","className","switcherClass","defaultChecked","disabled","isLoading","labelRef","name","onChange","readOnly","ref","unCheckedContent","rest","switcherChecked","setSwitcherChecked","useState","useEffect","controlProps","checkedValue","propChecked","handleChange","e","nextChecked","switcherColor","jsxs","classNames","jsx","Spinner"],"mappings":";;;;;AAqBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHd,GAEE,CAACe,GAAiBC,CAAkB,IAAIC;AAAA,IAC1CZ,KAAkBJ;AAAA,EAAA;AAGtB,EAAAiB,EAAU,MAAM;AACZ,IAAI,OAAOjB,IAAY,OACnBe,EAAmBf,CAAO;AAAA,EAElC,GAAG,CAACA,CAAO,CAAC;AAyBZ,QAAMkB,KAvBkB,MAAM;AAC1B,QAAIC,IAAeL,GAEfM,IAIA;AAAA,MACA,OAAO,GAAGD,CAAY;AAAA,IAAA;AAG1B,WAAI,OAAOnB,KAAY,cACnBmB,IACI,OAAOnB,KAAY,YAAYA,IAAUI,GAC7CgB,IAAc,EAAE,SAASD,EAAA,IAGzBf,MACAgB,EAAY,iBAAiBhB,IAE1BgB;AAAA,EACX,GAEqB,GAEfC,IAAe,CAACC,MAAqC;AACvD,UAAMC,IAAc,CAACT;AAErB,IAAIT,KAAYK,KAAYJ,MAIxB,OAAON,IAAY,OACnBe,EAAmBQ,CAAW,GAC9Bd,IAAWc,GAAaD,CAAC,KAEzBb,IAAW,CAACK,GAA4BQ,CAAC;AAAA,EAEjD,GAEME,IAAgBrB,KAAiB;AAEvC,SACI,gBAAAsB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKlB;AAAA,MACL,WAAWmB;AAAA,QACP;AAAA,SACCZ,KAAmBI,EAAa,YAC7B,oBAAoBM,CAAa;AAAA,QACrCnB,KAAY;AAAA,QACZH;AAAA,QACAC;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAwB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAAhB;AAAA,YACA,MAAK;AAAA,YACL,UAAAN;AAAA,YACA,UAAAK;AAAA,YACA,MAAAF;AAAA,YACA,UAAUa;AAAA,YACT,GAAGH;AAAA,YACH,GAAGL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPP,IACG,gBAAAqB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACP;AAAA,cACAZ,IACM,6BACA;AAAA,YAAA;AAAA,UACV;AAAA,QAAA,IAGJ,gBAAAa,EAAC,OAAA,EAAI,WAAU,kBAAA,CAAkB;AAAA,0BAEpC,QAAA,EAAK,WAAU,oBACX,UAAAb,IAAkBb,IAAiBW,EAAA,CACxC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/components/ui/Tabs/TabNav.js

@@ -1,29 +1,29 @@
 import { jsxs as y, jsx as x } from "react/jsx-runtime";
-import N from "../utils/classNames.js";
-import { useTabs as k } from "./context.js";
-import c from "../hooks/useCallbackRef.js";
-const j = (l) => {
+import g from "../utils/classNames.js";
+import { useTabs as N } from "./context.js";
+import i from "../hooks/useCallbackRef.js";
+const j = (c) => {
   const {
-    value: t,
+    value: n,
     disabled: e,
-    className: b,
-    icon: n,
-    children: d,
+    className: l,
+    icon: s,
+    children: b,
     ref: u,
-    ...f
-  } = l, { value: v, onValueChange: r, variant: o } = k(), a = t === v, i = c(() => {
-    !a && !e && (r == null || r(t));
-  }), m = c((s) => {
-    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), i());
-  }), p = N(
+    ...d
+  } = c, { value: f, onValueChange: v, variant: r } = N(), a = n === f, t = i(() => {
+    !a && !e && v?.(n);
+  }), m = i((o) => {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), t());
+  }), p = g(
     "tab-nav",
-    `tab-nav-${o}`,
+    `tab-nav-${r}`,
     a && "tab-nav-active text-primary",
-    a && o === "underline" && "border-primary",
-    a && o === "pill" && "bg-primary text-neutral",
+    a && r === "underline" && "border-primary",
+    a && r === "pill" && "bg-primary text-neutral",
     e && "tab-nav-disabled",
     !e && !a && "hover:text-primary",
-    b,
+    l,
     "focus:outline-none focus:ring-none focus-visible:outline-none focus-visible:ring-none",
     "focus:border-b-2 dark:focus:border-gray-100 focus:border-gray-900 focus:text-gray-900 dark:focus:text-gray-100"
   );
@@ -35,12 +35,12 @@ const j = (l) => {
       role: "tab",
       "aria-selected": a,
       tabIndex: 0,
-      onClick: i,
+      onClick: t,
       onKeyDown: m,
-      ...f,
+      ...d,
       children: [
-        n && /* @__PURE__ */ x("div", { className: "tab-nav-icon", children: n }),
-        d
+        s && /* @__PURE__ */ x("div", { className: "tab-nav-icon", children: s }),
+        b
       ]
     }
   );

package/dist/@ecme/components/ui/Tabs/TabNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNav.js","sources":["../../../../../lib/@ecme/components/ui/Tabs/TabNav.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useTabs } from './context'\nimport useCallbackRef from '../hooks/useCallbackRef'\nimport type { CommonProps } from '../@types/common'\nimport type { TabsValue } from './context'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface TabNavProps extends CommonProps {\n    disabled?: boolean\n    icon?: string | ReactNode\n    ref?: Ref<HTMLDivElement>\n    value: TabsValue\n}\n\nconst TabNav = (props: TabNavProps) => {\n    const {\n        value: valueProp,\n        disabled,\n        className,\n        icon,\n        children,\n        ref,\n        ...rest\n    } = props\n\n    const { value, onValueChange, variant } = useTabs()\n    const isSelected = valueProp === value\n\n    const onTabNavClick = useCallbackRef(() => {\n        if (!isSelected && !disabled) {\n            onValueChange?.(valueProp)\n        }\n    })\n\n    const onTabNavKeydown = useCallbackRef((event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault()\n            onTabNavClick()\n        }\n    })\n\n    const tabNavClass = classNames(\n        'tab-nav',\n        `tab-nav-${variant}`,\n        isSelected && `tab-nav-active text-primary`,\n        isSelected && variant === 'underline' && `border-primary`,\n        isSelected && variant === 'pill' && `bg-primary text-neutral`,\n        disabled && 'tab-nav-disabled',\n        !disabled && !isSelected && `hover:text-primary`,\n        className,\n        'focus:outline-none focus:ring-none focus-visible:outline-none focus-visible:ring-none',\n        'focus:border-b-2 dark:focus:border-gray-100 focus:border-gray-900 focus:text-gray-900 dark:focus:text-gray-100',\n    )\n\n    return (\n        <div\n            ref={ref}\n            className={tabNavClass}\n            role=\"tab\"\n            aria-selected={isSelected}\n            tabIndex={0}\n            onClick={onTabNavClick}\n            onKeyDown={onTabNavKeydown}\n            {...rest}\n        >\n            {icon && <div className=\"tab-nav-icon\">{icon}</div>}\n            {children}\n        </div>\n    )\n}\n\nexport default TabNav\n"],"names":["TabNav","props","valueProp","disabled","className","icon","children","ref","rest","value","onValueChange","variant","useTabs","isSelected","onTabNavClick","useCallbackRef","onTabNavKeydown","event","tabNavClass","classNames","jsxs","jsx"],"mappings":";;;;AAcA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP,GAEE,EAAE,OAAAQ,GAAO,eAAAC,GAAe,SAAAC,EAAA,IAAYC,EAAA,GACpCC,IAAaX,MAAcO,GAE3BK,IAAgBC,EAAe,MAAM;AACvC,IAAI,CAACF,KAAc,CAACV,MAChBO,KAAA,QAAAA,EAAgBR;AAAA,EAExB,CAAC,GAEKc,IAAkBD,EAAe,CAACE,MAA+B;AACnE,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAA,GACNH,EAAA;AAAA,EAER,CAAC,GAEKI,IAAcC;AAAA,IAChB;AAAA,IACA,WAAWR,CAAO;AAAA,IAClBE,KAAc;AAAA,IACdA,KAAcF,MAAY,eAAe;AAAA,IACzCE,KAAcF,MAAY,UAAU;AAAA,IACpCR,KAAY;AAAA,IACZ,CAACA,KAAY,CAACU,KAAc;AAAA,IAC5BT;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGJ,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWW;AAAA,MACX,MAAK;AAAA,MACL,iBAAeL;AAAA,MACf,UAAU;AAAA,MACV,SAASC;AAAA,MACT,WAAWE;AAAA,MACV,GAAGR;AAAA,MAEH,UAAA;AAAA,QAAAH,KAAQ,gBAAAgB,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAhB,GAAK;AAAA,QAC5CC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"TabNav.js","sources":["../../../../../lib/@ecme/components/ui/Tabs/TabNav.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useTabs } from './context'\nimport useCallbackRef from '../hooks/useCallbackRef'\nimport type { CommonProps } from '../@types/common'\nimport type { TabsValue } from './context'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface TabNavProps extends CommonProps {\n    disabled?: boolean\n    icon?: string | ReactNode\n    ref?: Ref<HTMLDivElement>\n    value: TabsValue\n}\n\nconst TabNav = (props: TabNavProps) => {\n    const {\n        value: valueProp,\n        disabled,\n        className,\n        icon,\n        children,\n        ref,\n        ...rest\n    } = props\n\n    const { value, onValueChange, variant } = useTabs()\n    const isSelected = valueProp === value\n\n    const onTabNavClick = useCallbackRef(() => {\n        if (!isSelected && !disabled) {\n            onValueChange?.(valueProp)\n        }\n    })\n\n    const onTabNavKeydown = useCallbackRef((event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault()\n            onTabNavClick()\n        }\n    })\n\n    const tabNavClass = classNames(\n        'tab-nav',\n        `tab-nav-${variant}`,\n        isSelected && `tab-nav-active text-primary`,\n        isSelected && variant === 'underline' && `border-primary`,\n        isSelected && variant === 'pill' && `bg-primary text-neutral`,\n        disabled && 'tab-nav-disabled',\n        !disabled && !isSelected && `hover:text-primary`,\n        className,\n        'focus:outline-none focus:ring-none focus-visible:outline-none focus-visible:ring-none',\n        'focus:border-b-2 dark:focus:border-gray-100 focus:border-gray-900 focus:text-gray-900 dark:focus:text-gray-100',\n    )\n\n    return (\n        <div\n            ref={ref}\n            className={tabNavClass}\n            role=\"tab\"\n            aria-selected={isSelected}\n            tabIndex={0}\n            onClick={onTabNavClick}\n            onKeyDown={onTabNavKeydown}\n            {...rest}\n        >\n            {icon && <div className=\"tab-nav-icon\">{icon}</div>}\n            {children}\n        </div>\n    )\n}\n\nexport default TabNav\n"],"names":["TabNav","props","valueProp","disabled","className","icon","children","ref","rest","value","onValueChange","variant","useTabs","isSelected","onTabNavClick","useCallbackRef","onTabNavKeydown","event","tabNavClass","classNames","jsxs","jsx"],"mappings":";;;;AAcA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP,GAEE,EAAE,OAAAQ,GAAO,eAAAC,GAAe,SAAAC,EAAA,IAAYC,EAAA,GACpCC,IAAaX,MAAcO,GAE3BK,IAAgBC,EAAe,MAAM;AACvC,IAAI,CAACF,KAAc,CAACV,KAChBO,IAAgBR,CAAS;AAAA,EAEjC,CAAC,GAEKc,IAAkBD,EAAe,CAACE,MAA+B;AACnE,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAA,GACNH,EAAA;AAAA,EAER,CAAC,GAEKI,IAAcC;AAAA,IAChB;AAAA,IACA,WAAWR,CAAO;AAAA,IAClBE,KAAc;AAAA,IACdA,KAAcF,MAAY,eAAe;AAAA,IACzCE,KAAcF,MAAY,UAAU;AAAA,IACpCR,KAAY;AAAA,IACZ,CAACA,KAAY,CAACU,KAAc;AAAA,IAC5BT;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGJ,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWW;AAAA,MACX,MAAK;AAAA,MACL,iBAAeL;AAAA,MACf,UAAU;AAAA,MACV,SAASC;AAAA,MACT,WAAWE;AAAA,MACV,GAAGR;AAAA,MAEH,UAAA;AAAA,QAAAH,KAAQ,gBAAAgB,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAhB,GAAK;AAAA,QAC5CC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/@ecme/components/ui/TimeInput/AmPmInput.js

@@ -2,51 +2,49 @@ import { jsx as h } from "react/jsx-runtime";
 import { useRef as w } from "react";
 import y from "classnames";
 import C from "../hooks/useMergeRef.js";
-const F = (u) => {
+const F = (l) => {
   const {
     className: c,
-    onChange: r,
-    onFocus: s,
-    value: n,
-    amLabel: a,
-    pmLabel: l,
-    ref: m = null,
-    ...p
-  } = u, o = w(void 0), i = (e) => {
-    var t;
-    e.stopPropagation(), (t = o == null ? void 0 : o.current) == null || t.select();
-  }, f = (e) => {
-    (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), r(
-      n === a ? l : a,
+    onChange: t,
+    onFocus: a,
+    value: o,
+    amLabel: n,
+    pmLabel: s,
+    ref: p = null,
+    ...i
+  } = l, r = w(void 0), f = (e) => {
+    e.stopPropagation(), r?.current?.select();
+  }, m = (e) => {
+    (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), t(
+      o === n ? s : n,
       !0
     ));
   }, d = (e) => {
-    var t;
-    typeof s == "function" && s(e), (t = o == null ? void 0 : o.current) == null || t.select();
+    typeof a == "function" && a(e), r?.current?.select();
   }, g = (e) => {
-    const t = e.target.value.slice(-1).toLowerCase();
-    if (t === "p") {
-      e.preventDefault(), r(l, !0);
+    const u = e.target.value.slice(-1).toLowerCase();
+    if (u === "p") {
+      e.preventDefault(), t(s, !0);
       return;
     }
-    if (t === "a") {
-      e.preventDefault(), r(a, !0);
+    if (u === "a") {
+      e.preventDefault(), t(n, !0);
       return;
     }
-    r(n.toString(), !0);
+    t(o.toString(), !0);
   };
   return /* @__PURE__ */ h(
     "input",
     {
-      ref: C(o, m),
+      ref: C(r, p),
       type: "text",
-      value: n,
+      value: o,
       className: y("time-input-field", "am-pm-input", c),
-      onClick: i,
+      onClick: f,
       onFocus: d,
-      onKeyDown: f,
+      onKeyDown: m,
       onChange: g,
-      ...p
+      ...i
     }
   );
 };