@ck-ui/component-library 2.0.2 → 2.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.
- package/dist/assets/index-eZS6kms7.css +1 -0
- package/dist/assets/styles-DGlqPkdv.css +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +196 -173
- package/dist/components/Sidebar/Sidebar.d.ts +1 -1
- package/dist/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +45 -39
- package/dist/components/Sidebar/components/CollapsedTooltip/index.js +2 -2
- package/dist/components/Sidebar/components/MenuItemWrapper/index.js +19 -18
- package/dist/components/Sidebar/components/MenuRenderer/CollapsedMenu.js +2 -2
- package/dist/components/Sidebar/components/MenuRenderer/ExpandedMenu.d.ts +7 -1
- package/dist/components/Sidebar/components/MenuRenderer/ExpandedMenu.d.ts.map +1 -1
- package/dist/components/Sidebar/components/MenuRenderer/ExpandedMenu.js +42 -25
- package/dist/components/Sidebar/components/MenuRenderer/index.d.ts +4 -1
- package/dist/components/Sidebar/components/MenuRenderer/index.d.ts.map +1 -1
- package/dist/components/Sidebar/components/MenuRenderer/index.js +22 -22
- package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts +2 -1
- package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts.map +1 -1
- package/dist/components/Sidebar/components/SubMenuWrapper/index.js +33 -29
- package/dist/components/Sidebar/components/index.js +1 -1
- package/dist/components/Sidebar/hooks/useMenuState.d.ts +5 -1
- package/dist/components/Sidebar/hooks/useMenuState.d.ts.map +1 -1
- package/dist/components/Sidebar/hooks/useMenuState.js +56 -38
- package/dist/components/Sidebar/index.js +1 -1
- package/dist/components/Sidebar/types/sidebar.types.d.ts +3 -0
- package/dist/components/Sidebar/types/sidebar.types.d.ts.map +1 -1
- package/dist/{index-DKHB_5Ee.js → index-CSxlVCTW.js} +1 -1
- package/dist/styles.module-xqgv3wwP.js +12 -0
- package/package.json +1 -1
- package/dist/assets/index-DrxnMAdp.css +0 -1
- package/dist/assets/styles-BCYQ4rbx.css +0 -1
- package/dist/styles.module-V3iL6ubH.js +0 -11
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._submenu_qk07k_1{margin:2px 0}._submenu_qk07k_1 ._parent-item_qk07k_4{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:8px;border:1px solid transparent;color:var(--ckcl-black-500, #2B2B2B);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckcl-leading-sm, 16px);font-weight:var(--ckcl-font-weight-regular, 400);transition:background-color .15s ease,border-color .15s ease,color .15s ease}._submenu_qk07k_1 ._parent-item_qk07k_4:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:-2px}._submenu_qk07k_1 ._parent-item_qk07k_4._active_qk07k_21{color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500)}._submenu_qk07k_1 ._parent-item_qk07k_4._top-level_qk07k_25:hover{background-color:var(--ckcl-primary-80, #F1F6FF);color:var(--ckcl-primary-500, #3A72E4)}._submenu_qk07k_1 ._parent-item_qk07k_4:not(._top-level_qk07k_25):hover{color:var(--ckcl-primary-500, #3A72E4)}._submenu_qk07k_1._with-child_qk07k_32{border-radius:8px}._submenu_qk07k_1._with-child_qk07k_32>._parent-item_qk07k_4._top-level_qk07k_25{margin:0;background-color:var(--ckcl-primary-80, #F1F6FF);border-color:var(--ckcl-primary-200, #B0CDF6);border-radius:8px}._submenu_qk07k_1._with-child_qk07k_32 ._submenu-children_qk07k_41{padding-left:0}._submenu_qk07k_1._with-child_qk07k_32 ._submenu-children_qk07k_41 ._submenu-children-inner_qk07k_44{margin-left:22px;padding-left:14px;border-left:1px solid var(--ckcl-primary-300, #81AFF0);position:relative}._submenu_qk07k_1._with-child_qk07k_32._nested-submenu_qk07k_50 ._submenu-children_qk07k_41 ._submenu-children-inner_qk07k_44{margin-left:0;padding-left:0;border-left:none}._submenu_qk07k_1._has-active_qk07k_55{border-radius:8px}._submenu_qk07k_1._has-active_qk07k_55>._parent-item_qk07k_4._top-level_qk07k_25{margin:0;background-color:var(--ckcl-primary-80, #F1F6FF);border-color:var(--ckcl-primary-200, #B0CDF6);border-radius:8px}._submenu-label_qk07k_65{display:flex;justify-content:space-between;align-items:center;width:100%}._submenu-children_qk07k_41{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}._submenu-children_qk07k_41>*{overflow:hidden}._submenu-children_qk07k_41:not(._open_qk07k_80){margin:0;padding:0;min-height:0}._submenu-children_qk07k_41._open_qk07k_80{grid-template-rows:1fr}._submenu-children_qk07k_41._open_qk07k_80>*{overflow:visible}._submenu-children_qk07k_41._open_qk07k_80 ._submenu-children-inner_qk07k_44{margin-top:8px}._submenu-children-inner_qk07k_44{overflow:hidden}._top-level_qk07k_25,._has-active_qk07k_55,._nested-submenu_qk07k_50{appearance:inherit}._nested-submenu_qk07k_50 ._submenu-children_qk07k_41:not(._open_qk07k_80){display:none}._nested-submenu_qk07k_50 ._submenu-children_qk07k_41._open_qk07k_80 ._submenu-children-inner_qk07k_44{margin-top:0}._arrow_qk07k_117{display:inline-flex;align-items:center;transition:transform .2s ease;padding-left:4px;color:var(--ckcl-black-400, #737373);transform:rotate(90deg)}._arrow_qk07k_117 svg{width:6px;height:10px}._rotate_qk07k_130{transform:rotate(-90deg)}._menu-icon_qk07k_134{display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent;width:28px;min-width:28px;height:28px;margin-right:10px;transition:background-color .15s ease,border-color .15s ease}._menu-icon_qk07k_134 img,._menu-icon_qk07k_134 svg{max-width:16px;max-height:16px}._menu-content_qk07k_151{font-size:var(--ckcl-fs-xs, 12px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._sidebar-menu-item_1sba1_1{display:flex;align-items:center;margin:2px 0;padding:8px 12px;cursor:pointer;border-radius:8px;border:1px solid transparent;color:var(--ckcl-black-500, #2B2B2B);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckcl-leading-sm, 16px);font-weight:var(--ckcl-font-weight-regular, 400);text-decoration:none;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}._sidebar-menu-item_1sba1_1:hover{background-color:var(--ckcl-primary-80, #F1F6FF);color:var(--ckcl-primary-500, #3A72E4)}._sidebar-menu-item_1sba1_1._nested_1sba1_21:hover{background-color:transparent;color:var(--ckcl-primary-500, #3A72E4)}._sidebar-menu-item_1sba1_1:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:-2px}._sidebar-menu-item_1sba1_1._active_1sba1_29{background-color:var(--ckcl-primary-80, #F1F6FF);border-color:var(--ckcl-primary-200, #B0CDF6);color:var(--ckcl-primary-500, #3A72E4)}._sidebar-menu-item_1sba1_1._active_1sba1_29._nested_1sba1_21{background-color:transparent;border-color:transparent}._leaf-item_1sba1_39{position:relative}._nested_1sba1_21{appearance:inherit}._active-indicator_1sba1_47{position:absolute;top:50%;left:-15px;width:1.5px;height:100%;background-color:var(--ckcl-primary-500, #3A72E4);border-radius:2px;transform:translate(-100%,-50%)}._menu-icon_1sba1_58{display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent;width:28px;min-width:28px;height:28px;margin-right:10px;transition:background-color .15s ease,border-color .15s ease}._menu-icon_1sba1_58 img,._menu-icon_1sba1_58 svg{max-width:16px;max-height:16px}._menu-content_1sba1_75{font-size:var(--ckcl-fs-xs, 12px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAYlG,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,oBAAoB,EAErB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AA0B9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAYlG,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,oBAAoB,EAErB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AA0B9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAopB1D,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import * as
|
|
3
|
-
import { useMemo as
|
|
4
|
-
import { CKButton as
|
|
5
|
-
import { CKTag as
|
|
6
|
-
import { Tooltip as
|
|
7
|
-
import { S as
|
|
8
|
-
import { normalizeDefinedRanges as z, isSameDay as
|
|
9
|
-
import { useDropdownDirection as
|
|
10
|
-
import '../../assets/DateRangePicker-BJW-EAys.css';const Be = (
|
|
1
|
+
import { jsxs as M, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import * as _ from "react";
|
|
3
|
+
import { useMemo as R, useState as L, useRef as oe, useEffect as K, useCallback as X, useLayoutEffect as Se } from "react";
|
|
4
|
+
import { CKButton as A } from "../CKButton/index.js";
|
|
5
|
+
import { CKTag as le } from "../CKTag/index.js";
|
|
6
|
+
import { Tooltip as Re } from "../Tooltip/index.js";
|
|
7
|
+
import { S as je, C as Le } from "../../CalendarGrid-DzsGX04L.js";
|
|
8
|
+
import { normalizeDefinedRanges as z, isSameDay as D, detectMatchingPreset as pe, getDefaultDefinedRanges as me, normalizeDateForMUI as W, getPresetStartDate as x, detectMatchingDefinedRange as ye, clampDefinedRange as ee, getEffectiveEnd as te, formatWithPattern as Pe, formatToMonthDayYear as Ne } from "./_utils/util.js";
|
|
9
|
+
import { useDropdownDirection as xe } from "../MultiSelect/_utils/useDropdownDirection.js";
|
|
10
|
+
import '../../assets/DateRangePicker-BJW-EAys.css';const Be = (f) => /* @__PURE__ */ _.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...f }, /* @__PURE__ */ _.createElement("path", { d: "M10.6668 1.3335V4.00016M5.3335 1.3335V4.00016", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ _.createElement("path", { d: "M8.66667 2.6665H7.33333C4.81917 2.6665 3.5621 2.6665 2.78105 3.44755C2 4.2286 2 5.48568 2 7.99984V9.33317C2 11.8473 2 13.1044 2.78105 13.8854C3.5621 14.6665 4.81917 14.6665 7.33333 14.6665H8.66667C11.1808 14.6665 12.4379 14.6665 13.2189 13.8854C14 13.1044 14 11.8473 14 9.33317V7.99984C14 5.48568 14 4.2286 13.2189 3.44755C12.4379 2.6665 11.1808 2.6665 8.66667 2.6665Z", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ _.createElement("path", { d: "M2 6.6665H14", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ _.createElement("path", { d: "M7.99716 9.3335H8.00316M7.99716 12.0002H8.00316M10.6608 9.3335H10.6668M5.3335 9.3335H5.33948M5.3335 12.0002H5.33948", stroke: "#2B2B2B", strokeWidth: 0.666667, strokeLinecap: "round", strokeLinejoin: "round" })), ze = (f) => /* @__PURE__ */ _.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...f }, /* @__PURE__ */ _.createElement("g", { clipPath: "url(#clip0_7800_479)" }, /* @__PURE__ */ _.createElement("path", { d: "M11 6C11 8.76 8.76 11 6 11C3.24 11 1.555 8.22 1.555 8.22M1.555 10.72V8.22H3.815M1 6C1 3.24 3.22 1 6 1C9.335 1 11 3.78 11 3.78M8.78 3.78H11V1.28", stroke: "#737373", strokeWidth: 0.57, strokeLinecap: "round", strokeLinejoin: "round" })), /* @__PURE__ */ _.createElement("defs", null, /* @__PURE__ */ _.createElement("clipPath", { id: "clip0_7800_479" }, /* @__PURE__ */ _.createElement("rect", { width: 12, height: 12, fill: "white" })))), Ae = (f) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...f }, /* @__PURE__ */ _.createElement("path", { d: "M9.61984 3.95312L13.6665 7.9998L9.61984 12.0465", stroke: "#2B2B2B", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ _.createElement("path", { d: "M2.33324 8H13.5532", stroke: "#2B2B2B", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" })), c = {
|
|
11
11
|
"ckds-date-range-picker": "_ckds-date-range-picker_1jemp_2",
|
|
12
12
|
"ckds-date-range-picker--open": "_ckds-date-range-picker--open_1jemp_27",
|
|
13
13
|
"ckds-date-range-picker__body": "_ckds-date-range-picker__body_1jemp_40",
|
|
@@ -29,38 +29,38 @@ import '../../assets/DateRangePicker-BJW-EAys.css';const Be = (_) => /* @__PURE_
|
|
|
29
29
|
"ckds-date-range-picker__reset-btn": "_ckds-date-range-picker__reset-btn_1jemp_207",
|
|
30
30
|
"ckds-date-range-picker__actions": "_ckds-date-range-picker__actions_1jemp_218"
|
|
31
31
|
};
|
|
32
|
-
function Ye(
|
|
33
|
-
return Ne(
|
|
32
|
+
function Ye(f) {
|
|
33
|
+
return Ne(f);
|
|
34
34
|
}
|
|
35
|
-
const $e = ({ ranges:
|
|
36
|
-
|
|
35
|
+
const $e = ({ ranges: f, activeLabel: q, onSelect: i }) => /* @__PURE__ */ l("div", { className: c["ckds-date-range-picker__sidebar"], children: f.map((v) => /* @__PURE__ */ l(
|
|
36
|
+
A,
|
|
37
37
|
{
|
|
38
38
|
type: "button",
|
|
39
|
-
className: `${
|
|
40
|
-
onClick: () => i(
|
|
41
|
-
label:
|
|
42
|
-
"aria-label":
|
|
39
|
+
className: `${c["ckds-date-range-picker__sidebar-item"]} ${q === v.label ? c["ckds-date-range-picker__sidebar-item--active"] : ""}`,
|
|
40
|
+
onClick: () => i(v),
|
|
41
|
+
label: v.label,
|
|
42
|
+
"aria-label": v.label
|
|
43
43
|
},
|
|
44
|
-
|
|
44
|
+
v.label
|
|
45
45
|
)) }), Ge = ({
|
|
46
|
-
onChange:
|
|
46
|
+
onChange: f,
|
|
47
47
|
onClear: q,
|
|
48
48
|
value: i,
|
|
49
|
-
label:
|
|
50
|
-
minDate:
|
|
51
|
-
maxDate:
|
|
52
|
-
startDate:
|
|
53
|
-
endDate:
|
|
54
|
-
className:
|
|
55
|
-
disabled:
|
|
56
|
-
error:
|
|
57
|
-
definedRanges:
|
|
58
|
-
size:
|
|
49
|
+
label: v = "Select date range",
|
|
50
|
+
minDate: Y,
|
|
51
|
+
maxDate: $,
|
|
52
|
+
startDate: ae,
|
|
53
|
+
endDate: ne,
|
|
54
|
+
className: ge = "",
|
|
55
|
+
disabled: re = !1,
|
|
56
|
+
error: De = !1,
|
|
57
|
+
definedRanges: T,
|
|
58
|
+
size: _e = "medium",
|
|
59
59
|
dateFormat: G,
|
|
60
|
-
resetDisabled:
|
|
60
|
+
resetDisabled: se,
|
|
61
61
|
defaultRange: O
|
|
62
62
|
}) => {
|
|
63
|
-
const
|
|
63
|
+
const ie = {
|
|
64
64
|
"7d": "7 Days",
|
|
65
65
|
"7 days": "7 Days",
|
|
66
66
|
"3m": "3 Months",
|
|
@@ -73,266 +73,289 @@ const $e = ({ ranges: _, activeLabel: q, onSelect: i }) => /* @__PURE__ */ o("di
|
|
|
73
73
|
"month to date": "Month to Date",
|
|
74
74
|
ytd: "Year to Date",
|
|
75
75
|
"year to date": "Year to Date"
|
|
76
|
-
}, g =
|
|
76
|
+
}, g = R(() => {
|
|
77
77
|
if (!O) return null;
|
|
78
|
-
const e = O.toLowerCase(), t = z(
|
|
78
|
+
const e = O.toLowerCase(), t = z(T);
|
|
79
79
|
if (t && t.length > 0) {
|
|
80
|
-
const
|
|
81
|
-
if (
|
|
80
|
+
const n = t.find((a) => a.label.toLowerCase() === e);
|
|
81
|
+
if (n) return n.label;
|
|
82
82
|
}
|
|
83
|
-
return
|
|
84
|
-
}, [O,
|
|
85
|
-
const e = z(
|
|
83
|
+
return ie[e] ? ie[e] : null;
|
|
84
|
+
}, [O, T]), de = (() => {
|
|
85
|
+
const e = z(T), t = !!(e && e.length > 0);
|
|
86
86
|
if (i?.startDate && i?.endDate) {
|
|
87
|
-
const
|
|
87
|
+
const n = i.startDate instanceof Date ? i.startDate : new Date(i.startDate), a = i.endDate instanceof Date ? i.endDate : new Date(i.endDate);
|
|
88
88
|
if (t) {
|
|
89
|
-
const
|
|
90
|
-
(
|
|
89
|
+
const d = e.find(
|
|
90
|
+
(o) => o.label !== "Custom" && o.startDate && o.endDate && D(n, o.startDate) && D(a, o.endDate)
|
|
91
91
|
);
|
|
92
|
-
if (
|
|
92
|
+
if (d) return d.label;
|
|
93
93
|
} else {
|
|
94
|
-
const
|
|
95
|
-
if (
|
|
94
|
+
const d = Y ? new Date(Y) : void 0, o = $ ? new Date($) : void 0, C = pe({ startDate: n, endDate: a }, d, o);
|
|
95
|
+
if (C) return C;
|
|
96
96
|
}
|
|
97
97
|
return "Custom";
|
|
98
98
|
}
|
|
99
99
|
return g || "Custom";
|
|
100
|
-
})(), [
|
|
100
|
+
})(), [w, B] = L(!1), [y, E] = L(de), [ke, P] = L(0), [k, Z] = L(i), [fe, S] = L(!1), [H, he] = L(de), F = oe(null), J = oe(null), { horizontal: ue } = xe(F, w, 400, 820), j = R(
|
|
101
101
|
() => {
|
|
102
|
-
const e = z(
|
|
102
|
+
const e = z(T);
|
|
103
103
|
if (e && e.length > 0) {
|
|
104
|
-
if (e.some((
|
|
104
|
+
if (e.some((n) => n.label === "Custom")) return e;
|
|
105
105
|
const t = /* @__PURE__ */ new Date();
|
|
106
106
|
return [
|
|
107
107
|
{ label: "Custom", startDate: t, endDate: t },
|
|
108
108
|
...e
|
|
109
109
|
];
|
|
110
110
|
}
|
|
111
|
-
return
|
|
111
|
+
return me();
|
|
112
112
|
},
|
|
113
|
-
[
|
|
114
|
-
),
|
|
115
|
-
const e = z(
|
|
113
|
+
[T]
|
|
114
|
+
), N = R(() => {
|
|
115
|
+
const e = z(T);
|
|
116
116
|
return !!(e && e.length > 0);
|
|
117
|
-
}, [
|
|
118
|
-
if (
|
|
119
|
-
let e =
|
|
117
|
+
}, [T]), r = R(() => W(Y), [Y]), s = R(() => W($), [$]), h = R(() => W(ae), [ae]), u = R(() => W(ne), [ne]), m = R(() => {
|
|
118
|
+
if (h && u) {
|
|
119
|
+
let e = h.getTime() <= u.getTime() ? new Date(h) : new Date(u), t = h.getTime() <= u.getTime() ? new Date(u) : new Date(h);
|
|
120
120
|
return r && e.getTime() < r.getTime() && (e = new Date(r)), s && t.getTime() > s.getTime() && (t = new Date(s)), { startDate: e, endDate: t };
|
|
121
121
|
}
|
|
122
122
|
if (i?.startDate || i?.endDate) return i;
|
|
123
123
|
if (r || s) {
|
|
124
124
|
const e = s && s.getTime() < Date.now() ? new Date(s) : /* @__PURE__ */ new Date(), t = g ?? "6 Months";
|
|
125
|
-
let
|
|
126
|
-
if (!
|
|
127
|
-
const
|
|
128
|
-
|
|
125
|
+
let n = x(t, e);
|
|
126
|
+
if (!n) {
|
|
127
|
+
const d = z(T), C = (d && d.length > 0 ? d : me()).find((Ee) => Ee.label === t);
|
|
128
|
+
C?.startDate && (n = new Date(C.startDate));
|
|
129
129
|
}
|
|
130
|
-
let
|
|
131
|
-
return r &&
|
|
130
|
+
let a = n ?? new Date(e.getFullYear(), e.getMonth() - 6, e.getDate());
|
|
131
|
+
return r && a.getTime() < r.getTime() && (a = new Date(r)), { startDate: a, endDate: e };
|
|
132
132
|
}
|
|
133
|
-
}, [i,
|
|
133
|
+
}, [i, h, u, r, s, g]), [p, b] = L(m), ce = m ? `${m.startDate?.getTime()}_${m.endDate?.getTime()}` : "";
|
|
134
134
|
K(() => {
|
|
135
|
-
m?.startDate && m?.endDate && (
|
|
135
|
+
m?.startDate && m?.endDate && (b({
|
|
136
136
|
startDate: new Date(m.startDate),
|
|
137
137
|
endDate: new Date(m.endDate)
|
|
138
|
-
}),
|
|
139
|
-
}, [
|
|
138
|
+
}), P((e) => e + 1));
|
|
139
|
+
}, [ce]), K(() => {
|
|
140
140
|
if (!g || m?.startDate) return;
|
|
141
141
|
const e = j.find((t) => t.label === g);
|
|
142
142
|
if (e && e.label !== "Custom") {
|
|
143
143
|
const t = U(e);
|
|
144
|
-
|
|
144
|
+
b(t), Z(t), P((n) => n + 1);
|
|
145
145
|
}
|
|
146
|
-
}, []),
|
|
147
|
-
if (!
|
|
148
|
-
const e = g ? j.find((
|
|
149
|
-
|
|
150
|
-
const
|
|
151
|
-
|
|
152
|
-
}, [
|
|
146
|
+
}, []), Se(() => {
|
|
147
|
+
if (!w) return;
|
|
148
|
+
const e = g ? j.find((a) => a.label === g) : void 0, t = m ?? (e ? U(e) : void 0);
|
|
149
|
+
b(t);
|
|
150
|
+
const n = H !== "Custom" ? H : t?.startDate ? I(t) ?? "Custom" : "Custom";
|
|
151
|
+
E(n), P((a) => a + 1);
|
|
152
|
+
}, [w, ce]), K(() => {
|
|
153
153
|
i?.startDate && i?.endDate && Z(i);
|
|
154
154
|
}, [i]), K(() => {
|
|
155
|
-
if (!
|
|
155
|
+
if (!w) return;
|
|
156
156
|
const e = (t) => {
|
|
157
|
-
J.current && !J.current.contains(t.target) && F.current && !F.current.contains(t.target) &&
|
|
157
|
+
J.current && !J.current.contains(t.target) && F.current && !F.current.contains(t.target) && B(!1);
|
|
158
158
|
};
|
|
159
159
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
160
|
-
}, [
|
|
160
|
+
}, [w]);
|
|
161
161
|
const we = () => {
|
|
162
|
-
|
|
162
|
+
re || (w || S(!1), B((e) => !e));
|
|
163
163
|
}, be = () => {
|
|
164
|
-
if (
|
|
165
|
-
const e = j.find((t) => t.label ===
|
|
164
|
+
if (p && y && y !== "Custom") {
|
|
165
|
+
const e = j.find((t) => t.label === y);
|
|
166
166
|
if (e && e.label !== "Custom") {
|
|
167
167
|
let t = !0;
|
|
168
|
-
if (
|
|
169
|
-
const
|
|
168
|
+
if (N) {
|
|
169
|
+
const n = new Date(e.startDate), a = new Date(e.endDate), { startDate: d, endDate: o } = ee(
|
|
170
170
|
e,
|
|
171
171
|
r,
|
|
172
172
|
s
|
|
173
173
|
);
|
|
174
|
-
t =
|
|
174
|
+
t = D(n, d) && D(a, o);
|
|
175
175
|
} else {
|
|
176
|
-
const
|
|
177
|
-
|
|
176
|
+
const n = te(s), a = x(e.label, n);
|
|
177
|
+
a && r && a.getTime() < r.getTime() && (t = !1), s && n.getTime() > s.getTime() && (t = !1);
|
|
178
178
|
}
|
|
179
179
|
if (!t) {
|
|
180
|
-
const
|
|
181
|
-
|
|
180
|
+
const n = H ?? g ?? "Custom";
|
|
181
|
+
b(k ?? m), E(n), S(!1), P((d) => d + 1), B(!1);
|
|
182
182
|
return;
|
|
183
183
|
}
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
|
-
if (
|
|
187
|
-
const e =
|
|
188
|
-
Z(
|
|
186
|
+
if (p) {
|
|
187
|
+
const e = y ?? I(p) ?? "Custom";
|
|
188
|
+
Z(p), he(e), E(e), f(p, e);
|
|
189
189
|
}
|
|
190
|
-
|
|
190
|
+
B(!1);
|
|
191
191
|
}, Ce = () => {
|
|
192
|
-
|
|
192
|
+
b(k ?? i), B(!1);
|
|
193
193
|
}, I = X(
|
|
194
|
-
(e) =>
|
|
194
|
+
(e) => N ? ye(
|
|
195
195
|
e,
|
|
196
196
|
j,
|
|
197
197
|
r,
|
|
198
198
|
s
|
|
199
|
-
) :
|
|
200
|
-
[
|
|
199
|
+
) : pe(e, r, s),
|
|
200
|
+
[N, j, s, r]
|
|
201
201
|
), U = X((e) => {
|
|
202
|
-
let t,
|
|
203
|
-
if (
|
|
204
|
-
({ startDate: t, endDate:
|
|
202
|
+
let t, n;
|
|
203
|
+
if (N)
|
|
204
|
+
({ startDate: t, endDate: n } = ee(e, r, s));
|
|
205
205
|
else {
|
|
206
|
-
const
|
|
207
|
-
|
|
206
|
+
const a = te(s);
|
|
207
|
+
n = a, t = x(e.label, a) ?? new Date(e.startDate), r && t.getTime() < r.getTime() && (t = new Date(r));
|
|
208
208
|
}
|
|
209
|
-
return { startDate: t, endDate:
|
|
210
|
-
}, [
|
|
211
|
-
if (
|
|
209
|
+
return { startDate: t, endDate: n };
|
|
210
|
+
}, [N, r, s]), Me = (e) => {
|
|
211
|
+
if (E(e.label), e.label === "Custom") return;
|
|
212
212
|
const t = U(e);
|
|
213
|
-
|
|
213
|
+
b(t);
|
|
214
|
+
let n = !1;
|
|
215
|
+
if (e.label !== "Custom")
|
|
216
|
+
if (N) {
|
|
217
|
+
const a = new Date(e.startDate), d = new Date(e.endDate), { startDate: o, endDate: C } = ee(
|
|
218
|
+
e,
|
|
219
|
+
r,
|
|
220
|
+
s
|
|
221
|
+
);
|
|
222
|
+
n = !D(a, o) || !D(d, C);
|
|
223
|
+
} else {
|
|
224
|
+
const a = te(s), d = x(e.label, a);
|
|
225
|
+
d && r && d.getTime() < r.getTime() && (n = !0);
|
|
226
|
+
}
|
|
227
|
+
if (n)
|
|
228
|
+
S(!0);
|
|
229
|
+
else {
|
|
230
|
+
const a = k?.startDate && k?.endDate ? k : m, d = a?.startDate && a?.endDate && t.startDate && t.endDate && D(t.startDate, a.startDate) && D(t.endDate, a.endDate);
|
|
231
|
+
S(!d);
|
|
232
|
+
}
|
|
233
|
+
P((a) => a + 1);
|
|
214
234
|
}, ve = () => {
|
|
215
235
|
const e = s && s.getTime() < Date.now() ? new Date(s) : /* @__PURE__ */ new Date();
|
|
216
236
|
let t;
|
|
217
237
|
if (g) {
|
|
218
|
-
const
|
|
219
|
-
t =
|
|
220
|
-
} else if (
|
|
221
|
-
t = m ?? { startDate: new Date(
|
|
238
|
+
const o = j.find((C) => C.label === g);
|
|
239
|
+
t = o ? U(o) : { startDate: e, endDate: e };
|
|
240
|
+
} else if (h && u)
|
|
241
|
+
t = m ?? { startDate: new Date(h), endDate: new Date(u) };
|
|
222
242
|
else {
|
|
223
|
-
const
|
|
224
|
-
t = { startDate: r &&
|
|
243
|
+
const o = x("6 Months", e) ?? new Date(e.getFullYear(), e.getMonth() - 6, e.getDate());
|
|
244
|
+
t = { startDate: r && o.getTime() < r.getTime() ? new Date(r) : o, endDate: e };
|
|
225
245
|
}
|
|
226
|
-
|
|
227
|
-
const
|
|
228
|
-
|
|
246
|
+
b(t);
|
|
247
|
+
const n = I(t) ?? (g || "Custom");
|
|
248
|
+
E(n);
|
|
249
|
+
const a = k?.startDate && k?.endDate ? k : m, d = a?.startDate && a?.endDate && t.startDate && t.endDate && D(t.startDate, a.startDate) && D(t.endDate, a.endDate);
|
|
250
|
+
S(!d), P((o) => o + 1), q?.();
|
|
229
251
|
}, Te = (() => {
|
|
230
|
-
if (
|
|
231
|
-
if (g)
|
|
252
|
+
if (se !== void 0) return se;
|
|
253
|
+
if (g)
|
|
254
|
+
return (w ? y : H) === g;
|
|
232
255
|
const e = s && s.getTime() < Date.now() ? new Date(s) : /* @__PURE__ */ new Date();
|
|
233
|
-
let t,
|
|
234
|
-
if (
|
|
235
|
-
t = r &&
|
|
256
|
+
let t, n = e;
|
|
257
|
+
if (h && u)
|
|
258
|
+
t = r && h.getTime() < r.getTime() ? new Date(r) : new Date(h), n = s && u.getTime() > s.getTime() ? new Date(s) : new Date(u);
|
|
236
259
|
else {
|
|
237
260
|
if (!r && !s)
|
|
238
261
|
return !1;
|
|
239
262
|
{
|
|
240
|
-
const
|
|
241
|
-
t = r &&
|
|
263
|
+
const d = x("6 Months", e) ?? new Date(e.getFullYear(), e.getMonth() - 6, e.getDate());
|
|
264
|
+
t = r && d.getTime() < r.getTime() ? new Date(r) : d;
|
|
242
265
|
}
|
|
243
266
|
}
|
|
244
|
-
const
|
|
245
|
-
return !
|
|
267
|
+
const a = w ? p?.startDate && p?.endDate ? p : void 0 : i?.startDate && i?.endDate ? i : m;
|
|
268
|
+
return !a?.startDate || !a?.endDate ? !0 : D(a.startDate, t) && D(a.endDate, n);
|
|
246
269
|
})(), V = X(
|
|
247
|
-
(e) => e ? G ?
|
|
270
|
+
(e) => e ? G ? Pe(e, G) : Ye(e) : "",
|
|
248
271
|
[G]
|
|
249
|
-
), Q = i?.startDate && i?.endDate ? `${V(i.startDate)} – ${V(i.endDate)}` :
|
|
250
|
-
return /* @__PURE__ */
|
|
272
|
+
), Q = i?.startDate && i?.endDate ? `${V(i.startDate)} – ${V(i.endDate)}` : v;
|
|
273
|
+
return /* @__PURE__ */ M(
|
|
251
274
|
"div",
|
|
252
275
|
{
|
|
253
276
|
"data-testid": "date-range-picker",
|
|
254
|
-
className: `${
|
|
277
|
+
className: `${c["ckds-date-range-picker"]} ${w ? c["ckds-date-range-picker--open"] : ""} ${ge}`,
|
|
255
278
|
ref: F,
|
|
256
279
|
children: [
|
|
257
|
-
/* @__PURE__ */
|
|
258
|
-
|
|
280
|
+
/* @__PURE__ */ l(
|
|
281
|
+
A,
|
|
259
282
|
{
|
|
260
283
|
variant: "secondary",
|
|
261
|
-
error:
|
|
262
|
-
disabled:
|
|
284
|
+
error: De,
|
|
285
|
+
disabled: re,
|
|
263
286
|
onClick: we,
|
|
264
|
-
"aria-label": Q ===
|
|
265
|
-
size:
|
|
287
|
+
"aria-label": Q === v ? v : `Date range: ${Q}`,
|
|
288
|
+
size: _e,
|
|
266
289
|
label: Q,
|
|
267
290
|
icons: {
|
|
268
|
-
left: /* @__PURE__ */
|
|
269
|
-
right: /* @__PURE__ */
|
|
291
|
+
left: /* @__PURE__ */ l(Be, { width: 16, height: 16 }),
|
|
292
|
+
right: /* @__PURE__ */ l(je, { width: 16, height: 16 })
|
|
270
293
|
},
|
|
271
294
|
style: { background: "white" }
|
|
272
295
|
}
|
|
273
296
|
),
|
|
274
|
-
|
|
297
|
+
w && /* @__PURE__ */ M(
|
|
275
298
|
"div",
|
|
276
299
|
{
|
|
277
300
|
ref: J,
|
|
278
|
-
className: `${
|
|
301
|
+
className: `${c["ckds-date-range-picker__calendar"]} ${c["ckds-date-range-picker__calendar--enter"]} ${ue === "right" ? c["ckds-date-range-picker__calendar--align-right"] : c["ckds-date-range-picker__calendar--align-left"]}`,
|
|
279
302
|
children: [
|
|
280
|
-
/* @__PURE__ */
|
|
281
|
-
/* @__PURE__ */
|
|
303
|
+
/* @__PURE__ */ M("div", { className: c["ckds-date-range-picker__body"], children: [
|
|
304
|
+
/* @__PURE__ */ l(
|
|
282
305
|
$e,
|
|
283
306
|
{
|
|
284
307
|
ranges: j,
|
|
285
|
-
activeLabel:
|
|
308
|
+
activeLabel: y,
|
|
286
309
|
onSelect: Me
|
|
287
310
|
}
|
|
288
311
|
),
|
|
289
|
-
/* @__PURE__ */
|
|
290
|
-
|
|
312
|
+
/* @__PURE__ */ l("div", { className: c["ckds-date-range-picker__main"], children: /* @__PURE__ */ l(
|
|
313
|
+
Le,
|
|
291
314
|
{
|
|
292
|
-
startDate:
|
|
293
|
-
endDate:
|
|
315
|
+
startDate: p?.startDate,
|
|
316
|
+
endDate: p?.endDate,
|
|
294
317
|
onDateClick: (e) => {
|
|
295
|
-
if (!
|
|
296
|
-
|
|
318
|
+
if (!p?.startDate || p.startDate && p.endDate)
|
|
319
|
+
b({ startDate: e, endDate: void 0 }), E("Custom"), S(!1);
|
|
297
320
|
else {
|
|
298
|
-
const t =
|
|
321
|
+
const t = p.startDate;
|
|
299
322
|
if (e.getTime() < t.getTime())
|
|
300
|
-
|
|
323
|
+
b({ startDate: e, endDate: void 0 }), E("Custom"), S(!1);
|
|
301
324
|
else {
|
|
302
|
-
const
|
|
303
|
-
|
|
304
|
-
const
|
|
305
|
-
|
|
306
|
-
const
|
|
307
|
-
|
|
325
|
+
const n = { startDate: t, endDate: e };
|
|
326
|
+
b(n);
|
|
327
|
+
const a = I(n);
|
|
328
|
+
E(a ?? "Custom");
|
|
329
|
+
const d = k?.startDate && k?.endDate && D(t, k.startDate) && D(e, k.endDate);
|
|
330
|
+
S(!d);
|
|
308
331
|
}
|
|
309
332
|
}
|
|
310
333
|
},
|
|
311
334
|
minDate: r,
|
|
312
335
|
maxDate: s
|
|
313
336
|
},
|
|
314
|
-
|
|
337
|
+
ke
|
|
315
338
|
) })
|
|
316
339
|
] }),
|
|
317
|
-
/* @__PURE__ */
|
|
318
|
-
/* @__PURE__ */
|
|
319
|
-
/* @__PURE__ */
|
|
320
|
-
/* @__PURE__ */
|
|
340
|
+
/* @__PURE__ */ M("div", { className: c["ckds-date-range-picker__footer"], children: [
|
|
341
|
+
/* @__PURE__ */ M("div", { className: c["ckds-date-range-picker__date-inputs"], children: [
|
|
342
|
+
/* @__PURE__ */ M("div", { className: c["ckds-date-range-picker__date-field"], children: [
|
|
343
|
+
/* @__PURE__ */ M("span", { className: c["ckds-date-range-picker__date-label"], children: [
|
|
321
344
|
"Start Date",
|
|
322
|
-
/* @__PURE__ */
|
|
345
|
+
/* @__PURE__ */ l("span", { className: c["ckds-date-range-picker__required-asterisk"], children: "*" })
|
|
323
346
|
] }),
|
|
324
|
-
/* @__PURE__ */
|
|
347
|
+
/* @__PURE__ */ l(le, { size: "small", variation: "NEUTRAL", shape: "pill", fill: "outline", className: c["ckds-date-range-picker__date-tag"], children: V(p?.startDate) || "MM-DD-YYYY" })
|
|
325
348
|
] }),
|
|
326
|
-
/* @__PURE__ */
|
|
327
|
-
/* @__PURE__ */
|
|
328
|
-
/* @__PURE__ */
|
|
349
|
+
/* @__PURE__ */ l("span", { className: c["ckds-date-range-picker__date-arrow"], children: /* @__PURE__ */ l(Ae, {}) }),
|
|
350
|
+
/* @__PURE__ */ M("div", { className: c["ckds-date-range-picker__date-field"], children: [
|
|
351
|
+
/* @__PURE__ */ M("span", { className: c["ckds-date-range-picker__date-label"], children: [
|
|
329
352
|
"End Date",
|
|
330
|
-
/* @__PURE__ */
|
|
353
|
+
/* @__PURE__ */ l("span", { className: c["ckds-date-range-picker__required-asterisk"], children: "*" })
|
|
331
354
|
] }),
|
|
332
|
-
/* @__PURE__ */
|
|
355
|
+
/* @__PURE__ */ l(le, { size: "small", variation: "NEUTRAL", shape: "pill", fill: "outline", className: c["ckds-date-range-picker__date-tag"], children: V(p?.endDate) || "MM-DD-YYYY" })
|
|
333
356
|
] }),
|
|
334
|
-
/* @__PURE__ */
|
|
335
|
-
|
|
357
|
+
/* @__PURE__ */ l(
|
|
358
|
+
Re,
|
|
336
359
|
{
|
|
337
360
|
title: "Reset selection and navigation to default",
|
|
338
361
|
placement: "top",
|
|
@@ -358,24 +381,24 @@ const $e = ({ ranges: _, activeLabel: q, onSelect: i }) => /* @__PURE__ */ o("di
|
|
|
358
381
|
}
|
|
359
382
|
}
|
|
360
383
|
},
|
|
361
|
-
children: /* @__PURE__ */
|
|
362
|
-
|
|
384
|
+
children: /* @__PURE__ */ l(
|
|
385
|
+
A,
|
|
363
386
|
{
|
|
364
387
|
variant: "secondary",
|
|
365
388
|
size: "medium",
|
|
366
389
|
onClick: ve,
|
|
367
390
|
disabled: Te,
|
|
368
391
|
"aria-label": "Reset selection and navigation to default",
|
|
369
|
-
className:
|
|
370
|
-
icons: { left: /* @__PURE__ */
|
|
392
|
+
className: c["ckds-date-range-picker__reset-btn"],
|
|
393
|
+
icons: { left: /* @__PURE__ */ l(ze, {}) }
|
|
371
394
|
}
|
|
372
395
|
)
|
|
373
396
|
}
|
|
374
397
|
)
|
|
375
398
|
] }),
|
|
376
|
-
/* @__PURE__ */
|
|
377
|
-
/* @__PURE__ */
|
|
378
|
-
/* @__PURE__ */
|
|
399
|
+
/* @__PURE__ */ M("div", { className: c["ckds-date-range-picker__actions"], children: [
|
|
400
|
+
/* @__PURE__ */ l(A, { variant: "secondary", label: "Cancel", size: "medium", onClick: Ce }),
|
|
401
|
+
/* @__PURE__ */ l(A, { variant: "primary", label: "Apply", size: "medium", onClick: be, disabled: !fe || !p?.startDate || !p?.endDate })
|
|
379
402
|
] })
|
|
380
403
|
] })
|
|
381
404
|
]
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SidebarProps } from './types';
|
|
2
|
-
export declare function Sidebar({ menuItems, currentPath, collapsed, multicloudExploreList, moduleList, currentModuleId, userType, gptCardEnabled, renderGptCard, cloudProviderIcons, onNavigate, onModuleSwitch, onContactUsClick, contactUsUrl, onMenuItemClick, isLoaderVisible, hidden, className, renderFooter, renderHeader, }: SidebarProps): import("react/jsx-runtime").JSX.Element | null;
|
|
2
|
+
export declare function Sidebar({ menuItems, currentPath, collapsed, multicloudExploreList, moduleList, currentModuleId, userType, gptCardEnabled, renderGptCard, cloudProviderIcons, onNavigate, onModuleSwitch, onContactUsClick, contactUsUrl, onMenuItemClick, isLoaderVisible, hidden, className, renderFooter, renderHeader, showChildIcons, maxOpenParents, maxOpenChildren, }: SidebarProps): import("react/jsx-runtime").JSX.Element | null;
|
|
3
3
|
export declare namespace Sidebar {
|
|
4
4
|
var displayName: string;
|
|
5
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAW5C,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,WAAW,EACX,SAAS,EACT,qBAAqB,EACrB,UAAU,EACV,eAAe,EACf,QAAQ,EACR,cAAsB,EACtB,aAAa,EACb,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,eAAuB,EACvB,MAAc,EACd,SAAS,EACT,YAAY,EACZ,YAAY,
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAW5C,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,WAAW,EACX,SAAS,EACT,qBAAqB,EACrB,UAAU,EACV,eAAe,EACf,QAAQ,EACR,cAAsB,EACtB,aAAa,EACb,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,eAAuB,EACvB,MAAc,EACd,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,cAAsB,EACtB,cAAc,EACd,eAAe,GAChB,EAAE,YAAY,kDAqGd;yBA7He,OAAO;;;AAgIvB,eAAe,OAAO,CAAC"}
|