@ck-ui/component-library 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/DropdownFooter-CsDll1Tj.js +96 -0
  2. package/dist/{Grow-D08Iq1uH.js → Grow-wzNsNKt2.js} +41 -41
  3. package/dist/IconSlot-DvUwY6Do.js +33 -0
  4. package/dist/{OptionList-DN1xZbnV.js → OptionList-BM4AleXV.js} +361 -290
  5. package/dist/{Select-Cw96VEHD.js → Select-CiuwMSD7.js} +2366 -2427
  6. package/dist/assets/DropdownFooter-JrU15UnN.css +1 -0
  7. package/dist/assets/IconSlot-BWv5PQN_.css +1 -0
  8. package/dist/assets/ReactToastify-GNLSjkBZ.css +1 -0
  9. package/dist/assets/{ToastContent-PGkBxPUW.css → ToastContent-DpF5zCks.css} +1 -1
  10. package/dist/assets/index-0R9p-l95.css +1 -0
  11. package/dist/assets/index-BbJZjGLb.css +1 -0
  12. package/dist/assets/index-CDtSVOTj.css +1 -0
  13. package/dist/assets/{main-Dv8QUU_o.css → main-3OqLSdPm.css} +1 -1
  14. package/dist/assets/{styles-Chhklrps.css → styles-C5uYY4fL.css} +1 -1
  15. package/dist/assets/styles-CEyiQgVQ.css +1 -0
  16. package/dist/components/CKButton/_helper/ComboLayout.js +1 -1
  17. package/dist/components/CKButton/_helper/IconSlot.js +1 -1
  18. package/dist/components/CKButton/_helper/StandardLayout.js +1 -1
  19. package/dist/components/CKButton/index.js +1 -1
  20. package/dist/components/DateRangePicker/DateRangePicker.js +703 -680
  21. package/dist/components/EmptyState/index.js +7 -7
  22. package/dist/components/FusionChart/_config/builders.d.ts.map +1 -1
  23. package/dist/components/FusionChart/_config/builders.js +211 -194
  24. package/dist/components/FusionChart/_config/helpers.d.ts +3 -0
  25. package/dist/components/FusionChart/_config/helpers.d.ts.map +1 -1
  26. package/dist/components/FusionChart/_config/helpers.js +62 -46
  27. package/dist/components/FusionChart/_types/fusionChart.types.d.ts +4 -0
  28. package/dist/components/FusionChart/_types/fusionChart.types.d.ts.map +1 -1
  29. package/dist/components/FusionChart/_utils/chartHelpers.js +1 -1
  30. package/dist/components/FusionChart/index.d.ts.map +1 -1
  31. package/dist/components/FusionChart/index.js +114 -81
  32. package/dist/components/MenuOptions/_utils/computeMenuPosition.js +1 -1
  33. package/dist/components/MenuOptions/_utils/computeSubmenuPosition.js +1 -1
  34. package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.js +30 -30
  35. package/dist/components/MultiSelect/SimpleMultiSelect.d.ts +3 -1
  36. package/dist/components/MultiSelect/SimpleMultiSelect.d.ts.map +1 -1
  37. package/dist/components/MultiSelect/SimpleMultiSelect.js +150 -136
  38. package/dist/components/MultiSelect/_helpers/DropdownFooter.js +1 -1
  39. package/dist/components/MultiSelect/_helpers/OptionRow.js +1 -1
  40. package/dist/components/MultiSelect/_helpers/OverflowMenu.js +1 -1
  41. package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js +1 -1
  42. package/dist/components/MultiSelect/_helpers/SearchResult.d.ts +1 -1
  43. package/dist/components/MultiSelect/_helpers/SearchResult.d.ts.map +1 -1
  44. package/dist/components/MultiSelect/_helpers/SearchResult.js +31 -21
  45. package/dist/components/MultiSelect/_helpers/TagContent.js +1 -1
  46. package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts.map +1 -1
  47. package/dist/components/MultiSelect/_helpers/TriggerButton.js +95 -74
  48. package/dist/components/MultiSelect/_types/type.d.ts +6 -2
  49. package/dist/components/MultiSelect/_types/type.d.ts.map +1 -1
  50. package/dist/components/MultiSelect/_utils/useDropdownDirection.d.ts +18 -0
  51. package/dist/components/MultiSelect/_utils/useDropdownDirection.d.ts.map +1 -0
  52. package/dist/components/MultiSelect/_utils/useDropdownDirection.js +23 -0
  53. package/dist/components/MultiSelect/index.d.ts +1 -1
  54. package/dist/components/MultiSelect/index.d.ts.map +1 -1
  55. package/dist/components/MultiSelect/index.js +162 -151
  56. package/dist/components/PopupAndDialogBox/components/DialogContent.js +1 -1
  57. package/dist/components/PopupAndDialogBox/components/DialogFooter.js +1 -1
  58. package/dist/components/PopupAndDialogBox/components/DialogHeader.js +1 -1
  59. package/dist/components/PopupAndDialogBox/index.js +1 -1
  60. package/dist/components/Search/index.d.ts.map +1 -1
  61. package/dist/components/Search/index.js +63 -61
  62. package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +3 -3
  63. package/dist/components/SingleSelectDropdown/index.d.ts.map +1 -1
  64. package/dist/components/SingleSelectDropdown/index.js +83 -78
  65. package/dist/components/Table/_helpers/ColumnManager/index.js +3 -3
  66. package/dist/components/Table/_helpers/GroupedHeader/index.js +1 -1
  67. package/dist/components/Table/_helpers/TableFilterModal/OptionList.js +1 -1
  68. package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.js +133 -142
  69. package/dist/components/Table/_helpers/TableFilterModal/index.js +1 -1
  70. package/dist/components/Table/_helpers/TableRows.js +1 -1
  71. package/dist/components/Table/index.js +2 -2
  72. package/dist/components/TextField/index.js +331 -328
  73. package/dist/components/Toast/_helper/ToastContent.js +25 -25
  74. package/dist/components/Toast/_helper/ToastProvider.js +9 -9
  75. package/dist/components/Toast/_hooks/useToast.js +1 -1
  76. package/dist/components/Tooltip/index.js +772 -697
  77. package/dist/createSimplePaletteValueFilter-BqxST_wX.js +24 -0
  78. package/dist/index-BR6M9zUI.js +382 -0
  79. package/dist/{index-f7TB87Mf.js → index-Bcvmezbu.js} +23 -3
  80. package/dist/main.js +1 -1
  81. package/dist/styles.module-yIHBMSTk.js +53 -0
  82. package/dist/styles.module-yNDMDNO-.js +14 -0
  83. package/dist/{useSlot-ylt7_lTY.js → useSlot-BiMlGawc.js} +656 -623
  84. package/package.json +3 -3
  85. package/dist/DropdownFooter-Dm6aLDx8.js +0 -89
  86. package/dist/IconSlot-CPQsGPB-.js +0 -33
  87. package/dist/assets/DropdownFooter-DjdPf69A.css +0 -1
  88. package/dist/assets/IconSlot-D8WWEHKb.css +0 -1
  89. package/dist/assets/ReactToastify-tlSLHgLC.css +0 -1
  90. package/dist/assets/index-B81zpOpq.css +0 -1
  91. package/dist/assets/index-DNhNBxL9.css +0 -1
  92. package/dist/assets/index-YHUWVH17.css +0 -1
  93. package/dist/assets/styles-Bj-7zn37.css +0 -1
  94. package/dist/contains-kLLEGdNH.js +0 -41
  95. package/dist/index-C8cPPHJD.js +0 -1196
  96. package/dist/styles.module-BZaUJMlf.js +0 -14
  97. package/dist/styles.module-DakCndIP.js +0 -42
