@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/components/SingleSelectDropdown/index.js

@@ -1,105 +1,115 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { useState as p, useRef as g, useMemo as V, useEffect as x } from "react";
-import { s as r, D as A } from "../../DropdownFooter-De6BYlLK.js";
-import { S as B } from "../../chevron-down-Cm9R64Fe.js";
-import { S as M } from "../../info-icon-ooYw3va_.js";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as d, useRef as g, useMemo as T, useEffect as y } from "react";
+import { s as r, D as V } from "../../DropdownFooter-CYkg2g5d.js";
+import { S as A } from "../../chevron-down-Cm9R64Fe.js";
+import { S as B } from "../../info-icon-ooYw3va_.js";
 import "../Avatar/index.js";
 import "../CKButton/index.js";
 import "../IconButton/index.js";
 import "../Stepper/index.js";
-import { Tooltip as q } from "../Tooltip/index.js";
-import "../../index-BR6M9zUI.js";
-import '../../assets/theme-gJHYUL9y.css';import '../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                           */
-import { RadioButton as G } from "../RadioButton/index.js";
-import { Search as H } from "../Search/index.js";
+import { Tooltip as M } from "../Tooltip/index.js";
+import "../../index-C8cPPHJD.js";
+import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-Bqfs9eXV.css';import '../../assets/styles-BTZL03H2.css';import '../../assets/styles-D8sahtFb.css';import '../../assets/ReactToastify-tlSLHgLC.css';/* empty css                           */
+import { RadioButton as q } from "../RadioButton/index.js";
+import { Search as G } from "../Search/index.js";
 import "../GroupedMultiSelect/_helpers/TagContent.js";
 import "../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../GroupedSingleSelect/_helpers/OptionRow.js";
+import "../Pagination/index.js";
+import "../DateRangePicker/DateRangePicker.js";
+import "../Loader/index.js";
+/* empty css                    */
+/* empty css                    */
+/* empty css                    */
+import "../MultiSelect/_helpers/TagContent.js";
+import "../MultiSelect/_helpers/OptionRow.js";
+import "../ProfileDropdown/index.js";
+import "../MAVDropdown/index.js";
 /* empty css                   */
