@ultraviolet/plus 3.5.1 → 3.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CodeEditor/CodeEditor.d.ts +5 -38
- package/dist/components/CodeEditor/CodeEditor.d.ts.map +1 -1
- package/dist/components/CodeEditor/CodeEditor.js +6 -113
- package/dist/components/ContentCard/index.d.ts +3 -34
- package/dist/components/ContentCard/index.d.ts.map +1 -1
- package/dist/components/ContentCard/index.js +4 -103
- package/dist/components/ContentCardGroup/index.d.ts +5 -20
- package/dist/components/ContentCardGroup/index.d.ts.map +1 -1
- package/dist/components/ContentCardGroup/index.js +6 -16
- package/dist/components/Conversation/index.d.ts +5 -49
- package/dist/components/Conversation/index.d.ts.map +1 -1
- package/dist/components/Conversation/index.js +6 -46
- package/dist/components/CustomerSatisfaction/index.d.ts +5 -32
- package/dist/components/CustomerSatisfaction/index.d.ts.map +1 -1
- package/dist/components/CustomerSatisfaction/index.js +6 -84
- package/dist/components/EstimateCost/index.d.ts +9 -3
- package/dist/components/EstimateCost/index.d.ts.map +1 -1
- package/dist/components/EstimateCost/index.js +15 -0
- package/dist/components/FAQ/index.d.ts +5 -13
- package/dist/components/FAQ/index.d.ts.map +1 -1
- package/dist/components/FAQ/index.js +6 -35
- package/dist/components/InfoTable/index.d.ts +5 -1
- package/dist/components/InfoTable/index.d.ts.map +1 -1
- package/dist/components/InfoTable/index.js +11 -0
- package/dist/components/Navigation/index.d.ts +13 -2
- package/dist/components/Navigation/index.d.ts.map +1 -1
- package/dist/components/Navigation/index.js +19 -0
- package/dist/index.js +4 -6
- package/package.json +9 -9
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/defineProperty.js +0 -15
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js +0 -28
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js +0 -18
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutPropertiesLoose.js +0 -15
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/toPrimitive.js +0 -17
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/toPropertyKey.js +0 -12
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/typeof.js +0 -14
- package/dist/_virtual/_rolldown/runtime.js +0 -9
- package/dist/components/CodeEditor/styles.css.d.ts +0 -10
- package/dist/components/CodeEditor/styles.css.d.ts.map +0 -1
- package/dist/components/CodeEditor/styles.css.js +0 -24
- package/dist/components/ContentCard/Skeleton.d.ts +0 -6
- package/dist/components/ContentCard/Skeleton.d.ts.map +0 -1
- package/dist/components/ContentCard/Skeleton.js +0 -32
- package/dist/components/ContentCard/styles.css.d.ts +0 -13
- package/dist/components/ContentCard/styles.css.d.ts.map +0 -1
- package/dist/components/ContentCard/styles.css.js +0 -31
- package/dist/components/ContentCardGroup/Card.d.ts +0 -15
- package/dist/components/ContentCardGroup/Card.d.ts.map +0 -1
- package/dist/components/ContentCardGroup/Card.js +0 -57
- package/dist/components/ContentCardGroup/SkeletonCard.d.ts +0 -2
- package/dist/components/ContentCardGroup/SkeletonCard.d.ts.map +0 -1
- package/dist/components/ContentCardGroup/SkeletonCard.js +0 -29
- package/dist/components/ContentCardGroup/styles.css.d.ts +0 -8
- package/dist/components/ContentCardGroup/styles.css.d.ts.map +0 -1
- package/dist/components/ContentCardGroup/styles.css.js +0 -13
- package/dist/components/Conversation/styles.css.js +0 -23
- package/dist/components/CustomerSatisfaction/assets/1-5.js +0 -5
- package/dist/components/CustomerSatisfaction/assets/1-5NB.js +0 -5
- package/dist/components/CustomerSatisfaction/assets/2-5.js +0 -5
- package/dist/components/CustomerSatisfaction/assets/2-5NB.js +0 -5
- package/dist/components/CustomerSatisfaction/assets/3-5.js +0 -5
- package/dist/components/CustomerSatisfaction/assets/3-5NB.js +0 -5
- package/dist/components/CustomerSatisfaction/assets/4-5.js +0 -5
- package/dist/components/CustomerSatisfaction/assets/4-5NB.js +0 -5
- package/dist/components/CustomerSatisfaction/assets/5-5.js +0 -5
- package/dist/components/CustomerSatisfaction/assets/5-5NB.js +0 -5
- package/dist/components/CustomerSatisfaction/styles.css.d.ts +0 -19
- package/dist/components/CustomerSatisfaction/styles.css.d.ts.map +0 -1
- package/dist/components/CustomerSatisfaction/styles.css.js +0 -20
- package/dist/components/EstimateCost/Components/CustomUnitInput.d.ts +0 -10
- package/dist/components/EstimateCost/Components/CustomUnitInput.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/CustomUnitInput.js +0 -41
- package/dist/components/EstimateCost/Components/Item.d.ts +0 -118
- package/dist/components/EstimateCost/Components/Item.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/Item.js +0 -228
- package/dist/components/EstimateCost/Components/LineThrough.d.ts +0 -7
- package/dist/components/EstimateCost/Components/LineThrough.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/LineThrough.js +0 -18
- package/dist/components/EstimateCost/Components/NumberInput.d.ts +0 -11
- package/dist/components/EstimateCost/Components/NumberInput.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/NumberInput.js +0 -35
- package/dist/components/EstimateCost/Components/Region.d.ts +0 -23
- package/dist/components/EstimateCost/Components/Region.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/Region.js +0 -38
- package/dist/components/EstimateCost/Components/Regular.d.ts +0 -11
- package/dist/components/EstimateCost/Components/Regular.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/Regular.js +0 -23
- package/dist/components/EstimateCost/Components/Strong.d.ts +0 -10
- package/dist/components/EstimateCost/Components/Strong.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/Strong.js +0 -16
- package/dist/components/EstimateCost/Components/Unit.d.ts +0 -11
- package/dist/components/EstimateCost/Components/Unit.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/Unit.js +0 -50
- package/dist/components/EstimateCost/Components/Zone.d.ts +0 -23
- package/dist/components/EstimateCost/Components/Zone.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/Zone.js +0 -37
- package/dist/components/EstimateCost/Components/components.css.d.ts +0 -78
- package/dist/components/EstimateCost/Components/components.css.d.ts.map +0 -1
- package/dist/components/EstimateCost/Components/components.css.js +0 -161
- package/dist/components/EstimateCost/EstimateCost.d.ts +0 -176
- package/dist/components/EstimateCost/EstimateCost.d.ts.map +0 -1
- package/dist/components/EstimateCost/EstimateCost.js +0 -97
- package/dist/components/EstimateCost/EstimateCostContent.d.ts +0 -3
- package/dist/components/EstimateCost/EstimateCostContent.d.ts.map +0 -1
- package/dist/components/EstimateCost/EstimateCostContent.js +0 -289
- package/dist/components/EstimateCost/EstimateCostProvider.d.ts +0 -26
- package/dist/components/EstimateCost/EstimateCostProvider.d.ts.map +0 -1
- package/dist/components/EstimateCost/EstimateCostProvider.js +0 -33
- package/dist/components/EstimateCost/OverlayComponent.d.ts +0 -27
- package/dist/components/EstimateCost/OverlayComponent.d.ts.map +0 -1
- package/dist/components/EstimateCost/OverlayComponent.js +0 -99
- package/dist/components/EstimateCost/OverlayContext.d.ts +0 -13
- package/dist/components/EstimateCost/OverlayContext.d.ts.map +0 -1
- package/dist/components/EstimateCost/OverlayContext.js +0 -15
- package/dist/components/EstimateCost/constants.d.ts +0 -8
- package/dist/components/EstimateCost/constants.d.ts.map +0 -1
- package/dist/components/EstimateCost/constants.js +0 -26
- package/dist/components/EstimateCost/helper.d.ts +0 -10
- package/dist/components/EstimateCost/helper.d.ts.map +0 -1
- package/dist/components/EstimateCost/helper.js +0 -11
- package/dist/components/EstimateCost/locales/en.d.ts +0 -23
- package/dist/components/EstimateCost/locales/en.d.ts.map +0 -1
- package/dist/components/EstimateCost/locales/en.js +0 -25
- package/dist/components/EstimateCost/styles.css.d.ts +0 -80
- package/dist/components/EstimateCost/styles.css.d.ts.map +0 -1
- package/dist/components/EstimateCost/styles.css.js +0 -70
- package/dist/components/EstimateCost/types.d.ts +0 -148
- package/dist/components/EstimateCost/types.d.ts.map +0 -1
- package/dist/components/FAQ/styles.css.d.ts +0 -2
- package/dist/components/FAQ/styles.css.d.ts.map +0 -1
- package/dist/components/FAQ/styles.css.js +0 -7
- package/dist/components/InfoTable/InfoTable.d.ts +0 -25
- package/dist/components/InfoTable/InfoTable.d.ts.map +0 -1
- package/dist/components/InfoTable/InfoTable.js +0 -28
- package/dist/components/InfoTable/components/Cell.d.ts +0 -10
- package/dist/components/InfoTable/components/Cell.d.ts.map +0 -1
- package/dist/components/InfoTable/components/Cell.js +0 -38
- package/dist/components/InfoTable/components/Row.d.ts +0 -9
- package/dist/components/InfoTable/components/Row.d.ts.map +0 -1
- package/dist/components/InfoTable/components/Row.js +0 -23
- package/dist/components/InfoTable/context.d.ts +0 -4
- package/dist/components/InfoTable/context.d.ts.map +0 -1
- package/dist/components/InfoTable/context.js +0 -7
- package/dist/components/InfoTable/styles.css.d.ts +0 -8
- package/dist/components/InfoTable/styles.css.d.ts.map +0 -1
- package/dist/components/InfoTable/styles.css.js +0 -13
- package/dist/components/Navigation/Footer.d.ts +0 -9
- package/dist/components/Navigation/Footer.d.ts.map +0 -1
- package/dist/components/Navigation/Footer.js +0 -64
- package/dist/components/Navigation/Header.d.ts +0 -7
- package/dist/components/Navigation/Header.d.ts.map +0 -1
- package/dist/components/Navigation/Header.js +0 -24
- package/dist/components/Navigation/Navigation.d.ts +0 -62
- package/dist/components/Navigation/Navigation.d.ts.map +0 -1
- package/dist/components/Navigation/Navigation.js +0 -34
- package/dist/components/Navigation/NavigationContent.d.ts +0 -3
- package/dist/components/Navigation/NavigationContent.d.ts.map +0 -1
- package/dist/components/Navigation/NavigationContent.js +0 -104
- package/dist/components/Navigation/NavigationProvider.d.ts +0 -94
- package/dist/components/Navigation/NavigationProvider.d.ts.map +0 -1
- package/dist/components/Navigation/NavigationProvider.js +0 -121
- package/dist/components/Navigation/animations.css.d.ts +0 -7
- package/dist/components/Navigation/animations.css.d.ts.map +0 -1
- package/dist/components/Navigation/components/Group.d.ts +0 -10
- package/dist/components/Navigation/components/Group.d.ts.map +0 -1
- package/dist/components/Navigation/components/Group.js +0 -39
- package/dist/components/Navigation/components/Item.d.ts +0 -89
- package/dist/components/Navigation/components/Item.d.ts.map +0 -1
- package/dist/components/Navigation/components/Item.js +0 -448
- package/dist/components/Navigation/components/ItemProvider.d.ts +0 -8
- package/dist/components/Navigation/components/ItemProvider.d.ts.map +0 -1
- package/dist/components/Navigation/components/ItemProvider.js +0 -17
- package/dist/components/Navigation/components/PinnedItems.d.ts +0 -24
- package/dist/components/Navigation/components/PinnedItems.d.ts.map +0 -1
- package/dist/components/Navigation/components/PinnedItems.js +0 -105
- package/dist/components/Navigation/components/Separator.d.ts +0 -2
- package/dist/components/Navigation/components/Separator.d.ts.map +0 -1
- package/dist/components/Navigation/components/Separator.js +0 -11
- package/dist/components/Navigation/components/ShowHide.d.ts +0 -16
- package/dist/components/Navigation/components/ShowHide.d.ts.map +0 -1
- package/dist/components/Navigation/components/ShowHide.js +0 -53
- package/dist/components/Navigation/components/items.css.d.ts +0 -71
- package/dist/components/Navigation/components/items.css.d.ts.map +0 -1
- package/dist/components/Navigation/components/items.css.js +0 -87
- package/dist/components/Navigation/components/styles.css.d.ts +0 -25
- package/dist/components/Navigation/components/styles.css.d.ts.map +0 -1
- package/dist/components/Navigation/components/styles.css.js +0 -29
- package/dist/components/Navigation/constants.d.ts +0 -10
- package/dist/components/Navigation/constants.d.ts.map +0 -1
- package/dist/components/Navigation/locales/en.d.ts +0 -11
- package/dist/components/Navigation/locales/en.d.ts.map +0 -1
- package/dist/components/Navigation/locales/en.js +0 -13
- package/dist/components/Navigation/styles.css.d.ts +0 -34
- package/dist/components/Navigation/styles.css.d.ts.map +0 -1
- package/dist/components/Navigation/styles.css.js +0 -36
- package/dist/components/Navigation/types.d.ts +0 -42
- package/dist/components/Navigation/types.d.ts.map +0 -1
- package/dist/components/Navigation/variables.css.d.ts +0 -2
- package/dist/components/Navigation/variables.css.d.ts.map +0 -1
- package/dist/components/Navigation/variables.css.js +0 -7
- package/dist/plus.css +0 -2
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import type { NavigationProps } from './types';
|
|
2
|
-
export declare function Navigation({ 'data-testid': dataTestId, children, className, id, logo, onToggleExpand, onWidthResize, style }: NavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare namespace Navigation {
|
|
4
|
-
var Group: ({ children, label, style, additionalData, }: {
|
|
5
|
-
children: import("react").ReactNode;
|
|
6
|
-
label: string;
|
|
7
|
-
style?: import("react").CSSProperties | undefined;
|
|
8
|
-
additionalData?: import("react").ReactNode;
|
|
9
|
-
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
|
-
}
|
|
11
|
-
export declare namespace Navigation {
|
|
12
|
-
var Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, 'data-testid': dataTestId, style, alwaysVisible, }: {
|
|
13
|
-
children?: import("react").ReactNode;
|
|
14
|
-
categoryIcon?: import("react").ReactNode;
|
|
15
|
-
label: string;
|
|
16
|
-
labelDescription?: import("react").ReactNode;
|
|
17
|
-
id: string;
|
|
18
|
-
subLabel?: string | undefined;
|
|
19
|
-
badgeText?: string | undefined;
|
|
20
|
-
badgeSentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
|
|
21
|
-
href?: string | undefined;
|
|
22
|
-
target?: string | undefined;
|
|
23
|
-
rel?: string | undefined;
|
|
24
|
-
onToggle?: ((toggle: boolean) => void) | undefined;
|
|
25
|
-
onClickPinUnpin?: ((parameters: import("./types").PinUnPinType) => void) | undefined;
|
|
26
|
-
toggle?: boolean | undefined;
|
|
27
|
-
active?: boolean | undefined;
|
|
28
|
-
noPinButton?: boolean | undefined;
|
|
29
|
-
type?: ("default" | "pinned" | "pinnedGroup") | undefined;
|
|
30
|
-
index?: number | undefined;
|
|
31
|
-
as?: import("react").ElementType | undefined;
|
|
32
|
-
noExpand?: boolean | undefined;
|
|
33
|
-
alwaysVisible?: boolean | undefined;
|
|
34
|
-
disabled?: boolean | undefined;
|
|
35
|
-
'data-testid'?: string | undefined;
|
|
36
|
-
style?: import("react").CSSProperties | undefined;
|
|
37
|
-
}) => import("react/jsx-runtime").JSX.Element | null>;
|
|
38
|
-
}
|
|
39
|
-
export declare namespace Navigation {
|
|
40
|
-
var PinnedItems: ({ toggle, onReorder, onToggle, itemWrapper, style, }: {
|
|
41
|
-
toggle?: boolean | undefined;
|
|
42
|
-
onToggle?: ((toggle: boolean) => void) | undefined;
|
|
43
|
-
onReorder?: ((pinnedItems: string[]) => void) | undefined;
|
|
44
|
-
itemWrapper?: ((item: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>, itemId: string) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
45
|
-
style?: import("react").CSSProperties | undefined;
|
|
46
|
-
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
47
|
-
}
|
|
48
|
-
export declare namespace Navigation {
|
|
49
|
-
var Separator: () => import("react/jsx-runtime").JSX.Element;
|
|
50
|
-
}
|
|
51
|
-
export declare namespace Navigation {
|
|
52
|
-
var ShowHide: import("react").MemoExoticComponent<({ showContent, hideContent, onShowHide, tooltip, 'data-testid': dataTestId, style, }: {
|
|
53
|
-
showContent: import("react").ReactNode;
|
|
54
|
-
hideContent: import("react").ReactNode;
|
|
55
|
-
onShowHide?: ((expanded: "hide" | "show") => void) | undefined;
|
|
56
|
-
disabled?: boolean | undefined;
|
|
57
|
-
tooltip?: string | undefined;
|
|
58
|
-
'data-testid'?: string | undefined;
|
|
59
|
-
style?: import("react").CSSProperties | undefined;
|
|
60
|
-
}) => import("react/jsx-runtime").JSX.Element>;
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=Navigation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;mCAOnB,EACzB,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,cAAc,EACd,aAAa,EACb,KAAK,EACN,EAAE,eAAe"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import { Group } from "./components/Group.js";
|
|
4
|
-
import { Item } from "./components/Item.js";
|
|
5
|
-
import { PinnedItems } from "./components/PinnedItems.js";
|
|
6
|
-
import { Separator } from "./components/Separator.js";
|
|
7
|
-
import { ShowHide } from "./components/ShowHide.js";
|
|
8
|
-
import { NavigationContent } from "./NavigationContent.js";
|
|
9
|
-
import { jsx } from "react/jsx-runtime";
|
|
10
|
-
|
|
11
|
-
//#region src/components/Navigation/Navigation.tsx
|
|
12
|
-
/**
|
|
13
|
-
* Navigation is a component that allows you to create a sidebar navigation.
|
|
14
|
-
* You can wrap your navigation items like `<Navigation.Item>` with your router
|
|
15
|
-
* to make it work in your application.
|
|
16
|
-
*/
|
|
17
|
-
const Navigation = ({ "data-testid": dataTestId, children, className, id, logo, onToggleExpand, onWidthResize, style }) => /* @__PURE__ */ jsx(NavigationContent, {
|
|
18
|
-
className,
|
|
19
|
-
"data-testid": dataTestId,
|
|
20
|
-
id,
|
|
21
|
-
logo,
|
|
22
|
-
onToggleExpand,
|
|
23
|
-
onWidthResize,
|
|
24
|
-
style,
|
|
25
|
-
children
|
|
26
|
-
});
|
|
27
|
-
Navigation.Group = Group;
|
|
28
|
-
Navigation.Item = Item;
|
|
29
|
-
Navigation.PinnedItems = PinnedItems;
|
|
30
|
-
Navigation.Separator = Separator;
|
|
31
|
-
Navigation.ShowHide = ShowHide;
|
|
32
|
-
|
|
33
|
-
//#endregion
|
|
34
|
-
export { Navigation };
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { NavigationProps } from './types';
|
|
2
|
-
export declare const NavigationContent: ({ children, logo, onWidthResize, className, 'data-testid': dataTestId, id, onToggleExpand, }: NavigationProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
//# sourceMappingURL=NavigationContent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationContent.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationContent.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,iBAAiB,4JA6I7B,CAAA"}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import { useNavigation } from "./NavigationProvider.js";
|
|
4
|
-
import { navigation, navigationContainer, navigationContent, navigationContentContainer, navigationContentContainerCollapsed, navigationSlider } from "./styles.css.js";
|
|
5
|
-
import { Footer } from "./Footer.js";
|
|
6
|
-
import { Header } from "./Header.js";
|
|
7
|
-
import { widthNavigationContainer } from "./variables.css.js";
|
|
8
|
-
import { Stack } from "@ultraviolet/ui";
|
|
9
|
-
import { cn } from "@ultraviolet/utils";
|
|
10
|
-
import { assignInlineVars } from "@vanilla-extract/dynamic";
|
|
11
|
-
import { useEffect, useRef } from "react";
|
|
12
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
-
|
|
14
|
-
//#region src/components/Navigation/NavigationContent.tsx
|
|
15
|
-
const NavigationContent = ({ children, logo, onWidthResize, className, "data-testid": dataTestId, id, onToggleExpand }) => {
|
|
16
|
-
const context = useNavigation();
|
|
17
|
-
if (!context) throw new Error("Navigation should be inside NavigationProvider to use it properly.");
|
|
18
|
-
const { setWidth, width, expanded, toggleExpand, animation, navigationRef, allowNavigationResize, shouldAnimate } = context;
|
|
19
|
-
const sliderRef = useRef(null);
|
|
20
|
-
const contentRef = useRef(null);
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
let prevX;
|
|
23
|
-
let navRect;
|
|
24
|
-
let shouldCollapseOnMouseUp = false;
|
|
25
|
-
let shouldExpandOnMouseUp = false;
|
|
26
|
-
const mouseMove = (event) => {
|
|
27
|
-
if (prevX !== void 0) {
|
|
28
|
-
var _navRect$width;
|
|
29
|
-
const newWidth = ((_navRect$width = navRect === null || navRect === void 0 ? void 0 : navRect.width) !== null && _navRect$width !== void 0 ? _navRect$width : 0) + (event.clientX - prevX);
|
|
30
|
-
if (navigationRef.current && expanded) navigationRef.current.style.width = `${newWidth}px`;
|
|
31
|
-
if (newWidth <= 220) shouldCollapseOnMouseUp = true;
|
|
32
|
-
else shouldCollapseOnMouseUp = false;
|
|
33
|
-
if (newWidth >= 67 && !expanded) shouldExpandOnMouseUp = true;
|
|
34
|
-
else shouldExpandOnMouseUp = false;
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
const mousedown = (event) => {
|
|
38
|
-
var _navigationRef$curren;
|
|
39
|
-
prevX = event.clientX;
|
|
40
|
-
navRect = (_navigationRef$curren = navigationRef.current) === null || _navigationRef$curren === void 0 ? void 0 : _navigationRef$curren.getBoundingClientRect();
|
|
41
|
-
const mouseup = () => {
|
|
42
|
-
if (shouldCollapseOnMouseUp || shouldExpandOnMouseUp) {
|
|
43
|
-
toggleExpand();
|
|
44
|
-
onToggleExpand === null || onToggleExpand === void 0 || onToggleExpand(!expanded);
|
|
45
|
-
}
|
|
46
|
-
if (navigationRef.current) {
|
|
47
|
-
if (!(shouldCollapseOnMouseUp || shouldExpandOnMouseUp)) {
|
|
48
|
-
onWidthResize === null || onWidthResize === void 0 || onWidthResize(navigationRef.current.offsetWidth);
|
|
49
|
-
setWidth === null || setWidth === void 0 || setWidth(navigationRef.current.offsetWidth);
|
|
50
|
-
}
|
|
51
|
-
if (!expanded) navigationRef.current.style.width = "";
|
|
52
|
-
}
|
|
53
|
-
document.removeEventListener("mousemove", mouseMove);
|
|
54
|
-
window.removeEventListener("mouseup", mouseup);
|
|
55
|
-
};
|
|
56
|
-
document.addEventListener("mousemove", mouseMove);
|
|
57
|
-
window.addEventListener("mouseup", mouseup);
|
|
58
|
-
};
|
|
59
|
-
const sliderRefCurrent = sliderRef.current;
|
|
60
|
-
sliderRefCurrent === null || sliderRefCurrent === void 0 || sliderRefCurrent.addEventListener("mousedown", mousedown);
|
|
61
|
-
return () => {
|
|
62
|
-
sliderRefCurrent === null || sliderRefCurrent === void 0 || sliderRefCurrent.removeEventListener("mousedown", mousedown);
|
|
63
|
-
};
|
|
64
|
-
}, [
|
|
65
|
-
expanded,
|
|
66
|
-
navigationRef,
|
|
67
|
-
onToggleExpand,
|
|
68
|
-
onWidthResize,
|
|
69
|
-
setWidth,
|
|
70
|
-
toggleExpand
|
|
71
|
-
]);
|
|
72
|
-
return /* @__PURE__ */ jsxs("nav", {
|
|
73
|
-
className: cn(className, navigation),
|
|
74
|
-
"data-testid": dataTestId,
|
|
75
|
-
id,
|
|
76
|
-
children: [/* @__PURE__ */ jsxs("div", {
|
|
77
|
-
className: navigationContainer({
|
|
78
|
-
animation: shouldAnimate ? animation : void 0,
|
|
79
|
-
expanded
|
|
80
|
-
}),
|
|
81
|
-
ref: navigationRef,
|
|
82
|
-
style: assignInlineVars({ [widthNavigationContainer]: `${width}px` }),
|
|
83
|
-
children: [logo ? /* @__PURE__ */ jsx(Header, { logo }) : null, /* @__PURE__ */ jsxs("div", {
|
|
84
|
-
className: cn(navigationContentContainer, expanded ? "" : navigationContentContainerCollapsed),
|
|
85
|
-
children: [/* @__PURE__ */ jsx(Stack, {
|
|
86
|
-
className: navigationContent,
|
|
87
|
-
gap: .25,
|
|
88
|
-
ref: contentRef,
|
|
89
|
-
children
|
|
90
|
-
}), allowNavigationResize ? /* @__PURE__ */ jsx(Footer, {
|
|
91
|
-
contentRef,
|
|
92
|
-
onToggleExpand
|
|
93
|
-
}) : null]
|
|
94
|
-
})]
|
|
95
|
-
}), allowNavigationResize ? /* @__PURE__ */ jsx("div", {
|
|
96
|
-
className: navigationSlider,
|
|
97
|
-
"data-testid": "slider",
|
|
98
|
-
ref: sliderRef
|
|
99
|
-
}) : null]
|
|
100
|
-
});
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
//#endregion
|
|
104
|
-
export { NavigationContent };
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import type { Dispatch, ReactNode, RefObject } from 'react';
|
|
2
|
-
import NavigationLocales from './locales/en';
|
|
3
|
-
import type { PinUnPinType } from './types';
|
|
4
|
-
type Item = {
|
|
5
|
-
label: string;
|
|
6
|
-
active?: boolean;
|
|
7
|
-
onToggle?: (toggle: boolean) => void;
|
|
8
|
-
onClickPinUnpin?: (parameters: PinUnPinType) => void;
|
|
9
|
-
};
|
|
10
|
-
type Items = Record<string, Item>;
|
|
11
|
-
type AnimationType = 'simple' | 'complex';
|
|
12
|
-
type ContextProps = {
|
|
13
|
-
expanded: boolean;
|
|
14
|
-
toggleExpand: (toggle?: boolean) => void;
|
|
15
|
-
animation: boolean | 'expand' | 'collapse';
|
|
16
|
-
pinnedFeature?: boolean;
|
|
17
|
-
onClickPinUnpin?: (pinned: string[]) => void;
|
|
18
|
-
pinItem: (item: string) => string[];
|
|
19
|
-
unpinItem: (item: string) => string[];
|
|
20
|
-
pinnedItems: string[];
|
|
21
|
-
pinLimit: number;
|
|
22
|
-
navigationRef: RefObject<HTMLDivElement | null>;
|
|
23
|
-
locales: Record<keyof typeof NavigationLocales, string>;
|
|
24
|
-
width: number;
|
|
25
|
-
setWidth: (width: number) => void;
|
|
26
|
-
/**
|
|
27
|
-
* This function will reorder the pinned items based on the initial index and
|
|
28
|
-
* the end index.
|
|
29
|
-
*/
|
|
30
|
-
reorderItems: (
|
|
31
|
-
/**
|
|
32
|
-
* The initial index of the item
|
|
33
|
-
*/
|
|
34
|
-
initialIndex: number,
|
|
35
|
-
/**
|
|
36
|
-
* The end index of the item
|
|
37
|
-
*/
|
|
38
|
-
endIndex: number) => string[];
|
|
39
|
-
items: Items;
|
|
40
|
-
registerItem: Dispatch<Items>;
|
|
41
|
-
setPinnedItems: (value: string[]) => void;
|
|
42
|
-
allowNavigationResize: boolean;
|
|
43
|
-
setAllowNavigationResize: (value: boolean) => void;
|
|
44
|
-
shouldAnimate?: boolean;
|
|
45
|
-
animationType?: AnimationType;
|
|
46
|
-
showHide?: 'show' | 'hide';
|
|
47
|
-
};
|
|
48
|
-
export declare const NavigationContext: import("react").Context<ContextProps>;
|
|
49
|
-
export declare const useNavigation: () => ContextProps;
|
|
50
|
-
type NavigationProviderProps = {
|
|
51
|
-
children: ReactNode;
|
|
52
|
-
initialWidth?: number;
|
|
53
|
-
/**
|
|
54
|
-
* This enable / disable the pinned feature of the navigation
|
|
55
|
-
* Pinned allows the use to pin (or favorite) some items in the navigation
|
|
56
|
-
*/
|
|
57
|
-
pinnedFeature?: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* This define how many items can be pinned at the same time.
|
|
60
|
-
* If you want to disable the limit just set `Infinity` to this prop
|
|
61
|
-
*/
|
|
62
|
-
pinLimit?: number;
|
|
63
|
-
/**
|
|
64
|
-
* The initial pinned items. This should be an array of labels you've set on
|
|
65
|
-
* your `<Navigation.Item>`
|
|
66
|
-
*/
|
|
67
|
-
initialPinned?: string[];
|
|
68
|
-
/**
|
|
69
|
-
* The initial expanded state of the navigation. If set to true the
|
|
70
|
-
* navigation will be expanded by default otherwise it will be collapsed
|
|
71
|
-
*/
|
|
72
|
-
initialExpanded?: boolean;
|
|
73
|
-
locales?: Record<keyof typeof NavigationLocales, string>;
|
|
74
|
-
/**
|
|
75
|
-
* You can get the expanded state of the navigation with this function
|
|
76
|
-
*/
|
|
77
|
-
onExpandChange?: (expanded: boolean) => void;
|
|
78
|
-
/**
|
|
79
|
-
* This boolean will define if the navigation can be resized or not.
|
|
80
|
-
*/
|
|
81
|
-
initialAllowNavigationResize?: boolean;
|
|
82
|
-
/**
|
|
83
|
-
* Enable or disable the animation of the navigation
|
|
84
|
-
*/
|
|
85
|
-
animation?: boolean;
|
|
86
|
-
/**
|
|
87
|
-
* type of animation
|
|
88
|
-
*/
|
|
89
|
-
animationType?: AnimationType;
|
|
90
|
-
showHide?: 'show' | 'hide';
|
|
91
|
-
};
|
|
92
|
-
export declare const NavigationProvider: ({ children, pinnedFeature, initialPinned, initialExpanded, locales, pinLimit, onExpandChange, initialWidth, initialAllowNavigationResize, animation: shouldAnimate, animationType, showHide, }: NavigationProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
93
|
-
export {};
|
|
94
|
-
//# sourceMappingURL=NavigationProvider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
|
|
4
|
-
import en_default from "./locales/en.js";
|
|
5
|
-
import { createContext, useCallback, useContext, useMemo, useReducer, useRef, useState } from "react";
|
|
6
|
-
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
8
|
-
//#region src/components/Navigation/NavigationProvider.tsx
|
|
9
|
-
const NavigationContext = createContext({
|
|
10
|
-
allowNavigationResize: true,
|
|
11
|
-
animation: false,
|
|
12
|
-
animationType: "simple",
|
|
13
|
-
expanded: true,
|
|
14
|
-
items: {},
|
|
15
|
-
locales: en_default,
|
|
16
|
-
navigationRef: { current: null },
|
|
17
|
-
pinItem: () => [],
|
|
18
|
-
pinLimit: 7,
|
|
19
|
-
pinnedItems: [],
|
|
20
|
-
registerItem: () => {},
|
|
21
|
-
reorderItems: () => [],
|
|
22
|
-
setAllowNavigationResize: () => {},
|
|
23
|
-
setPinnedItems: () => {},
|
|
24
|
-
setWidth: () => {},
|
|
25
|
-
shouldAnimate: true,
|
|
26
|
-
toggleExpand: () => {},
|
|
27
|
-
unpinItem: () => [],
|
|
28
|
-
width: 280
|
|
29
|
-
});
|
|
30
|
-
const useNavigation = () => useContext(NavigationContext);
|
|
31
|
-
const NavigationProvider = ({ children, pinnedFeature = false, initialPinned, initialExpanded = true, locales = en_default, pinLimit = 7, onExpandChange, initialWidth = 280, initialAllowNavigationResize = true, animation: shouldAnimate = true, animationType, showHide }) => {
|
|
32
|
-
const [expanded, setExpanded] = useState(initialExpanded);
|
|
33
|
-
const [pinnedItems, setPinnedItems] = useState(initialPinned !== null && initialPinned !== void 0 ? initialPinned : []);
|
|
34
|
-
const [animation, setAnimation] = useState(false);
|
|
35
|
-
const [width, setWidth] = useState(initialWidth);
|
|
36
|
-
const [allowNavigationResize, setAllowNavigationResize] = useState(initialAllowNavigationResize);
|
|
37
|
-
const [items, registerItem] = useReducer((oldState, newState) => _objectSpread2(_objectSpread2({}, oldState), newState), {});
|
|
38
|
-
const navigationRef = useRef(null);
|
|
39
|
-
const toggleExpand = useCallback((toggle) => {
|
|
40
|
-
if (typeof toggle !== "boolean" && toggle !== void 0) throw new Error("toggleExpand only accepts boolean or undefined as parameter. You most likely did <button onClick={toggleExpand}> instead of <button onClick={() => toggleExpand()}>");
|
|
41
|
-
if (toggle !== void 0 && toggle === expanded) return;
|
|
42
|
-
onExpandChange === null || onExpandChange === void 0 || onExpandChange(!expanded);
|
|
43
|
-
if (navigationRef.current) navigationRef.current.style.width = "";
|
|
44
|
-
if (shouldAnimate) {
|
|
45
|
-
setAnimation(expanded ? "collapse" : "expand");
|
|
46
|
-
setTimeout(() => {
|
|
47
|
-
setExpanded(toggle !== null && toggle !== void 0 ? toggle : !expanded);
|
|
48
|
-
setAnimation(false);
|
|
49
|
-
}, 250);
|
|
50
|
-
} else setExpanded(toggle !== null && toggle !== void 0 ? toggle : !expanded);
|
|
51
|
-
}, [
|
|
52
|
-
expanded,
|
|
53
|
-
onExpandChange,
|
|
54
|
-
shouldAnimate
|
|
55
|
-
]);
|
|
56
|
-
const pinItem = useCallback((item) => {
|
|
57
|
-
const newValue = [...pinnedItems, item];
|
|
58
|
-
setPinnedItems(newValue);
|
|
59
|
-
return newValue;
|
|
60
|
-
}, [pinnedItems]);
|
|
61
|
-
const unpinItem = useCallback((item) => {
|
|
62
|
-
const newValue = pinnedItems.filter((localItem) => localItem !== item);
|
|
63
|
-
setPinnedItems(newValue);
|
|
64
|
-
return newValue;
|
|
65
|
-
}, [pinnedItems]);
|
|
66
|
-
const reorderItems = useCallback((initialIndex, endIndex) => {
|
|
67
|
-
const newPinnedItems = [...pinnedItems];
|
|
68
|
-
const [removed] = newPinnedItems.splice(initialIndex, 1);
|
|
69
|
-
newPinnedItems.splice(endIndex, 0, removed);
|
|
70
|
-
setPinnedItems(newPinnedItems);
|
|
71
|
-
return newPinnedItems;
|
|
72
|
-
}, [pinnedItems]);
|
|
73
|
-
const value = useMemo(() => ({
|
|
74
|
-
allowNavigationResize,
|
|
75
|
-
animation,
|
|
76
|
-
animationType,
|
|
77
|
-
expanded,
|
|
78
|
-
items,
|
|
79
|
-
locales,
|
|
80
|
-
navigationRef,
|
|
81
|
-
pinItem,
|
|
82
|
-
pinLimit,
|
|
83
|
-
pinnedFeature,
|
|
84
|
-
pinnedItems,
|
|
85
|
-
registerItem,
|
|
86
|
-
reorderItems,
|
|
87
|
-
setAllowNavigationResize,
|
|
88
|
-
setAnimation,
|
|
89
|
-
setPinnedItems,
|
|
90
|
-
setWidth,
|
|
91
|
-
shouldAnimate,
|
|
92
|
-
toggleExpand,
|
|
93
|
-
unpinItem,
|
|
94
|
-
width,
|
|
95
|
-
showHide
|
|
96
|
-
}), [
|
|
97
|
-
expanded,
|
|
98
|
-
toggleExpand,
|
|
99
|
-
pinnedItems,
|
|
100
|
-
pinItem,
|
|
101
|
-
unpinItem,
|
|
102
|
-
pinnedFeature,
|
|
103
|
-
locales,
|
|
104
|
-
pinLimit,
|
|
105
|
-
animation,
|
|
106
|
-
width,
|
|
107
|
-
reorderItems,
|
|
108
|
-
items,
|
|
109
|
-
allowNavigationResize,
|
|
110
|
-
shouldAnimate,
|
|
111
|
-
animationType,
|
|
112
|
-
showHide
|
|
113
|
-
]);
|
|
114
|
-
return /* @__PURE__ */ jsx(NavigationContext.Provider, {
|
|
115
|
-
value,
|
|
116
|
-
children
|
|
117
|
-
});
|
|
118
|
-
};
|
|
119
|
-
|
|
120
|
-
//#endregion
|
|
121
|
-
export { NavigationProvider, useNavigation };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"animations.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/animations.css.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,YAAY,QAOvB,CAAA;AAEF,eAAO,MAAM,cAAc,QAWzB,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
type GroupProps = {
|
|
3
|
-
children: ReactNode;
|
|
4
|
-
label: string;
|
|
5
|
-
style?: CSSProperties;
|
|
6
|
-
additionalData?: ReactNode;
|
|
7
|
-
};
|
|
8
|
-
export declare const Group: ({ children, label, style, additionalData, }: GroupProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=Group.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/Group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,KAAK,6GAiDjB,CAAA"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { __name } from "../../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
|
|
4
|
-
import { useNavigation } from "../NavigationProvider.js";
|
|
5
|
-
import { navigationGroupStack, navigationGroupText } from "./styles.css.js";
|
|
6
|
-
import { Stack, Text } from "@ultraviolet/ui";
|
|
7
|
-
import { Children } from "react";
|
|
8
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
|
|
10
|
-
//#region src/components/Navigation/components/Group.tsx
|
|
11
|
-
const Group = ({ children, label, style, additionalData }) => {
|
|
12
|
-
const context = useNavigation();
|
|
13
|
-
if (!context) throw new Error("Navigation.Group can only be used inside a NavigationProvider.");
|
|
14
|
-
const { expanded, animation, animationType } = context;
|
|
15
|
-
const isDiplay = !animation && expanded;
|
|
16
|
-
if (Children.count(children) > 0) return /* @__PURE__ */ jsx("div", {
|
|
17
|
-
style: _objectSpread2({ width: animation ? "100%" : void 0 }, style),
|
|
18
|
-
children: /* @__PURE__ */ jsxs(Stack, {
|
|
19
|
-
className: navigationGroupStack,
|
|
20
|
-
direction: "column",
|
|
21
|
-
children: [isDiplay ? /* @__PURE__ */ jsx(Text, {
|
|
22
|
-
as: "span",
|
|
23
|
-
className: navigationGroupText({ animation: animationType === "complex" ? animation : false }),
|
|
24
|
-
prominence: "weak",
|
|
25
|
-
sentiment: "neutral",
|
|
26
|
-
variant: "bodySmallStrong",
|
|
27
|
-
children: additionalData ? /* @__PURE__ */ jsxs(Stack, {
|
|
28
|
-
direction: "row",
|
|
29
|
-
justifyContent: "space-between",
|
|
30
|
-
children: [label, additionalData]
|
|
31
|
-
}) : label
|
|
32
|
-
}) : null, children]
|
|
33
|
-
})
|
|
34
|
-
});
|
|
35
|
-
return null;
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
//#endregion
|
|
39
|
-
export { Group };
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { Badge } from '@ultraviolet/ui';
|
|
2
|
-
import type { ComponentProps, CSSProperties, ElementType, ReactNode } from 'react';
|
|
3
|
-
import type { PinUnPinType } from '../types';
|
|
4
|
-
type ItemType = 'default' | 'pinned' | 'pinnedGroup';
|
|
5
|
-
type ItemProps = {
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Sets a category icon on the left of the item
|
|
9
|
-
*/
|
|
10
|
-
categoryIcon?: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* The label of the item that will be shown.
|
|
13
|
-
* It is also used as the key for pinning.
|
|
14
|
-
*/
|
|
15
|
-
label: string;
|
|
16
|
-
/**
|
|
17
|
-
* It will be added after the label when you want to have complementory information with the label
|
|
18
|
-
*/
|
|
19
|
-
labelDescription?: ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* It should be a unique id and will be used for pin/unpin and show/hide feature.
|
|
22
|
-
*/
|
|
23
|
-
id: string;
|
|
24
|
-
/**
|
|
25
|
-
* Text shown under the label with a lighter color and smaller font size
|
|
26
|
-
*/
|
|
27
|
-
subLabel?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Badge is added on the right of the item. It is hidden on hover if pinned
|
|
30
|
-
* feature is enabled
|
|
31
|
-
*/
|
|
32
|
-
badgeText?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Defined the sentiment of the badge according to Badge component from
|
|
35
|
-
* `@ultraviolet/ui`
|
|
36
|
-
*/
|
|
37
|
-
badgeSentiment?: ComponentProps<typeof Badge>['sentiment'];
|
|
38
|
-
href?: HTMLAnchorElement['href'];
|
|
39
|
-
target?: HTMLAnchorElement['target'];
|
|
40
|
-
rel?: HTMLAnchorElement['rel'];
|
|
41
|
-
/**
|
|
42
|
-
* This function will be triggered on click of the item. If the item is expandable
|
|
43
|
-
* toggle will be passed with it.
|
|
44
|
-
*/
|
|
45
|
-
onToggle?: (toggle: boolean) => void;
|
|
46
|
-
onClickPinUnpin?: (parameters: PinUnPinType) => void;
|
|
47
|
-
/**
|
|
48
|
-
* This prop is used to control if the item is expanded or collapsed
|
|
49
|
-
*/
|
|
50
|
-
toggle?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Set this to true if your current page is this item.
|
|
53
|
-
*/
|
|
54
|
-
active?: boolean;
|
|
55
|
-
/**
|
|
56
|
-
* If you want to remove pin button on your item use this prop
|
|
57
|
-
*/
|
|
58
|
-
noPinButton?: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* You don't need to use this prop it's used internally to control the type of the item
|
|
61
|
-
*/
|
|
62
|
-
type?: ItemType;
|
|
63
|
-
/**
|
|
64
|
-
* You don't need to use this prop it's used internally for pinned item to be reorganized with drag and drop
|
|
65
|
-
*/
|
|
66
|
-
index?: number;
|
|
67
|
-
/**
|
|
68
|
-
* When the item has href it becomes a link if not it is a button.
|
|
69
|
-
* When using an external routing tool you might need to remove both of them and use
|
|
70
|
-
* a non focusable element. This option allows you to choose the tag of the
|
|
71
|
-
* item.
|
|
72
|
-
*/
|
|
73
|
-
as?: ElementType;
|
|
74
|
-
/**
|
|
75
|
-
* Use this prop if you want to remove the expand behavior when the item
|
|
76
|
-
* has sub items.
|
|
77
|
-
*/
|
|
78
|
-
noExpand?: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* When set to true, the item is still visible even when `showHide='hide'` (NavigationProvider)
|
|
81
|
-
*/
|
|
82
|
-
alwaysVisible?: boolean;
|
|
83
|
-
disabled?: boolean;
|
|
84
|
-
'data-testid'?: string;
|
|
85
|
-
style?: CSSProperties;
|
|
86
|
-
};
|
|
87
|
-
export declare const Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, 'data-testid': dataTestId, style, alwaysVisible, }: ItemProps) => import("react/jsx-runtime").JSX.Element | null>;
|
|
88
|
-
export {};
|
|
89
|
-
//# sourceMappingURL=Item.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/Item.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,EAON,MAAM,iBAAiB,CAAA;AAExB,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAEb,WAAW,EAEX,SAAS,EACV,MAAM,OAAO,CAAA;AAad,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAyB5C,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAA;AAMpD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IAC1D,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAA;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAOD,eAAO,MAAM,IAAI,oWAorBhB,CAAA"}
|