@salt-ds/lab 1.0.0-alpha.42 → 1.0.0-alpha.44
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/css/salt-lab.css +15 -105
- package/dist-cjs/calendar/Calendar.js +7 -0
- package/dist-cjs/calendar/Calendar.js.map +1 -1
- package/dist-cjs/calendar/internal/CalendarCarousel.js +1 -1
- package/dist-cjs/calendar/internal/CalendarCarousel.js.map +1 -1
- package/dist-cjs/calendar/internal/CalendarDay.css.js +1 -1
- package/dist-cjs/calendar/internal/CalendarMonth.js.map +1 -1
- package/dist-cjs/calendar/internal/CalendarNavigation.css.js +1 -1
- package/dist-cjs/calendar/internal/useFocusManagement.js +3 -0
- package/dist-cjs/calendar/internal/useFocusManagement.js.map +1 -1
- package/dist-cjs/calendar/useCalendar.js +29 -1
- package/dist-cjs/calendar/useCalendar.js.map +1 -1
- package/dist-cjs/calendar/useSelection.js +1 -0
- package/dist-cjs/calendar/useSelection.js.map +1 -1
- package/dist-cjs/contact-details/ContactPrimaryInfo.js.map +1 -1
- package/dist-cjs/contact-details/ContactSecondaryInfo.js.map +1 -1
- package/dist-cjs/contact-details/ContactTertiaryInfo.js.map +1 -1
- package/dist-cjs/index.js +1 -10
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/stepped-tracker/StepLabel/StepLabel.js.map +1 -1
- package/dist-es/calendar/Calendar.js +7 -0
- package/dist-es/calendar/Calendar.js.map +1 -1
- package/dist-es/calendar/internal/CalendarCarousel.js +1 -1
- package/dist-es/calendar/internal/CalendarCarousel.js.map +1 -1
- package/dist-es/calendar/internal/CalendarDay.css.js +1 -1
- package/dist-es/calendar/internal/CalendarMonth.js.map +1 -1
- package/dist-es/calendar/internal/CalendarNavigation.css.js +1 -1
- package/dist-es/calendar/internal/useFocusManagement.js +3 -0
- package/dist-es/calendar/internal/useFocusManagement.js.map +1 -1
- package/dist-es/calendar/useCalendar.js +31 -3
- package/dist-es/calendar/useCalendar.js.map +1 -1
- package/dist-es/calendar/useSelection.js +1 -1
- package/dist-es/calendar/useSelection.js.map +1 -1
- package/dist-es/contact-details/ContactPrimaryInfo.js.map +1 -1
- package/dist-es/contact-details/ContactSecondaryInfo.js.map +1 -1
- package/dist-es/contact-details/ContactTertiaryInfo.js.map +1 -1
- package/dist-es/index.js +1 -6
- package/dist-es/index.js.map +1 -1
- package/dist-es/stepped-tracker/StepLabel/StepLabel.js.map +1 -1
- package/dist-types/breadcrumbs/internal/BreadcrumbsCollapsed.d.ts +1 -1
- package/dist-types/breadcrumbs/internal/BreadcrumbsSeparator.d.ts +1 -1
- package/dist-types/button-bar/internal/DescendantContext.d.ts +1 -1
- package/dist-types/calendar/internal/CalendarMonth.d.ts +0 -1
- package/dist-types/calendar/useSelection.d.ts +2 -0
- package/dist-types/combo-box-deprecated/internal/MultiSelectComboBox.d.ts +1 -1
- package/dist-types/combo-box-deprecated/internal/useComboBox.d.ts +60 -54
- package/dist-types/combo-box-deprecated/internal/useMultiSelectComboBox.d.ts +182 -165
- package/dist-types/common-hooks/collectionProvider.d.ts +1 -1
- package/dist-types/contact-details/ContactPrimaryInfo.d.ts +1 -1
- package/dist-types/contact-details/ContactSecondaryInfo.d.ts +1 -1
- package/dist-types/contact-details/ContactTertiaryInfo.d.ts +1 -1
- package/dist-types/contact-details/MailLinkComponent.d.ts +1 -1
- package/dist-types/contact-details/types.d.ts +1 -1
- package/dist-types/form-field-legacy/FormActivationIndicator.d.ts +1 -1
- package/dist-types/form-field-legacy/FormHelperText.d.ts +1 -1
- package/dist-types/form-field-legacy/FormLabel.d.ts +1 -1
- package/dist-types/form-field-legacy/NecessityIndicator.d.ts +1 -1
- package/dist-types/form-field-legacy/StatusIndicator.d.ts +1 -1
- package/dist-types/index.d.ts +0 -1
- package/dist-types/list-deprecated/internal/DescendantContext.d.ts +1 -1
- package/dist-types/list-deprecated/internal/Highlighter.d.ts +1 -1
- package/dist-types/query-input/internal/CategoryList.d.ts +1 -1
- package/dist-types/query-input/internal/SearchList.d.ts +1 -1
- package/dist-types/query-input/internal/ValueList.d.ts +1 -1
- package/dist-types/query-input/internal/ValueSelector.d.ts +1 -1
- package/dist-types/responsive/overflowUtils.d.ts +1 -1
- package/dist-types/slider/internal/SliderMarkLabels.d.ts +1 -1
- package/dist-types/slider/internal/SliderRail.d.ts +1 -1
- package/dist-types/slider/internal/SliderRailMarks.d.ts +1 -1
- package/dist-types/slider/internal/SliderSelection.d.ts +1 -1
- package/dist-types/stepped-tracker/StepLabel/StepLabel.d.ts +4 -3
- package/dist-types/stepped-tracker/SteppedTrackerContext.d.ts +2 -2
- package/dist-types/stepped-tracker/TrackerConnector/TrackerConnector.d.ts +1 -1
- package/dist-types/stepper-input/useStepperInput.d.ts +60 -55
- package/dist-types/tabs/TabActivationIndicator.d.ts +1 -1
- package/dist-types/toolbar/Tooltray.d.ts +1 -1
- package/dist-types/tree/TreeNode.d.ts +1 -1
- package/package.json +3 -3
- package/dist-cjs/menu/Menu.js +0 -24
- package/dist-cjs/menu/Menu.js.map +0 -1
- package/dist-cjs/menu/MenuBase.js +0 -129
- package/dist-cjs/menu/MenuBase.js.map +0 -1
- package/dist-cjs/menu/MenuContext.js +0 -26
- package/dist-cjs/menu/MenuContext.js.map +0 -1
- package/dist-cjs/menu/MenuGroup.css.js +0 -6
- package/dist-cjs/menu/MenuGroup.css.js.map +0 -1
- package/dist-cjs/menu/MenuGroup.js +0 -44
- package/dist-cjs/menu/MenuGroup.js.map +0 -1
- package/dist-cjs/menu/MenuItem.css.js +0 -6
- package/dist-cjs/menu/MenuItem.css.js.map +0 -1
- package/dist-cjs/menu/MenuItem.js +0 -92
- package/dist-cjs/menu/MenuItem.js.map +0 -1
- package/dist-cjs/menu/MenuPanel.css.js +0 -6
- package/dist-cjs/menu/MenuPanel.css.js.map +0 -1
- package/dist-cjs/menu/MenuPanel.js +0 -61
- package/dist-cjs/menu/MenuPanel.js.map +0 -1
- package/dist-cjs/menu/MenuPanelBase.js +0 -29
- package/dist-cjs/menu/MenuPanelBase.js.map +0 -1
- package/dist-cjs/menu/MenuPanelContext.js +0 -22
- package/dist-cjs/menu/MenuPanelContext.js.map +0 -1
- package/dist-cjs/menu/MenuTrigger.js +0 -43
- package/dist-cjs/menu/MenuTrigger.js.map +0 -1
- package/dist-cjs/menu/MenuTriggerContext.js +0 -18
- package/dist-cjs/menu/MenuTriggerContext.js.map +0 -1
- package/dist-es/menu/Menu.js +0 -20
- package/dist-es/menu/Menu.js.map +0 -1
- package/dist-es/menu/MenuBase.js +0 -125
- package/dist-es/menu/MenuBase.js.map +0 -1
- package/dist-es/menu/MenuContext.js +0 -21
- package/dist-es/menu/MenuContext.js.map +0 -1
- package/dist-es/menu/MenuGroup.css.js +0 -4
- package/dist-es/menu/MenuGroup.css.js.map +0 -1
- package/dist-es/menu/MenuGroup.js +0 -40
- package/dist-es/menu/MenuGroup.js.map +0 -1
- package/dist-es/menu/MenuItem.css.js +0 -4
- package/dist-es/menu/MenuItem.css.js.map +0 -1
- package/dist-es/menu/MenuItem.js +0 -88
- package/dist-es/menu/MenuItem.js.map +0 -1
- package/dist-es/menu/MenuPanel.css.js +0 -4
- package/dist-es/menu/MenuPanel.css.js.map +0 -1
- package/dist-es/menu/MenuPanel.js +0 -57
- package/dist-es/menu/MenuPanel.js.map +0 -1
- package/dist-es/menu/MenuPanelBase.js +0 -25
- package/dist-es/menu/MenuPanelBase.js.map +0 -1
- package/dist-es/menu/MenuPanelContext.js +0 -17
- package/dist-es/menu/MenuPanelContext.js.map +0 -1
- package/dist-es/menu/MenuTrigger.js +0 -39
- package/dist-es/menu/MenuTrigger.js.map +0 -1
- package/dist-es/menu/MenuTriggerContext.js +0 -13
- package/dist-es/menu/MenuTriggerContext.js.map +0 -1
- package/dist-types/menu/Menu.d.ts +0 -4
- package/dist-types/menu/MenuBase.d.ts +0 -27
- package/dist-types/menu/MenuContext.d.ts +0 -16
- package/dist-types/menu/MenuGroup.d.ts +0 -12
- package/dist-types/menu/MenuItem.d.ts +0 -8
- package/dist-types/menu/MenuPanel.d.ts +0 -8
- package/dist-types/menu/MenuPanelBase.d.ts +0 -4
- package/dist-types/menu/MenuPanelContext.d.ts +0 -5
- package/dist-types/menu/MenuTrigger.d.ts +0 -8
- package/dist-types/menu/MenuTriggerContext.d.ts +0 -6
- package/dist-types/menu/index.d.ts +0 -5
package/dist-types/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export function DescendantProvider({ items, ...props }: {
|
|
2
2
|
[x: string]: any;
|
|
3
3
|
items: any;
|
|
4
|
-
}): JSX.Element;
|
|
4
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export function useDescendant(descendant: any): number;
|
|
6
6
|
export const DescendantContext: React.Context<any>;
|
|
7
7
|
import React from "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export function Highlighter(props: any): JSX.Element;
|
|
1
|
+
export function Highlighter(props: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,4 +7,4 @@ export interface CategoryListProps {
|
|
|
7
7
|
highlightedCategoryIndex?: number;
|
|
8
8
|
setHighlightedCategoryIndex: Dispatch<SetStateAction<number>>;
|
|
9
9
|
}
|
|
10
|
-
export declare function CategoryList(props: CategoryListProps): JSX.Element;
|
|
10
|
+
export declare function CategoryList(props: CategoryListProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,4 +9,4 @@ export interface SearchListProps {
|
|
|
9
9
|
visibleCategories: QueryInputCategory[];
|
|
10
10
|
setHighlightedIndex: Dispatch<SetStateAction<number>>;
|
|
11
11
|
}
|
|
12
|
-
export declare function SearchList(props: SearchListProps): JSX.Element;
|
|
12
|
+
export declare function SearchList(props: SearchListProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,4 +9,4 @@ export interface ValueListProps {
|
|
|
9
9
|
highlightedValueIndex?: number;
|
|
10
10
|
setHighlightedValueIndex: Dispatch<SetStateAction<number>>;
|
|
11
11
|
}
|
|
12
|
-
export declare function ValueList(props: ValueListProps): JSX.Element;
|
|
12
|
+
export declare function ValueList(props: ValueListProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -20,4 +20,4 @@ export interface ValueSelectorProps {
|
|
|
20
20
|
setHighlightedCategoryIndex: Dispatch<SetStateAction<number>>;
|
|
21
21
|
setHighlightedValueIndex: Dispatch<SetStateAction<number>>;
|
|
22
22
|
}
|
|
23
|
-
export declare function ValueSelector(props: ValueSelectorProps): JSX.Element | null;
|
|
23
|
+
export declare function ValueSelector(props: ValueSelectorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementRef, OverflowItem, orientationType } from "./overflowTypes";
|
|
2
2
|
export declare const DropdownPlaceholder: () => null;
|
|
3
|
-
export declare const getDropdownPlaceholder: () => JSX.Element;
|
|
3
|
+
export declare const getDropdownPlaceholder: () => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export declare type heightOrWidth = "width" | "height";
|
|
5
5
|
export declare const NO_DATA: {};
|
|
6
6
|
export declare const allExceptOverflowIndicator: (sum: number, m: OverflowItem) => number;
|
|
@@ -4,4 +4,4 @@ export interface SliderMarkLabelsProps {
|
|
|
4
4
|
max: number;
|
|
5
5
|
marks: SliderMark[];
|
|
6
6
|
}
|
|
7
|
-
export declare function SliderMarkLabels(props: SliderMarkLabelsProps): JSX.Element;
|
|
7
|
+
export declare function SliderMarkLabels(props: SliderMarkLabelsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,4 +9,4 @@ export interface SliderRailMarksProps {
|
|
|
9
9
|
max: number;
|
|
10
10
|
marks: SliderMark[];
|
|
11
11
|
}
|
|
12
|
-
export declare function SliderRailMarks(props: SliderRailMarksProps): JSX.Element;
|
|
12
|
+
export declare function SliderRailMarks(props: SliderRailMarksProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export interface SliderSelectionProps {
|
|
2
2
|
valueLength: number;
|
|
3
3
|
}
|
|
4
|
-
export declare function SliderSelection({ valueLength }: SliderSelectionProps): JSX.Element;
|
|
4
|
+
export declare function SliderSelection({ valueLength }: SliderSelectionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { TextProps } from "@salt-ds/core";
|
|
3
|
+
export interface StepLabelProps extends TextProps<"label"> {
|
|
3
4
|
/**
|
|
4
5
|
* The content of Step Label
|
|
5
6
|
*/
|
|
6
7
|
children?: ReactNode;
|
|
7
8
|
}
|
|
8
|
-
export declare const StepLabel: import("react").ForwardRefExoticComponent<StepLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
|
|
9
|
+
export declare const StepLabel: import("react").ForwardRefExoticComponent<Omit<StepLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -7,12 +7,12 @@ export interface SteppedTrackerContextType {
|
|
|
7
7
|
declare type SteppedTrackerProviderProps = Omit<SteppedTrackerContextType, "isWithinSteppedTracker"> & {
|
|
8
8
|
children: ReactNode;
|
|
9
9
|
};
|
|
10
|
-
export declare const SteppedTrackerProvider: ({ activeStep, totalSteps, children, }: SteppedTrackerProviderProps) => JSX.Element;
|
|
10
|
+
export declare const SteppedTrackerProvider: ({ activeStep, totalSteps, children, }: SteppedTrackerProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export declare const useSteppedTrackerContext: () => SteppedTrackerContextType;
|
|
12
12
|
export declare const useTrackerStepContext: () => number;
|
|
13
13
|
interface TrackerStepProviderProps {
|
|
14
14
|
stepNumber: number;
|
|
15
15
|
children: ReactNode;
|
|
16
16
|
}
|
|
17
|
-
export declare const TrackerStepProvider: ({ children, stepNumber, }: TrackerStepProviderProps) => JSX.Element;
|
|
17
|
+
export declare const TrackerStepProvider: ({ children, stepNumber, }: TrackerStepProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export {};
|
|
@@ -5,5 +5,5 @@ interface TrackerConnectorProps {
|
|
|
5
5
|
*/
|
|
6
6
|
state: ConnectorState;
|
|
7
7
|
}
|
|
8
|
-
export declare const TrackerConnector: ({ state }: TrackerConnectorProps) => JSX.Element;
|
|
8
|
+
export declare const TrackerConnector: ({ state }: TrackerConnectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -17,6 +17,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
|
|
|
17
17
|
style?: import("react").CSSProperties | undefined;
|
|
18
18
|
title?: string | undefined;
|
|
19
19
|
type?: "button" | "reset" | "submit" | undefined;
|
|
20
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
20
21
|
className?: string | undefined;
|
|
21
22
|
color?: string | undefined;
|
|
22
23
|
id?: string | undefined;
|
|
@@ -24,57 +25,62 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
|
|
|
24
25
|
name?: string | undefined;
|
|
25
26
|
role?: import("react").AriaRole | undefined;
|
|
26
27
|
tabIndex: number;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
28
|
+
"aria-activedescendant"?: string | undefined;
|
|
29
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
30
|
+
"aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
|
|
31
|
+
"aria-braillelabel"?: string | undefined;
|
|
32
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
33
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
34
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
35
|
+
"aria-colcount"?: number | undefined;
|
|
36
|
+
"aria-colindex"?: number | undefined;
|
|
37
|
+
"aria-colindextext"?: string | undefined;
|
|
38
|
+
"aria-colspan"?: number | undefined;
|
|
39
|
+
"aria-controls"?: string | undefined;
|
|
40
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
|
|
41
|
+
"aria-describedby"?: string | undefined;
|
|
42
|
+
"aria-description"?: string | undefined;
|
|
43
|
+
"aria-details"?: string | undefined;
|
|
44
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
45
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
46
|
+
"aria-errormessage"?: string | undefined;
|
|
47
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
48
|
+
"aria-flowto"?: string | undefined;
|
|
49
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
50
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
46
51
|
"aria-hidden": boolean | "true" | "false";
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
52
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
53
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
54
|
+
"aria-label"?: string | undefined;
|
|
55
|
+
"aria-labelledby"?: string | undefined;
|
|
56
|
+
"aria-level"?: number | undefined;
|
|
57
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
58
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
59
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
60
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
61
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
62
|
+
"aria-owns"?: string | undefined;
|
|
63
|
+
"aria-placeholder"?: string | undefined;
|
|
64
|
+
"aria-posinset"?: number | undefined;
|
|
65
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
66
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
67
|
+
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
68
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
69
|
+
"aria-roledescription"?: string | undefined;
|
|
70
|
+
"aria-rowcount"?: number | undefined;
|
|
71
|
+
"aria-rowindex"?: number | undefined;
|
|
72
|
+
"aria-rowindextext"?: string | undefined;
|
|
73
|
+
"aria-rowspan"?: number | undefined;
|
|
74
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
75
|
+
"aria-setsize"?: number | undefined;
|
|
76
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
77
|
+
"aria-valuemax"?: number | undefined;
|
|
78
|
+
"aria-valuemin"?: number | undefined;
|
|
79
|
+
"aria-valuenow"?: number | undefined;
|
|
80
|
+
"aria-valuetext"?: string | undefined;
|
|
75
81
|
children?: import("react").ReactNode;
|
|
76
82
|
dangerouslySetInnerHTML?: {
|
|
77
|
-
__html: string;
|
|
83
|
+
__html: string | TrustedHTML;
|
|
78
84
|
} | undefined;
|
|
79
85
|
onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
80
86
|
onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -213,9 +219,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
|
|
|
213
219
|
onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
|
|
214
220
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
|
|
215
221
|
onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
|
|
216
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
|
|
217
222
|
onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
|
|
218
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
|
|
219
223
|
onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
|
|
220
224
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
|
|
221
225
|
onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -240,24 +244,26 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
|
|
|
240
244
|
defaultChecked?: boolean | undefined;
|
|
241
245
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
242
246
|
suppressContentEditableWarning?: boolean | undefined;
|
|
243
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
244
247
|
accessKey?: string | undefined;
|
|
245
|
-
|
|
248
|
+
autoFocus?: boolean | undefined;
|
|
249
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
246
250
|
contextMenu?: string | undefined;
|
|
247
251
|
dir?: string | undefined;
|
|
248
252
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
249
253
|
hidden?: boolean | undefined;
|
|
250
254
|
nonce?: string | undefined;
|
|
251
|
-
placeholder?: string | undefined;
|
|
252
255
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
253
256
|
translate?: "yes" | "no" | undefined;
|
|
254
257
|
radioGroup?: string | undefined;
|
|
255
258
|
about?: string | undefined;
|
|
259
|
+
content?: string | undefined;
|
|
256
260
|
datatype?: string | undefined;
|
|
257
261
|
inlist?: any;
|
|
258
262
|
prefix?: string | undefined;
|
|
259
263
|
property?: string | undefined;
|
|
264
|
+
rel?: string | undefined;
|
|
260
265
|
resource?: string | undefined;
|
|
266
|
+
rev?: string | undefined;
|
|
261
267
|
typeof?: string | undefined;
|
|
262
268
|
vocab?: string | undefined;
|
|
263
269
|
autoCapitalize?: string | undefined;
|
|
@@ -271,9 +277,8 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
|
|
|
271
277
|
results?: number | undefined;
|
|
272
278
|
security?: string | undefined;
|
|
273
279
|
unselectable?: "on" | "off" | undefined;
|
|
274
|
-
inputMode?: "
|
|
280
|
+
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
275
281
|
is?: string | undefined;
|
|
276
|
-
autoFocus?: boolean | undefined;
|
|
277
282
|
formAction?: string | undefined;
|
|
278
283
|
formEncType?: string | undefined;
|
|
279
284
|
formMethod?: string | undefined;
|
|
@@ -4,5 +4,5 @@ interface TabActivationIndicatorProps {
|
|
|
4
4
|
disableAnimation?: boolean;
|
|
5
5
|
tabId?: string | null;
|
|
6
6
|
}
|
|
7
|
-
export declare const TabActivationIndicator: ({ hideThumb, orientation, tabId, }: TabActivationIndicatorProps) => JSX.Element;
|
|
7
|
+
export declare const TabActivationIndicator: ({ hideThumb, orientation, tabId, }: TabActivationIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { TooltrayProps } from "./TooltrayProps";
|
|
2
|
-
export declare const Tooltray: (props: TooltrayProps) => JSX.Element;
|
|
2
|
+
export declare const Tooltray: (props: TooltrayProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,4 +9,4 @@ export interface TreeNodeProps extends Omit<HTMLAttributes<HTMLLIElement>, "onMo
|
|
|
9
9
|
onMouseEnter?: MouseEventHandler;
|
|
10
10
|
selected?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const TreeNode: ({ "aria-level": ariaLevel, children, className: classNameProp, description, highlighted, idx, isLeaf, label, onMouseEnter, selected, ...props }: TreeNodeProps) => JSX.Element;
|
|
12
|
+
export declare const TreeNode: ({ "aria-level": ariaLevel, children, className: classNameProp, description, highlighted, idx, isLeaf, label, onMouseEnter, selected, ...props }: TreeNodeProps) => import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salt-ds/lab",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.44",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
"react-window": "^1.8.6",
|
|
27
27
|
"rifm": "^0.12.0",
|
|
28
28
|
"tinycolor2": "^1.4.2",
|
|
29
|
-
"@salt-ds/core": "^1.
|
|
29
|
+
"@salt-ds/core": "^1.27.1",
|
|
30
30
|
"@salt-ds/window": "^0.1.1",
|
|
31
31
|
"@salt-ds/styles": "^0.2.1",
|
|
32
|
-
"@salt-ds/icons": "^1.11.
|
|
32
|
+
"@salt-ds/icons": "^1.11.2"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"@types/react": ">=16.14.0",
|
package/dist-cjs/menu/Menu.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var MenuBase = require('./MenuBase.js');
|
|
7
|
-
var react = require('@floating-ui/react');
|
|
8
|
-
|
|
9
|
-
function Menu(props) {
|
|
10
|
-
const parentId = react.useFloatingParentNodeId();
|
|
11
|
-
if (parentId === null) {
|
|
12
|
-
return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingTree, {
|
|
13
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(MenuBase.MenuBase, {
|
|
14
|
-
...props
|
|
15
|
-
})
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return /* @__PURE__ */ jsxRuntime.jsx(MenuBase.MenuBase, {
|
|
19
|
-
...props
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
exports.Menu = Menu;
|
|
24
|
-
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":["../src/menu/Menu.tsx"],"sourcesContent":["import { MenuBase, MenuBaseProps } from \"./MenuBase\";\nimport { FloatingTree, useFloatingParentNodeId } from \"@floating-ui/react\";\n\nexport interface MenuProps extends MenuBaseProps {}\n\nexport function Menu(props: MenuProps) {\n const parentId = useFloatingParentNodeId();\n\n if (parentId === null) {\n return (\n <FloatingTree>\n <MenuBase {...props} />\n </FloatingTree>\n );\n }\n\n return <MenuBase {...props} />;\n}\n"],"names":["useFloatingParentNodeId","jsx","FloatingTree","MenuBase"],"mappings":";;;;;;;;AAKO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAA,MAAM,WAAWA,6BAAwB,EAAA,CAAA;AAEzC,EAAA,IAAI,aAAa,IAAM,EAAA;AACrB,IAAA,uBACGC,cAAA,CAAAC,kBAAA,EAAA;AAAA,MACC,QAAC,kBAAAD,cAAA,CAAAE,iBAAA,EAAA;AAAA,QAAU,GAAG,KAAA;AAAA,OAAO,CAAA;AAAA,KACvB,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBAAQF,cAAA,CAAAE,iBAAA,EAAA;AAAA,IAAU,GAAG,KAAA;AAAA,GAAO,CAAA,CAAA;AAC9B;;;;"}
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var MenuContext = require('./MenuContext.js');
|
|
8
|
-
var core = require('@salt-ds/core');
|
|
9
|
-
var react = require('@floating-ui/react');
|
|
10
|
-
|
|
11
|
-
function MenuBase(props) {
|
|
12
|
-
const {
|
|
13
|
-
children,
|
|
14
|
-
defaultOpen,
|
|
15
|
-
open,
|
|
16
|
-
onOpenChange,
|
|
17
|
-
placement,
|
|
18
|
-
getVirtualElement
|
|
19
|
-
} = props;
|
|
20
|
-
const parentId = react.useFloatingParentNodeId();
|
|
21
|
-
const nodeId = react.useFloatingNodeId();
|
|
22
|
-
const tree = react.useFloatingTree();
|
|
23
|
-
const elementsRef = React.useRef([]);
|
|
24
|
-
const [openState, setOpenState] = core.useControlled({
|
|
25
|
-
controlled: open,
|
|
26
|
-
default: Boolean(defaultOpen),
|
|
27
|
-
name: "ListControl",
|
|
28
|
-
state: "open"
|
|
29
|
-
});
|
|
30
|
-
const setOpen = React.useCallback(
|
|
31
|
-
(newOpen) => {
|
|
32
|
-
setOpenState(newOpen);
|
|
33
|
-
onOpenChange == null ? void 0 : onOpenChange(newOpen);
|
|
34
|
-
},
|
|
35
|
-
[setOpenState, onOpenChange]
|
|
36
|
-
);
|
|
37
|
-
const [activeIndex, setActiveIndex] = React.useState(null);
|
|
38
|
-
const [focusInside, setFocusInside] = React.useState(false);
|
|
39
|
-
const isNested = parentId != null;
|
|
40
|
-
const { x, y, strategy, elements, refs, context } = core.useFloatingUI({
|
|
41
|
-
nodeId,
|
|
42
|
-
open: openState,
|
|
43
|
-
onOpenChange: setOpen,
|
|
44
|
-
strategy: !getVirtualElement ? "absolute" : "fixed",
|
|
45
|
-
placement: placement != null ? placement : isNested || getVirtualElement ? "right-start" : "bottom-start",
|
|
46
|
-
middleware: [
|
|
47
|
-
react.offset(isNested ? { crossAxis: -1 } : {}),
|
|
48
|
-
react.flip({}),
|
|
49
|
-
react.shift({ limiter: react.limitShift() }),
|
|
50
|
-
react.size({
|
|
51
|
-
apply({ elements: elements2, availableHeight }) {
|
|
52
|
-
Object.assign(elements2.floating.style, {
|
|
53
|
-
maxHeight: `${availableHeight}px`
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
})
|
|
57
|
-
]
|
|
58
|
-
});
|
|
59
|
-
core.useIsomorphicLayoutEffect(() => {
|
|
60
|
-
if (getVirtualElement) {
|
|
61
|
-
refs.setPositionReference(getVirtualElement());
|
|
62
|
-
}
|
|
63
|
-
}, [getVirtualElement]);
|
|
64
|
-
const { getReferenceProps, getFloatingProps, getItemProps } = react.useInteractions(
|
|
65
|
-
[
|
|
66
|
-
react.useHover(context, {
|
|
67
|
-
enabled: isNested && !focusInside,
|
|
68
|
-
handleClose: react.safePolygon({ blockPointerEvents: true })
|
|
69
|
-
}),
|
|
70
|
-
react.useClick(context, {
|
|
71
|
-
event: "mousedown",
|
|
72
|
-
toggle: !isNested,
|
|
73
|
-
ignoreMouse: isNested
|
|
74
|
-
}),
|
|
75
|
-
react.useRole(context, { role: "menu" }),
|
|
76
|
-
react.useDismiss(context, { bubbles: true }),
|
|
77
|
-
react.useListNavigation(context, {
|
|
78
|
-
listRef: elementsRef,
|
|
79
|
-
activeIndex,
|
|
80
|
-
nested: isNested,
|
|
81
|
-
onNavigate: setActiveIndex
|
|
82
|
-
})
|
|
83
|
-
]
|
|
84
|
-
);
|
|
85
|
-
const getPanelPosition = () => {
|
|
86
|
-
var _a, _b;
|
|
87
|
-
return {
|
|
88
|
-
top: y != null ? y : 0,
|
|
89
|
-
left: x != null ? x : 0,
|
|
90
|
-
position: strategy,
|
|
91
|
-
width: (_a = elements.floating) == null ? void 0 : _a.offsetWidth,
|
|
92
|
-
height: (_b = elements.floating) == null ? void 0 : _b.offsetHeight
|
|
93
|
-
};
|
|
94
|
-
};
|
|
95
|
-
React.useEffect(() => {
|
|
96
|
-
if (!tree)
|
|
97
|
-
return;
|
|
98
|
-
function handleItemClick() {
|
|
99
|
-
setOpen(false);
|
|
100
|
-
}
|
|
101
|
-
tree.events.on("click", handleItemClick);
|
|
102
|
-
return () => {
|
|
103
|
-
tree.events.off("click", handleItemClick);
|
|
104
|
-
};
|
|
105
|
-
}, [tree, setOpen]);
|
|
106
|
-
return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingNode, {
|
|
107
|
-
id: nodeId,
|
|
108
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(MenuContext.MenuContext.Provider, {
|
|
109
|
-
value: {
|
|
110
|
-
openState,
|
|
111
|
-
getReferenceProps,
|
|
112
|
-
getFloatingProps,
|
|
113
|
-
refs,
|
|
114
|
-
getPanelPosition,
|
|
115
|
-
getItemProps,
|
|
116
|
-
activeIndex,
|
|
117
|
-
context,
|
|
118
|
-
elementsRef,
|
|
119
|
-
focusInside,
|
|
120
|
-
setFocusInside,
|
|
121
|
-
isNested
|
|
122
|
-
},
|
|
123
|
-
children
|
|
124
|
-
})
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
exports.MenuBase = MenuBase;
|
|
129
|
-
//# sourceMappingURL=MenuBase.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuBase.js","sources":["../src/menu/MenuBase.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { MenuContext } from \"./MenuContext\";\nimport {\n useControlled,\n useFloatingUI,\n UseFloatingUIProps,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport {\n flip,\n offset,\n shift,\n limitShift,\n useInteractions,\n useRole,\n useClick,\n useDismiss,\n useHover,\n safePolygon,\n FloatingNode,\n useFloatingParentNodeId,\n useFloatingNodeId,\n useListNavigation,\n useFloatingTree,\n size,\n ReferenceType,\n} from \"@floating-ui/react\";\n\nexport interface MenuBaseProps {\n children?: ReactNode;\n /**\n * Display or hide the component.\n */\n open?: boolean;\n /**\n * If true, the menu will be open by default.\n */\n defaultOpen?: boolean;\n /**\n * Callback function triggered when open state changes.\n */\n onOpenChange?: (newOpen: boolean) => void;\n /**\n * Set the placement of the Menu component relative to the trigger element. Defaults to `bottom-start` if it's the root menu or `right-start` if it's nested.\n */\n placement?: UseFloatingUIProps[\"placement\"];\n /**\n * Function that returns a [virtual element](https://floating-ui.com/docs/virtual-elements). If this is provided, it will override MenuTrigger.\n */\n getVirtualElement?: () => ReferenceType | null;\n}\n\nexport function MenuBase(props: MenuBaseProps) {\n const {\n children,\n defaultOpen,\n open,\n onOpenChange,\n placement,\n getVirtualElement,\n } = props;\n const parentId = useFloatingParentNodeId();\n const nodeId = useFloatingNodeId();\n const tree = useFloatingTree();\n const elementsRef = useRef<(HTMLDivElement | null)[]>([]);\n\n const [openState, setOpenState] = useControlled({\n controlled: open,\n default: Boolean(defaultOpen),\n name: \"ListControl\",\n state: \"open\",\n });\n\n const setOpen = useCallback(\n (newOpen: boolean) => {\n setOpenState(newOpen);\n onOpenChange?.(newOpen);\n },\n [setOpenState, onOpenChange]\n );\n\n const [activeIndex, setActiveIndex] = useState<number | null>(null);\n const [focusInside, setFocusInside] = useState(false);\n\n const isNested = parentId != null;\n\n const { x, y, strategy, elements, refs, context } = useFloatingUI({\n nodeId,\n open: openState,\n onOpenChange: setOpen,\n strategy: !getVirtualElement ? \"absolute\" : \"fixed\",\n placement:\n placement ??\n (isNested || getVirtualElement ? \"right-start\" : \"bottom-start\"),\n middleware: [\n // Align the nested menu by shifting it by var(--salt-size-border)\n offset(isNested ? { crossAxis: -1 } : {}),\n flip({}),\n shift({ limiter: limitShift() }),\n size({\n apply({ elements, availableHeight }) {\n Object.assign(elements.floating.style, {\n maxHeight: `${availableHeight}px`,\n });\n },\n }),\n ],\n });\n\n useIsomorphicLayoutEffect(() => {\n if (getVirtualElement) {\n refs.setPositionReference(getVirtualElement());\n }\n }, [getVirtualElement]);\n\n const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions(\n [\n useHover(context, {\n enabled: isNested && !focusInside,\n handleClose: safePolygon({ blockPointerEvents: true }),\n }),\n useClick(context, {\n event: \"mousedown\",\n toggle: !isNested,\n ignoreMouse: isNested,\n }),\n useRole(context, { role: \"menu\" }),\n useDismiss(context, { bubbles: true }),\n useListNavigation(context, {\n listRef: elementsRef,\n activeIndex,\n nested: isNested,\n onNavigate: setActiveIndex,\n }),\n ]\n );\n\n const getPanelPosition = () => ({\n top: y ?? 0,\n left: x ?? 0,\n position: strategy,\n width: elements.floating?.offsetWidth,\n height: elements.floating?.offsetHeight,\n });\n\n useEffect(() => {\n if (!tree) return;\n\n function handleItemClick() {\n setOpen(false);\n }\n\n tree.events.on(\"click\", handleItemClick);\n\n return () => {\n tree.events.off(\"click\", handleItemClick);\n };\n }, [tree, setOpen]);\n\n return (\n <FloatingNode id={nodeId}>\n <MenuContext.Provider\n value={{\n openState,\n getReferenceProps,\n getFloatingProps,\n refs,\n getPanelPosition,\n getItemProps,\n activeIndex,\n context,\n elementsRef,\n focusInside,\n setFocusInside,\n isNested,\n }}\n >\n {children}\n </MenuContext.Provider>\n </FloatingNode>\n );\n}\n"],"names":["useFloatingParentNodeId","useFloatingNodeId","useFloatingTree","useRef","useControlled","useCallback","useState","useFloatingUI","offset","flip","shift","limitShift","size","elements","useIsomorphicLayoutEffect","useInteractions","useHover","safePolygon","useClick","useRole","useDismiss","useListNavigation","useEffect","jsx","FloatingNode","MenuContext"],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var core = require('@salt-ds/core');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
|
|
8
|
-
const MenuContext = core.createContext("MenuContext", {
|
|
9
|
-
openState: false,
|
|
10
|
-
getReferenceProps: () => ({}),
|
|
11
|
-
getFloatingProps: () => ({}),
|
|
12
|
-
getPanelPosition: () => ({}),
|
|
13
|
-
getItemProps: () => ({}),
|
|
14
|
-
activeIndex: null,
|
|
15
|
-
elementsRef: { current: [] },
|
|
16
|
-
focusInside: false,
|
|
17
|
-
setFocusInside: () => void 0,
|
|
18
|
-
isNested: false
|
|
19
|
-
});
|
|
20
|
-
function useMenuContext() {
|
|
21
|
-
return React.useContext(MenuContext);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
exports.MenuContext = MenuContext;
|
|
25
|
-
exports.useMenuContext = useMenuContext;
|
|
26
|
-
//# sourceMappingURL=MenuContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContext.js","sources":["../src/menu/MenuContext.ts"],"sourcesContent":["import { createContext, UseFloatingUIReturn } from \"@salt-ds/core\";\nimport { Dispatch, MutableRefObject, SetStateAction, useContext } from \"react\";\nimport { useInteractions } from \"@floating-ui/react\";\n\ntype UseInteractionsReturn = ReturnType<typeof useInteractions>;\n\nexport interface MenuContextValue\n extends Pick<\n UseInteractionsReturn,\n \"getItemProps\" | \"getReferenceProps\" | \"getFloatingProps\"\n >,\n Partial<Pick<UseFloatingUIReturn, \"context\" | \"refs\">> {\n openState: boolean;\n activeIndex: number | null;\n getPanelPosition: () => Record<string, unknown>;\n elementsRef: MutableRefObject<(HTMLDivElement | null)[]>;\n focusInside: boolean;\n setFocusInside: Dispatch<SetStateAction<boolean>>;\n isNested: boolean;\n}\n\nexport const MenuContext = createContext<MenuContextValue>(\"MenuContext\", {\n openState: false,\n getReferenceProps: () => ({}),\n getFloatingProps: () => ({}),\n getPanelPosition: () => ({}),\n getItemProps: () => ({}),\n activeIndex: null,\n elementsRef: { current: [] },\n focusInside: false,\n setFocusInside: () => undefined,\n isNested: false,\n});\n\nexport function useMenuContext() {\n return useContext(MenuContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;AAqBa,MAAA,WAAA,GAAcA,mBAAgC,aAAe,EAAA;AAAA,EACxE,SAAW,EAAA,KAAA;AAAA,EACX,iBAAA,EAAmB,OAAO,EAAC,CAAA;AAAA,EAC3B,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAAA,EAC1B,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAAA,EAC1B,YAAA,EAAc,OAAO,EAAC,CAAA;AAAA,EACtB,WAAa,EAAA,IAAA;AAAA,EACb,WAAa,EAAA,EAAE,OAAS,EAAA,EAAG,EAAA;AAAA,EAC3B,WAAa,EAAA,KAAA;AAAA,EACb,gBAAgB,MAAM,KAAA,CAAA;AAAA,EACtB,QAAU,EAAA,KAAA;AACZ,CAAC,EAAA;AAEM,SAAS,cAAiB,GAAA;AAC/B,EAAA,OAAOC,iBAAW,WAAW,CAAA,CAAA;AAC/B;;;;;"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".saltMenuGroup-label {\n background: var(--salt-container-primary-background);\n color: var(--salt-text-secondary-foreground);\n font-size: var(--salt-text-label-fontSize);\n font-weight: var(--salt-text-label-fontWeight-strong);\n height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n padding-left: var(--salt-spacing-100);\n padding-right: var(--salt-spacing-100);\n display: flex;\n align-items: center;\n position: sticky;\n top: 0;\n z-index: var(--salt-zIndex-default);\n}\n\n.saltMenuGroup {\n border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);\n}\n\n.saltMenuGroup:first-of-type {\n border-top: 0;\n}\n";
|
|
4
|
-
|
|
5
|
-
module.exports = css_248z;
|
|
6
|
-
//# sourceMappingURL=MenuGroup.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuGroup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var clsx = require('clsx');
|
|
8
|
-
var window = require('@salt-ds/window');
|
|
9
|
-
var styles = require('@salt-ds/styles');
|
|
10
|
-
var core = require('@salt-ds/core');
|
|
11
|
-
var MenuGroup$1 = require('./MenuGroup.css.js');
|
|
12
|
-
|
|
13
|
-
const withBaseName = core.makePrefixer("saltMenuGroup");
|
|
14
|
-
const MenuGroup = React.forwardRef(
|
|
15
|
-
function MenuGroup2(props, ref) {
|
|
16
|
-
const { className, children, label, ...rest } = props;
|
|
17
|
-
const targetWindow = window.useWindow();
|
|
18
|
-
styles.useComponentCssInjection({
|
|
19
|
-
testId: "salt-menu-group",
|
|
20
|
-
css: MenuGroup$1,
|
|
21
|
-
window: targetWindow
|
|
22
|
-
});
|
|
23
|
-
const labelId = core.useId();
|
|
24
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
25
|
-
"aria-labelledby": label ? labelId : void 0,
|
|
26
|
-
className: clsx.clsx(withBaseName(), className),
|
|
27
|
-
role: "group",
|
|
28
|
-
ref,
|
|
29
|
-
...rest,
|
|
30
|
-
children: [
|
|
31
|
-
label && /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
32
|
-
"aria-hidden": true,
|
|
33
|
-
className: withBaseName("label"),
|
|
34
|
-
id: labelId,
|
|
35
|
-
children: label
|
|
36
|
-
}),
|
|
37
|
-
children
|
|
38
|
-
]
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
);
|
|
42
|
-
|
|
43
|
-
exports.MenuGroup = MenuGroup;
|
|
44
|
-
//# sourceMappingURL=MenuGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuGroup.js","sources":["../src/menu/MenuGroup.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer, useId } from \"@salt-ds/core\";\nimport menuGroupCss from \"./MenuGroup.css\";\n\nexport interface MenuGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The label of the menu group.\n */\n label?: string;\n /**\n * Menus to be rendered inside the menu group.\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltMenuGroup\");\n\nexport const MenuGroup = forwardRef<HTMLDivElement, MenuGroupProps>(\n function MenuGroup(props, ref) {\n const { className, children, label, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-menu-group\",\n css: menuGroupCss,\n window: targetWindow,\n });\n\n const labelId = useId();\n\n return (\n <div\n aria-labelledby={label ? labelId : undefined}\n className={clsx(withBaseName(), className)}\n role=\"group\"\n ref={ref}\n {...rest}\n >\n {label && (\n <div aria-hidden className={withBaseName(\"label\")} id={labelId}>\n {label}\n </div>\n )}\n {children}\n </div>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","MenuGroup","useWindow","useComponentCssInjection","menuGroupCss","useId","jsxs","clsx","jsx"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA,CAAA;AAE1C,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,UAAU,CAAA,KAAA,EAAO,GAAK,EAAA;AAC7B,IAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,KAAA,EAAA,GAAU,MAAS,GAAA,KAAA,CAAA;AAEhD,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,UAAUC,UAAM,EAAA,CAAA;AAEtB,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MACC,iBAAA,EAAiB,QAAQ,OAAU,GAAA,KAAA,CAAA;AAAA,MACnC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,IAAK,EAAA,OAAA;AAAA,MACL,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,aAAW,EAAA,IAAA;AAAA,UAAC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,UAAG,EAAI,EAAA,OAAA;AAAA,UACpD,QAAA,EAAA,KAAA;AAAA,SACH,CAAA;AAAA,QAED,QAAA;AAAA,OAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
|