@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.
- package/dist/DropdownFooter-CYkg2g5d.js +89 -0
- package/dist/{OptionList-BNaH2PnX.js → OptionList-DN1xZbnV.js} +29 -29
- package/dist/assets/DropdownFooter-DjdPf69A.css +1 -0
- package/dist/assets/index-B81zpOpq.css +1 -0
- package/dist/assets/index-BoQKDmZt.css +1 -0
- package/dist/assets/index-Cdmws__2.css +1 -0
- package/dist/assets/index-CtR-jzNi.css +1 -0
- package/dist/assets/index-PKpDB4Cl.css +1 -0
- package/dist/assets/index-i-aBFBOq.css +1 -0
- package/dist/assets/{styles-CbbBUzsN.css → styles-Bqfs9eXV.css} +1 -1
- package/dist/assets/styles-CYxKrBqL.css +1 -0
- package/dist/assets/styles-CZCmGNUn.css +1 -0
- package/dist/components/Breadcrumb/index.d.ts.map +1 -1
- package/dist/components/Breadcrumb/index.js +53 -47
- package/dist/components/CKCheckbox/index.d.ts.map +1 -1
- package/dist/components/CKCheckbox/index.js +22 -21
- package/dist/components/CostComparatorTable/_helpers/CostCell.d.ts +3 -1
- package/dist/components/CostComparatorTable/_helpers/CostCell.d.ts.map +1 -1
- package/dist/components/CostComparatorTable/_helpers/CostCell.js +30 -28
- package/dist/components/CostComparatorTable/_helpers/HeaderCheckbox.js +1 -1
- package/dist/components/CostComparatorTable/_types/costComparatorTable.types.d.ts +7 -0
- package/dist/components/CostComparatorTable/_types/costComparatorTable.types.d.ts.map +1 -1
- package/dist/components/CostComparatorTable/index.d.ts +1 -1
- package/dist/components/CostComparatorTable/index.d.ts.map +1 -1
- package/dist/components/CostComparatorTable/index.js +93 -85
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +1685 -1651
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts +10 -0
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map +1 -1
- package/dist/components/FusionChart/_config/builders.d.ts.map +1 -1
- package/dist/components/FusionChart/_config/builders.js +141 -141
- package/dist/components/FusionChart/_config/helpers.js +2 -2
- package/dist/components/FusionChart/_helpers/doughnutHelper.d.ts.map +1 -1
- package/dist/components/FusionChart/_helpers/doughnutHelper.js +56 -43
- package/dist/components/FusionChart/index.d.ts.map +1 -1
- package/dist/components/FusionChart/index.js +356 -340
- package/dist/components/Loader/_types/loader.types.d.ts +10 -0
- package/dist/components/Loader/_types/loader.types.d.ts.map +1 -0
- package/dist/components/Loader/_types/loader.types.js +1 -0
- package/dist/components/Loader/index.d.ts +6 -0
- package/dist/components/Loader/index.d.ts.map +1 -0
- package/dist/components/Loader/index.js +37 -0
- package/dist/components/MAVDropdown/_types/mavDropdown.types.d.ts +27 -0
- package/dist/components/MAVDropdown/_types/mavDropdown.types.d.ts.map +1 -0
- package/dist/components/MAVDropdown/_types/mavDropdown.types.js +1 -0
- package/dist/components/MAVDropdown/index.d.ts +6 -0
- package/dist/components/MAVDropdown/index.d.ts.map +1 -0
- package/dist/components/MAVDropdown/index.js +162 -0
- package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.js +33 -33
- package/dist/components/MultiSelect/SimpleMultiSelect.d.ts +22 -0
- package/dist/components/MultiSelect/SimpleMultiSelect.d.ts.map +1 -0
- package/dist/components/MultiSelect/SimpleMultiSelect.js +221 -0
- package/dist/components/MultiSelect/_helpers/DropdownFooter.js +1 -1
- package/dist/components/MultiSelect/_helpers/OptionRow.js +1 -1
- package/dist/components/MultiSelect/_helpers/OverflowMenu.js +1 -1
- package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js +1 -1
- package/dist/components/MultiSelect/_helpers/SearchResult.js +1 -1
- package/dist/components/MultiSelect/_helpers/TagContent.d.ts.map +1 -1
- package/dist/components/MultiSelect/_helpers/TagContent.js +20 -19
- package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts.map +1 -1
- package/dist/components/MultiSelect/_helpers/TriggerButton.js +39 -34
- package/dist/components/MultiSelect/_types/type.d.ts +3 -0
- package/dist/components/MultiSelect/_types/type.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +1 -1
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js +133 -131
- package/dist/components/ProfileDropdown/_types/profileDropdown.types.d.ts +28 -0
- package/dist/components/ProfileDropdown/_types/profileDropdown.types.d.ts.map +1 -0
- package/dist/components/ProfileDropdown/_types/profileDropdown.types.js +13 -0
- package/dist/components/ProfileDropdown/constants.d.ts +3 -0
- package/dist/components/ProfileDropdown/constants.d.ts.map +1 -0
- package/dist/components/ProfileDropdown/constants.js +8 -0
- package/dist/components/ProfileDropdown/index.d.ts +6 -0
- package/dist/components/ProfileDropdown/index.d.ts.map +1 -0
- package/dist/components/ProfileDropdown/index.js +154 -0
- package/dist/components/Search/index.js +35 -35
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.d.ts +2 -1
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.d.ts.map +1 -1
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +7 -3
- package/dist/components/SingleSelectDropdown/_types/singleSelectDropdown.types.d.ts +2 -2
- package/dist/components/SingleSelectDropdown/_types/singleSelectDropdown.types.d.ts.map +1 -1
- package/dist/components/SingleSelectDropdown/index.d.ts +1 -1
- package/dist/components/SingleSelectDropdown/index.d.ts.map +1 -1
- package/dist/components/SingleSelectDropdown/index.js +61 -57
- package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts +1 -0
- package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts.map +1 -1
- package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.js +39 -40
- package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map +1 -1
- package/dist/components/Table/_helpers/ColumnManager/index.js +453 -448
- package/dist/components/Table/_helpers/ExpandableRow/index.d.ts.map +1 -1
- package/dist/components/Table/_helpers/ExpandableRow/index.js +30 -20
- package/dist/components/Table/_helpers/GroupedHeader/index.d.ts +2 -2
- package/dist/components/Table/_helpers/GroupedHeader/index.d.ts.map +1 -1
- package/dist/components/Table/_helpers/GroupedHeader/index.js +79 -87
- package/dist/components/Table/_helpers/TableFilterModal/OptionList.js +1 -1
- package/dist/components/Table/_helpers/TableFilterModal/index.js +14 -14
- package/dist/components/Table/_helpers/TableRows.d.ts +1 -1
- package/dist/components/Table/_helpers/TableRows.d.ts.map +1 -1
- package/dist/components/Table/_helpers/TableRows.js +288 -283
- package/dist/components/Table/_types/table.types.d.ts +9 -3
- package/dist/components/Table/_types/table.types.d.ts.map +1 -1
- package/dist/components/Table/_utils/table.utils.d.ts +3 -0
- package/dist/components/Table/_utils/table.utils.d.ts.map +1 -1
- package/dist/components/Table/_utils/table.utils.js +73 -23
- package/dist/components/Table/index.d.ts +1 -1
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +382 -357
- package/dist/main.d.ts +5 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +91 -81
- package/dist/styles.module-BXby6f8d.js +16 -0
- package/dist/styles.module-Dojg5FTS.js +41 -0
- package/package.json +1 -1
- package/dist/DropdownFooter-C20yRiDR.js +0 -84
- package/dist/assets/DropdownFooter-C7Cml53c.css +0 -1
- package/dist/assets/index-BQ0m7FKV.css +0 -1
- package/dist/assets/index-Dudb2XKF.css +0 -1
- package/dist/assets/index-w7AdSPwF.css +0 -1
- package/dist/assets/styles-BA66-SUu.css +0 -1
- package/dist/assets/styles-CflOKRvX.css +0 -1
- package/dist/styles.module-CCyijXTv.js +0 -16
- 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 @@
|
|
|
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,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
|
|
2
|
-
import { useState as w, useRef as
|
|
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
|
|
7
|
-
import '../../assets/index-
|
|
8
|
-
"ckds-search-wrapper": "_ckds-search-
|
|
9
|
-
"search-wrapper-small": "_search-wrapper-
|
|
10
|
-
"search-wrapper-medium": "_search-wrapper-
|
|
11
|
-
"search-wrapper-large": "_search-wrapper-
|
|
12
|
-
"search-wrapper--disabled": "_search-wrapper--
|
|
13
|
-
"search-icon": "_search-
|
|
14
|
-
"search-input": "_search-
|
|
15
|
-
"search-clear": "_search-
|
|
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:
|
|
19
|
+
placeholder: y = "Search",
|
|
20
20
|
onChange: u,
|
|
21
|
-
onClear:
|
|
22
|
-
onSearch:
|
|
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:
|
|
27
|
+
autoFocus: h = !1,
|
|
28
28
|
maxLength: x,
|
|
29
29
|
id: T,
|
|
30
30
|
name: I,
|
|
31
|
-
size:
|
|
31
|
+
size: s = "medium",
|
|
32
32
|
debounceMs: f = 0
|
|
33
33
|
}) {
|
|
34
|
-
const [M, _] = w(!1), [
|
|
35
|
-
|
|
34
|
+
const [M, _] = w(!1), [c, i] = w(o), l = g(null), r = g(null);
|
|
35
|
+
m(() => {
|
|
36
36
|
i(o);
|
|
37
|
-
}, [o]),
|
|
38
|
-
|
|
39
|
-
}, [
|
|
40
|
-
const n = L(() =>
|
|
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
|
-
|
|
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?.(""),
|
|
50
|
+
e.preventDefault(), r.current && clearTimeout(r.current), i(""), u?.(""), b?.(), l.current?.focus();
|
|
51
51
|
}, F = (e) => {
|
|
52
|
-
e.stopPropagation(), e.key === "Enter" &&
|
|
52
|
+
e.stopPropagation(), e.key === "Enter" && k?.(c);
|
|
53
53
|
};
|
|
54
54
|
return /* @__PURE__ */ K(
|
|
55
55
|
"div",
|
|
56
56
|
{
|
|
57
|
-
className:
|
|
57
|
+
className: S(
|
|
58
58
|
a["ckds-search-wrapper"],
|
|
59
|
-
a[`search-wrapper-${
|
|
59
|
+
a[`search-wrapper-${s}`],
|
|
60
60
|
p ? a["search-wrapper--disabled"] : "",
|
|
61
61
|
D
|
|
62
62
|
),
|
|
63
63
|
children: [
|
|
64
|
-
!M && !
|
|
65
|
-
/* @__PURE__ */
|
|
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:
|
|
72
|
+
className: S(
|
|
73
73
|
"ckds-body-sm-reg",
|
|
74
74
|
a["search-input"],
|
|
75
75
|
v
|
|
76
76
|
),
|
|
77
|
-
value:
|
|
78
|
-
placeholder:
|
|
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 &&
|
|
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__ */
|
|
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,
|
|
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
|
|
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-
|
|
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
|
-
|
|
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;
|
|
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,
|
|
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,
|
|
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"}
|