@ck-ui/component-library 0.3.0 → 1.0.0

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 (122) hide show
  1. package/dist/DropdownFooter-CYkg2g5d.js +89 -0
  2. package/dist/{OptionList-BNaH2PnX.js → OptionList-DN1xZbnV.js} +29 -29
  3. package/dist/assets/DropdownFooter-DjdPf69A.css +1 -0
  4. package/dist/assets/index-B81zpOpq.css +1 -0
  5. package/dist/assets/index-BoQKDmZt.css +1 -0
  6. package/dist/assets/index-Cdmws__2.css +1 -0
  7. package/dist/assets/index-CtR-jzNi.css +1 -0
  8. package/dist/assets/index-PKpDB4Cl.css +1 -0
  9. package/dist/assets/index-i-aBFBOq.css +1 -0
  10. package/dist/assets/{styles-CbbBUzsN.css → styles-Bqfs9eXV.css} +1 -1
  11. package/dist/assets/styles-CYxKrBqL.css +1 -0
  12. package/dist/assets/styles-CZCmGNUn.css +1 -0
  13. package/dist/components/Breadcrumb/index.d.ts.map +1 -1
  14. package/dist/components/Breadcrumb/index.js +53 -47
  15. package/dist/components/CKCheckbox/index.d.ts.map +1 -1
  16. package/dist/components/CKCheckbox/index.js +22 -21
  17. package/dist/components/CostComparatorTable/_helpers/CostCell.d.ts +3 -1
  18. package/dist/components/CostComparatorTable/_helpers/CostCell.d.ts.map +1 -1
  19. package/dist/components/CostComparatorTable/_helpers/CostCell.js +30 -28
  20. package/dist/components/CostComparatorTable/_helpers/HeaderCheckbox.js +1 -1
  21. package/dist/components/CostComparatorTable/_types/costComparatorTable.types.d.ts +7 -0
  22. package/dist/components/CostComparatorTable/_types/costComparatorTable.types.d.ts.map +1 -1
  23. package/dist/components/CostComparatorTable/index.d.ts +1 -1
  24. package/dist/components/CostComparatorTable/index.d.ts.map +1 -1
  25. package/dist/components/CostComparatorTable/index.js +93 -85
  26. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  27. package/dist/components/DateRangePicker/DateRangePicker.js +1685 -1651
  28. package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts +10 -0
  29. package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map +1 -1
  30. package/dist/components/FusionChart/_config/builders.d.ts.map +1 -1
  31. package/dist/components/FusionChart/_config/builders.js +141 -141
  32. package/dist/components/FusionChart/_config/helpers.js +2 -2
  33. package/dist/components/FusionChart/_helpers/doughnutHelper.d.ts.map +1 -1
  34. package/dist/components/FusionChart/_helpers/doughnutHelper.js +56 -43
  35. package/dist/components/FusionChart/index.d.ts.map +1 -1
  36. package/dist/components/FusionChart/index.js +356 -340
  37. package/dist/components/Loader/_types/loader.types.d.ts +10 -0
  38. package/dist/components/Loader/_types/loader.types.d.ts.map +1 -0
  39. package/dist/components/Loader/_types/loader.types.js +1 -0
  40. package/dist/components/Loader/index.d.ts +6 -0
  41. package/dist/components/Loader/index.d.ts.map +1 -0
  42. package/dist/components/Loader/index.js +37 -0
  43. package/dist/components/MAVDropdown/_types/mavDropdown.types.d.ts +27 -0
  44. package/dist/components/MAVDropdown/_types/mavDropdown.types.d.ts.map +1 -0
  45. package/dist/components/MAVDropdown/_types/mavDropdown.types.js +1 -0
  46. package/dist/components/MAVDropdown/index.d.ts +6 -0
  47. package/dist/components/MAVDropdown/index.d.ts.map +1 -0
  48. package/dist/components/MAVDropdown/index.js +162 -0
  49. package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.js +33 -33
  50. package/dist/components/MultiSelect/SimpleMultiSelect.d.ts +22 -0
  51. package/dist/components/MultiSelect/SimpleMultiSelect.d.ts.map +1 -0
  52. package/dist/components/MultiSelect/SimpleMultiSelect.js +221 -0
  53. package/dist/components/MultiSelect/_helpers/DropdownFooter.js +1 -1
  54. package/dist/components/MultiSelect/_helpers/OptionRow.js +1 -1
  55. package/dist/components/MultiSelect/_helpers/OverflowMenu.js +1 -1
  56. package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js +1 -1
  57. package/dist/components/MultiSelect/_helpers/SearchResult.js +1 -1
  58. package/dist/components/MultiSelect/_helpers/TagContent.d.ts.map +1 -1
  59. package/dist/components/MultiSelect/_helpers/TagContent.js +20 -19
  60. package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts.map +1 -1
  61. package/dist/components/MultiSelect/_helpers/TriggerButton.js +39 -34
  62. package/dist/components/MultiSelect/_types/type.d.ts +3 -0
  63. package/dist/components/MultiSelect/_types/type.d.ts.map +1 -1
  64. package/dist/components/MultiSelect/index.d.ts +1 -1
  65. package/dist/components/MultiSelect/index.d.ts.map +1 -1
  66. package/dist/components/MultiSelect/index.js +133 -131
  67. package/dist/components/ProfileDropdown/_types/profileDropdown.types.d.ts +28 -0
  68. package/dist/components/ProfileDropdown/_types/profileDropdown.types.d.ts.map +1 -0
  69. package/dist/components/ProfileDropdown/_types/profileDropdown.types.js +13 -0
  70. package/dist/components/ProfileDropdown/constants.d.ts +3 -0
  71. package/dist/components/ProfileDropdown/constants.d.ts.map +1 -0
  72. package/dist/components/ProfileDropdown/constants.js +8 -0
  73. package/dist/components/ProfileDropdown/index.d.ts +6 -0
  74. package/dist/components/ProfileDropdown/index.d.ts.map +1 -0
  75. package/dist/components/ProfileDropdown/index.js +154 -0
  76. package/dist/components/Search/index.js +35 -35
  77. package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.d.ts +2 -1
  78. package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.d.ts.map +1 -1
  79. package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +7 -3
  80. package/dist/components/SingleSelectDropdown/_types/singleSelectDropdown.types.d.ts +2 -2
  81. package/dist/components/SingleSelectDropdown/_types/singleSelectDropdown.types.d.ts.map +1 -1
  82. package/dist/components/SingleSelectDropdown/index.d.ts +1 -1
  83. package/dist/components/SingleSelectDropdown/index.d.ts.map +1 -1
  84. package/dist/components/SingleSelectDropdown/index.js +61 -57
  85. package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts +1 -0
  86. package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts.map +1 -1
  87. package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.js +39 -40
  88. package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map +1 -1
  89. package/dist/components/Table/_helpers/ColumnManager/index.js +453 -448
  90. package/dist/components/Table/_helpers/ExpandableRow/index.d.ts.map +1 -1
  91. package/dist/components/Table/_helpers/ExpandableRow/index.js +30 -20
  92. package/dist/components/Table/_helpers/GroupedHeader/index.d.ts +2 -2
  93. package/dist/components/Table/_helpers/GroupedHeader/index.d.ts.map +1 -1
  94. package/dist/components/Table/_helpers/GroupedHeader/index.js +79 -87
  95. package/dist/components/Table/_helpers/TableFilterModal/OptionList.js +1 -1
  96. package/dist/components/Table/_helpers/TableFilterModal/index.js +14 -14
  97. package/dist/components/Table/_helpers/TableRows.d.ts +1 -1
  98. package/dist/components/Table/_helpers/TableRows.d.ts.map +1 -1
  99. package/dist/components/Table/_helpers/TableRows.js +288 -283
  100. package/dist/components/Table/_types/table.types.d.ts +9 -3
  101. package/dist/components/Table/_types/table.types.d.ts.map +1 -1
  102. package/dist/components/Table/_utils/table.utils.d.ts +3 -0
  103. package/dist/components/Table/_utils/table.utils.d.ts.map +1 -1
  104. package/dist/components/Table/_utils/table.utils.js +73 -23
  105. package/dist/components/Table/index.d.ts +1 -1
  106. package/dist/components/Table/index.d.ts.map +1 -1
  107. package/dist/components/Table/index.js +382 -357
  108. package/dist/main.d.ts +5 -0
  109. package/dist/main.d.ts.map +1 -1
  110. package/dist/main.js +91 -81
  111. package/dist/styles.module-BXby6f8d.js +16 -0
  112. package/dist/styles.module-Dojg5FTS.js +41 -0
  113. package/package.json +1 -1
  114. package/dist/DropdownFooter-C20yRiDR.js +0 -84
  115. package/dist/assets/DropdownFooter-C7Cml53c.css +0 -1
  116. package/dist/assets/index-BQ0m7FKV.css +0 -1
  117. package/dist/assets/index-Dudb2XKF.css +0 -1
  118. package/dist/assets/index-w7AdSPwF.css +0 -1
  119. package/dist/assets/styles-BA66-SUu.css +0 -1
  120. package/dist/assets/styles-CflOKRvX.css +0 -1
  121. package/dist/styles.module-CCyijXTv.js +0 -16
  122. package/dist/styles.module-CmWIIYpK.js +0 -41