-function ie({
+import "../FusionChart/index.js";
+function Ce({
   options: u,
-  value: a = null,
-  onChange: y,
+  value: o = null,
+  onChange: D,
   label: v,
-  placeholder: D = "Select",
+  placeholder: O = "Select",
   helperText: N,
-  disabled: l = !1,
-  searchable: O = !0,
-  className: k = "",
-  mandatory: I = !1,
-  width: b = "100%",
-  minWidth: L = "260px",
-  maxWidth: R = "400px"
+  disabled: s = !1,
+  searchable: k = !0,
+  showClearButton: x = !0,
+  className: I = "",
+  mandatory: L = !1,
+  width: b = ""
 }) {
-  const [o, c] = p(!1), [h, i] = p(""), [f, d] = p(a), C = g(null), S = g(null), [E, W] = p(!1), t = u.find((e) => e.value === a), $ = V(() => u.filter(
+  const [a, c] = d(!1), [h, i] = d(""), [f, m] = d(o), C = g(null), S = g(null), [R, E] = d(!1), n = u.find((e) => e.value === o), $ = T(() => u.filter(
     (e) => e.label.toLowerCase().includes(h.toLowerCase())
-  ), [h, u]), j = (e) => {
-    d?.(e);
+  ), [h, u]), W = (e) => {
+    m?.(e);
+  }, j = () => {
+    m(null);
   }, z = () => {
-    d(null);
+    D?.(f), c(!1);
   }, F = () => {
-    y?.(f), c(!1);
-  }, T = () => {
-    d(a), c(!1), i("");
+    m(o), c(!1), i("");
   };
-  return x(() => {
-    const e = (m) => {
-      C.current?.contains(m.target) || (c(!1), d(a), i(""));
+  return y(() => {
+    const e = (p) => {
+      C.current?.contains(p.target) || (c(!1), m(o), i(""));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []), x(() => {
+  }, [o]), y(() => {
     const e = S.current;
     if (!e) return;
-    const m = () => {
-      W(e.scrollWidth > e.clientWidth);
+    const p = () => {
+      E(e.scrollWidth > e.clientWidth);
     };
-    m();
-    const w = new ResizeObserver(m);
+    p();
+    const w = new ResizeObserver(p);
     return w.observe(e), () => w.disconnect();
-  }, [t?.label, b]), /* @__PURE__ */ n(
+  }, [n?.label, b]), /* @__PURE__ */ l(
     "div",
     {
       ref: C,
-      style: { width: b, minWidth: L, maxWidth: R },
-      className: `${r["ckds-single-select"]} ${l ? r.disabled : ""} ${k}`,
+      style: { width: b },
+      className: `${r["ckds-single-select"]} ${s ? r.disabled : ""} ${I}`,
       children: [
-        v && /* @__PURE__ */ n("label", { className: `${r.label} ${l ? r.disabled : ""}`, children: [
+        v && /* @__PURE__ */ l("label", { className: `${r.label} ${s ? r.disabled : ""}`, children: [
           v,
-          I && /* @__PURE__ */ s("span", { className: r.mandatory, children: "*" })
+          L && /* @__PURE__ */ t("span", { className: r.mandatory, children: "*" })
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            className: `${r.trigger} ${o ? r.active : ""}`,
-            onClick: () => !l && c((e) => !e),
+            className: `${r.trigger} ${a ? r.active : ""}`,
+            onClick: () => !s && c((e) => !e),
             "aria-haspopup": "listbox",
-            "aria-expanded": o,
-            disabled: l,
+            "aria-expanded": a,
+            disabled: s,
             children: [
-              /* @__PURE__ */ s(
-                q,
+              /* @__PURE__ */ t(
+                M,
                 {
-                  title: E ? t?.label : "",
+                  title: R ? n?.label : "",
                   placement: "bottom",
-                  children: /* @__PURE__ */ s(
+                  children: /* @__PURE__ */ t(
                     "span",
                     {
                       ref: S,
-                      className: `${t ? r.value : r.placeholder} ${l ? r.disabled : ""}`,
-                      children: t ? t.label : D
+                      className: `${n ? r.value : r.placeholder} ${s ? r.disabled : ""}`,
+                      children: n ? n.label : O
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ s("span", { className: `${r.arrow} ${o ? r.open : ""}`, children: /* @__PURE__ */ s(B, {}) })
+              /* @__PURE__ */ t("span", { className: `${r.arrow} ${a ? r.open : ""}`, children: /* @__PURE__ */ t(A, {}) })
             ]
           }
         ),
-        o && /* @__PURE__ */ n("div", { className: r.dropdown, children: [
-          /* @__PURE__ */ n("div", { children: [
-            O && /* @__PURE__ */ s("div", { className: r["search-wrapper"], children: /* @__PURE__ */ s(
-              H,
+        a && /* @__PURE__ */ l("div", { className: r.dropdown, children: [
+          /* @__PURE__ */ l("div", { children: [
+            k && /* @__PURE__ */ t("div", { className: r["search-wrapper"], children: /* @__PURE__ */ t(
+              G,
               {
                 value: h,
                 placeholder: "Search",
@@ -110,35 +120,36 @@ function ie({
                 inputClassName: r.searchInput
               }
             ) }),
-            /* @__PURE__ */ s("div", { className: r.options, children: $.length === 0 ? /* @__PURE__ */ s("span", { className: r.noData, children: "0 results" }) : $.map((e) => /* @__PURE__ */ s(
-              G,
+            /* @__PURE__ */ t("div", { className: r.options, children: $.length === 0 ? /* @__PURE__ */ t("span", { className: r.noData, children: "0 results" }) : $.map((e) => /* @__PURE__ */ t(
+              q,
               {
                 label: e.label,
                 color: "",
                 selected: f === e.value,
-                onChange: () => j(e.value)
+                onChange: () => W(e.value)
               }
             )) })
           ] }),
-          /* @__PURE__ */ s(
-            A,
+          /* @__PURE__ */ t(
+            V,
             {
-              value: a,
+              value: o,
               selectedValue: f,
-              onClear: z,
-              onCancel: T,
-              onApply: F
+              showClearButton: x,
+              onClear: j,
+              onCancel: F,
+              onApply: z
             }
           )
         ] }),
-        N && /* @__PURE__ */ n("div", { className: r.helper, children: [
-          /* @__PURE__ */ s("div", { className: r["helper-icon"], children: /* @__PURE__ */ s(M, {}) }),
-          /* @__PURE__ */ s("div", { className: `${l ? r.disabled : ""}`, children: N })
+        N && /* @__PURE__ */ l("div", { className: r.helper, children: [
+          /* @__PURE__ */ t("div", { className: r["helper-icon"], children: /* @__PURE__ */ t(B, {}) }),
+          /* @__PURE__ */ t("div", { className: `${s ? r.disabled : ""}`, children: N })
         ] })
       ]
     }
   );
 }
 export {
-  ie as SingleSelectDropdown
+  Ce as SingleSelectDropdown
 };

package/dist/components/Switch/index.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as a } from "react/jsx-runtime";
-import '../../assets/index-fvceox3b.css';const h = "_slider_1eh2o_13", s = {
-  "ckcl-switch-wrapper": "_ckcl-switch-wrapper_1eh2o_1",
-  "ckcl-switch": "_ckcl-switch_1eh2o_1",
+import '../../assets/index-_Kh8p9R0.css';const h = "_slider_mcbqh_21", s = {
+  "ckcl-switch-wrapper": "_ckcl-switch-wrapper_mcbqh_1",
+  "ckcl-switch": "_ckcl-switch_mcbqh_1",
   slider: h
 };
 function n({

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

@@ -0,0 +1,5 @@
+import { ColumnConfigProps } from '../../_types/table.types';
+declare function ColumnConfig<TData>({ draftConfig, setDraftConfig }: ColumnConfigProps<TData>): import("react/jsx-runtime").JSX.Element;
+export { ColumnConfig };
+export default ColumnConfig;
+//# sourceMappingURL=ColumnConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnConfig.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/ColumnConfig.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,iBAAS,YAAY,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAwFrF;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,YAAY,CAAC"}

package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.js

@@ -0,0 +1,84 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { CKCheckbox as c } from "../../../CKCheckbox/index.js";
+import { Typography as l } from "../../../Typography/index.js";
+import { RadioGroup as t } from "../../../RadioGroup/index.js";
+function h({ draftConfig: a, setDraftConfig: r }) {
+  return /* @__PURE__ */ i("div", { className: "ckds-column-config-panel", children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ i("label", { className: "ckds-column-config-label", children: [
+      /* @__PURE__ */ e(
+        c,
+        {
+          checked: a.wrapText,
+          onChange: (n) => r((o) => ({
+            ...o,
+            wrapText: n
+          }))
+        }
+      ),
+      /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+        /* @__PURE__ */ e(l, { variant: "body-sm", weight: "medium", children: "Wrap Text" }),
+        /* @__PURE__ */ e(l, { variant: "caption", color: "secondary", children: "Show full content in cells instead of truncating" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e("div", { style: { marginTop: "16px" }, children: /* @__PURE__ */ i("label", { className: "ckds-column-config-label", children: [
+      /* @__PURE__ */ e(
+        c,
+        {
+          checked: a.stripedRows,
+          onChange: (n) => r((o) => ({
+            ...o,
+            stripedRows: n
+          }))
+        }
+      ),
+      /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+        /* @__PURE__ */ e(l, { variant: "body-sm", weight: "medium", children: "Zebra Striping" }),
+        /* @__PURE__ */ e(l, { variant: "caption", color: "secondary", children: "Alternate row colors for easier reading" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "ckds-column-config-divider" }),
+    /* @__PURE__ */ i("div", { style: { marginTop: "16px" }, children: [
+      /* @__PURE__ */ i("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e(l, { variant: "body-sm", color: "secondary", children: "Pin Start Column" }),
+        /* @__PURE__ */ e(l, { variant: "caption", weight: "medium", children: "Keep columns fixed when scrolling" })
+      ] }),
+      /* @__PURE__ */ e("div", { style: { marginTop: "8px" }, children: /* @__PURE__ */ e(
+        t,
+        {
+          name: "stickyStart",
+          value: a.stickyStart,
+          onChange: (n) => r((o) => ({ ...o, stickyStart: n })),
+          size: "small",
+          options: [
+            { label: "None", value: "none" },
+            { label: "First Column", value: "first" },
+            { label: "First Two Columns", value: "firstTwo" }
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ i("div", { style: { marginTop: "16px" }, children: [
+      /* @__PURE__ */ i("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ e(l, { variant: "body-sm", color: "secondary", children: "Pin End Column" }),
+        /* @__PURE__ */ e(l, { variant: "caption", weight: "medium", children: "Keep the last column fixed while scrolling" })
+      ] }),
+      /* @__PURE__ */ e("div", { style: { marginTop: "8px" }, children: /* @__PURE__ */ e(
+        t,
+        {
+          name: "stickyEnd",
+          value: a.stickyEnd,
+          onChange: (n) => r((o) => ({ ...o, stickyEnd: n })),
+          size: "small",
+          options: [
+            { label: "None", value: "none" },
+            { label: "Last Column", value: "last" }
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  h as ColumnConfig,
+  h as default
+};

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

@@ -0,0 +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;
+export default ColumnManager;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,0BAA0B,CAAC;AAC3F,OAAO,eAAe,CAAC;AAgEvB,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,2CAiG3B;AAED,eAAe,aAAa,CAAC"}