@@ -0,0 +1,96 @@
1
+ import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
+ import "./components/Avatar/index.js";
3
+ import { CKButton as _ } from "./components/CKButton/index.js";
4
+ import "./components/IconButton/index.js";
5
+ import "./components/Stepper/index.js";
6
+ import "react";
7
+ import "./index-BR6M9zUI.js";
8
+ 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';import './assets/DropdownFooter-JrU15UnN.css';/* empty css */
9
+ import "./components/GroupedMultiSelect/_helpers/TagContent.js";
10
+ import "./components/GroupedMultiSelect/_helpers/OptionRow.js";
11
+ import "./components/GroupedSingleSelect/_helpers/OptionRow.js";
12
+ import "./components/Pagination/index.js";
13
+ import "./components/DateRangePicker/DateRangePicker.js";
14
+ import "./components/Loader/index.js";
15
+ /* empty css */
16
+ /* empty css */
17
+ /* empty css */
18
+ import "./components/MultiSelect/_helpers/TagContent.js";
19
+ import "./components/MultiSelect/_helpers/OptionRow.js";
20
+ import "./components/ProfileDropdown/index.js";
21
+ import "./components/MAVDropdown/index.js";
22
+ /* empty css */
23
+ import "./components/FusionChart/index.js";
24
+ const l = "_label_wxnvp_17", c = "_mandatory_wxnvp_31", d = "_trigger_wxnvp_37", w = "_active_wxnvp_54", v = "_arrow_wxnvp_58", m = "_open_wxnvp_72", x = "_value_wxnvp_77", h = "_placeholder_wxnvp_78", g = "_dropdown_wxnvp_111", b = "_search_wxnvp_136", y = "_options_wxnvp_149", f = "_option_wxnvp_149", u = "_footer_wxnvp_180", k = "_clear_wxnvp_187", C = "_actions_wxnvp_200", D = "_apply_wxnvp_205", N = "_disabled_wxnvp_214", j = "_helper_wxnvp_219", z = "_noData_wxnvp_238", n = {
25
+ "ckds-single-select": "_ckds-single-select_wxnvp_1",
26
+ label: l,
27
+ mandatory: c,
28
+ trigger: d,
29
+ active: w,
30
+ arrow: v,
31
+ open: m,
32
+ value: x,
33
+ placeholder: h,
34
+ "ckds-select": "_ckds-select_wxnvp_102",
35
+ dropdown: g,
36
+ "dropdown-align-left": "_dropdown-align-left_wxnvp_122",
37
+ "dropdown-align-right": "_dropdown-align-right_wxnvp_126",
38
+ "dropdown-up": "_dropdown-up_wxnvp_130",
39
+ "search-wrapper": "_search-wrapper_wxnvp_136",
40
+ search: b,
41
+ options: y,
42
+ option: f,
43
+ footer: u,
44
+ clear: k,
45
+ actions: C,
46
+ apply: D,
47
+ disabled: N,
48
+ helper: j,
49
+ "helper-icon": "_helper-icon_wxnvp_233",
50
+ noData: z
51
+ };
52
+ function $({
53
+ selectedValue: p,
54
+ value: r,
55
+ showClearButton: e = !0,
56
+ onClear: a,
57
+ onCancel: i,
58
+ onApply: s
59
+ }) {
60
+ return /* @__PURE__ */ t("div", { className: n.footer, children: [
61
+ e ? /* @__PURE__ */ o(
62
+ "button",
63
+ {
64
+ className: n.clear,
65
+ disabled: p === r,
66
+ onClick: a,
67
+ children: "Clear"
68
+ }
69
+ ) : /* @__PURE__ */ o("span", {}),
70
+ /* @__PURE__ */ t("div", { className: n.actions, children: [
71
+ /* @__PURE__ */ o(
72
+ _,
73
+ {
74
+ variant: "secondary",
75
+ label: "Cancel",
76
+ size: "small",
77
+ onClick: i
78
+ }
79
+ ),
80
+ /* @__PURE__ */ o(
81
+ _,
82
+ {
83
+ variant: "primary",
84
+ label: "Apply",
85
+ size: "small",
86
+ disabled: p === r,
87
+ onClick: s
88
+ }
89
+ )
90
+ ] })
91
+ ] });
92
+ }
93
+ export {
94
+ $ as D,
95
+ n as s
96
+ };
@@ -1,6 +1,6 @@
1
1
  import * as f from "react";