@@ -0,0 +1,28 @@
1
+ export interface ProfileDropdownProps {
2
+ /** Full name of the user, used to generate initials and avatar color */
3
+ userName: string;
4
+ /** Label shown above the user name in the trigger (e.g. "Welcome") */
5
+ welcomeLabel?: string;
6
+ /** Role string shown inside the dropdown */
7
+ role?: string;
8
+ /** Organization name shown inside the dropdown */
9
+ organization?: string;
10
+ /** Currently active view */
11
+ activeView?: ProfileView;
12
+ /** List of views to show as toggle buttons. Defaults to all three. */
13
+ views?: ProfileView[];
14
+ /** Callback when a view toggle button is clicked */
15
+ onViewChange?: (view: ProfileView) => void;
16
+ /** Callback when "Change Organization" is clicked */
17
+ onChangeOrganization?: () => void;
18
+ /** Additional class name for the root element */
19
+ className?: string;
20
+ }
21
+ export type ProfileView = "partner" | "customer" | "cln";
22
+ export declare const PROFILE_VIEW: {
23
+ readonly PARTNER: "partner";
24
+ readonly CUSTOMER: "customer";
25
+ readonly CLN: "cln";
26
+ };
27
+ export declare const DEFAULT_VIEWS: ProfileView[];
28
+ //# sourceMappingURL=profileDropdown.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"profileDropdown.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/ProfileDropdown/_types/profileDropdown.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,sEAAsE;IACtE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;AAEzD,eAAO,MAAM,YAAY;;;;CAIuB,CAAC;AAEjD,eAAO,MAAM,aAAa,EAAE,WAAW,EAItC,CAAC"}
@@ -0,0 +1,13 @@
1
+ const E = {
2
+ PARTNER: "partner",
3
+ CUSTOMER: "customer",
4
+ CLN: "cln"
5
+ }, R = [
6
+ E.PARTNER,
7
+ E.CUSTOMER,
8
+ E.CLN
9
+ ];
10
+ export {
11
+ R as DEFAULT_VIEWS,
12
+ E as PROFILE_VIEW
13
+ };
@@ -0,0 +1,3 @@
1
+ import { ProfileView } from './_types/profileDropdown.types';
2
+ export declare const VIEW_LABELS: Record<ProfileView, string>;
3
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../lib/components/ProfileDropdown/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAInD,CAAC"}
@@ -0,0 +1,8 @@
1
+ const e = {
2
+ partner: "Partner view",
3
+ customer: "Customer view",
4
+ cln: "CLN"
5
+ };
6
+ export {
7
+ e as VIEW_LABELS
8
+ };
@@ -0,0 +1,6 @@
1
+ import { ProfileDropdownProps } from './_types/profileDropdown.types';
2
+ export declare function ProfileDropdown({ userName, welcomeLabel, role, organization, activeView, views, onViewChange, onChangeOrganization, className, }: ProfileDropdownProps): import("react/jsx-runtime").JSX.Element;
3
+ export declare namespace ProfileDropdown {
4
+ var displayName: string;
5
+ }
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ProfileDropdown/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAK3E,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,YAAwB,EACxB,IAAI,EACJ,YAAY,EACZ,UAAiC,EACjC,KAAqB,EACrB,YAAY,EACZ,oBAAoB,EACpB,SAAS,GACV,EAAE,oBAAoB,2CA4HtB;yBAtIe,eAAe"}
@@ -0,0 +1,154 @@
1
+ import { jsxs as l, jsx as r } from "react/jsx-runtime";
2
+ import { useState as N, useRef as E } from "react";
3
+ import { mergeClasses as a } from "../../utils/mergeClasses.js";
4
+ import { Avatar as f } from "../Avatar/index.js";
5
+ import { AvatarSizes as t } from "../Avatar/_types/avatar.types.js";
6
+ import { DEFAULT_VIEWS as D, PROFILE_VIEW as S } from "./_types/profileDropdown.types.js";
7
+ import { VIEW_LABELS as x } from "./constants.js";
8
+ import { S as A } from "../../chevron-down-Cm9R64Fe.js";
9
+ import '../../assets/index-Cdmws__2.css';const e = {
10
+ "ckds-profile-dropdown": "_ckds-profile-dropdown_1vyrh_1",
11
+ "ckds-profile-trigger": "_ckds-profile-trigger_1vyrh_12",
12
+ "ckds-profile-trigger--open": "_ckds-profile-trigger--open_1vyrh_24",
13
+ "ckds-profile-trigger-text": "_ckds-profile-trigger-text_1vyrh_32",
14
+ "ckds-profile-welcome-label": "_ckds-profile-welcome-label_1vyrh_39",
15
+ "ckds-profile-user-name": "_ckds-profile-user-name_1vyrh_47",
16
+ "ckds-profile-chevron": "_ckds-profile-chevron_1vyrh_55",
17
+ "ckds-profile-chevron--open": "_ckds-profile-chevron--open_1vyrh_68",
18
+ "ckds-profile-dropdown-panel": "_ckds-profile-dropdown-panel_1vyrh_72",
19
+ "ckds-profile-panel-row": "_ckds-profile-panel-row_1vyrh_84",
20
+ "ckds-profile-divider": "_ckds-profile-divider_1vyrh_91",
21
+ "ckds-profile-role-info": "_ckds-profile-role-info_1vyrh_97",
22
+ "ckds-profile-role-label": "_ckds-profile-role-label_1vyrh_105",
23
+ "ckds-profile-role-value": "_ckds-profile-role-value_1vyrh_112",
24
+ "ckds-profile-view-toggle": "_ckds-profile-view-toggle_1vyrh_122",
25
+ "ckds-profile-view-btn": "_ckds-profile-view-btn_1vyrh_129",
26
+ "ckds-profile-view-btn--active": "_ckds-profile-view-btn--active_1vyrh_147",
27
+ "ckds-profile-org-info": "_ckds-profile-org-info_1vyrh_162",
28
+ "ckds-profile-org-label": "_ckds-profile-org-label_1vyrh_170",
29
+ "ckds-profile-org-value": "_ckds-profile-org-value_1vyrh_177",
30
+ "ckds-profile-change-org-btn": "_ckds-profile-change-org-btn_1vyrh_187"
31
+ };
32
+ function C({
33
+ userName: i,
34
+ welcomeLabel: p = "Welcome",
35
+ role: k,
36
+ organization: _,
37
+ activeView: v = S.PARTNER,
38
+ views: h = D,
39
+ onViewChange: m,
40
+ onChangeOrganization: g,
41
+ className: u
42
+ }) {
43
+ const [s, c] = N(!1), d = E(null), y = () => {
44
+ d.current && clearTimeout(d.current), c(!0);
45
+ }, b = () => {
46
+ d.current = setTimeout(() => c(!1), 120);
47
+ }, w = (o) => {
48
+ (o.key === "Enter" || o.key === " ") && (o.preventDefault(), c((n) => !n)), o.key === "Escape" && c(!1);
49
+ };
50
+ return /* @__PURE__ */ l(
51
+ "div",
52
+ {
53
+ className: a(e["ckds-profile-dropdown"], u),
54
+ onMouseEnter: y,
55
+ onMouseLeave: b,
56
+ children: [
57
+ /* @__PURE__ */ l(
58
+ "button",
59
+ {
60
+ type: "button",
61
+ className: a(
62
+ e["ckds-profile-trigger"],
63
+ s && e["ckds-profile-trigger--open"]
64
+ ),
65
+ onKeyDown: w,
66
+ "aria-haspopup": "true",
67
+ "aria-expanded": s,
68
+ "aria-label": `${p} ${i}, open profile menu`,
69
+ children: [
70
+ /* @__PURE__ */ r(f, { name: i, size: t.SMALL }),
71
+ /* @__PURE__ */ l("span", { className: e["ckds-profile-trigger-text"], children: [
72
+ /* @__PURE__ */ r("span", { className: e["ckds-profile-welcome-label"], children: p }),
73
+ /* @__PURE__ */ r("span", { className: e["ckds-profile-user-name"], children: i })
74
+ ] }),
75
+ /* @__PURE__ */ r(
76
+ "span",
77
+ {
78
+ className: a(
79
+ e["ckds-profile-chevron"],
80
+ s && e["ckds-profile-chevron--open"]
81
+ ),
82
+ "aria-hidden": "true",
83
+ children: /* @__PURE__ */ r(A, {})
84
+ }
85
+ )
86
+ ]
87
+ }
88
+ ),
89
+ s && /* @__PURE__ */ l(
90
+ "div",
91
+ {
92
+ className: e["ckds-profile-dropdown-panel"],
93
+ role: "dialog",
94
+ "aria-label": "Profile details",
95
+ children: [
96
+ /* @__PURE__ */ l("div", { className: e["ckds-profile-panel-row"], children: [
97
+ /* @__PURE__ */ r(f, { name: i, size: t.MEDIUM }),
98
+ /* @__PURE__ */ l("div", { className: e["ckds-profile-role-info"], children: [
99
+ /* @__PURE__ */ r("span", { className: e["ckds-profile-role-label"], children: "Role" }),
100
+ /* @__PURE__ */ r("span", { className: e["ckds-profile-role-value"], children: k })
101
+ ] }),
102
+ /* @__PURE__ */ r(
103
+ "div",
104
+ {
105
+ className: e["ckds-profile-view-toggle"],
106
+ role: "group",
107
+ "aria-label": "Switch view",
108
+ children: h.map((o) => {
109
+ const n = v === o;
110
+ return /* @__PURE__ */ r(
111
+ "button",
112
+ {
113
+ type: "button",
114
+ className: a(
115
+ e["ckds-profile-view-btn"],
116
+ n && e["ckds-profile-view-btn--active"]
117
+ ),
118
+ onClick: () => m?.(o),
119
+ "aria-pressed": n,
120
+ children: x[o]
121
+ },
122
+ o
123
+ );
124
+ })
125
+ }
126
+ )
127
+ ] }),
128
+ /* @__PURE__ */ r("div", { className: e["ckds-profile-divider"], "aria-hidden": "true" }),
129
+ /* @__PURE__ */ l("div", { className: e["ckds-profile-panel-row"], children: [
130
+ /* @__PURE__ */ l("div", { className: e["ckds-profile-org-info"], children: [
131
+ /* @__PURE__ */ r("span", { className: e["ckds-profile-org-label"], children: "Organization" }),
132
+ /* @__PURE__ */ r("span", { className: e["ckds-profile-org-value"], children: _ })
133
+ ] }),
134
+ /* @__PURE__ */ r(
135
+ "button",
136
+ {
137
+ type: "button",
138
+ className: e["ckds-profile-change-org-btn"],
139
+ onClick: g,
140
+ children: "Change Organization"
141
+ }
142
+ )
143
+ ] })
144
+ ]
145
+ }
146
+ )
147
+ ]
148
+ }
149
+ );
150
+ }
151
+ C.displayName = "ProfileDropdown";
152
+ export {
153
+ C as ProfileDropdown
154
+ };
@@ -1,81 +1,81 @@
1
- import { jsxs as K, jsx as s } from "react/jsx-runtime";
2
- import { useState as w, useRef as k, useEffect as h, useMemo as L } from "react";
1
+ import { jsxs as K, jsx as t } from "react/jsx-runtime";
2
+ import { useState as w, useRef as g, useEffect as m, useMemo as L } from "react";
3
3
  import { S as R } from "../../search-B_cup-NN.js";
