@ck-ui/component-library 1.0.16 → 2.0.0

package/dist/components/ProfileDropdown/index.js

@@ -1,86 +1,84 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { useState as N, useRef as E } from "react";
-import { mergeClasses as a } from "../../utils/mergeClasses.js";
-import { Avatar as f } from "../Avatar/index.js";
+import { mergeClasses as n } from "../../utils/mergeClasses.js";
+import { Avatar as p } from "../Avatar/index.js";
 import { AvatarSizes as t } from "../Avatar/_types/avatar.types.js";
-import { DEFAULT_VIEWS as D, PROFILE_VIEW as S } from "./_types/profileDropdown.types.js";
-import { VIEW_LABELS as x } from "./constants.js";
-import { S as A } from "../../chevron-down-Cm9R64Fe.js";
-import '../../assets/index-Cdmws__2.css';const e = {
-  "ckds-profile-dropdown": "_ckds-profile-dropdown_1vyrh_1",
-  "ckds-profile-trigger": "_ckds-profile-trigger_1vyrh_12",
-  "ckds-profile-trigger--open": "_ckds-profile-trigger--open_1vyrh_24",
-  "ckds-profile-trigger-text": "_ckds-profile-trigger-text_1vyrh_32",
-  "ckds-profile-welcome-label": "_ckds-profile-welcome-label_1vyrh_39",
-  "ckds-profile-user-name": "_ckds-profile-user-name_1vyrh_47",
-  "ckds-profile-chevron": "_ckds-profile-chevron_1vyrh_55",
-  "ckds-profile-chevron--open": "_ckds-profile-chevron--open_1vyrh_68",
-  "ckds-profile-dropdown-panel": "_ckds-profile-dropdown-panel_1vyrh_72",
-  "ckds-profile-panel-row": "_ckds-profile-panel-row_1vyrh_84",
-  "ckds-profile-divider": "_ckds-profile-divider_1vyrh_91",
-  "ckds-profile-role-info": "_ckds-profile-role-info_1vyrh_97",
-  "ckds-profile-role-label": "_ckds-profile-role-label_1vyrh_105",
-  "ckds-profile-role-value": "_ckds-profile-role-value_1vyrh_112",
-  "ckds-profile-view-toggle": "_ckds-profile-view-toggle_1vyrh_122",
-  "ckds-profile-view-btn": "_ckds-profile-view-btn_1vyrh_129",
-  "ckds-profile-view-btn--active": "_ckds-profile-view-btn--active_1vyrh_147",
-  "ckds-profile-org-info": "_ckds-profile-org-info_1vyrh_162",
-  "ckds-profile-org-label": "_ckds-profile-org-label_1vyrh_170",
-  "ckds-profile-org-value": "_ckds-profile-org-value_1vyrh_177",
-  "ckds-profile-change-org-btn": "_ckds-profile-change-org-btn_1vyrh_187"
+import { Tabs as y } from "../Tab/index.js";
+import { CKButton as D } from "../CKButton/index.js";
+import { DEFAULT_VIEWS as x, PROFILE_VIEW as C } from "./_types/profileDropdown.types.js";
+import { VIEW_LABELS as I } from "./constants.js";
+import { S as M } from "../../chevron-down-Cm9R64Fe.js";
+import '../../assets/index-C4-S_v9y.css';const e = {
+  "ckds-profile-dropdown": "_ckds-profile-dropdown_1mtwz_1",
+  "ckds-profile-trigger": "_ckds-profile-trigger_1mtwz_12",
+  "ckds-profile-trigger-text": "_ckds-profile-trigger-text_1mtwz_29",
+  "ckds-profile-welcome-label": "_ckds-profile-welcome-label_1mtwz_36",
+  "ckds-profile-user-name": "_ckds-profile-user-name_1mtwz_44",
+  "ckds-profile-chevron": "_ckds-profile-chevron_1mtwz_52",
+  "ckds-profile-chevron--open": "_ckds-profile-chevron--open_1mtwz_66",
+  "ckds-profile-dropdown-panel": "_ckds-profile-dropdown-panel_1mtwz_70",
+  "ckds-profile-panel-row": "_ckds-profile-panel-row_1mtwz_82",
+  "ckds-profile-divider": "_ckds-profile-divider_1mtwz_89",
+  "ckds-profile-role-info": "_ckds-profile-role-info_1mtwz_94",
+  "ckds-profile-role-label": "_ckds-profile-role-label_1mtwz_102",
+  "ckds-profile-role-value": "_ckds-profile-role-value_1mtwz_109",
+  "ckds-profile-org-info": "_ckds-profile-org-info_1mtwz_159",
+  "ckds-profile-org-label": "_ckds-profile-org-label_1mtwz_167",
+  "ckds-profile-org-value": "_ckds-profile-org-value_1mtwz_174",
+  "ckds-profile-change-org-btn": "_ckds-profile-change-org-btn_1mtwz_184"
 };
-function C({
+function P({
   userName: i,
-  welcomeLabel: p = "Welcome",
-  role: k,
-  organization: _,
-  activeView: v = S.PARTNER,
-  views: h = D,
-  onViewChange: m,
-  onChangeOrganization: g,
-  className: u
+  welcomeLabel: d = "Welcome",
+  role: f,
+  organization: m,
+  activeView: k = C.PARTNER,
+  views: _ = x,
+  onViewChange: g,
+  onChangeOrganization: u,
+  className: w
 }) {
-  const [s, c] = N(!1), d = E(null), y = () => {
-    d.current && clearTimeout(d.current), c(!0);
-  }, b = () => {
-    d.current = setTimeout(() => c(!1), 120);
-  }, w = (o) => {
-    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), c((n) => !n)), o.key === "Escape" && c(!1);
+  const [s, a] = N(!1), c = E(null), h = () => {
+    c.current && clearTimeout(c.current), a(!0);
+  }, v = () => {
+    c.current = setTimeout(() => a(!1), 120);
+  }, z = (o) => {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a((b) => !b)), o.key === "Escape" && a(!1);
   };
   return /* @__PURE__ */ l(
     "div",
     {
-      className: a(e["ckds-profile-dropdown"], u),
-      onMouseEnter: y,
-      onMouseLeave: b,
+      className: n(e["ckds-profile-dropdown"], w),
+      onMouseEnter: h,
+      onMouseLeave: v,
       children: [
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            className: a(
+            className: n(
               e["ckds-profile-trigger"],
               s && e["ckds-profile-trigger--open"]
             ),
-            onKeyDown: w,
+            onKeyDown: z,
             "aria-haspopup": "true",
             "aria-expanded": s,
-            "aria-label": `${p} ${i}, open profile menu`,
+            "aria-label": `${d} ${i}, open profile menu`,
             children: [
-              /* @__PURE__ */ r(f, { name: i, size: t.SMALL }),
+              /* @__PURE__ */ r(p, { name: i, size: t.MEDIUM, color: "blue" }),
               /* @__PURE__ */ l("span", { className: e["ckds-profile-trigger-text"], children: [
-                /* @__PURE__ */ r("span", { className: e["ckds-profile-welcome-label"], children: p }),
+                /* @__PURE__ */ r("span", { className: e["ckds-profile-welcome-label"], children: d }),
                 /* @__PURE__ */ r("span", { className: e["ckds-profile-user-name"], children: i })
               ] }),
               /* @__PURE__ */ r(
                 "span",
                 {
-                  className: a(
+                  className: n(
                     e["ckds-profile-chevron"],
                     s && e["ckds-profile-chevron--open"]
                   ),
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ r(A, {})
+                  children: /* @__PURE__ */ r(M, {})
                 }
               )
             ]
@@ -94,34 +92,22 @@ function C({
             "aria-label": "Profile details",
             children: [
               /* @__PURE__ */ l("div", { className: e["ckds-profile-panel-row"], children: [
-                /* @__PURE__ */ r(f, { name: i, size: t.MEDIUM }),
+                /* @__PURE__ */ r(p, { name: i, size: t.MEDIUM, color: "blue" }),
                 /* @__PURE__ */ l("div", { className: e["ckds-profile-role-info"], children: [
                   /* @__PURE__ */ r("span", { className: e["ckds-profile-role-label"], children: "Role" }),
-                  /* @__PURE__ */ r("span", { className: e["ckds-profile-role-value"], children: k })
+                  /* @__PURE__ */ r("span", { className: e["ckds-profile-role-value"], children: f })
                 ] }),
                 /* @__PURE__ */ r(
-                  "div",
+                  y,
                   {
-                    className: e["ckds-profile-view-toggle"],
-                    role: "group",
-                    "aria-label": "Switch view",
-                    children: h.map((o) => {
-                      const n = v === o;
-                      return /* @__PURE__ */ r(
-                        "button",
-                        {
-                          type: "button",
-                          className: a(
-                            e["ckds-profile-view-btn"],
-                            n && e["ckds-profile-view-btn--active"]
-                          ),
-                          onClick: () => m?.(o),
-                          "aria-pressed": n,
-                          children: x[o]
-                        },
-                        o
-                      );
-                    })
+                    value: k,
+                    items: _.map((o) => ({
+                      value: o,
+                      label: I[o]
+                    })),
+                    onChange: (o) => g?.(o),
+                    buttonView: !0,
+                    size: "small"
                   }
                 )
               ] }),
@@ -129,15 +115,16 @@ function C({
               /* @__PURE__ */ l("div", { className: e["ckds-profile-panel-row"], children: [
                 /* @__PURE__ */ l("div", { className: e["ckds-profile-org-info"], children: [
                   /* @__PURE__ */ r("span", { className: e["ckds-profile-org-label"], children: "Organization" }),
-                  /* @__PURE__ */ r("span", { className: e["ckds-profile-org-value"], children: _ })
+                  /* @__PURE__ */ r("span", { className: e["ckds-profile-org-value"], children: m })
                 ] }),
                 /* @__PURE__ */ r(
-                  "button",
+                  D,
                   {
-                    type: "button",
-                    className: e["ckds-profile-change-org-btn"],
-                    onClick: g,
-                    children: "Change Organization"
+                    variant: "primary",
+                    size: "medium",
+                    label: "Change Organization",
+                    onClick: u,
+                    className: e["ckds-profile-change-org-btn"]
                   }
                 )
               ] })
@@ -148,7 +135,7 @@ function C({
     }
   );
 }
-C.displayName = "ProfileDropdown";
+P.displayName = "ProfileDropdown";
 export {
-  C as ProfileDropdown
+  P as ProfileDropdown
 };

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

@@ -1,17 +1,16 @@
 import "react/jsx-runtime";
-import { D as y } from "../../../DropdownFooter-CJnM_ECj.js";
+import { D as v } from "../../../DropdownFooter-DIxlKK1Y.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-DrYTmjez.css';import '../../../assets/styles-CwZG1jzB.css';import '../../../assets/styles-0GdZsGyi.css';import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
+import '../../../assets/theme-CDdq9khQ.css';import '../../../assets/styles-DrYTmjez.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                       */
@@ -24,5 +23,5 @@ import "../../MAVDropdown/index.js";
 /* empty css                      */
 import "../../FusionChart/index.js";
 export {
-  y as DropdownFooter
+  v 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-CJnM_ECj.js";
+import { s as e, D as A } from "../../DropdownFooter-DIxlKK1Y.js";
 import { S as M } from "../../chevron-down-Cm9R64Fe.js";
 import { S as q } from "../../info-icon-ooYw3va_.js";
 import "../Avatar/index.js";
@@ -9,14 +9,14 @@ 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-DrYTmjez.css';import '../../assets/styles-CwZG1jzB.css';import '../../assets/styles-0GdZsGyi.css';import '../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                           */
+import '../../assets/theme-CDdq9khQ.css';import '../../assets/styles-DrYTmjez.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";
 import "../GroupedMultiSelect/_helpers/OptionRow.js";
 import "../GroupedSingleSelect/_helpers/OptionRow.js";
 import "../Pagination/index.js";
-import "../DateRangePicker/DateRangePicker.js";
+import { useDropdownDirection as K } from "../MultiSelect/_utils/useDropdownDirection.js";
 import "react-dom";
 import "../Loader/index.js";
 /* empty css                    */
@@ -24,12 +24,11 @@ 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 De({
+function ge({
   options: u,
   value: t = null,
   onChange: y,
@@ -43,20 +42,20 @@ function De({
   mandatory: L = !1,
   width: b = ""
 }) {
-  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(
+  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 = () => {
-    y?.(f), i(!1);
+    y?.(f), c(!1);
   }, T = () => {
-    p(t), i(!1), c("");
+    p(t), c(!1), i("");
   };
   return D(() => {
     const r = (m) => {
-      v.current?.contains(m.target) || (i(!1), p(t), c(""));
+      v.current?.contains(m.target) || (c(!1), p(t), i(""));
     };
     return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
   }, [t]), D(() => {
@@ -84,7 +83,7 @@ function De({
           {
             type: "button",
             className: `${e.trigger} ${l ? e.active : ""}`,
-            onClick: () => !n && i((r) => !r),
+            onClick: () => !n && c((r) => !r),
             "aria-haspopup": "listbox",
             "aria-expanded": l,
             disabled: n,
@@ -120,8 +119,8 @@ function De({
                 value: h,
                 placeholder: "Search",
                 autoFocus: !1,
-                onChange: (r) => c(r),
-                onClear: () => c(""),
+                onChange: (r) => i(r),
+                onClear: () => i(""),
                 wrapperClassName: e.searchWrapper,
                 inputClassName: e.searchInput
               }
@@ -157,5 +156,5 @@ function De({
   );
 }
 export {
-  De as SingleSelectDropdown
+  ge as SingleSelectDropdown
 };

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

@@ -1,6 +1,6 @@
 import { jsxs as O, jsx as w } from "react/jsx-runtime";
 import * as h from "react";
-import { u as ke, a as rt, c as le, b as nt, d as at, o as ue, e as je, g as ot, f as st, P as t, h as it, i as lt, j as G, s as ae, k as Ue, l as Re, m as ct, n as de, p as Ge, q as Ke } from "../../../../useSlot-BiMlGawc.js";
+import { u as ke, a as rt, c as le, b as nt, d as at, o as ue, e as je, g as ot, f as st, P as t, h as it, i as lt, j as G, s as ae, k as Ue, l as Re, m as ct, n as de, p as Ge, q as Ke } from "../../../../useSlot-BAOpgsKZ.js";
 import { c as xe } from "../../../../clsx-OuTLNxxd.js";
 import { a as Ye, c as qe } from "../../../../createSimplePaletteValueFilter-BqxST_wX.js";
 import { i as _e } from "../../../../isFocusVisible-BzX3wEi7.js";