@ck-ui/component-library 1.0.8 → 1.0.10

package/dist/components/TextField/index.js

@@ -1,30 +1,30 @@
-import { jsx as a, jsxs as $, Fragment as qe } from "react/jsx-runtime";
+import { jsx as a, jsxs as $, Fragment as Oe } from "react/jsx-runtime";
 import { CKButton as Ce } from "../CKButton/index.js";
 import * as V from "react";
 import { g as ne, f as le, h as D, s as M, l as K, m as G, n as J, P as e, r as $e, j as S } from "../../useSlot-BiMlGawc.js";
 import { c as Q } from "../../clsx-OuTLNxxd.js";
 import { u as Ne, r as Se } from "../../Grow-wzNsNKt2.js";
-import { u as ae, f as ie, g as ke, S as Re, O as ze, F as Ie, I as Pe, a as Le } from "../../Select-CiuwMSD7.js";
+import { u as ae, f as ie, g as Re, S as ze, O as qe, F as Ie, I as Pe, a as Le } from "../../Select-CiuwMSD7.js";
 import { c as Me } from "../../createSimplePaletteValueFilter-BqxST_wX.js";
-import '../../assets/index-DewFIgpp.css';function je(o) {
+import '../../assets/index-xlbz19JS.css';function je(o) {
   return le("MuiFormHelperText", o);
 }
-const de = ne("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
+const ce = ne("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
 var pe;
 const Ee = (o) => {
   const {
     classes: r,
     contained: t,
     size: s,
-    disabled: c,
+    disabled: d,
     error: l,
-    filled: d,
+    filled: c,
     focused: u,
     required: f
-  } = o, g = {
-    root: ["root", c && "disabled", l && "error", s && `size${K(s)}`, t && "contained", u && "focused", d && "filled", f && "required"]
+  } = o, _ = {
+    root: ["root", d && "disabled", l && "error", s && `size${K(s)}`, t && "contained", u && "focused", c && "filled", f && "required"]
   };
-  return G(g, je, r);
+  return G(_, je, r);
 }, He = M("p", {
   name: "MuiFormHelperText",
   slot: "Root",
@@ -44,10 +44,10 @@ const Ee = (o) => {
   marginRight: 0,
   marginBottom: 0,
   marginLeft: 0,
-  [`&.${de.disabled}`]: {
+  [`&.${ce.disabled}`]: {
     color: (o.vars || o).palette.text.disabled
   },
-  [`&.${de.error}`]: {
+  [`&.${ce.error}`]: {
     color: (o.vars || o).palette.error.main
   },
   variants: [{
@@ -71,24 +71,24 @@ const Ee = (o) => {
     props: r,
     name: "MuiFormHelperText"
   }), {
-    children: c,
+    children: d,
     className: l,
-    component: d = "p",
+    component: c = "p",
     disabled: u,
     error: f,
-    filled: g,
+    filled: _,
     focused: m,
     margin: b,
     required: p,
     variant: T,
-    ...h
-  } = s, y = ae(), n = ie({
+    ...x
+  } = s, h = ae(), n = ie({
     props: s,
-    muiFormControl: y,
+    muiFormControl: h,
     states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
-  }), x = {
+  }), y = {
     ...s,
-    component: d,
+    component: c,
     contained: n.variant === "filled" || n.variant === "outlined",
     variant: n.variant,
     size: n.size,
@@ -98,22 +98,22 @@ const Ee = (o) => {
     focused: n.focused,
     required: n.required
   };
-  delete x.ownerState;
-  const q = Ee(x);
+  delete y.ownerState;
+  const O = Ee(y);
   return /* @__PURE__ */ a(He, {
-    as: d,
-    className: Q(q.root, l),
+    as: c,
+    className: Q(O.root, l),
     ref: t,
-    ...h,
-    ownerState: x,
-    children: c === " " ? (
+    ...x,
+    ownerState: y,
+    children: d === " " ? (
       // notranslate needed while Google Translate will not fix zero-width space issue
       pe || (pe = /* @__PURE__ */ a("span", {
         className: "notranslate",
         "aria-hidden": !0,
         children: "​"
       }))
-    ) : c
+    ) : d
   });
 });
 process.env.NODE_ENV !== "production" && (ue.propTypes = {
@@ -182,12 +182,12 @@ const L = ne("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "
     classes: r,
     color: t,
     focused: s,
-    disabled: c,
+    disabled: d,
     error: l,
-    filled: d,
+    filled: c,
     required: u
   } = o, f = {
-    root: ["root", `color${K(t)}`, c && "disabled", l && "error", d && "filled", s && "focused", u && "required"],
+    root: ["root", `color${K(t)}`, d && "disabled", l && "error", c && "filled", s && "focused", u && "required"],
     asterisk: ["asterisk", l && "error"]
   };
   return G(f, Ue, r);
@@ -242,40 +242,40 @@ const L = ne("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "
     props: r,
     name: "MuiFormLabel"
   }), {
-    children: c,
+    children: d,
     className: l,
-    color: d,
+    color: c,
     component: u = "label",
     disabled: f,
-    error: g,
+    error: _,
     filled: m,
     focused: b,
     required: p,
     ...T
-  } = s, h = ae(), y = ie({
+  } = s, x = ae(), h = ie({
     props: s,
-    muiFormControl: h,
+    muiFormControl: x,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
   }), n = {
     ...s,
-    color: y.color || "primary",
+    color: h.color || "primary",
     component: u,
-    disabled: y.disabled,
-    error: y.error,
-    filled: y.filled,
-    focused: y.focused,
-    required: y.required
-  }, x = We(n);
+    disabled: h.disabled,
+    error: h.error,
+    filled: h.filled,
+    focused: h.focused,
+    required: h.required
+  }, y = We(n);
   return /* @__PURE__ */ $(Ae, {
     as: u,
     ownerState: n,
-    className: Q(x.root, l),
+    className: Q(y.root, l),
     ref: t,
     ...T,
-    children: [c, y.required && /* @__PURE__ */ $(Be, {
+    children: [d, h.required && /* @__PURE__ */ $(Be, {
       ownerState: n,
       "aria-hidden": !0,
-      className: x.asterisk,
+      className: y.asterisk,
       children: [" ", "*"]
     })]
   });
@@ -338,18 +338,18 @@ const Ve = (o) => {
     classes: r,
     formControl: t,
     size: s,
-    shrink: c,
+    shrink: d,
     disableAnimation: l,
-    variant: d,
+    variant: c,
     required: u
   } = o, f = {
-    root: ["root", t && "formControl", !l && "animated", c && "shrink", s && s !== "medium" && `size${K(s)}`, d],
+    root: ["root", t && "formControl", !l && "animated", d && "shrink", s && s !== "medium" && `size${K(s)}`, c],
     asterisk: [u && "asterisk"]
-  }, g = G(f, ke, r);
+  }, _ = G(f, Re, r);
   return {
     ...r,
     // forward the focused, disabled, etc. classes to the FormLabel
-    ...g
+    ..._
   };
 }, De = M(fe, {
   shouldForwardProp: (o) => $e(o) || o === "classes",
@@ -490,14 +490,14 @@ const Ve = (o) => {
     name: "MuiInputLabel",
     props: r
   }), {
-    disableAnimation: c = !1,
+    disableAnimation: d = !1,
     margin: l,
-    shrink: d,
+    shrink: c,
     variant: u,
     className: f,
-    ...g
+    ..._
   } = s, m = ae();
-  let b = d;
+  let b = c;
   typeof b > "u" && m && (b = m.filled || m.focused || m.adornedStart);
   const p = ie({
     props: s,
@@ -505,21 +505,21 @@ const Ve = (o) => {
     states: ["size", "variant", "required", "focused"]
   }), T = {
     ...s,
-    disableAnimation: c,
+    disableAnimation: d,
     formControl: m,
     shrink: b,
     size: p.size,
     variant: p.variant,
     required: p.required,
     focused: p.focused
-  }, h = Ve(T);
+  }, x = Ve(T);
   return /* @__PURE__ */ a(De, {
     "data-shrink": b,
     ref: t,
-    className: Q(h.root, f),
-    ...g,
+    className: Q(x.root, f),
+    ..._,
     ownerState: T,
-    classes: h
+    classes: x
   });
 });
 process.env.NODE_ENV !== "production" && (me.propTypes = {
@@ -596,7 +596,7 @@ ne("MuiTextField", ["root"]);
 const Ge = {
   standard: Pe,
   filled: Ie,
-  outlined: ze
+  outlined: qe
 }, Je = (o) => {
   const {
     classes: r
@@ -612,37 +612,37 @@ const Ge = {
     props: r,
     name: "MuiTextField"
   }), {
-    autoComplete: c,
+    autoComplete: d,
     autoFocus: l = !1,
-    children: d,
+    children: c,
     className: u,
     color: f = "primary",
-    defaultValue: g,
+    defaultValue: _,
     disabled: m = !1,
     error: b = !1,
     fullWidth: p = !1,
     helperText: T,
-    id: h,
-    inputRef: y,
+    id: x,
+    inputRef: h,
     label: n,
-    maxRows: x,
-    minRows: q,
+    maxRows: y,
+    minRows: O,
     multiline: j = !1,
-    name: O,
+    name: F,
     onBlur: E,
     onChange: X,
     onFocus: Y,
-    placeholder: k,
+    placeholder: R,
     required: H = !1,
-    rows: R,
+    rows: z,
     select: v = !1,
     slots: U = {},
-    slotProps: z = {},
+    slotProps: q = {},
     type: Z,
     value: W,
     variant: N = "outlined",
     ...ee
-  } = s, _ = {
+  } = s, g = {
     ...s,
     autoFocus: l,
     color: f,
@@ -653,25 +653,25 @@ const Ge = {
     required: H,
     select: v,
     variant: N
-  }, oe = Je(_);
-  process.env.NODE_ENV !== "production" && v && !d && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
-  const w = Ne(h), I = T && w ? `${w}-helper-text` : void 0, A = n && w ? `${w}-label` : void 0, re = Ge[N], F = {
+  }, oe = Je(g);
+  process.env.NODE_ENV !== "production" && v && !c && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
+  const w = Ne(x), I = T && w ? `${w}-helper-text` : void 0, A = n && w ? `${w}-label` : void 0, re = Ge[N], k = {
     slots: U,
-    slotProps: z
+    slotProps: q
   }, [te, B] = S("select", {
-    elementType: Re,
-    externalForwardedProps: F,
-    ownerState: _
-  }), P = v && B.native, C = {}, se = F.slotProps.inputLabel;
+    elementType: ze,
+    externalForwardedProps: k,
+    ownerState: g
+  }), P = v && B.native, C = {}, se = k.slotProps.inputLabel;
   N === "outlined" && (se && typeof se.shrink < "u" && (C.notched = se.shrink), C.label = n), v && (P || (C.id = void 0), C["aria-describedby"] = void 0);
-  const [he, ye] = S("root", {
+  const [xe, he] = S("root", {
     elementType: Qe,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      ...F,
+      ...k,
       ...ee
     },
-    ownerState: _,
+    ownerState: g,
     className: Q(oe.root, u),
     ref: t,
     additionalProps: {
@@ -682,51 +682,51 @@ const Ge = {
       color: f,
       variant: N
     }
-  }), [xe, _e] = S("input", {
+  }), [ye, ge] = S("input", {
     elementType: re,
-    externalForwardedProps: F,
+    externalForwardedProps: k,
     additionalProps: C,
-    ownerState: _
-  }), [ge, Te] = S("inputLabel", {
+    ownerState: g
+  }), [_e, Te] = S("inputLabel", {
     elementType: me,
-    externalForwardedProps: F,
-    ownerState: _
+    externalForwardedProps: k,
+    ownerState: g
   }), [ve, we] = S("htmlInput", {
     elementType: "input",
-    externalForwardedProps: F,
-    ownerState: _
-  }), [Fe, Oe] = S("formHelperText", {
+    externalForwardedProps: k,
+    ownerState: g
+  }), [ke, Fe] = S("formHelperText", {
     elementType: ue,
-    externalForwardedProps: F,
-    ownerState: _
-  }), ce = /* @__PURE__ */ a(xe, {
+    externalForwardedProps: k,
+    ownerState: g
+  }), de = /* @__PURE__ */ a(ye, {
     "aria-describedby": I,
-    autoComplete: c,
+    autoComplete: d,
     autoFocus: l,
-    defaultValue: g,
+    defaultValue: _,
     fullWidth: p,
     multiline: j,
-    name: O,
-    rows: R,
-    maxRows: x,
-    minRows: q,
+    name: F,
+    rows: z,
+    maxRows: y,
+    minRows: O,
     type: Z,
     value: W,
     id: w,
-    inputRef: y,
+    inputRef: h,
     onBlur: E,
     onChange: X,
     onFocus: Y,
-    placeholder: k,
+    placeholder: R,
     inputProps: we,
     slots: {
       input: U.htmlInput ? ve : void 0
     },
-    ..._e
+    ...ge
   });
-  return /* @__PURE__ */ $(he, {
-    ...ye,
-    children: [n != null && n !== "" && /* @__PURE__ */ a(ge, {
+  return /* @__PURE__ */ $(xe, {
+    ...he,
+    children: [n != null && n !== "" && /* @__PURE__ */ a(_e, {
       htmlFor: v && !P ? void 0 : w,
       id: A,
       ...v && !P && {
@@ -739,12 +739,12 @@ const Ge = {
       id: w,
       labelId: A,
       value: W,
-      input: ce,
+      input: de,
       ...B,
-      children: d
-    }) : ce, T && /* @__PURE__ */ a(Fe, {
+      children: c
+    }) : de, T && /* @__PURE__ */ a(ke, {
       id: I,
-      ...Oe,
+      ...Fe,
       children: T
     })]
   });
@@ -922,30 +922,30 @@ process.env.NODE_ENV !== "production" && (be.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-const Xe = "_label_1cc6q_6", Ye = "_mandatory_1cc6q_18", Ze = "_icon_1cc6q_27", eo = "_small_1cc6q_86", oo = "_medium_1cc6q_94", ro = "_large_1cc6q_102", to = "_filled_1cc6q_110", so = "_suffix_1cc6q_167", no = "_disabled_1cc6q_189", i = {
-  "ckds-input-field-container": "_ckds-input-field-container_1cc6q_1",
+const Xe = "_label_kg5rx_6", Ye = "_mandatory_kg5rx_18", Ze = "_icon_kg5rx_27", eo = "_small_kg5rx_86", oo = "_medium_kg5rx_94", ro = "_large_kg5rx_102", to = "_filled_kg5rx_110", so = "_suffix_kg5rx_167", no = "_disabled_kg5rx_189", i = {
+  "ckds-input-field-container": "_ckds-input-field-container_kg5rx_1",
   label: Xe,
   mandatory: Ye,
   icon: Ze,
-  "icon-with-label": "_icon-with-label_1cc6q_42",
-  "text-field": "_text-field_1cc6q_46",
-  "Mui-focused": "_Mui-focused_1cc6q_59",
-  "Mui-disabled": "_Mui-disabled_1cc6q_62",
-  "Mui-error": "_Mui-error_1cc6q_66",
+  "icon-with-label": "_icon-with-label_kg5rx_42",
+  "text-field": "_text-field_kg5rx_46",
+  "Mui-focused": "_Mui-focused_kg5rx_59",
+  "Mui-disabled": "_Mui-disabled_kg5rx_62",
+  "Mui-error": "_Mui-error_kg5rx_66",
   small: eo,
   medium: oo,
   large: ro,
   filled: to,
-  "show-hide-password": "_show-hide-password_1cc6q_114",
-  "clear-icon": "_clear-icon_1cc6q_115",
-  "end-icon": "_end-icon_1cc6q_116",
-  "show-hide-password-with-label": "_show-hide-password-with-label_1cc6q_153",
-  "clear-icon-with-label": "_clear-icon-with-label_1cc6q_154",
-  "end-icon-with-label": "_end-icon-with-label_1cc6q_155",
-  "action-button": "_action-button_1cc6q_159",
+  "show-hide-password": "_show-hide-password_kg5rx_114",
+  "clear-icon": "_clear-icon_kg5rx_115",
+  "end-icon": "_end-icon_kg5rx_116",
+  "show-hide-password-with-label": "_show-hide-password-with-label_kg5rx_153",
+  "clear-icon-with-label": "_clear-icon-with-label_kg5rx_154",
+  "end-icon-with-label": "_end-icon-with-label_kg5rx_155",
+  "action-button": "_action-button_kg5rx_159",
   suffix: so,
-  "error-text": "_error-text_1cc6q_177",
-  "helper-text": "_helper-text_1cc6q_182",
+  "error-text": "_error-text_kg5rx_177",
+  "helper-text": "_helper-text_kg5rx_182",
   disabled: no
 };
 function mo({
@@ -953,37 +953,37 @@ function mo({
   name: r,
   handleChange: t,
   value: s = "",
-  label: c = "",
+  label: d = "",
   error: l,
-  placeHolder: d,
+  placeHolder: c,
   toggleIcon: u,
   toggleActionButton: f,
-  toggleCallback: g,
+  toggleCallback: _,
   toggleActionBtnCallback: m,
   selectedVisibilityIcon: b,
   inputIcon: p,
   inputClass: T = "",
-  suffix: h,
-  prefixIcon: y,
+  suffix: x,
+  prefixIcon: h,
   parentClass: n = "",
-  showLabel: x = !0,
-  touched: q,
+  showLabel: y = !0,
+  touched: O,
   onBlurHandler: j,
-  disabled: O = !1,
+  disabled: F = !1,
   disabledClass: E = "",
   filledStyle: X = "",
   autoComplete: Y = "on",
-  toolTip: k,
+  toolTip: R,
   maxLength: H = null,
-  prefix: R,
+  prefix: z,
   showInfoMessage: v = {},
   actionButtonConfig: U = {},
-  labelDescription: z = "",
+  labelDescription: q = "",
   disableOnWheel: Z = !1,
   onFocusHandler: W,
   onKeyDownHandler: N,
   mandatory: ee = !1,
-  helperText: _,
+  helperText: g,
   readOnly: oe = !1,
   clearable: w = !1,
   onClear: I,
@@ -991,32 +991,32 @@ function mo({
 }) {
   const {
     isEnabled: re,
-    component: F
+    component: k
   } = v, {
     buttonText: te = "",
     btnVariant: B = "primary",
     btnsize: P = "small"
   } = U;
   return /* @__PURE__ */ $("div", { className: `${i["ckds-input-field-container"]} ${n}`, children: [
-    x && /* @__PURE__ */ $(qe, { children: [
+    y && /* @__PURE__ */ $(Oe, { children: [
       /* @__PURE__ */ $(
         "span",
         {
           className: `${i.label} ${ee ? i.mandatory : ""}`,
           children: [
-            y,
-            c,
-            typeof z == "function" ? z() : z
+            h,
+            d,
+            typeof q == "function" ? q() : q
           ]
         }
       ),
-      R && /* @__PURE__ */ a("span", { className: R.style, children: R.text })
+      z && /* @__PURE__ */ a("span", { className: z.style, children: z.text })
     ] }),
-    re && F,
+    re && k,
     p && /* @__PURE__ */ a(
       "div",
       {
-        className: `${i.icon} ${x ? i["icon-with-label"] : ""}`,
+        className: `${i.icon} ${y ? i["icon-with-label"] : ""}`,
         children: typeof p == "string" ? /* @__PURE__ */ a(
           "img",
           {
@@ -1034,14 +1034,14 @@ function mo({
         name: r,
         type: o,
         value: s,
-        placeholder: E ? "" : d,
+        placeholder: E ? "" : c,
         onChange: t,
         onBlur: j,
         onFocus: W,
-        disabled: O,
+        disabled: F,
         autoComplete: Y,
-        error: !!(q && l),
-        helperText: q && l ? l : "",
+        error: !!(O && l),
+        helperText: O && l ? l : "",
         slotProps: {
           htmlInput: {
             maxLength: H || void 0,
@@ -1061,22 +1061,22 @@ function mo({
         }
       }
     ),
-    h && /* @__PURE__ */ $(
+    x && /* @__PURE__ */ $(
       "span",
       {
-        className: `${h.style} ${q && l ? i["error-text"] : ""}`,
+        className: `${x.style} ${O && l ? i["error-text"] : ""}`,
         children: [
-          h.text,
-          h.icon
+          x.text,
+          x.icon
         ]
       }
     ),
-    k && /* @__PURE__ */ a("div", { className: k.label, children: k.component }),
-    w && s && !O && /* @__PURE__ */ a(
+    R && /* @__PURE__ */ a("div", { className: R.label, children: R.component }),
+    w && s && !F && /* @__PURE__ */ a(
       "span",
       {
         "aria-hidden": "true",
-        className: `${i["clear-icon"]} ${x ? i["clear-icon-with-label"] : ""}`,
+        className: `${i["clear-icon"]} ${y ? i["clear-icon-with-label"] : ""}`,
         onClick: () => I?.(o, r),
         children: "✕"
       }
@@ -1085,8 +1085,8 @@ function mo({
       "span",
       {
         "aria-hidden": "true",
-        className: `${i["show-hide-password"]} ${x ? i["show-hide-password-with-label"] : ""} ${O || !s ? i.disabled : ""}`,
-        onClick: () => !O && g?.(o, r),
+        className: `${i["show-hide-password"]} ${y ? i["show-hide-password-with-label"] : ""} ${F || !s ? i.disabled : ""}`,
+        onClick: () => !F && _?.(o, r),
         children: typeof b == "string" ? /* @__PURE__ */ a(
           "img",
           {
@@ -1103,20 +1103,20 @@ function mo({
         variant: B,
         size: P,
         className: "rounded-[3px] !font-bold ml-[10px]",
-        disabled: O || !s || !!l,
+        disabled: F || !s || !!l,
         onChange: () => m?.(
           o,
           r
         )
       }
     ) }),
-    _ && (typeof _ == "string" ? /* @__PURE__ */ a(
+    g && (typeof g == "string" ? /* @__PURE__ */ a(
       "span",
       {
-        className: `${i["helper-text"]} ${O ? i.disabled : ""}`,
-        children: _
+        className: `${i["helper-text"]} ${F ? i.disabled : ""}`,
+        children: g
       }
-    ) : _)
+    ) : g)
   ] });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ck-ui/component-library",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",