@ck-ui/component-library 1.0.8 → 1.0.9

package/dist/components/Search/index.js

@@ -1,10 +1,10 @@
-import { jsxs as K, jsx as c } from "react/jsx-runtime";
-import { useState as y, useRef as f, useEffect as l, useMemo as L } from "react";
-import { S as R } from "../../search-B_cup-NN.js";
+import { jsxs as R, jsx as n } from "react/jsx-runtime";
+import * as f from "react";
+import { useState as S, useRef as d, useEffect as l, useMemo as K } from "react";
 import { S as V } from "../../cancel-BAgTEOGD.js";
 import { SMALL as A, MEDIUM as P } from "../../constants.js";
-import { mergeClasses as D } from "../../utils/mergeClasses.js";
-import '../../assets/index-BoQKDmZt.css';const t = {
+import { mergeClasses as v } from "../../utils/mergeClasses.js";
+import '../../assets/index-BoQKDmZt.css';const U = (a) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...a }, /* @__PURE__ */ f.createElement("path", { d: "M9.91699 9.9165L12.2503 12.2498", stroke: "#737373", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ f.createElement("path", { d: "M11.0833 6.41667C11.0833 3.83934 8.99401 1.75 6.41667 1.75C3.83934 1.75 1.75 3.83934 1.75 6.41667C1.75 8.99401 3.83934 11.0833 6.41667 11.0833C8.99401 11.0833 11.0833 8.99401 11.0833 6.41667Z", stroke: "#737373", strokeLinecap: "round", strokeLinejoin: "round" })), t = {
   "ckds-search-wrapper": "_ckds-search-wrapper_mt85e_1",
   "search-wrapper-small": "_search-wrapper-small_mt85e_35",
   "search-wrapper-medium": "_search-wrapper-medium_mt85e_38",
@@ -14,88 +14,88 @@ import '../../assets/index-BoQKDmZt.css';const t = {
   "search-input": "_search-input_mt85e_66",
   "search-clear": "_search-clear_mt85e_85"
 };
-function O({
-  value: p = "",
-  placeholder: k = "Search",
-  onChange: i,
-  onClear: C,
-  onSearch: b,
-  disabled: a = !1,
-  showClearBtn: v = !0,
-  wrapperClassName: x = "",
-  inputClassName: T = "",
-  autoFocus: _ = !1,
-  maxLength: I,
-  id: M,
-  name: N,
-  size: n = "medium",
-  debounceMs: d = 0
+function H({
+  value: a = "",
+  placeholder: x = "Search",
+  onChange: p,
+  onClear: y,
+  onSearch: D,
+  disabled: s = !1,
+  showClearBtn: L = !0,
+  wrapperClassName: E = "",
+  inputClassName: M = "",
+  autoFocus: w = !1,
+  maxLength: b,
+  id: T,
+  name: j,
+  size: o = "medium",
+  debounceMs: _ = 0
 }) {
-  const [w, g] = y(!1), [s, m] = y(p), o = f(null), r = f(null), h = f(!1);
+  const [g, k] = S(!1), [c, h] = S(a), u = d(null), r = d(null), m = d(!1);
   l(() => {
-    m(p);
-  }, [p]), l(() => {
-    _ && o.current?.focus();
-  }, [_]), l(() => {
-    a ? h.current = w : h.current && s && (o.current?.focus(), h.current = !1);
-  }, [a]);
-  const u = L(() => n === A ? "10" : n === P ? "14" : "18", [n]), E = (e) => {
-    d > 0 ? (r.current && clearTimeout(r.current), r.current = setTimeout(() => i?.(e), d)) : i?.(e);
+    h(a);
+  }, [a]), l(() => {
+    w && u.current?.focus();
+  }, [w]), l(() => {
+    s ? m.current = g : m.current && c && (u.current?.focus(), m.current = !1);
+  }, [s]);
+  const i = K(() => o === A ? "10" : o === P ? "14" : "18", [o]), I = (e) => {
+    _ > 0 ? (r.current && clearTimeout(r.current), r.current = setTimeout(() => p?.(e), _)) : p?.(e);
   };
   l(() => () => {
     r.current && clearTimeout(r.current);
   }, []);
-  const F = (e) => {
-    const S = e.target.value;
-    m(S), E(S);
-  }, j = (e) => {
-    e.preventDefault(), r.current && clearTimeout(r.current), m(""), i?.(""), C?.(), o.current?.focus();
+  const N = (e) => {
+    const C = e.target.value;
+    h(C), I(C);
   }, B = (e) => {
-    e.stopPropagation(), e.key === "Enter" && b?.(s);
+    e.preventDefault(), r.current && clearTimeout(r.current), h(""), p?.(""), y?.(), u.current?.focus();
+  }, F = (e) => {
+    e.stopPropagation(), e.key === "Enter" && D?.(c);
   };
-  return /* @__PURE__ */ K(
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: D(
+      className: v(
         t["ckds-search-wrapper"],
-        t[`search-wrapper-${n}`],
-        a ? t["search-wrapper--disabled"] : "",
-        x
+        t[`search-wrapper-${o}`],
+        s ? t["search-wrapper--disabled"] : "",
+        E
       ),
       children: [
-        !w && !s && /* @__PURE__ */ c("span", { className: t["search-icon"], children: /* @__PURE__ */ c(R, { width: u, height: u }) }),
-        /* @__PURE__ */ c(
+        !g && !c && /* @__PURE__ */ n("span", { className: t["search-icon"], children: /* @__PURE__ */ n(U, { width: i, height: i }) }),
+        /* @__PURE__ */ n(
           "input",
           {
-            ref: o,
-            id: M,
-            name: N,
+            ref: u,
+            id: T,
+            name: j,
             type: "text",
-            className: D(
+            className: v(
               "ckds-body-sm-reg",
               t["search-input"],
-              T
+              M
             ),
-            value: s,
-            placeholder: k,
-            disabled: a,
-            maxLength: I,
-            onChange: F,
-            onKeyDown: B,
-            onFocus: () => g(!0),
-            onBlur: () => g(!1)
+            value: c,
+            placeholder: x,
+            disabled: s,
+            maxLength: b,
+            onChange: N,
+            onKeyDown: F,
+            onFocus: () => k(!0),
+            onBlur: () => k(!1)
           }
         ),
-        v && s && !a && /* @__PURE__ */ c(
+        L && c && !s && /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: t["search-clear"],
             onMouseDown: (e) => e.preventDefault(),
-            onClick: j,
+            onClick: B,
             "aria-label": "Clear search",
             tabIndex: 0,
-            children: /* @__PURE__ */ c(V, { width: u, height: u })
+            children: /* @__PURE__ */ n(V, { width: i, height: i })
           }
         )
       ]
@@ -103,5 +103,5 @@ function O({
   );
 }
 export {
-  O as Search
+  H as Search
 };

package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js

@@ -1,17 +1,18 @@
 import "react/jsx-runtime";
-import { D as v } from "../../../DropdownFooter-B1d0HFxd.js";
+import { D as y } from "../../../DropdownFooter-BmXLYRcE.js";
 import "../../Avatar/index.js";
 import "../../CKButton/index.js";
 import "../../IconButton/index.js";
 import "../../Stepper/index.js";
 import "react";
 import "../../../index-BR6M9zUI.js";
-import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-DAqMiQ0N.css';import '../../../assets/styles-DLJzdWsF.css';import '../../../assets/styles-O-5pBCak.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
+import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-D2n8YjU_.css';import '../../../assets/styles-CwZG1jzB.css';import '../../../assets/styles-0GdZsGyi.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
 import "../../GroupedMultiSelect/_helpers/TagContent.js";
 import "../../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../../GroupedSingleSelect/_helpers/OptionRow.js";
 import "../../Pagination/index.js";
 import "../../DateRangePicker/DateRangePicker.js";
+import "react-dom";
 import "../../Loader/index.js";
 /* empty css                       */
 /* empty css                       */
@@ -23,5 +24,5 @@ import "../../MAVDropdown/index.js";
 /* empty css                      */
 import "../../FusionChart/index.js";
 export {
-  v as DropdownFooter
+  y as DropdownFooter
 };

package/dist/components/SingleSelectDropdown/index.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { useState as d, useRef as g, useMemo as V, useEffect as D } from "react";
-import { s as e, D as A } from "../../DropdownFooter-B1d0HFxd.js";
+import { s as e, D as A } from "../../DropdownFooter-BmXLYRcE.js";
 import { S as M } from "../../chevron-down-Cm9R64Fe.js";
 import { S as q } from "../../info-icon-ooYw3va_.js";
 import "../Avatar/index.js";
@@ -9,7 +9,7 @@ import "../IconButton/index.js";
 import "../Stepper/index.js";
 import { Tooltip as G } from "../Tooltip/index.js";
 import "../../index-BR6M9zUI.js";
-import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-DAqMiQ0N.css';import '../../assets/styles-DLJzdWsF.css';import '../../assets/styles-O-5pBCak.css';import '../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                           */
+import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-D2n8YjU_.css';import '../../assets/styles-CwZG1jzB.css';import '../../assets/styles-0GdZsGyi.css';import '../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                           */
 import { RadioButton as H } from "../RadioButton/index.js";
 import { Search as J } from "../Search/index.js";
 import "../GroupedMultiSelect/_helpers/TagContent.js";
@@ -17,6 +17,7 @@ import "../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../GroupedSingleSelect/_helpers/OptionRow.js";
 import "../Pagination/index.js";
 import "../DateRangePicker/DateRangePicker.js";
+import "react-dom";
 import "../Loader/index.js";
 /* empty css                    */
 /* empty css                    */
@@ -28,7 +29,7 @@ import "../ProfileDropdown/index.js";
 import "../MAVDropdown/index.js";
 /* empty css                   */
 import "../FusionChart/index.js";
-function ge({
+function De({
   options: u,
   value: t = null,
   onChange: y,
@@ -42,20 +43,20 @@ function ge({
   mandatory: L = !1,
   width: b = ""
 }) {
-  const [l, c] = d(!1), [h, i] = d(""), [f, p] = d(t), v = g(null), { vertical: R, horizontal: j } = K(v, l), C = g(null), [z, E] = d(!1), a = u.find((r) => r.value === t), S = V(() => u.filter(
+  const [l, i] = d(!1), [h, c] = d(""), [f, p] = d(t), v = g(null), { vertical: R, horizontal: j } = K(v, l), C = g(null), [z, E] = d(!1), a = u.find((r) => r.value === t), S = V(() => u.filter(
     (r) => r.label.toLowerCase().includes(h.toLowerCase())
   ), [h, u]), W = (r) => {
     p?.(r);
   }, B = () => {
     p(null);
   }, F = () => {
-    y?.(f), c(!1);
+    y?.(f), i(!1);
   }, T = () => {
-    p(t), c(!1), i("");
+    p(t), i(!1), c("");
   };
   return D(() => {
     const r = (m) => {
-      v.current?.contains(m.target) || (c(!1), p(t), i(""));
+      v.current?.contains(m.target) || (i(!1), p(t), c(""));
     };
     return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
   }, [t]), D(() => {
@@ -83,7 +84,7 @@ function ge({
           {
             type: "button",
             className: `${e.trigger} ${l ? e.active : ""}`,
-            onClick: () => !n && c((r) => !r),
+            onClick: () => !n && i((r) => !r),
             "aria-haspopup": "listbox",
             "aria-expanded": l,
             disabled: n,
@@ -119,8 +120,8 @@ function ge({
                 value: h,
                 placeholder: "Search",
                 autoFocus: !1,
-                onChange: (r) => i(r),
-                onClear: () => i(""),
+                onChange: (r) => c(r),
+                onClear: () => c(""),
                 wrapperClassName: e.searchWrapper,
                 inputClassName: e.searchInput
               }
@@ -156,5 +157,5 @@ function ge({
   );
 }
 export {
-  ge as SingleSelectDropdown
+  De as SingleSelectDropdown
 };

package/dist/components/Table/_helpers/ColumnManager/index.d.ts

@@ -1,4 +1,4 @@
 import { ColumnManagerProps } from '../../_types/table.types';
-declare function ColumnManager<TData>({ draftConfig, setDraftConfig, moveDraftColumn, handleApplyPref, setModalOpen, handleResetToDefault, isDefault, isConfigChanged, }: ColumnManagerProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function ColumnManager<TData>({ draftConfig, setDraftConfig, handleApplyPref, setModalOpen, handleResetToDefault, isDefault, isConfigChanged, headerGroupDefs, }: ColumnManagerProps<TData>): import("react/jsx-runtime").JSX.Element;
 export default ColumnManager;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,0BAA0B,CAAC;AAC3F,OAAO,eAAe,CAAC;AAkEvB,iBAAS,aAAa,CAAC,KAAK,EAAE,EAC5B,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,eAAe,GAChB,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAoG3B;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,eAAe,CAAC;AAgJvB,iBAAS,aAAa,CAAC,KAAK,EAAE,EAC5B,WAAW,EACX,cAAc,EACd,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,eAAe,EACf,eAAe,GAChB,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAyM3B;AAED,eAAe,aAAa,CAAC"}