@ck-ui/component-library 1.0.1 → 1.0.2

package/dist/components/SingleSelectDropdown/index.js

@@ -1,17 +1,17 @@
-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-Dm6aLDx8.js";
-import { S as A } from "../../chevron-down-Cm9R64Fe.js";
-import { S as B } from "../../info-icon-ooYw3va_.js";
+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-CsDll1Tj.js";
+import { S as M } from "../../chevron-down-Cm9R64Fe.js";
+import { S as q } from "../../info-icon-ooYw3va_.js";
 import "../Avatar/index.js";
 import "../CKButton/index.js";
 import "../IconButton/index.js";
 import "../Stepper/index.js";
-import { Tooltip as M } from "../Tooltip/index.js";
-import "../../index-C8cPPHJD.js";
-import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-DngCqCGW.css';import '../../assets/styles-DLJzdWsF.css';import '../../assets/styles-O-5pBCak.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 { Tooltip as G } from "../Tooltip/index.js";
+import "../../index-BR6M9zUI.js";
+import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-DngCqCGW.css';import '../../assets/styles-DLJzdWsF.css';import '../../assets/styles-O-5pBCak.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";
 import "../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../GroupedSingleSelect/_helpers/OptionRow.js";
@@ -23,133 +23,138 @@ import "../Loader/index.js";
 /* empty css                    */
 import "../MultiSelect/_helpers/TagContent.js";
 import "../MultiSelect/_helpers/OptionRow.js";
+import { useDropdownDirection as K } from "../MultiSelect/_utils/useDropdownDirection.js";
 import "../ProfileDropdown/index.js";
 import "../MAVDropdown/index.js";
 /* empty css                   */
 import "../FusionChart/index.js";
