@ck-ui/component-library 0.3.0 → 1.0.1
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-Dm6aLDx8.js +89 -0
- package/dist/IconSlot-CPQsGPB-.js +33 -0
- package/dist/{OptionList-BNaH2PnX.js → OptionList-DN1xZbnV.js} +29 -29
- package/dist/assets/DropdownFooter-DjdPf69A.css +1 -0
- package/dist/assets/IconSlot-D8WWEHKb.css +1 -0
- package/dist/assets/index-B81zpOpq.css +1 -0
- package/dist/assets/index-BXwGxK7I.css +1 -0
- package/dist/assets/index-BZgvXFWW.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-UphWJR2V.css +1 -0
- package/dist/assets/index-i-aBFBOq.css +1 -0
- package/dist/assets/styles-Bj-7zn37.css +1 -0
- package/dist/assets/styles-CZCmGNUn.css +1 -0
- package/dist/assets/styles-DLJzdWsF.css +1 -0
- package/dist/assets/{styles-CbbBUzsN.css → styles-DngCqCGW.css} +1 -1
- package/dist/assets/styles-O-5pBCak.css +1 -0
- package/dist/components/Breadcrumb/index.d.ts.map +1 -1
- package/dist/components/Breadcrumb/index.js +53 -47
- package/dist/components/CKButton/_helper/ComboLayout.js +1 -1
- package/dist/components/CKButton/_helper/IconSlot.js +1 -1
- package/dist/components/CKButton/_helper/StandardLayout.js +1 -1
- package/dist/components/CKButton/index.js +1 -1
- package/dist/components/CKCheckbox/index.d.ts.map +1 -1
- package/dist/components/CKCheckbox/index.js +22 -21
- package/dist/components/CardBox/index.js +18 -18
- 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 +4 -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 +148 -145
- 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/RadioButton/index.js +34 -34
- package/dist/components/RadioGroup/_types/radioGroup.types.d.ts +1 -0
- package/dist/components/RadioGroup/_types/radioGroup.types.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.d.ts +1 -1
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +19 -17
- 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 +49 -47
- package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map +1 -1
- package/dist/components/Table/_helpers/ColumnManager/index.js +393 -385
- 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.d.ts.map +1 -1
- package/dist/components/Table/_helpers/TableFilterModal/index.js +43 -42
- 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 +388 -358
- package/dist/components/Typography/index.js +30 -30
- package/dist/main.d.ts +6 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +97 -85
- package/dist/styles.module-BXby6f8d.js +16 -0
- package/dist/styles.module-DakCndIP.js +42 -0
- package/package.json +1 -1
- package/dist/DropdownFooter-C20yRiDR.js +0 -84
- package/dist/IconSlot-CFKmSU2_.js +0 -33
- package/dist/assets/DropdownFooter-C7Cml53c.css +0 -1
- package/dist/assets/IconSlot-CLpdZgmb.css +0 -1
- package/dist/assets/index-BQ0m7FKV.css +0 -1
- package/dist/assets/index-BmQOtMhS.css +0 -1
- package/dist/assets/index-CaWXKQ7j.css +0 -1
- package/dist/assets/index-CiQd_iRw.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-BTZL03H2.css +0 -1
- package/dist/assets/styles-CflOKRvX.css +0 -1
- package/dist/assets/styles-D8sahtFb.css +0 -1
- package/dist/styles.module-CCyijXTv.js +0 -16
- package/dist/styles.module-CmWIIYpK.js +0 -41
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as N, useRef as C, useEffect as
|
|
1
|
+
import { jsx as a, jsxs as $, Fragment as g } from "react/jsx-runtime";
|
|
2
|
+
import { useState as N, useRef as C, useEffect as D } from "react";
|
|
3
3
|
import { getVisibleCrumbs as x } from "./_helpers/Breadcrumb.js";
|
|
4
4
|
import { handleOutsideClick as y } from "./_utils/handleOutsideClick.js";
|
|
5
5
|
import { truncateLabel as B } from "./_utils/truncatedLabel.js";
|
|
6
|
-
import { navigateHandler as
|
|
7
|
-
import { Tooltip as
|
|
8
|
-
import { DefaultLink as
|
|
9
|
-
import '../../assets/index-
|
|
10
|
-
"ckds-breadcrumb-wrapper": "_ckds-breadcrumb-
|
|
11
|
-
"crumb-item": "_crumb-
|
|
12
|
-
arrow:
|
|
13
|
-
open:
|
|
14
|
-
"crumb-link": "_crumb-
|
|
15
|
-
active:
|
|
16
|
-
disabled:
|
|
17
|
-
separator:
|
|
18
|
-
label:
|
|
19
|
-
"dropdown-wrapper": "_dropdown-
|
|
20
|
-
"dropdown-trigger": "_dropdown-
|
|
21
|
-
"dropdown-menu": "_dropdown-
|
|
22
|
-
"dropdown-item": "_dropdown-
|
|
6
|
+
import { navigateHandler as H } from "./_utils/navigateHandler.js";
|
|
7
|
+
import { Tooltip as O } from "../Tooltip/index.js";
|
|
8
|
+
import { DefaultLink as R } from "./_helpers/DefaultLink.js";
|
|
9
|
+
import '../../assets/index-CtR-jzNi.css';const T = "_arrow_1rjrs_24", q = "_open_1rjrs_39", E = "_active_1rjrs_54", F = "_disabled_1rjrs_62", I = "_separator_1rjrs_67", P = "_label_1rjrs_72", e = {
|
|
10
|
+
"ckds-breadcrumb-wrapper": "_ckds-breadcrumb-wrapper_1rjrs_1",
|
|
11
|
+
"crumb-item": "_crumb-item_1rjrs_19",
|
|
12
|
+
arrow: T,
|
|
13
|
+
open: q,
|
|
14
|
+
"crumb-link": "_crumb-link_1rjrs_43",
|
|
15
|
+
active: E,
|
|
16
|
+
disabled: F,
|
|
17
|
+
separator: I,
|
|
18
|
+
label: P,
|
|
19
|
+
"dropdown-wrapper": "_dropdown-wrapper_1rjrs_80",
|
|
20
|
+
"dropdown-trigger": "_dropdown-trigger_1rjrs_86",
|
|
21
|
+
"dropdown-menu": "_dropdown-menu_1rjrs_96",
|
|
22
|
+
"dropdown-item": "_dropdown-item_1rjrs_110"
|
|
23
23
|
};
|
|
24
|
-
function
|
|
24
|
+
function Q({
|
|
25
25
|
crumbs: p = [],
|
|
26
26
|
newThemeBreadcrumb: m = !1,
|
|
27
27
|
className: _ = "",
|
|
28
28
|
linkClassName: i = "",
|
|
29
|
-
handleOnClick:
|
|
29
|
+
handleOnClick: n,
|
|
30
30
|
maxVisibleItems: u = 4,
|
|
31
|
-
maxLabelLength:
|
|
32
|
-
separator:
|
|
33
|
-
LinkComponent: b =
|
|
31
|
+
maxLabelLength: s = 13,
|
|
32
|
+
separator: l = "/",
|
|
33
|
+
LinkComponent: b = R
|
|
34
34
|
}) {
|
|
35
|
-
const [
|
|
36
|
-
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
return /* @__PURE__ */
|
|
40
|
-
/* @__PURE__ */
|
|
35
|
+
const [f, c] = N(!1), d = C(null);
|
|
36
|
+
D(() => y(d, c), []);
|
|
37
|
+
const w = (r, o, j) => {
|
|
38
|
+
const t = r?.label?.replace("%20", " ") || "", h = B(t, s), k = t.length > s;
|
|
39
|
+
return /* @__PURE__ */ $("div", { className: e["crumb-item"], children: [
|
|
40
|
+
/* @__PURE__ */ a(
|
|
41
41
|
b,
|
|
42
42
|
{
|
|
43
43
|
replace: !0,
|
|
@@ -46,22 +46,28 @@ function K({
|
|
|
46
46
|
search: r.queryParam
|
|
47
47
|
},
|
|
48
48
|
state: r.state,
|
|
49
|
-
onClick: () =>
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
49
|
+
onClick: (v) => {
|
|
50
|
+
if (!r.path && !o) {
|
|
51
|
+
v.preventDefault();
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
H(r, n);
|
|
55
|
+
},
|
|
56
|
+
className: `${e["crumb-link"]} ${!r.path && !o ? e.disabled : ""} ${o ? e.active : ""} ${i}`,
|
|
57
|
+
children: r.label.toLowerCase() === "home" && !m ? /* @__PURE__ */ a(g, { children: "Home" }) : /* @__PURE__ */ a(
|
|
58
|
+
O,
|
|
53
59
|
{
|
|
54
|
-
title:
|
|
60
|
+
title: k ? t : "",
|
|
55
61
|
placement: "top",
|
|
56
|
-
children: /* @__PURE__ */
|
|
62
|
+
children: /* @__PURE__ */ a("span", { className: e.label, children: h })
|
|
57
63
|
}
|
|
58
64
|
)
|
|
59
65
|
}
|
|
60
66
|
),
|
|
61
|
-
!
|
|
62
|
-
] }, `${r.label}-${
|
|
67
|
+
!o && /* @__PURE__ */ a("span", { className: e.separator, children: l })
|
|
68
|
+
] }, `${r.label}-${j}`);
|
|
63
69
|
};
|
|
64
|
-
return /* @__PURE__ */
|
|
70
|
+
return /* @__PURE__ */ a(
|
|
65
71
|
"nav",
|
|
66
72
|
{
|
|
67
73
|
className: `${e["ckds-breadcrumb-wrapper"]} ${_}`,
|
|
@@ -69,18 +75,18 @@ function K({
|
|
|
69
75
|
children: x({
|
|
70
76
|
crumbs: p,
|
|
71
77
|
maxVisibleItems: u,
|
|
72
|
-
dropdownOpen:
|
|
73
|
-
setDropdownOpen:
|
|
74
|
-
dropdownRef:
|
|
75
|
-
renderBreadcrumbItem:
|
|
76
|
-
separator:
|
|
78
|
+
dropdownOpen: f,
|
|
79
|
+
setDropdownOpen: c,
|
|
80
|
+
dropdownRef: d,
|
|
81
|
+
renderBreadcrumbItem: w,
|
|
82
|
+
separator: l,
|
|
77
83
|
styles: e,
|
|
78
|
-
handleOnClick:
|
|
84
|
+
handleOnClick: n
|
|
79
85
|
})
|
|
80
86
|
}
|
|
81
87
|
);
|
|
82
88
|
}
|
|
83
89
|
export {
|
|
84
|
-
|
|
85
|
-
|
|
90
|
+
Q as Breadcrumb,
|
|
91
|
+
Q as default
|
|
86
92
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as m, Fragment as d, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { I as c } from "../../../IconSlot-
|
|
2
|
+
import { I as c } from "../../../IconSlot-CPQsGPB-.js";
|
|
3
3
|
import { mergeClasses as h } from "../../../utils/mergeClasses.js";
|
|
4
4
|
function j({
|
|
5
5
|
leftIcon: o,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as y } from "react";
|
|
3
|
-
import { s as o } from "../../IconSlot-
|
|
3
|
+
import { s as o } from "../../IconSlot-CPQsGPB-.js";
|
|
4
4
|
import { StandardLayout as g } from "./_helper/StandardLayout.js";
|
|
5
5
|
import { ComboLayout as E } from "./_helper/ComboLayout.js";
|
|
6
6
|
import { mergeClasses as k } from "../../utils/mergeClasses.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CKCheckbox/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,aAAqB,EACrB,QAAQ,EACR,gBAAqB,EACrB,SAAc,EACd,QAAgB,EAChB,IAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CKCheckbox/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,aAAqB,EACrB,QAAQ,EACR,gBAAqB,EACrB,SAAc,EACd,QAAgB,EAChB,IAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,2CAgDjB"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsxs as b, jsx as
|
|
1
|
+
import { jsxs as b, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as p, useLayoutEffect as m } from "react";
|
|
3
3
|
import { LG as _ } from "../../constants.js";
|
|
4
|
-
import { mergeClasses as
|
|
5
|
-
import '../../assets/index-rrYSS2rl.css';const
|
|
4
|
+
import { mergeClasses as x } from "../../utils/mergeClasses.js";
|
|
5
|
+
import '../../assets/index-rrYSS2rl.css';const c = {
|
|
6
6
|
"ckds-checkbox-wrapper": "_ckds-checkbox-wrapper_2erx7_1",
|
|
7
7
|
"ckds-checkbox": "_ckds-checkbox_2erx7_1",
|
|
8
8
|
"ckds-checkbox-sm": "_ckds-checkbox-sm_2erx7_63",
|
|
@@ -11,49 +11,50 @@ import '../../assets/index-rrYSS2rl.css';const e = {
|
|
|
11
11
|
"ckds-checkbox-indeterminate": "_ckds-checkbox-indeterminate_2erx7_99"
|
|
12
12
|
};
|
|
13
13
|
function w({
|
|
14
|
-
checked:
|
|
15
|
-
indeterminate:
|
|
16
|
-
onChange:
|
|
14
|
+
checked: o,
|
|
15
|
+
indeterminate: s = !1,
|
|
16
|
+
onChange: t,
|
|
17
17
|
wrapperClassName: d = "",
|
|
18
18
|
classname: h = "",
|
|
19
19
|
disabled: a = !1,
|
|
20
20
|
size: i = _,
|
|
21
21
|
...n
|
|
22
22
|
}) {
|
|
23
|
-
const
|
|
23
|
+
const k = p(null);
|
|
24
24
|
return m(() => {
|
|
25
|
-
|
|
26
|
-
}, [
|
|
25
|
+
k.current && (k.current.indeterminate = s, k.current.checked = !!o);
|
|
26
|
+
}, [s, o]), /* @__PURE__ */ b(
|
|
27
27
|
"label",
|
|
28
28
|
{
|
|
29
|
-
className:
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
className: x(
|
|
30
|
+
c["ckds-checkbox-wrapper"],
|
|
31
|
+
c[d]
|
|
32
32
|
),
|
|
33
33
|
children: [
|
|
34
|
-
/* @__PURE__ */
|
|
34
|
+
/* @__PURE__ */ e(
|
|
35
35
|
"input",
|
|
36
36
|
{
|
|
37
|
-
ref:
|
|
37
|
+
ref: k,
|
|
38
38
|
type: "checkbox",
|
|
39
|
-
checked:
|
|
39
|
+
checked: o,
|
|
40
40
|
onChange: (r) => {
|
|
41
|
-
|
|
41
|
+
t?.(r.target.checked);
|
|
42
42
|
},
|
|
43
43
|
onClick: (r) => r.stopPropagation(),
|
|
44
44
|
disabled: a,
|
|
45
45
|
...n
|
|
46
46
|
}
|
|
47
47
|
),
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ e(
|
|
49
49
|
"span",
|
|
50
50
|
{
|
|
51
|
-
className:
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
className: x(
|
|
52
|
+
c["ckds-checkbox"],
|
|
53
|
+
c[`ckds-checkbox-${i}`],
|
|
54
|
+
s && c["ckds-checkbox-indeterminate"],
|
|
54
55
|
h
|
|
55
56
|
),
|
|
56
|
-
children:
|
|
57
|
+
children: s ? /* @__PURE__ */ e("svg", { className: c["ckds-checkbox-tick"], viewBox: "0 0 16 16", children: /* @__PURE__ */ e("path", { d: "M4 8H12" }) }) : /* @__PURE__ */ e("svg", { className: c["ckds-checkbox-tick"], viewBox: "0 0 16 16", children: /* @__PURE__ */ e("path", { d: "M4 8.5L7 11.5L12 5.5" }) })
|
|
57
58
|
}
|
|
58
59
|
)
|
|
59
60
|
]
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { SIZE as
|
|
3
|
-
import '../../assets/index-
|
|
4
|
-
"metric-card-wrapper": "_metric-card-
|
|
5
|
-
shadow:
|
|
6
|
-
"ckds-cardbox": "_ckds-
|
|
7
|
-
"box-bg": "_box-
|
|
8
|
-
"size-regular": "_size-
|
|
9
|
-
"size-large": "_size-
|
|
1
|
+
import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { SIZE as x } from "../MetricCards/Constant/constant.js";
|
|
3
|
+
import '../../assets/index-BZgvXFWW.css';const i = "_shadow_t7x6j_14", l = "_footer_t7x6j_45", r = {
|
|
4
|
+
"metric-card-wrapper": "_metric-card-wrapper_t7x6j_1",
|
|
5
|
+
shadow: i,
|
|
6
|
+
"ckds-cardbox": "_ckds-cardbox_t7x6j_18",
|
|
7
|
+
"box-bg": "_box-bg_t7x6j_22",
|
|
8
|
+
"size-regular": "_size-regular_t7x6j_38",
|
|
9
|
+
"size-large": "_size-large_t7x6j_41",
|
|
10
10
|
footer: l
|
|
11
|
-
},
|
|
11
|
+
}, j = ({
|
|
12
12
|
children: o,
|
|
13
|
-
cardFooter:
|
|
14
|
-
size: a =
|
|
15
|
-
className:
|
|
13
|
+
cardFooter: s,
|
|
14
|
+
size: a = x.REGULAR,
|
|
15
|
+
className: t = "",
|
|
16
16
|
boxBg: _ = !1,
|
|
17
17
|
shadow: c = !1
|
|
18
|
-
}) => /* @__PURE__ */
|
|
19
|
-
/* @__PURE__ */
|
|
18
|
+
}) => /* @__PURE__ */ d("div", { className: `${r["metric-card-wrapper"]} ${c ? r.shadow : ""} ${t}`, children: [
|
|
19
|
+
/* @__PURE__ */ e(
|
|
20
20
|
"div",
|
|
21
21
|
{
|
|
22
|
-
className: `${
|
|
22
|
+
className: `${r["ckds-cardbox"]} ${r[`size-${a}`]} ${_ ? r["box-bg"] : ""}`,
|
|
23
23
|
children: o
|
|
24
24
|
}
|
|
25
25
|
),
|
|
26
|
-
|
|
26
|
+
s && /* @__PURE__ */ e("div", { className: r.footer, children: s })
|
|
27
27
|
] });
|
|
28
28
|
export {
|
|
29
|
-
|
|
29
|
+
j as CardBox
|
|
30
30
|
};
|
|
@@ -21,6 +21,8 @@ interface CostCellProps<TRow> {
|
|
|
21
21
|
formatValue: FormatValue<TRow>;
|
|
22
22
|
/** Consumer-supplied diff-class resolver. */
|
|
23
23
|
compareValues: CompareValues;
|
|
24
|
+
/** Column text alignment, forwarded from the column definition. */
|
|
25
|
+
align?: "left" | "center" | "right";
|
|
24
26
|
}
|
|
25
27
|
/**
|
|
26
28
|
* Body cell wrapper that handles:
|
|
@@ -31,6 +33,6 @@ interface CostCellProps<TRow> {
|
|
|
31
33
|
* The library never produces color classes itself — `compareValues` is what
|
|
32
34
|
* chooses them. We just apply the returned class to the cell wrapper.
|
|
33
35
|
*/
|
|
34
|
-
export declare function CostCell<TRow extends Record<string, unknown>>({ columnKey, columnIndex, orderedKeys, row, valueMapKey, value, comparatorMode, selected, formatValue, compareValues, }: CostCellProps<TRow>): ReactNode;
|
|
36
|
+
export declare function CostCell<TRow extends Record<string, unknown>>({ columnKey, columnIndex, orderedKeys, row, valueMapKey, value, comparatorMode, selected, formatValue, compareValues, align, }: CostCellProps<TRow>): ReactNode;
|
|
35
37
|
export {};
|
|
36
38
|
//# sourceMappingURL=CostCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CostCell.d.ts","sourceRoot":"","sources":["../../../../lib/components/CostComparatorTable/_helpers/CostCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAEtF,UAAU,aAAa,CAAC,IAAI;IAC1B,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,gGAAgG;IAChG,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,oEAAoE;IACpE,GAAG,EAAE,IAAI,CAAC;IACV,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,8BAA8B;IAC9B,cAAc,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,6CAA6C;IAC7C,aAAa,EAAE,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"CostCell.d.ts","sourceRoot":"","sources":["../../../../lib/components/CostComparatorTable/_helpers/CostCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAEtF,UAAU,aAAa,CAAC,IAAI;IAC1B,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,gGAAgG;IAChG,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,oEAAoE;IACpE,GAAG,EAAE,IAAI,CAAC;IACV,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,8BAA8B;IAC9B,cAAc,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,6CAA6C;IAC7C,aAAa,EAAE,aAAa,CAAC;IAC7B,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,SAAS,EACT,WAAW,EACX,WAAW,EACX,GAAG,EACH,WAAW,EACX,KAAK,EACL,cAAc,EACd,QAAQ,EACR,WAAW,EACX,aAAa,EACb,KAAK,GACN,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,SAAS,CAoCjC"}
|
|
@@ -1,52 +1,54 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as N } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { s as d } from "../../../styles.module-
|
|
4
|
-
import { mergeClasses as
|
|
3
|
+
import { s as d } from "../../../styles.module-BXby6f8d.js";
|
|
4
|
+
import { mergeClasses as g } from "../../../utils/mergeClasses.js";
|
|
5
5
|
import { pickPrecision as V } from "../_utils/costComparator.utils.js";
|
|
6
|
-
function
|
|
6
|
+
function O({
|
|
7
7
|
columnKey: s,
|
|
8
8
|
columnIndex: e,
|
|
9
|
-
orderedKeys:
|
|
10
|
-
row:
|
|
11
|
-
valueMapKey:
|
|
9
|
+
orderedKeys: n,
|
|
10
|
+
row: t,
|
|
11
|
+
valueMapKey: r,
|
|
12
12
|
value: b,
|
|
13
|
-
comparatorMode:
|
|
14
|
-
selected:
|
|
15
|
-
formatValue:
|
|
16
|
-
compareValues: p
|
|
13
|
+
comparatorMode: x,
|
|
14
|
+
selected: o,
|
|
15
|
+
formatValue: C,
|
|
16
|
+
compareValues: p,
|
|
17
|
+
align: k
|
|
17
18
|
}) {
|
|
18
|
-
const
|
|
19
|
-
let
|
|
20
|
-
if (
|
|
21
|
-
if (!
|
|
19
|
+
const i = Number(b ?? 0), m = V(i);
|
|
20
|
+
let l = "", a = !1;
|
|
21
|
+
if (x)
|
|
22
|
+
if (!o.includes(s))
|
|
22
23
|
a = !0;
|
|
23
24
|
else {
|
|
24
|
-
const c =
|
|
25
|
+
const c = o.indexOf(s);
|
|
25
26
|
if (c > 0) {
|
|
26
|
-
const
|
|
27
|
-
|
|
27
|
+
const f = o[c - 1], v = u(t, r, f);
|
|
28
|
+
l = p(i, v, m);
|
|
28
29
|
}
|
|
29
30
|
}
|
|
30
31
|
else if (e > 0) {
|
|
31
|
-
const c =
|
|
32
|
-
|
|
32
|
+
const c = n[e - 1], f = u(t, r, c);
|
|
33
|
+
l = p(i, f, m);
|
|
33
34
|
}
|
|
34
|
-
return /* @__PURE__ */
|
|
35
|
+
return /* @__PURE__ */ N(
|
|
35
36
|
"span",
|
|
36
37
|
{
|
|
37
|
-
className:
|
|
38
|
+
className: g(
|
|
38
39
|
d["ckds-cost-cell"],
|
|
39
40
|
a ? d["ckds-disabled"] : "",
|
|
40
|
-
|
|
41
|
+
l
|
|
41
42
|
),
|
|
42
|
-
|
|
43
|
+
style: { textAlign: k },
|
|
44
|
+
children: C(i, t, s)
|
|
43
45
|
}
|
|
44
46
|
);
|
|
45
47
|
}
|
|
46
|
-
function u(s, e,
|
|
47
|
-
const
|
|
48
|
-
return Number(
|
|
48
|
+
function u(s, e, n) {
|
|
49
|
+
const r = s[e];
|
|
50
|
+
return Number(r?.[n] ?? 0);
|
|
49
51
|
}
|
|
50
52
|
export {
|
|
51
|
-
|
|
53
|
+
O as CostCell
|
|
52
54
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as d, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { CKCheckbox as h } from "../../CKCheckbox/index.js";
|
|
3
|
-
import { s as e } from "../../../styles.module-
|
|
3
|
+
import { s as e } from "../../../styles.module-BXby6f8d.js";
|
|
4
4
|
function l({ label: c, checked: r, disabled: a, onToggle: o }) {
|
|
5
5
|
return /* @__PURE__ */ d("span", { className: `${e["ckds-header-checkbox"]} ${a ? e["ckds-disabled"] : ""}`, children: [
|
|
6
6
|
/* @__PURE__ */ s(
|
|
@@ -3,10 +3,13 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
* One date / period column the user can compare across.
|
|
4
4
|
* `key` is the lookup key used inside each row's value map (e.g. "01-Jan").
|
|
5
5
|
* `label` is what is shown in the header cell.
|
|
6
|
+
* `align` controls text alignment for the header and cells of this column.
|
|
6
7
|
*/
|
|
7
8
|
export interface ComparatorColumn {
|
|
8
9
|
key: string;
|
|
9
10
|
label?: string;
|
|
11
|
+
/** Text alignment for the column header and cells. Defaults to "left". */
|
|
12
|
+
align?: "left" | "center" | "right";
|
|
10
13
|
}
|
|
11
14
|
/**
|
|
12
15
|
* Granularity hint. Used by the default header sorter to parse keys
|
|
@@ -70,6 +73,10 @@ export interface CostComparatorTableProps<TRow extends Record<string, unknown>>
|
|
|
70
73
|
/** Sticky behaviour. Defaults to first + last (group + total). */
|
|
71
74
|
stickyStart?: "none" | "first" | "firstTwo";
|
|
72
75
|
stickyEnd?: "none" | "last";
|
|
76
|
+
/** Text alignment for the group (service) column. Defaults to "left". */
|
|
77
|
+
groupColumnAlign?: "left" | "center" | "right";
|
|
78
|
+
/** Text alignment for the total column. Defaults to "left". */
|
|
79
|
+
totalColumnAlign?: "left" | "center" | "right";
|
|
73
80
|
}
|
|
74
81
|
/**
|
|
75
82
|
* Shape of every row CustomTable actually receives after we flatten.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"costComparatorTable.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/CostComparatorTable/_types/costComparatorTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC
|
|
1
|
+
{"version":3,"file":"costComparatorTable.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/CostComparatorTable/_types/costComparatorTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEzE;;;;;;;GAOG;AACH,MAAM,MAAM,WAAW,CAAC,IAAI,IAAI,CAC9B,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,IAAI,GAAG,SAAS,EACrB,SAAS,EAAE,MAAM,KACd,SAAS,CAAC;AAEf;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,CAC1B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,KACd,MAAM,CAAC;AAEZ,MAAM,WAAW,wBAAwB,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5E,mBAAmB;IACnB,IAAI,EAAE,IAAI,EAAE,CAAC;IAEb,6EAA6E;IAC7E,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IAEtC,gFAAgF;IAChF,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,qEAAqE;IACrE,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,gFAAgF;IAChF,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAE/B;;;OAGG;IACH,aAAa,EAAE,aAAa,CAAC;IAE7B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kFAAkF;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAE/C,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAChD;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB,CAAC,IAAI,CAAE,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,IAAI,CAAC;CAClB"}
|
|
@@ -18,6 +18,6 @@ import { CostComparatorTableProps } from './_types/costComparatorTable.types';
|
|
|
18
18
|
* on every render — required for the comparator toggle and selection state
|
|
19
19
|
* to flow through to the header checkboxes.
|
|
20
20
|
*/
|
|
21
|
-
export declare function CostComparatorTable<TRow extends Record<string, unknown>>({ data, comparatorColumns, groupKey, totalKey, valueKey, serviceHeader, footerTotalKey, granularity, formatValue, compareValues, legend, toggleLabel, maxHeight, virtualization, stickyStart, stickyEnd, }: CostComparatorTableProps<TRow>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare function CostComparatorTable<TRow extends Record<string, unknown>>({ data, comparatorColumns, groupKey, totalKey, valueKey, serviceHeader, footerTotalKey, granularity, formatValue, compareValues, legend, toggleLabel, maxHeight, virtualization, stickyStart, stickyEnd, groupColumnAlign, totalColumnAlign, }: CostComparatorTableProps<TRow>): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export default CostComparatorTable;
|
|
23
23
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CostComparatorTable/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,oCAAoC,CAAC;AAI5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACxE,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAyB,EACzB,cAAwB,EACxB,WAAqB,EACrB,WAAW,EACX,aAAa,EACb,MAAM,EACN,WAAoC,EACpC,SAAS,EACT,cAAsB,EACtB,WAAqB,EACrB,SAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/CostComparatorTable/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,oCAAoC,CAAC;AAI5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACxE,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,aAAyB,EACzB,cAAwB,EACxB,WAAqB,EACrB,WAAW,EACX,aAAa,EACb,MAAM,EACN,WAAoC,EACpC,SAAS,EACT,cAAsB,EACtB,WAAqB,EACrB,SAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,wBAAwB,CAAC,IAAI,CAAC,2CAiMhC;AAED,eAAe,mBAAmB,CAAC"}
|