2
2
  import P from "react";
3
- import { a as lt, j as ft, T as pt, n as dt, P as n, F as Et, z as mt, U as H, c as ht, Q as G, e as Q } from "./useSlot-ylt7_lTY.js";
3
+ import { T as lt, t as ft, v as pt, w as dt, P as n, x as Et, y as mt, b as H, z as ht, d as G, q as Y } from "./useSlot-BiMlGawc.js";
4
4
  import * as xt from "react-dom";
5
5
  import L from "react-dom";
6
6
  import { jsx as gt } from "react/jsx-runtime";
@@ -25,11 +25,11 @@ function Nt(e) {
25
25
  }
26
26
  };
27
27
  }
28
- let q = 0;
28
+ let U = 0;
29
29
  function Dt(e) {
30
30
  const [r, s] = f.useState(e), o = e || r;
31
31
  return f.useEffect(() => {
32
- r == null && (q += 1, s(`mui-${q}`));
32
+ r == null && (U += 1, s(`mui-${U}`));
33
33
  }, [r]), o;
34
34
  }
35
35
  const Rt = {
@@ -86,10 +86,10 @@ process.env.NODE_ENV !== "production" && n.oneOfType([n.string, n.shape({
86
86
  exitDone: n.string,
87
87
  exitActive: n.string
88
88
  })]);
89
- const Y = P.createContext(null);
89
+ const Z = P.createContext(null);
90
90
  var wt = function(r) {
91
91
  return r.scrollTop;
92
- }, C = "unmounted", g = "exited", y = "entering", D = "entered", V = "exiting", E = /* @__PURE__ */ (function(e) {
92
+ }, C = "unmounted", g = "exited", y = "entering", D = "entered", V = "exiting", E = /* @__PURE__ */ function(e) {
93
93
  Ct(r, e);
94
94
  function r(o, i) {
95
95
  var t;
@@ -211,13 +211,13 @@ var wt = function(r) {
211
211
  var u = Pt(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
212
212
  return (
213
213
  // allows for nested Transitions
214
- /* @__PURE__ */ P.createElement(Y.Provider, {
214
+ /* @__PURE__ */ P.createElement(Z.Provider, {
215
215
  value: null
216
216
  }, typeof a == "function" ? a(i, u) : P.cloneElement(P.Children.only(a), u))
217
217
  );
218
218
  }, r;
219
- })(P.Component);
220
- E.contextType = Y;
219
+ }(P.Component);
220
+ E.contextType = Z;
221
221
  E.propTypes = process.env.NODE_ENV !== "production" ? {
222
222
  /**
223
223
  * A React reference to DOM element that need to transition:
@@ -417,9 +417,9 @@ const Lt = [];
417
417
  function Mt(e) {
418
418
  f.useEffect(e, Lt);
419
419
  }
420
- class U {
420
+ class q {
421
421
  static create() {
422
- return new U();
422
+ return new q();
423
423
  }
424
424
  currentId = null;
425
425
  /**
@@ -436,7 +436,7 @@ class U {
436
436
  disposeEffect = () => this.clear;
437
437
  }
438
438
  function kt() {
439
- const e = _t(U.create).current;
439
+ const e = _t(q.create).current;
440
440
  return Mt(e.disposeEffect), e;
441
441
  }
442
442
  const jt = (e) => e.scrollTop;
@@ -468,14 +468,14 @@ function B(e, r) {
468
468
  delay: i.transitionDelay
469
469
  };
470
470
  }
471
- const Qt = n.oneOfType([n.func, n.object]);
471
+ const Yt = n.oneOfType([n.func, n.object]);
472
472
  function $t(e, r, s, o, i) {
473
473
  if (process.env.NODE_ENV === "production")
474
474
  return null;
475
475
  const t = e[r], a = i || r;
476
476
  return t == null ? null : t && t.nodeType !== 1 ? new Error(`Invalid ${o} \`${a}\` supplied to \`${s}\`. Expected an HTMLElement.`) : null;
477
477
  }
478
- function Yt(e) {
478
+ function Zt(e) {
479
479
  const {
480
480
  elementType: r,
481
481
  externalSlotProps: s,
@@ -494,12 +494,12 @@ function Yt(e) {
494
494
  ref: p
495
495
  }, o);
496
496
  }
497
- function Zt() {
497
+ function Jt() {
498
498
  return !(/jsdom|HappyDOM/.test(window.navigator.userAgent) || // TODO(v9): Remove the test environment check
499
499
  // eslint-disable-next-line mui/consistent-production-guard
500
500
  process.env.NODE_ENV === "test");
501
501
  }
502
- function Z(e) {
502
+ function J(e) {
503
503
  return parseInt(f.version, 10) >= 19 ? e?.props?.ref || null : e?.ref || null;
504
504
  }
505
505
  function At(e) {
@@ -510,7 +510,7 @@ const $ = /* @__PURE__ */ f.forwardRef(function(r, s) {
510
510
  children: o,
511
511
  container: i,
512
512
  disablePortal: t = !1
513
- } = r, [a, u] = f.useState(null), c = H(/* @__PURE__ */ f.isValidElement(o) ? Z(o) : null, s);
513
+ } = r, [a, u] = f.useState(null), c = H(/* @__PURE__ */ f.isValidElement(o) ? J(o) : null, s);
514
514
  if (G(() => {
515
515
  t || u(At(i) || document.body);
516
516
  }, [i, t]), G(() => {
@@ -562,7 +562,7 @@ function Ht(e) {
562
562
  } = e;
563
563
  return !!r.isReactComponent;
564
564
  }
565
- function J(e, r, s, o, i) {
565
+ function K(e, r, s, o, i) {
566
566
  const t = e[r], a = i || r;
567
567
  if (t == null || // When server-side rendering React doesn't warn either.
568
568
  // This is not an accurate check for SSR.
@@ -574,12 +574,12 @@ function J(e, r, s, o, i) {
574
574
  const c = t.type;
575
575
  return typeof c == "function" && !Ht(c) && (u = "Did you accidentally use a plain function component for an element instead?"), u !== void 0 ? new Error(`Invalid ${o} \`${a}\` supplied to \`${s}\`. Expected an element that can hold a ref. ${u} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
576
576
  }
577
- const K = Q(n.element, J);
578
- K.isRequired = Q(n.element.isRequired, J);
577
+ const Q = Y(n.element, K);
578
+ Q.isRequired = Y(n.element.isRequired, K);
579
579
  function I(e) {
580
580
  return `scale(${e}, ${e ** 2})`;
581
581
  }
582
- const Ut = {
582
+ const qt = {
583
583
  entering: {
584
584
  opacity: 1,
585
585
  transform: I(1)
@@ -616,7 +616,7 @@ const Ut = {
616
616
  style: M,
617
617
  timeout: x = "auto",
618
618
  ...et
619
- } = r, nt = kt(), k = f.useRef(), v = St(), d = f.useRef(null), ot = H(d, Z(t), s), rt = N(d, m), it = N(d, (l, _) => {
619
+ } = r, nt = kt(), k = f.useRef(), v = St(), d = f.useRef(null), ot = H(d, J(t), s), rt = N(d, m), it = N(d, (l, _) => {
620
620
  jt(l);
621
621
  const {
622
622
  duration: T,
@@ -681,7 +681,7 @@ const Ut = {
681
681
  ownerState: _,
682
682
  ...T
683
683
  }) => {
684
- const b = Vt(l, u, Ut, Gt, M, t.props.style);
684
+ const b = Vt(l, u, qt, Gt, M, t.props.style);
685
685
  return /* @__PURE__ */ f.cloneElement(t, {
686
686
  style: b,
687
687
  ref: ot,
@@ -710,7 +710,7 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
710
710
  /**
711
711
  * A single child content element.
712
712
  */
713
- children: K.isRequired,
713
+ children: Q.isRequired,
714
714
  /**
715
715
  * The transition timing function.
716
716
  * You may specify a single easing or a object containing enter and exit values.
@@ -769,26 +769,26 @@ export {
769
769
  A as G,
770
770
  $t as H,
771
771
  $ as P,
772
- U as T,
772
+ q as T,
773
773
  Ct as _,
774
- E as a,
775
- Y as b,
776
- Pt as c,
777
- Nt as d,
778
- K as e,
779
- Vt as f,
780
- Z as g,
781
- B as h,
782
- Zt as i,
783
- jt as j,
784
- _t as k,
785
- Yt as l,
786
- St as m,
774
+ Zt as a,
775
+ St as b,
776
+ kt as c,
777
+ bt as d,
778
+ Q as e,
779
+ E as f,
780
+ J as g,
781
+ Vt as h,
782
+ Jt as i,
783
+ B as j,
784
+ jt as k,
785
+ Nt as l,
786
+ vt as m,
787
787
  N as n,
788
- bt as o,
789
- vt as p,
790
- kt as q,
791
- Qt as r,
788
+ Pt as o,
789
+ Z as p,
790
+ _t as q,
791
+ Yt as r,
792
792
  X as s,
793
793
  Bt as u
794
794
  };
@@ -0,0 +1,33 @@
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ import './assets/IconSlot-BWv5PQN_.css';const e = "_large_1w087_44", n = "_medium_1w087_53", s = "_small_1w087_63", i = "_primary_1w087_97", a = "_error_1w087_111", t = "_secondary_1w087_121", m = "_hyperlink_1w087_143", d = "_combo_1w087_167", _ = {
3
+ "ckds-button": "_ckds-button_1w087_1",
4
+ large: e,
5
+ medium: n,
6
+ small: s,
7
+ "icon-slot": "_icon-slot_1w087_73",
8
+ "icon-slot--small": "_icon-slot--small_1w087_84",
9
+ "icon-slot--medium": "_icon-slot--medium_1w087_88",
10
+ "icon-slot--large": "_icon-slot--large_1w087_92",
11
+ primary: i,
12
+ error: a,
13
+ secondary: t,
14
+ hyperlink: m,
15
+ combo: d,
16
+ "combo-divider": "_combo-divider_1w087_189",
17
+ "combo-label-area": "_combo-label-area_1w087_193",
18
+ "combo-label-area-with-divider": "_combo-label-area-with-divider_1w087_199",
19
+ "combo-icon-area": "_combo-icon-area_1w087_210",
20
+ "icon-only": "_icon-only_1w087_217"
21
+ };
22
+ function b({
23
+ icon: o,
24
+ size: r
25
+ }) {
26
+ if (!o) return null;
27
+ const l = _[`icon-slot--${r}`] ?? "";
28
+ return /* @__PURE__ */ c("span", { className: `${_["icon-slot"]} ${l}`, "aria-hidden": "true", children: o });
29
+ }
30
+ export {
31
+ b as I,
32
+ _ as s
33
+ };