4
4
  import { S as V } from "../../cancel-BAgTEOGD.js";
5
5
  import { SMALL as A, MEDIUM as B } from "../../constants.js";
6
- import { mergeClasses as g } from "../../utils/mergeClasses.js";
7
- import '../../assets/index-w7AdSPwF.css';const a = {
8
- "ckds-search-wrapper": "_ckds-search-wrapper_1k218_1",
9
- "search-wrapper-small": "_search-wrapper-small_1k218_35",
10
- "search-wrapper-medium": "_search-wrapper-medium_1k218_38",
11
- "search-wrapper-large": "_search-wrapper-large_1k218_41",
12
- "search-wrapper--disabled": "_search-wrapper--disabled_1k218_47",
13
- "search-icon": "_search-icon_1k218_56",
14
- "search-input": "_search-input_1k218_62",
15
- "search-clear": "_search-clear_1k218_81"
6
+ import { mergeClasses as S } from "../../utils/mergeClasses.js";
7
+ import '../../assets/index-BoQKDmZt.css';const a = {
8
+ "ckds-search-wrapper": "_ckds-search-wrapper_mt85e_1",
9
+ "search-wrapper-small": "_search-wrapper-small_mt85e_35",
10
+ "search-wrapper-medium": "_search-wrapper-medium_mt85e_38",
11
+ "search-wrapper-large": "_search-wrapper-large_mt85e_41",
12
+ "search-wrapper--disabled": "_search-wrapper--disabled_mt85e_47",
13
+ "search-icon": "_search-icon_mt85e_60",
14
+ "search-input": "_search-input_mt85e_66",
15
+ "search-clear": "_search-clear_mt85e_85"
16
16
  };
17
17
  function J({
18
18
  value: o = "",
19
- placeholder: S = "Search",
19
+ placeholder: y = "Search",
20
20
  onChange: u,
21
- onClear: y,
22
- onSearch: b,
21
+ onClear: b,
22
+ onSearch: k,
23
23
  disabled: p = !1,
24
24
  showClearBtn: C = !0,
25
25
  wrapperClassName: D = "",
26
26
  inputClassName: v = "",
27
- autoFocus: m = !1,
27
+ autoFocus: h = !1,
28
28
  maxLength: x,
29
29
  id: T,
30
30
  name: I,
31
- size: c = "medium",
31
+ size: s = "medium",
32
32
  debounceMs: f = 0
33
33
  }) {
34
- const [M, _] = w(!1), [t, i] = w(o), l = k(null), r = k(null);
35
- h(() => {
34
+ const [M, _] = w(!1), [c, i] = w(o), l = g(null), r = g(null);
35
+ m(() => {
36
36
  i(o);
37
- }, [o]), h(() => {
38
- m && l.current?.focus();
39
- }, [m]);
40
- const n = L(() => c === A ? "10" : c === B ? "14" : "18", [c]), N = (e) => {
37
+ }, [o]), m(() => {
38
+ h && l.current?.focus();
39
+ }, [h]);
40
+ const n = L(() => s === A ? "10" : s === B ? "14" : "18", [s]), N = (e) => {
41
41
  f > 0 ? (r.current && clearTimeout(r.current), r.current = setTimeout(() => u?.(e), f)) : u?.(e);
42
42
  };
43
- h(() => () => {
43
+ m(() => () => {
44
44
  r.current && clearTimeout(r.current);
45
45
  }, []);
46
46
  const E = (e) => {
47
47
  const d = e.target.value;
48
48
  i(d), N(d);
49
49
  }, j = (e) => {
50
- e.preventDefault(), r.current && clearTimeout(r.current), i(""), u?.(""), y?.(), l.current?.focus();
50
+ e.preventDefault(), r.current && clearTimeout(r.current), i(""), u?.(""), b?.(), l.current?.focus();
51
51
  }, F = (e) => {
52
- e.stopPropagation(), e.key === "Enter" && b?.(t);
52
+ e.stopPropagation(), e.key === "Enter" && k?.(c);
53
53
  };
54
54
  return /* @__PURE__ */ K(
55
55
  "div",
56
56
  {
57
- className: g(
57
+ className: S(
58
58
  a["ckds-search-wrapper"],
59
- a[`search-wrapper-${c}`],
59
+ a[`search-wrapper-${s}`],
60
60
  p ? a["search-wrapper--disabled"] : "",
61
61
  D
62
62
  ),
63
63
  children: [
64
- !M && !t && /* @__PURE__ */ s("span", { className: a["search-icon"], children: /* @__PURE__ */ s(R, { width: n, height: n }) }),
65
- /* @__PURE__ */ s(
64
+ !M && !c && /* @__PURE__ */ t("span", { className: a["search-icon"], children: /* @__PURE__ */ t(R, { width: n, height: n }) }),
65
+ /* @__PURE__ */ t(
66
66
  "input",
67
67
  {
68
68
  ref: l,
69
69
  id: T,
70
70
  name: I,
71
71
  type: "text",
72
- className: g(
72
+ className: S(
73
73
  "ckds-body-sm-reg",
74
74
  a["search-input"],
75
75
  v
76
76
  ),
77
- value: t,
78
- placeholder: S,
77
+ value: c,
78
+ placeholder: y,
79
79
  disabled: p,
80
80
  maxLength: x,
81
81
  onChange: E,
@@ -84,7 +84,7 @@ function J({
84
84
  onBlur: () => _(!1)
85
85
  }
86
86
  ),
87
- C && t && !p && /* @__PURE__ */ s(
87
+ C && c && !p && /* @__PURE__ */ t(
88
88
  "button",
89
89
  {
90
90
  type: "button",
@@ -93,7 +93,7 @@ function J({
93
93
  onClick: j,
94
94
  "aria-label": "Clear search",
95
95
  tabIndex: 0,
96
- children: /* @__PURE__ */ s(V, { width: n, height: n })
96
+ children: /* @__PURE__ */ t(V, { width: n, height: n })
97
97
  }
98
98
  )
99
99
  ]
@@ -1,10 +1,11 @@
1
1
  type DropdownFooterProps = {
2
2
  selectedValue: string | null;
3
3
  value: string | null;
4
+ showClearButton?: boolean;
4
5
  onClear: () => void;
5
6
  onCancel: () => void;
6
7
  onApply: () => void;
7
8
  };
8
- export declare function DropdownFooter({ selectedValue, value, onClear, onCancel, onApply, }: DropdownFooterProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function DropdownFooter({ selectedValue, value, showClearButton, onClear, onCancel, onApply, }: DropdownFooterProps): import("react/jsx-runtime").JSX.Element;
9
10
  export {};
10
11
  //# sourceMappingURL=DropdownFooter.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/SingleSelectDropdown/_helpers/DropdownFooter.tsx"],"names":[],"mappings":"AAGA,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE,mBAAmB,2CA4BrB"}
1
+ {"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/SingleSelectDropdown/_helpers/DropdownFooter.tsx"],"names":[],"mappings":"AAGA,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,KAAK,EACL,eAAsB,EACtB,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE,mBAAmB,2CAgCrB"}
@@ -1,23 +1,27 @@
1
1
  import "react/jsx-runtime";
2
- import { D as k } from "../../../DropdownFooter-C20yRiDR.js";
2
+ import { D as v } from "../../../DropdownFooter-CYkg2g5d.js";
3
3
  import "../../Avatar/index.js";
4
4
  import "../../CKButton/index.js";
5
5
  import "../../IconButton/index.js";
6
6
  import "../../Stepper/index.js";
7
7
  import "react";
8
8
  import "../../../index-C8cPPHJD.js";
9
- import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-CbbBUzsN.css';import '../../../assets/styles-BTZL03H2.css';import '../../../assets/styles-D8sahtFb.css';import '../../../assets/ReactToastify-tlSLHgLC.css';/* empty css */
9
+ 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 */
10
10
  import "../../GroupedMultiSelect/_helpers/TagContent.js";
11
11
  import "../../GroupedMultiSelect/_helpers/OptionRow.js";
12
12
  import "../../GroupedSingleSelect/_helpers/OptionRow.js";
13
+ import "../../Pagination/index.js";
13
14
  import "../../DateRangePicker/DateRangePicker.js";
15
+ import "../../Loader/index.js";
14
16
  /* empty css */
15
17
  /* empty css */
16
18
  /* empty css */
17
19
  import "../../MultiSelect/_helpers/TagContent.js";
18
20
  import "../../MultiSelect/_helpers/OptionRow.js";
21
+ import "../../ProfileDropdown/index.js";
22
+ import "../../MAVDropdown/index.js";
19
23
  /* empty css */
20
24
  import "../../FusionChart/index.js";
21
25
  export {
22
- k as DropdownFooter
26
+ v as DropdownFooter
23
27
  };
@@ -11,10 +11,10 @@ export interface SingleSelectProps {
11
11
  helperText?: string;
12
12
  disabled?: boolean;
13
13
  searchable?: boolean;
14
+ /** When false, hides the Clear button in the dropdown footer. Defaults to true. */
15
+ showClearButton?: boolean;
14
16
  className?: string;
15
17
  mandatory?: boolean;
16
18
  width?: string | number;
17
- minWidth?: string | number;
18
- maxWidth?: string | number;
19
19
  }
20
20
  //# sourceMappingURL=singleSelectDropdown.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"singleSelectDropdown.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/SingleSelectDropdown/_types/singleSelectDropdown.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B"}
1
+ {"version":3,"file":"singleSelectDropdown.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/SingleSelectDropdown/_types/singleSelectDropdown.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB"}
@@ -1,3 +1,3 @@
1
1
  import { SingleSelectProps } from './_types/singleSelectDropdown.types';
2
- export declare function SingleSelectDropdown({ options, value, onChange, label, placeholder, helperText, disabled, searchable, className, mandatory, width, minWidth, maxWidth, }: SingleSelectProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function SingleSelectDropdown({ options, value, onChange, label, placeholder, helperText, disabled, searchable, showClearButton, className, mandatory, width, }: SingleSelectProps): import("react/jsx-runtime").JSX.Element;
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/SingleSelectDropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAO7E,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAsB,EACtB,UAAU,EACV,QAAgB,EAChB,UAAiB,EACjB,SAAc,EACd,SAAiB,EACjB,KAAc,EACd,QAAkB,EAClB,QAAkB,GACnB,EAAE,iBAAiB,2CAmKnB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/SingleSelectDropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAO7E,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAsB,EACtB,UAAU,EACV,QAAgB,EAChB,UAAiB,EACjB,eAAsB,EACtB,SAAc,EACd,SAAiB,EACjB,KAAU,GACX,EAAE,iBAAiB,2CAoKnB"}