-function Ce({
+function ge({
   options: u,
-  value: o = null,
-  onChange: D,
-  label: v,
+  value: t = null,
+  onChange: y,
+  label: N,
   placeholder: O = "Select",
-  helperText: N,
-  disabled: s = !1,
+  helperText: w,
+  disabled: n = !1,
   searchable: k = !0,
   showClearButton: x = !0,
   className: I = "",
   mandatory: L = !1,
   width: b = ""
 }) {
-  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]), W = (e) => {
-    m?.(e);
-  }, j = () => {
-    m(null);
-  }, z = () => {
-    D?.(f), c(!1);
+  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(
+    (r) => r.label.toLowerCase().includes(h.toLowerCase())
+  ), [h, u]), W = (r) => {
+    p?.(r);
+  }, B = () => {
+    p(null);
   }, F = () => {
-    m(o), c(!1), i("");
+    y?.(f), c(!1);
+  }, T = () => {
+    p(t), c(!1), i("");
   };
-  return y(() => {
-    const e = (p) => {
-      C.current?.contains(p.target) || (c(!1), m(o), i(""));
+  return D(() => {
+    const r = (m) => {
+      v.current?.contains(m.target) || (c(!1), p(t), i(""));
     };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [o]), y(() => {
-    const e = S.current;
-    if (!e) return;
-    const p = () => {
-      E(e.scrollWidth > e.clientWidth);
+    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+  }, [t]), D(() => {
+    const r = C.current;
+    if (!r) return;
+    const m = () => {
+      E(r.scrollWidth > r.clientWidth);
     };
-    p();
-    const w = new ResizeObserver(p);
-    return w.observe(e), () => w.disconnect();
-  }, [n?.label, b]), /* @__PURE__ */ l(
+    m();
+    const $ = new ResizeObserver(m);
+    return $.observe(r), () => $.disconnect();
+  }, [a?.label, b]), /* @__PURE__ */ s(
     "div",
     {
-      ref: C,
+      ref: v,
       style: { width: b },
-      className: `${r["ckds-single-select"]} ${s ? r.disabled : ""} ${I}`,
+      className: `${e["ckds-single-select"]} ${n ? e.disabled : ""} ${I}`,
       children: [
-        v && /* @__PURE__ */ l("label", { className: `${r.label} ${s ? r.disabled : ""}`, children: [
-          v,
-          L && /* @__PURE__ */ t("span", { className: r.mandatory, children: "*" })
+        N && /* @__PURE__ */ s("label", { className: `${e.label} ${n ? e.disabled : ""}`, children: [
+          N,
+          L && /* @__PURE__ */ o("span", { className: e.mandatory, children: "*" })
         ] }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            className: `${r.trigger} ${a ? r.active : ""}`,
-            onClick: () => !s && c((e) => !e),
+            className: `${e.trigger} ${l ? e.active : ""}`,
+            onClick: () => !n && c((r) => !r),
             "aria-haspopup": "listbox",
-            "aria-expanded": a,
-            disabled: s,
+            "aria-expanded": l,
+            disabled: n,
             children: [
-              /* @__PURE__ */ t(
-                M,
+              /* @__PURE__ */ o(
+                G,
                 {
-                  title: R ? n?.label : "",
+                  title: z ? a?.label : "",
                   placement: "bottom",
-                  children: /* @__PURE__ */ t(
+                  children: /* @__PURE__ */ o(
                     "span",
                     {
-                      ref: S,
-                      className: `${n ? r.value : r.placeholder} ${s ? r.disabled : ""}`,
-                      children: n ? n.label : O
+                      ref: C,
+                      className: `${a ? e.value : e.placeholder} ${n ? e.disabled : ""}`,
+                      children: a ? a.label : O
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ t("span", { className: `${r.arrow} ${a ? r.open : ""}`, children: /* @__PURE__ */ t(A, {}) })
+              /* @__PURE__ */ o("span", { className: `${e.arrow} ${l ? e.open : ""}`, children: /* @__PURE__ */ o(M, {}) })
             ]
           }
         ),
-        a && /* @__PURE__ */ l("div", { className: r.dropdown, children: [
-          /* @__PURE__ */ l("div", { children: [
-            k && /* @__PURE__ */ t("div", { className: r["search-wrapper"], children: /* @__PURE__ */ t(
-              G,
+        l && /* @__PURE__ */ s("div", { className: [
+          e.dropdown,
+          e[`dropdown-align-${j}`],
+          R === "up" ? e["dropdown-up"] : ""
+        ].filter(Boolean).join(" "), children: [
+          /* @__PURE__ */ s("div", { children: [
+            k && /* @__PURE__ */ o("div", { className: e["search-wrapper"], children: /* @__PURE__ */ o(
+              J,
               {
                 value: h,
                 placeholder: "Search",
                 autoFocus: !1,
-                onChange: (e) => i(e),
+                onChange: (r) => i(r),
                 onClear: () => i(""),
-                wrapperClassName: r.searchWrapper,
-                inputClassName: r.searchInput
+                wrapperClassName: e.searchWrapper,
+                inputClassName: e.searchInput
               }
             ) }),
-            /* @__PURE__ */ t("div", { className: r.options, children: $.length === 0 ? /* @__PURE__ */ t("span", { className: r.noData, children: "0 results" }) : $.map((e) => /* @__PURE__ */ t(
-              q,
+            /* @__PURE__ */ o("div", { className: e.options, children: S.length === 0 ? /* @__PURE__ */ o("span", { className: e.noData, children: "0 results" }) : S.map((r) => /* @__PURE__ */ o(
+              H,
               {
-                label: e.label,
+                label: r.label,
                 color: "",
-                selected: f === e.value,
-                onChange: () => W(e.value)
+                selected: f === r.value,
+                onChange: () => W(r.value)
               }
             )) })
           ] }),
-          /* @__PURE__ */ t(
-            V,
+          /* @__PURE__ */ o(
+            A,
             {
-              value: o,
+              value: t,
               selectedValue: f,
               showClearButton: x,
-              onClear: j,
-              onCancel: F,
-              onApply: z
+              onClear: B,
+              onCancel: T,
+              onApply: F
             }
           )
         ] }),
-        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 })
+        w && /* @__PURE__ */ s("div", { className: e.helper, children: [
+          /* @__PURE__ */ o("div", { className: e["helper-icon"], children: /* @__PURE__ */ o(q, {}) }),
+          /* @__PURE__ */ o("div", { className: `${n ? e.disabled : ""}`, children: w })
         ] })
       ]
     }
   );
 }
 export {
-  Ce as SingleSelectDropdown
+  ge as SingleSelectDropdown
 };

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

@@ -16,9 +16,9 @@ const Ie = $e({
 function O(t) {
   return "Minified Redux error #" + t + "; visit https://redux.js.org/Errors?code=" + t + " for the full message or use the non-minified dev environment for full errors. ";
 }
-var ue = (function() {
+var ue = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
-})(), le = function() {
+}(), le = function() {
   return Math.random().toString(36).substring(7).split("").join(".");
 }, de = {
   INIT: "@@redux/INIT" + le(),
@@ -1071,7 +1071,7 @@ function Sr(t, e) {
   return r;
 }
 let ve = 0;
-const L = /* @__PURE__ */ Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
+const L = Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
 var Or = /* @__PURE__ */ Ge(function(e) {
   var { children: r } = e, n = yr(e, [
     "children"

package/dist/components/Table/_helpers/GroupedHeader/index.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as o, Fragment as y } from "react/jsx-runtime";
-import { f as S } from "../../../../index-f7TB87Mf.js";
+import { f as S } from "../../../../index-Bcvmezbu.js";
 import { columnLayoutStyle as x, columnsLayoutStyle as T } from "../../_utils/table.utils.js";
 function K({
   headerGroups: I,

package/dist/components/Table/_helpers/TableFilterModal/OptionList.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { O as d } from "../../../../OptionList-DN1xZbnV.js";
+import { O as d } from "../../../../OptionList-BM4AleXV.js";
 import "../../../CKCheckbox/index.js";
 import "./OptionListItems.js";
 import "../../../../search-B_cup-NN.js";