@ck-ui/component-library 2.0.0 → 2.0.2
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/CalendarGrid-DzsGX04L.js +240 -0
- package/dist/ScrollDropdown-B6iVjMy_.js +80 -0
- package/dist/assets/DateRangePicker-BJW-EAys.css +1 -0
- package/dist/assets/ScrollDropdown-zzvVGbzo.css +1 -0
- package/dist/assets/Sidebar-D5jVJ-ln.css +1 -0
- package/dist/assets/index-B5N2Zvs1.css +1 -0
- package/dist/assets/index-B8lwBNV9.css +1 -0
- package/dist/assets/index-BD0iilmm.css +1 -0
- package/dist/assets/index-BioJVhpT.css +1 -0
- package/dist/assets/index-C6j9Ze5V.css +1 -0
- package/dist/assets/index-CSofT_ix.css +1 -0
- package/dist/assets/index-C_Tn9jS-.css +1 -0
- package/dist/assets/index-DrxnMAdp.css +1 -0
- package/dist/assets/index-tIl-UucG.css +1 -0
- package/dist/assets/styles-BCYQ4rbx.css +1 -0
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts.map +1 -1
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.js +2 -2
- package/dist/components/DateRangePicker/Calendar/ScrollDropdown.js +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +262 -210
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts +5 -3
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map +1 -1
- package/dist/components/PopupAndDialogBox/_types/popupAndDialog.types.d.ts +3 -0
- package/dist/components/PopupAndDialogBox/_types/popupAndDialog.types.d.ts.map +1 -1
- package/dist/components/PopupAndDialogBox/components/DialogFooter.d.ts.map +1 -1
- package/dist/components/PopupAndDialogBox/components/DialogFooter.js +36 -29
- package/dist/components/Sidebar/Sidebar.constants.d.ts +5 -0
- package/dist/components/Sidebar/Sidebar.constants.d.ts.map +1 -0
- package/dist/components/Sidebar/Sidebar.constants.js +7 -0
- package/dist/components/Sidebar/Sidebar.d.ts +7 -0
- package/dist/components/Sidebar/Sidebar.d.ts.map +1 -0
- package/dist/components/Sidebar/Sidebar.js +118 -0
- package/dist/components/Sidebar/Sidebar.types.d.ts +6 -0
- package/dist/components/Sidebar/Sidebar.types.d.ts.map +1 -0
- package/dist/components/Sidebar/Sidebar.types.js +1 -0
- package/dist/components/Sidebar/Sidebar.utils.d.ts +7 -0
- package/dist/components/Sidebar/Sidebar.utils.d.ts.map +1 -0
- package/dist/components/Sidebar/Sidebar.utils.js +48 -0
- package/dist/components/Sidebar/components/CollapsedTooltip/index.d.ts +12 -0
- package/dist/components/Sidebar/components/CollapsedTooltip/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/CollapsedTooltip/index.js +7 -0
- package/dist/components/Sidebar/components/ContactUsButton/index.d.ts +8 -0
- package/dist/components/Sidebar/components/ContactUsButton/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/ContactUsButton/index.js +18 -0
- package/dist/components/Sidebar/components/ExploreSection/index.d.ts +11 -0
- package/dist/components/Sidebar/components/ExploreSection/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/ExploreSection/index.js +28 -0
- package/dist/components/Sidebar/components/GptCard/index.d.ts +14 -0
- package/dist/components/Sidebar/components/GptCard/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/GptCard/index.js +34 -0
- package/dist/components/Sidebar/components/IconRenderer/index.d.ts +7 -0
- package/dist/components/Sidebar/components/IconRenderer/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/IconRenderer/index.js +18 -0
- package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts +13 -0
- package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/MenuItemWrapper/index.js +38 -0
- package/dist/components/Sidebar/components/MenuRenderer/CollapsedMenu.d.ts +11 -0
- package/dist/components/Sidebar/components/MenuRenderer/CollapsedMenu.d.ts.map +1 -0
- package/dist/components/Sidebar/components/MenuRenderer/CollapsedMenu.js +84 -0
- package/dist/components/Sidebar/components/MenuRenderer/ExpandedMenu.d.ts +12 -0
- package/dist/components/Sidebar/components/MenuRenderer/ExpandedMenu.d.ts.map +1 -0
- package/dist/components/Sidebar/components/MenuRenderer/ExpandedMenu.js +42 -0
- package/dist/components/Sidebar/components/MenuRenderer/index.d.ts +12 -0
- package/dist/components/Sidebar/components/MenuRenderer/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/MenuRenderer/index.js +29 -0
- package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts +11 -0
- package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/ModuleSwitchButton/index.js +23 -0
- package/dist/components/Sidebar/components/SectionLabel/index.d.ts +7 -0
- package/dist/components/Sidebar/components/SectionLabel/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/SectionLabel/index.js +10 -0
- package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts +15 -0
- package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/SubMenuWrapper/index.js +47 -0
- package/dist/components/Sidebar/components/index.d.ts +11 -0
- package/dist/components/Sidebar/components/index.d.ts.map +1 -0
- package/dist/components/Sidebar/components/index.js +22 -0
- package/dist/components/Sidebar/hooks/index.d.ts +4 -0
- package/dist/components/Sidebar/hooks/index.d.ts.map +1 -0
- package/dist/components/Sidebar/hooks/index.js +8 -0
- package/dist/components/Sidebar/hooks/useActiveDetection.d.ts +11 -0
- package/dist/components/Sidebar/hooks/useActiveDetection.d.ts.map +1 -0
- package/dist/components/Sidebar/hooks/useActiveDetection.js +15 -0
- package/dist/components/Sidebar/hooks/useMenuState.d.ts +11 -0
- package/dist/components/Sidebar/hooks/useMenuState.d.ts.map +1 -0
- package/dist/components/Sidebar/hooks/useMenuState.js +51 -0
- package/dist/components/Sidebar/hooks/useModuleSwitch.d.ts +9 -0
- package/dist/components/Sidebar/hooks/useModuleSwitch.d.ts.map +1 -0
- package/dist/components/Sidebar/hooks/useModuleSwitch.js +20 -0
- package/dist/components/Sidebar/index.d.ts +19 -0
- package/dist/components/Sidebar/index.d.ts.map +1 -0
- package/dist/components/Sidebar/index.js +42 -0
- package/dist/components/Sidebar/types/explore.types.d.ts +8 -0
- package/dist/components/Sidebar/types/explore.types.d.ts.map +1 -0
- package/dist/components/Sidebar/types/explore.types.js +1 -0
- package/dist/components/Sidebar/types/gpt.types.d.ts +9 -0
- package/dist/components/Sidebar/types/gpt.types.d.ts.map +1 -0
- package/dist/components/Sidebar/types/gpt.types.js +1 -0
- package/dist/components/Sidebar/types/index.d.ts +6 -0
- package/dist/components/Sidebar/types/index.d.ts.map +1 -0
- package/dist/components/Sidebar/types/index.js +1 -0
- package/dist/components/Sidebar/types/menu.types.d.ts +12 -0
- package/dist/components/Sidebar/types/menu.types.d.ts.map +1 -0
- package/dist/components/Sidebar/types/menu.types.js +1 -0
- package/dist/components/Sidebar/types/module.types.d.ts +8 -0
- package/dist/components/Sidebar/types/module.types.d.ts.map +1 -0
- package/dist/components/Sidebar/types/module.types.js +1 -0
- package/dist/components/Sidebar/types/sidebar.types.d.ts +48 -0
- package/dist/components/Sidebar/types/sidebar.types.d.ts.map +1 -0
- package/dist/components/Sidebar/types/sidebar.types.js +1 -0
- package/dist/index-DKHB_5Ee.js +52 -0
- package/dist/main.d.ts +6 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +60 -49
- package/dist/styles.module-V3iL6ubH.js +11 -0
- package/package.json +1 -1
- package/dist/CalendarGrid-xx9nYA1_.js +0 -237
- package/dist/ScrollDropdown-tf6ex2lE.js +0 -80
- package/dist/assets/DateRangePicker-DNHTCnqT.css +0 -1
- package/dist/assets/ScrollDropdown-CQTxVikn.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/_types/dateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,
|
|
1
|
+
{"version":3,"file":"dateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/_types/dateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,0HAA0H;IAC1H,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,iEAAiE;IACjE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;2FACuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -14,11 +14,14 @@ export interface ButtonProps {
|
|
|
14
14
|
label?: string;
|
|
15
15
|
onClick?: () => void;
|
|
16
16
|
size?: ButtonSize;
|
|
17
|
+
disabled?: boolean;
|
|
17
18
|
}
|
|
18
19
|
export type ButtonLayout = (typeof BUTTON_LAYOUT)[keyof typeof BUTTON_LAYOUT];
|
|
20
|
+
export type ButtonAlignment = "left" | "center" | "right";
|
|
19
21
|
export interface FooterProps {
|
|
20
22
|
children?: React.ReactNode;
|
|
21
23
|
buttonLayout?: ButtonLayout;
|
|
24
|
+
buttonAlignment?: ButtonAlignment;
|
|
22
25
|
primaryButtonDetail?: ButtonProps;
|
|
23
26
|
secondaryButtonDetail?: ButtonProps;
|
|
24
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popupAndDialog.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/_types/popupAndDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,UAAU,GAAE,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"popupAndDialog.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/_types/popupAndDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,UAAU,GAAE,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,YAAY,GACvB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,qBAAqB,CAAC,EAAE,WAAW,CAAC;CACrC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"DialogFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/PopupAndDialogBox/components/DialogFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuD9C,CAAC"}
|
|
@@ -1,49 +1,56 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as i, jsxs as f, Fragment as k } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { s as
|
|
4
|
-
import { BUTTON_LAYOUT as
|
|
5
|
-
import { CKButton as
|
|
6
|
-
const
|
|
7
|
-
children:
|
|
8
|
-
buttonLayout:
|
|
9
|
-
|
|
3
|
+
import { s as b } from "../../../styles.module-yNDMDNO-.js";
|
|
4
|
+
import { BUTTON_LAYOUT as o, noop as m, BUTTON_LABEL as C } from "../constant/popupAndDialog.js";
|
|
5
|
+
import { CKButton as d } from "../../CKButton/index.js";
|
|
6
|
+
const v = ({
|
|
7
|
+
children: r,
|
|
8
|
+
buttonLayout: c = o.DOUBLE,
|
|
9
|
+
buttonAlignment: a = "right",
|
|
10
|
+
primaryButtonDetail: e,
|
|
10
11
|
secondaryButtonDetail: l
|
|
11
12
|
}) => {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
const n = {
|
|
14
|
+
justifyContent: a === "left" ? "flex-start" : a === "center" ? "center" : "flex-end"
|
|
15
|
+
};
|
|
16
|
+
if (r)
|
|
17
|
+
return /* @__PURE__ */ i("div", { className: b["ckds-dialog-footer"], style: n, children: r });
|
|
18
|
+
const s = e || l;
|
|
19
|
+
return /* @__PURE__ */ f("div", { className: `footer-content ${b["ckds-dialog-footer"]}`, style: n, children: [
|
|
20
|
+
c === o.SINGLE && /* @__PURE__ */ i(
|
|
21
|
+
d,
|
|
18
22
|
{
|
|
19
|
-
variant:
|
|
20
|
-
label:
|
|
21
|
-
size:
|
|
22
|
-
onClick:
|
|
23
|
+
variant: e ? "primary" : "secondary",
|
|
24
|
+
label: s?.label,
|
|
25
|
+
size: s?.size,
|
|
26
|
+
onClick: s?.onClick,
|
|
27
|
+
disabled: s?.disabled
|
|
23
28
|
}
|
|
24
29
|
),
|
|
25
|
-
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
|
|
30
|
+
c === o.DOUBLE && /* @__PURE__ */ f(k, { children: [
|
|
31
|
+
/* @__PURE__ */ i(
|
|
32
|
+
d,
|
|
28
33
|
{
|
|
29
34
|
variant: "secondary",
|
|
30
|
-
label: l?.label ??
|
|
35
|
+
label: l?.label ?? C?.SECONDARY,
|
|
31
36
|
size: l?.size ?? "small",
|
|
32
|
-
onClick: l?.onClick ??
|
|
37
|
+
onClick: l?.onClick ?? m,
|
|
38
|
+
disabled: l?.disabled
|
|
33
39
|
}
|
|
34
40
|
),
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
|
|
41
|
+
/* @__PURE__ */ i(
|
|
42
|
+
d,
|
|
37
43
|
{
|
|
38
44
|
variant: "primary",
|
|
39
|
-
label:
|
|
40
|
-
size:
|
|
41
|
-
onClick:
|
|
45
|
+
label: e?.label ?? C?.PRIMARY,
|
|
46
|
+
size: e?.size ?? "small",
|
|
47
|
+
onClick: e?.onClick ?? m,
|
|
48
|
+
disabled: e?.disabled
|
|
42
49
|
}
|
|
43
50
|
)
|
|
44
51
|
] })
|
|
45
52
|
] });
|
|
46
53
|
};
|
|
47
54
|
export {
|
|
48
|
-
|
|
55
|
+
v as DialogFooter
|
|
49
56
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.constants.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,YAAY,gBAAgB,CAAC;AAC1C,eAAO,MAAM,mBAAmB,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
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;
|
|
3
|
+
export declare namespace Sidebar {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
export default Sidebar;
|
|
7
|
+
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -0,0 +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,GACb,EAAE,YAAY,kDAkGd;yBAvHe,OAAO;;;AA0HvB,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { jsxs as N, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useState as T, useMemo as b } from "react";
|
|
3
|
+
import { CHAT_BOT_KEY as A } from "./Sidebar.constants.js";
|
|
4
|
+
import { useModuleSwitch as H } from "./hooks/useModuleSwitch.js";
|
|
5
|
+
import { MenuRenderer as I } from "./components/MenuRenderer/index.js";
|
|
6
|
+
import { ExploreSection as K } from "./components/ExploreSection/index.js";
|
|
7
|
+
import { ModuleSwitchButton as R } from "./components/ModuleSwitchButton/index.js";
|
|
8
|
+
import { ContactUsButton as U } from "./components/ContactUsButton/index.js";
|
|
9
|
+
import { GptCardWrapper as V } from "./components/GptCard/index.js";
|
|
10
|
+
import { Loader as W } from "../Loader/index.js";
|
|
11
|
+
import '../../assets/Sidebar-D5jVJ-ln.css';const Y = "_collapseMenu_drvuf_27", o = {
|
|
12
|
+
"custom-sidebar": "_custom-sidebar_drvuf_1",
|
|
13
|
+
"sidebar-V2": "_sidebar-V2_drvuf_12",
|
|
14
|
+
"no-chatbot-padding": "_no-chatbot-padding_drvuf_23",
|
|
15
|
+
collapseMenu: Y,
|
|
16
|
+
"sidebar-list-wrapper": "_sidebar-list-wrapper_drvuf_31",
|
|
17
|
+
"chatbot-open": "_chatbot-open_drvuf_36",
|
|
18
|
+
"chatbot-collapse": "_chatbot-collapse_drvuf_43"
|
|
19
|
+
};
|
|
20
|
+
function q({
|
|
21
|
+
menuItems: d,
|
|
22
|
+
currentPath: c,
|
|
23
|
+
collapsed: t,
|
|
24
|
+
multicloudExploreList: r,
|
|
25
|
+
moduleList: a,
|
|
26
|
+
currentModuleId: h,
|
|
27
|
+
userType: f,
|
|
28
|
+
gptCardEnabled: m = !1,
|
|
29
|
+
renderGptCard: l,
|
|
30
|
+
cloudProviderIcons: M,
|
|
31
|
+
onNavigate: u,
|
|
32
|
+
onModuleSwitch: g,
|
|
33
|
+
onContactUsClick: v,
|
|
34
|
+
contactUsUrl: S,
|
|
35
|
+
onMenuItemClick: w,
|
|
36
|
+
isLoaderVisible: s = !1,
|
|
37
|
+
hidden: C = !1,
|
|
38
|
+
className: B,
|
|
39
|
+
renderFooter: j,
|
|
40
|
+
renderHeader: y
|
|
41
|
+
}) {
|
|
42
|
+
const [_, G] = T(!0), { handleModuleSwitch: O } = H({ onModuleSwitch: g }), i = b(
|
|
43
|
+
() => d.filter((p) => Object.keys(p).length > 0),
|
|
44
|
+
[d]
|
|
45
|
+
), n = b(
|
|
46
|
+
() => i.find((p) => p.key === A),
|
|
47
|
+
[i]
|
|
48
|
+
), k = () => n && !t && m ? _ ? o["chatbot-open"] : o["chatbot-collapse"] : "";
|
|
49
|
+
if (C) return null;
|
|
50
|
+
const x = [
|
|
51
|
+
o["custom-sidebar"],
|
|
52
|
+
o["sidebar-V2"],
|
|
53
|
+
t ? o.collapseMenu : "",
|
|
54
|
+
k(),
|
|
55
|
+
n && !t ? "" : o["no-chatbot-padding"],
|
|
56
|
+
B || ""
|
|
57
|
+
].filter(Boolean).join(" ");
|
|
58
|
+
return /* @__PURE__ */ N("div", { className: x, "data-testid": "sidebar", children: [
|
|
59
|
+
s && /* @__PURE__ */ e(W, { popup: !0 }),
|
|
60
|
+
y?.(),
|
|
61
|
+
a && a.length > 0 && /* @__PURE__ */ e(
|
|
62
|
+
R,
|
|
63
|
+
{
|
|
64
|
+
modules: a,
|
|
65
|
+
collapsed: t,
|
|
66
|
+
currentModuleId: h,
|
|
67
|
+
userType: f,
|
|
68
|
+
onModuleSwitch: O
|
|
69
|
+
}
|
|
70
|
+
),
|
|
71
|
+
/* @__PURE__ */ e("div", { className: o["sidebar-list-wrapper"], children: /* @__PURE__ */ e(
|
|
72
|
+
I,
|
|
73
|
+
{
|
|
74
|
+
menuItems: i,
|
|
75
|
+
currentPath: c,
|
|
76
|
+
collapsed: t,
|
|
77
|
+
multicloudExploreList: r,
|
|
78
|
+
onNavigate: u,
|
|
79
|
+
onMenuItemClick: w
|
|
80
|
+
}
|
|
81
|
+
) }),
|
|
82
|
+
r && r.length > 0 && /* @__PURE__ */ e(
|
|
83
|
+
K,
|
|
84
|
+
{
|
|
85
|
+
exploreList: r,
|
|
86
|
+
collapsed: t,
|
|
87
|
+
userType: f,
|
|
88
|
+
cloudProviderIcons: M
|
|
89
|
+
}
|
|
90
|
+
),
|
|
91
|
+
!s && m && n && /* @__PURE__ */ e(
|
|
92
|
+
V,
|
|
93
|
+
{
|
|
94
|
+
item: n,
|
|
95
|
+
collapsed: t,
|
|
96
|
+
currentPath: c,
|
|
97
|
+
onNavigate: u,
|
|
98
|
+
open: _,
|
|
99
|
+
onToggle: G,
|
|
100
|
+
renderGptCard: l
|
|
101
|
+
}
|
|
102
|
+
),
|
|
103
|
+
j?.(),
|
|
104
|
+
!s && /* @__PURE__ */ e(
|
|
105
|
+
U,
|
|
106
|
+
{
|
|
107
|
+
collapsed: t,
|
|
108
|
+
contactUsUrl: S,
|
|
109
|
+
onContactUsClick: v
|
|
110
|
+
}
|
|
111
|
+
)
|
|
112
|
+
] });
|
|
113
|
+
}
|
|
114
|
+
q.displayName = "Sidebar";
|
|
115
|
+
export {
|
|
116
|
+
q as Sidebar,
|
|
117
|
+
q as default
|
|
118
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SidebarMenuItem } from './types';
|
|
2
|
+
export declare function normalizeUrl(url: string | undefined): string;
|
|
3
|
+
export declare function isItemActive(item: SidebarMenuItem, currentPath: string, allItems: SidebarMenuItem[]): boolean;
|
|
4
|
+
export declare function isTreeActive(item: SidebarMenuItem, currentPath: string, allItems: SidebarMenuItem[]): boolean;
|
|
5
|
+
export declare function capitalizeFirstLetter(str: string): string;
|
|
6
|
+
export declare function addBreakOpportunities(text: string | undefined): string;
|
|
7
|
+
//# sourceMappingURL=Sidebar.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.utils.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAQ5D;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GACtE,OAAO,CAqBT;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GACtE,OAAO,CAGT;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAGzD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEtE"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
function a(e) {
|
|
2
|
+
if (!e) return "";
|
|
3
|
+
let r = e.toLowerCase();
|
|
4
|
+
if (r.startsWith("http"))
|
|
5
|
+
try {
|
|
6
|
+
r = new URL(r).pathname.toLowerCase();
|
|
7
|
+
} catch {
|
|
8
|
+
}
|
|
9
|
+
return r = r.split("?")[0], r.endsWith("/") ? r.slice(0, -1) : r;
|
|
10
|
+
}
|
|
11
|
+
function l(e, r, n) {
|
|
12
|
+
if (e.name === "Customers" && e.dashboardServices?.length)
|
|
13
|
+
return r.toLowerCase().includes("dashboard/customers");
|
|
14
|
+
const t = a(e.url), s = a(r);
|
|
15
|
+
if (!t) return !1;
|
|
16
|
+
if (s === t) return !0;
|
|
17
|
+
if (!e.exactMatch && s.startsWith(`${t}/`)) {
|
|
18
|
+
let u = !1;
|
|
19
|
+
const c = (f) => {
|
|
20
|
+
for (const i of f) {
|
|
21
|
+
const o = a(i.url);
|
|
22
|
+
if (o && o !== t && s === o) {
|
|
23
|
+
u = !0;
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
i.dashboardServices?.length && c(i.dashboardServices);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
return c(n), !u;
|
|
30
|
+
}
|
|
31
|
+
return !1;
|
|
32
|
+
}
|
|
33
|
+
function d(e, r, n) {
|
|
34
|
+
return l(e, r, n) ? !0 : e.dashboardServices?.some((t) => d(t, r, n)) ?? !1;
|
|
35
|
+
}
|
|
36
|
+
function h(e) {
|
|
37
|
+
return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
|
|
38
|
+
}
|
|
39
|
+
function p(e) {
|
|
40
|
+
return e?.split(":")?.join(":") ?? "";
|
|
41
|
+
}
|
|
42
|
+
export {
|
|
43
|
+
p as addBreakOpportunities,
|
|
44
|
+
h as capitalizeFirstLetter,
|
|
45
|
+
l as isItemActive,
|
|
46
|
+
d as isTreeActive,
|
|
47
|
+
a as normalizeUrl
|
|
48
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface CollapsedTooltipProps {
|
|
3
|
+
active: boolean;
|
|
4
|
+
icon: ReactNode;
|
|
5
|
+
label?: string | null;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
popupClassName?: string;
|
|
8
|
+
onClick?: () => void;
|
|
9
|
+
}
|
|
10
|
+
export declare function CollapsedTooltip({ active, icon, label, children, popupClassName, onClick }: CollapsedTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/CollapsedTooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAY,EAAE,QAAQ,EAAE,cAAmB,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CA4B7H"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface ContactUsButtonProps {
|
|
2
|
+
collapsed: boolean;
|
|
3
|
+
contactUsUrl?: string;
|
|
4
|
+
onContactUsClick?: () => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function ContactUsButton({ collapsed, contactUsUrl, onContactUsClick }: ContactUsButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ContactUsButton/index.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAQD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAE,EAAE,oBAAoB,2CAyBlG"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as n, jsxs as s, Fragment as a } from "react/jsx-runtime";
|
|
2
|
+
import { IconRenderer as i } from "../IconRenderer/index.js";
|
|
3
|
+
import '../../../../assets/index-B5N2Zvs1.css';const t = {
|
|
4
|
+
"contact-us-btn": "_contact-us-btn_1jr87_1",
|
|
5
|
+
"contact-us-link": "_contact-us-link_1jr87_10",
|
|
6
|
+
"collapsed-link": "_collapsed-link_1jr87_37",
|
|
7
|
+
"menu-icon": "_menu-icon_1jr87_44"
|
|
8
|
+
}, u = /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M13.34 10.903c-.87-.87-1.94-.87-2.8 0l-.7.7c-.06.06-.13.09-.21.09-.08 0-.15-.03-.21-.09-.89-.63-1.7-1.37-2.42-2.19-.72-.82-1.32-1.71-1.78-2.67-.03-.06-.04-.12-.03-.18.01-.06.04-.11.09-.15l.7-.7c.87-.87.87-1.94 0-2.8L4.63 1.49c-.87-.87-1.94-.87-2.8 0l-.7.7C.37 2.95-.1 3.94.02 4.97c.26 2.23 1.21 4.33 2.72 6.03 1.51 1.7 3.47 2.89 5.64 3.42.41.1.83.15 1.25.15 1.05 0 2.06-.4 2.82-1.13l.7-.7c.87-.87.87-1.94 0-2.8l-1.81-1.01z", fill: "currentColor" }) });
|
|
9
|
+
function m({ collapsed: c, contactUsUrl: e, onContactUsClick: l }) {
|
|
10
|
+
const r = /* @__PURE__ */ n("span", { className: t["menu-icon"], children: /* @__PURE__ */ n(i, { icon: u }) }), o = /* @__PURE__ */ s(a, { children: [
|
|
11
|
+
r,
|
|
12
|
+
!c && /* @__PURE__ */ n("span", { children: "Contact Us" })
|
|
13
|
+
] });
|
|
14
|
+
return e && !l ? /* @__PURE__ */ n("div", { className: t["contact-us-btn"], children: /* @__PURE__ */ n("a", { href: e, rel: "noreferrer", className: `${t["contact-us-link"]} ${c ? t["collapsed-link"] : ""}`, "aria-label": "Contact Us", children: o }) }) : /* @__PURE__ */ n("div", { className: t["contact-us-btn"], children: /* @__PURE__ */ n("button", { type: "button", onClick: l, className: `${t["contact-us-link"]} ${c ? t["collapsed-link"] : ""}`, "aria-label": "Contact Us", children: o }) });
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
m as ContactUsButton
|
|
18
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ExploreItem } from '../../types';
|
|
3
|
+
interface ExploreSectionProps {
|
|
4
|
+
exploreList: ExploreItem[];
|
|
5
|
+
collapsed: boolean;
|
|
6
|
+
userType?: string;
|
|
7
|
+
cloudProviderIcons?: Record<string, ReactNode>;
|
|
8
|
+
}
|
|
9
|
+
export declare function ExploreSection({ exploreList, collapsed, userType, cloudProviderIcons }: ExploreSectionProps): import("react/jsx-runtime").JSX.Element | null;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ExploreSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CAChD;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,mBAAmB,kDA6B3G"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { SectionLabel as d } from "../SectionLabel/index.js";
|
|
3
|
+
import { IconRenderer as p } from "../IconRenderer/index.js";
|
|
4
|
+
import '../../../../assets/index-BD0iilmm.css';const n = {
|
|
5
|
+
"explore-section": "_explore-section_1wpmc_1",
|
|
6
|
+
"explore-collapsed": "_explore-collapsed_1wpmc_5",
|
|
7
|
+
"explore-links": "_explore-links_1wpmc_8",
|
|
8
|
+
"cursor-not-allowed": "_cursor-not-allowed_1wpmc_41",
|
|
9
|
+
"pointer-events-none": "_pointer-events-none_1wpmc_45"
|
|
10
|
+
};
|
|
11
|
+
function v({ exploreList: l, collapsed: r, userType: t, cloudProviderIcons: a }) {
|
|
12
|
+
if (!l || l.length === 0) return null;
|
|
13
|
+
const c = t === "CLOUDONOMICS";
|
|
14
|
+
return /* @__PURE__ */ s("div", { className: `${n["explore-section"]} ${r ? n["explore-collapsed"] : ""}`, children: [
|
|
15
|
+
/* @__PURE__ */ e(d, { label: "Explore", collapsed: r }),
|
|
16
|
+
l.map((o) => {
|
|
17
|
+
const i = a?.[o.cloudProvider] || o.icon;
|
|
18
|
+
return /* @__PURE__ */ s("div", { className: n["explore-links"], children: [
|
|
19
|
+
!r && /* @__PURE__ */ e(p, { icon: i }),
|
|
20
|
+
!r && /* @__PURE__ */ e("span", { children: o.displayName }),
|
|
21
|
+
/* @__PURE__ */ e("div", { className: c ? n["cursor-not-allowed"] : "", children: /* @__PURE__ */ e("a", { href: `//${o.link}`, target: "_blank", rel: "noopener noreferrer", className: c ? n["pointer-events-none"] : "", "aria-label": `Open ${o.displayName}`, children: r ? /* @__PURE__ */ e(p, { icon: i }) : /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M11.667 11.667H2.333V2.333H7V1H2.333C1.593 1 1 1.6 1 2.333v9.334C1 12.4 1.593 13 2.333 13h9.334C12.4 13 13 12.4 13 11.667V7h-1.333v4.667zM8.333 1v1.333h2.394L4.08 8.98l.94.94 6.647-6.647v2.394H13V1H8.333z", fill: "currentColor" }) }) }) })
|
|
22
|
+
] }, o.cloudProvider);
|
|
23
|
+
})
|
|
24
|
+
] });
|
|
25
|
+
}
|
|
26
|
+
export {
|
|
27
|
+
v as ExploreSection
|
|
28
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SidebarMenuItem, GptCardProps } from '../../types';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
interface GptCardWrapperProps {
|
|
4
|
+
item: SidebarMenuItem;
|
|
5
|
+
collapsed: boolean;
|
|
6
|
+
currentPath: string;
|
|
7
|
+
onNavigate: (path: string) => void;
|
|
8
|
+
open: boolean;
|
|
9
|
+
onToggle: (open: boolean) => void;
|
|
10
|
+
renderGptCard?: (props: GptCardProps) => ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare function GptCardWrapper({ item, collapsed, currentPath, onNavigate, open, onToggle, renderGptCard }: GptCardWrapperProps): import("react/jsx-runtime").JSX.Element | null;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/GptCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,mBAAmB,kDAuC9H"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as e, jsxs as d } from "react/jsx-runtime";
|
|
2
|
+
import '../../../../assets/index-B8lwBNV9.css';const t = {
|
|
3
|
+
"chat-bot-btn": "_chat-bot-btn_mfd85_1",
|
|
4
|
+
"gpt-disabled": "_gpt-disabled_mfd85_11",
|
|
5
|
+
"gpt-container": "_gpt-container_mfd85_16",
|
|
6
|
+
"gpt-header": "_gpt-header_mfd85_28",
|
|
7
|
+
"gpt-new-tag": "_gpt-new-tag_mfd85_34",
|
|
8
|
+
"gpt-toggle-btn": "_gpt-toggle-btn_mfd85_46",
|
|
9
|
+
"gpt-body": "_gpt-body_mfd85_60",
|
|
10
|
+
"gpt-title": "_gpt-title_mfd85_64",
|
|
11
|
+
"gpt-icons-row": "_gpt-icons-row_mfd85_75",
|
|
12
|
+
"gpt-subtitle": "_gpt-subtitle_mfd85_82",
|
|
13
|
+
"gpt-start-btn": "_gpt-start-btn_mfd85_88"
|
|
14
|
+
};
|
|
15
|
+
function h({ item: a, collapsed: o, currentPath: c, onNavigate: n, open: s, onToggle: l, renderGptCard: r }) {
|
|
16
|
+
if (o) return null;
|
|
17
|
+
const i = c.endsWith("ck-gpt"), g = () => {
|
|
18
|
+
a.url ? n(a.url) : a.journey?.length && n(`/dashboard/${a.journey[0]}`);
|
|
19
|
+
};
|
|
20
|
+
return r ? /* @__PURE__ */ e("div", { className: `${t["chat-bot-btn"]} ${i ? t["gpt-disabled"] : ""}`, children: /* @__PURE__ */ e("div", { className: t["gpt-container"], children: r({ item: a, onNavigate: n, disabled: i, open: s, onToggle: l }) }) }) : /* @__PURE__ */ e("div", { className: `${t["chat-bot-btn"]} ${i ? t["gpt-disabled"] : ""}`, children: /* @__PURE__ */ d("div", { className: t["gpt-container"], children: [
|
|
21
|
+
/* @__PURE__ */ d("div", { className: t["gpt-header"], children: [
|
|
22
|
+
/* @__PURE__ */ e("span", { className: t["gpt-new-tag"], children: "★ New" }),
|
|
23
|
+
/* @__PURE__ */ e("button", { type: "button", className: t["gpt-toggle-btn"], onClick: () => l(!s), "aria-expanded": s, "aria-label": "Toggle GPT card", children: s ? /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 5L7 9L11 5", stroke: "#6B7280", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 9L7 5L11 9", stroke: "#6B7280", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
|
|
24
|
+
] }),
|
|
25
|
+
/* @__PURE__ */ d("div", { className: t["gpt-body"], style: { maxHeight: s ? "140px" : "0", opacity: s ? 1 : 0, overflow: "hidden", transition: "max-height 300ms ease, opacity 300ms ease" }, children: [
|
|
26
|
+
/* @__PURE__ */ e("p", { className: t["gpt-title"], children: "Lens GPT" }),
|
|
27
|
+
/* @__PURE__ */ e("div", { className: t["gpt-icons-row"], children: /* @__PURE__ */ e("span", { className: t["gpt-subtitle"], children: "AI Powered Insights" }) })
|
|
28
|
+
] }),
|
|
29
|
+
/* @__PURE__ */ e("button", { type: "button", className: t["gpt-start-btn"], onClick: g, disabled: i, children: "Start Chat" })
|
|
30
|
+
] }) });
|
|
31
|
+
}
|
|
32
|
+
export {
|
|
33
|
+
h as GptCardWrapper
|
|
34
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface IconRendererProps {
|
|
3
|
+
icon: string | ReactNode | undefined;
|
|
4
|
+
}
|
|
5
|
+
export declare function IconRenderer({ icon }: IconRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/IconRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACtC;AAWD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAavD"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as r, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { useState as c } from "react";
|
|
3
|
+
import '../../../../assets/index-BioJVhpT.css';const t = {
|
|
4
|
+
"icon-img": "_icon-img_1rj7w_1",
|
|
5
|
+
"icon-node": "_icon-node_1rj7w_7"
|
|
6
|
+
}, o = /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
|
|
7
|
+
/* @__PURE__ */ r("rect", { x: "1", y: "1", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" }),
|
|
8
|
+
/* @__PURE__ */ r("rect", { x: "9", y: "1", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" }),
|
|
9
|
+
/* @__PURE__ */ r("rect", { x: "1", y: "9", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" }),
|
|
10
|
+
/* @__PURE__ */ r("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" })
|
|
11
|
+
] });
|
|
12
|
+
function a({ icon: e }) {
|
|
13
|
+
const [i, n] = c(!1);
|
|
14
|
+
return e ? typeof e == "string" ? i ? /* @__PURE__ */ r("span", { className: t["icon-node"], children: o }) : /* @__PURE__ */ r("img", { src: e, alt: "", className: t["icon-img"], "aria-hidden": "true", onError: () => n(!0) }) : /* @__PURE__ */ r("span", { className: t["icon-node"], children: e }) : /* @__PURE__ */ r("span", { className: t["icon-node"], children: o });
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
a as IconRenderer
|
|
18
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SidebarMenuItem } from '../../types';
|
|
2
|
+
interface MenuItemWrapperProps {
|
|
3
|
+
item: SidebarMenuItem;
|
|
4
|
+
active: boolean;
|
|
5
|
+
collapsed: boolean;
|
|
6
|
+
icon?: boolean;
|
|
7
|
+
level?: number;
|
|
8
|
+
onNavigate: (path: string) => void;
|
|
9
|
+
onMenuItemClick?: (item: SidebarMenuItem) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function MenuItemWrapper({ item, active, collapsed, icon, level, onNavigate, onMenuItemClick, }: MenuItemWrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuItemWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAKnD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAW,EAAE,KAAS,EAAE,UAAU,EAAE,eAAe,GAC7E,EAAE,oBAAoB,2CAkCtB"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsxs as u, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { IconRenderer as f } from "../IconRenderer/index.js";
|
|
3
|
+
import { addBreakOpportunities as N } from "../../Sidebar.utils.js";
|
|
4
|
+
import { s as e } from "../../../../styles.module-V3iL6ubH.js";
|
|
5
|
+
function $({
|
|
6
|
+
item: n,
|
|
7
|
+
active: s,
|
|
8
|
+
collapsed: i,
|
|
9
|
+
icon: c = !0,
|
|
10
|
+
level: t = 0,
|
|
11
|
+
onNavigate: m,
|
|
12
|
+
onMenuItemClick: d
|
|
13
|
+
}) {
|
|
14
|
+
const a = () => {
|
|
15
|
+
n.url && m(n.url), d?.(n);
|
|
16
|
+
}, p = t > 0 && s, l = t > 0 ? 15 + (t - 1) * 16 : 0;
|
|
17
|
+
return /* @__PURE__ */ u(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
className: `${e["sidebar-menu-item"]} ${e["leaf-item"]} ${s ? e.active : ""}`,
|
|
21
|
+
onClick: a,
|
|
22
|
+
onKeyDown: (o) => {
|
|
23
|
+
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), a());
|
|
24
|
+
},
|
|
25
|
+
role: "menuitem",
|
|
26
|
+
tabIndex: 0,
|
|
27
|
+
"aria-current": s ? "page" : void 0,
|
|
28
|
+
children: [
|
|
29
|
+
p && /* @__PURE__ */ r("span", { className: e["active-indicator"], style: { left: `-${l}px` } }),
|
|
30
|
+
c && /* @__PURE__ */ r("span", { className: e["menu-icon"], children: /* @__PURE__ */ r(f, { icon: n.icon }) }),
|
|
31
|
+
!i && /* @__PURE__ */ r("span", { className: e["menu-content"], children: N(n.name) })
|
|
32
|
+
]
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
export {
|
|
37
|
+
$ as MenuItemWrapper
|
|
38
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { SidebarMenuItem as MenuItem } from '../../types';
|
|
2
|
+
interface CollapsedMenuProps {
|
|
3
|
+
menuItems: MenuItem[];
|
|
4
|
+
isActive: (item: MenuItem) => boolean;
|
|
5
|
+
isTreeActive: (item: MenuItem) => boolean;
|
|
6
|
+
onNavigate: (path: string) => void;
|
|
7
|
+
onMenuItemClick?: (item: MenuItem) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare function CollapsedMenu({ menuItems, isActive, isTreeActive, onNavigate, onMenuItemClick }: CollapsedMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=CollapsedMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsedMenu.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuRenderer/CollapsedMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAO/D,UAAU,kBAAkB;IAC1B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAC1C,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,kBAAkB,2CA6FnH"}
|