@pexip/components 20.0.0 → 20.2.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/CHANGELOG.md +204 -0
- package/api-docs/README.mdx +11 -2
- package/api-docs/enumerations/TestId.mdx +1 -0
- package/api-docs/functions/announce.mdx +1 -1
- package/api-docs/functions/onEnter.mdx +3 -3
- package/api-docs/functions/sizeToPadding.mdx +16 -6
- package/api-docs/functions/useBoundingRect.mdx +42 -0
- package/api-docs/functions/useBreakpointChange.mdx +1 -1
- package/api-docs/functions/useFocusFrom.mdx +2 -2
- package/api-docs/functions/useFocusFromOpened.mdx +1 -1
- package/api-docs/functions/useGroupedPagesNav.mdx +2 -2
- package/api-docs/functions/useInput.mdx +4 -2
- package/api-docs/functions/useModal.mdx +2 -2
- package/api-docs/functions/useModalHandle.mdx +1 -1
- package/api-docs/functions/useModalWithoutPreventScroll.mdx +2 -2
- package/api-docs/functions/useMultistepIndicator.mdx +24 -8
- package/api-docs/functions/useOutOfViewNavigation.mdx +4 -4
- package/api-docs/functions/useScrollIntoView.mdx +3 -3
- package/api-docs/functions/useTabs.mdx +1 -1
- package/api-docs/functions/withColorScheme.mdx +3 -3
- package/api-docs/functions/withTabName.mdx +2 -2
- package/api-docs/functions/withTransition.mdx +6 -4
- package/api-docs/interfaces/FullSizeWindowCommonProps.mdx +4 -4
- package/api-docs/interfaces/IconCollection.mdx +7 -0
- package/api-docs/interfaces/IconSource.mdx +3 -3
- package/api-docs/interfaces/LoadingBoxProps.mdx +5 -3
- package/api-docs/interfaces/ModalHandle.mdx +1 -1
- package/api-docs/interfaces/MultistepItem.mdx +1 -1
- package/api-docs/interfaces/StatCardRowData.mdx +5 -5
- package/api-docs/interfaces/ToastProps.mdx +3 -3
- package/api-docs/interfaces/VideoHandle.mdx +2 -2
- package/api-docs/interfaces/WithTransitionProps.mdx +1 -0
- package/api-docs/type-aliases/ActivityCardAction.mdx +1 -1
- package/api-docs/type-aliases/AriaMenuItem.mdx +9 -1
- package/api-docs/type-aliases/AriaMenuProps.mdx +5 -1
- package/api-docs/type-aliases/AriaSubMenu.mdx +27 -0
- package/api-docs/type-aliases/AriaSubMenuContentHelpers.mdx +13 -0
- package/api-docs/type-aliases/BreadcrumbItem.mdx +1 -1
- package/api-docs/type-aliases/ClickEventHandler.mdx +1 -1
- package/api-docs/type-aliases/MenuAction.mdx +1 -1
- package/api-docs/type-aliases/MenuItem.mdx +5 -4
- package/api-docs/type-aliases/MultiselectCoreProps.mdx +3 -0
- package/api-docs/type-aliases/MultiselectOption.mdx +1 -1
- package/api-docs/type-aliases/NotificationToastMessage.mdx +1 -1
- package/api-docs/type-aliases/NotificationTooltipPosition.mdx +3 -1
- package/api-docs/type-aliases/NotificationTooltipProps.mdx +3 -0
- package/api-docs/type-aliases/Option.mdx +1 -1
- package/api-docs/type-aliases/SelectProps.mdx +3 -3
- package/api-docs/type-aliases/TagItem.mdx +2 -2
- package/api-docs/variables/AriaMenu.mdx +3 -1
- package/api-docs/variables/Draggable.mdx +51 -0
- package/api-docs/variables/KEYBOARD_EVENT_KEY.mdx +16 -0
- package/api-docs/variables/MultiselectCore.mdx +27 -0
- package/api-docs/variables/MultistepIndicator.mdx +1 -0
- package/api-docs/variables/PreferenceInput.mdx +1 -0
- package/api-docs/variables/Select.mdx +2 -2
- package/api-docs/variables/Sheet.mdx +9 -1
- package/api-docs/variables/Toast.mdx +3 -1
- package/api-docs/variables/ToggleSwitchDisplay.mdx +16 -0
- package/api-docs/variables/buttonVariantsValues.mdx +3 -0
- package/design-tokens/mixins/_focus.scss +54 -10
- package/design-tokens/mixins/media-queries.scss +12 -0
- package/design-tokens/variables.legacy.scss +8 -0
- package/dist/components-no-global-styles.css +1 -1
- package/dist/components.cjs +2 -2
- package/dist/components.css +1 -1
- package/dist/components.js +6253 -8056
- package/dist/types/design-tokens/generated/Icons.d.ts +7 -0
- package/dist/types/design-tokens/generated/Icons.d.ts.map +1 -1
- package/dist/types/src/components/elements/ActionsRow/ActionsRow.d.ts +1 -0
- package/dist/types/src/components/elements/ActionsRow/ActionsRow.d.ts.map +1 -1
- package/dist/types/src/components/elements/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/types/src/components/elements/Draggable/Draggable.view.d.ts +43 -0
- package/dist/types/src/components/elements/Draggable/Draggable.view.d.ts.map +1 -1
- package/dist/types/src/components/elements/Input/Input.d.ts +1 -0
- package/dist/types/src/components/elements/Input/Input.d.ts.map +1 -1
- package/dist/types/src/components/elements/ListBoxLink/ListBoxLink.d.ts +2 -2
- package/dist/types/src/components/elements/ListBoxLink/ListBoxLink.d.ts.map +1 -1
- package/dist/types/src/components/elements/ListLink/ListLink.d.ts +8 -5
- package/dist/types/src/components/elements/ListLink/ListLink.d.ts.map +1 -1
- package/dist/types/src/components/elements/Panel/Panel.d.ts +1 -0
- package/dist/types/src/components/elements/Panel/Panel.d.ts.map +1 -1
- package/dist/types/src/components/elements/Scrollbars/Scrollbars.d.ts +0 -1
- package/dist/types/src/components/elements/Scrollbars/Scrollbars.d.ts.map +1 -1
- package/dist/types/src/components/elements/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/types/src/components/elements/ToggleSwitch/ToggleSwitchDisplay.d.ts +28 -0
- package/dist/types/src/components/elements/ToggleSwitch/ToggleSwitchDisplay.d.ts.map +1 -0
- package/dist/types/src/components/elements/Tooltip/NotificationTooltip.d.ts +1 -2
- package/dist/types/src/components/elements/Tooltip/NotificationTooltip.d.ts.map +1 -1
- package/dist/types/src/components/elements/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/src/components/modules/AriaMenu/AriaMenu.d.ts +3 -1
- package/dist/types/src/components/modules/AriaMenu/AriaMenu.d.ts.map +1 -1
- package/dist/types/src/components/modules/AriaMenu/AriaMenu.types.d.ts +121 -1
- package/dist/types/src/components/modules/AriaMenu/AriaMenu.types.d.ts.map +1 -1
- package/dist/types/src/components/modules/AriaMenu/InnerAriaMenu.d.ts +32 -4
- package/dist/types/src/components/modules/AriaMenu/InnerAriaMenu.d.ts.map +1 -1
- package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuButton.d.ts +3 -6
- package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuButton.d.ts.map +1 -1
- package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuItem.d.ts +3 -0
- package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuItem.d.ts.map +1 -1
- package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuNavigator.d.ts +22 -0
- package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuNavigator.d.ts.map +1 -0
- package/dist/types/src/components/modules/AriaMenu/InnerAriaMenuPopover.d.ts.map +1 -1
- package/dist/types/src/components/modules/Avatar/Avatar.utils.d.ts +2 -2
- package/dist/types/src/components/modules/Avatar/Avatar.utils.d.ts.map +1 -1
- package/dist/types/src/components/modules/Captions/Captions.view.d.ts +1 -0
- package/dist/types/src/components/modules/Captions/Captions.view.d.ts.map +1 -1
- package/dist/types/src/components/modules/CondensedTabs/CondensedTabs.view.d.ts +1 -0
- package/dist/types/src/components/modules/CondensedTabs/CondensedTabs.view.d.ts.map +1 -1
- package/dist/types/src/components/modules/ConfirmationModal/ConfirmationModal.d.ts +2 -0
- package/dist/types/src/components/modules/ConfirmationModal/ConfirmationModal.d.ts.map +1 -1
- package/dist/types/src/components/modules/DropContent/DropContent.d.ts.map +1 -1
- package/dist/types/src/components/modules/Menu/Menu.d.ts +3 -1
- package/dist/types/src/components/modules/Menu/Menu.d.ts.map +1 -1
- package/dist/types/src/components/modules/Menu/types.d.ts +4 -2
- package/dist/types/src/components/modules/Menu/types.d.ts.map +1 -1
- package/dist/types/src/components/modules/Modal/Modal.d.ts +2 -0
- package/dist/types/src/components/modules/Modal/Modal.d.ts.map +1 -1
- package/dist/types/src/components/modules/Multiselect/ConfirmableMultiselect.d.ts.map +1 -1
- package/dist/types/src/components/modules/Multiselect/Multiselect.d.ts +8 -0
- package/dist/types/src/components/modules/Multiselect/Multiselect.d.ts.map +1 -1
- package/dist/types/src/components/modules/Multiselect/MultiselectCore.d.ts.map +1 -1
- package/dist/types/src/components/modules/MultistepIndicator/MultistepIndicator.d.ts +1 -0
- package/dist/types/src/components/modules/MultistepIndicator/MultistepIndicator.d.ts.map +1 -1
- package/dist/types/src/components/modules/MultistepIndicator/MultistepIndicator.utils.d.ts +1 -2
- package/dist/types/src/components/modules/MultistepIndicator/MultistepIndicator.utils.d.ts.map +1 -1
- package/dist/types/src/components/modules/MultistepIndicator/OrdinalText.view.d.ts.map +1 -1
- package/dist/types/src/components/modules/PopOutWindow/PopOutWindow.d.ts.map +1 -1
- package/dist/types/src/components/modules/PopOutWindow/copyStyles.d.ts +23 -0
- package/dist/types/src/components/modules/PopOutWindow/copyStyles.d.ts.map +1 -0
- package/dist/types/src/components/modules/PreferenceInput/PreferenceInput.d.ts +2 -0
- package/dist/types/src/components/modules/PreferenceInput/PreferenceInput.d.ts.map +1 -1
- package/dist/types/src/components/modules/Sheet/Sheet.d.ts +12 -1
- package/dist/types/src/components/modules/Sheet/Sheet.d.ts.map +1 -1
- package/dist/types/src/components/modules/TransitionContainer/withTransition.d.ts +1 -0
- package/dist/types/src/components/modules/TransitionContainer/withTransition.d.ts.map +1 -1
- package/dist/types/src/constants/keyboard.d.ts +2 -0
- package/dist/types/src/constants/keyboard.d.ts.map +1 -1
- package/dist/types/src/exports.d.ts +8 -1
- package/dist/types/src/exports.d.ts.map +1 -1
- package/dist/types/src/hooks/useAriaTooltip.d.ts +9 -3
- package/dist/types/src/hooks/useAriaTooltip.d.ts.map +1 -1
- package/dist/types/src/hooks/useBoundingRect.d.ts +27 -0
- package/dist/types/src/hooks/useBoundingRect.d.ts.map +1 -0
- package/dist/types/src/types/sizes.d.ts +1 -1
- package/dist/types/src/types/sizes.d.ts.map +1 -1
- package/dist/types/src/utils/imageSrc.d.ts +1 -1
- package/dist/types/src/utils/testIds.d.ts +1 -0
- package/dist/types/src/utils/testIds.d.ts.map +1 -1
- package/package.json +15 -26
|
@@ -23,6 +23,8 @@ export interface IconCollection {
|
|
|
23
23
|
IconAudioTransmission: IconSource;
|
|
24
24
|
IconAuthenticated: IconSource;
|
|
25
25
|
IconBackgroundBlur: IconSource;
|
|
26
|
+
IconBackgroundBlurLight: IconSource;
|
|
27
|
+
IconBackgroundBlurStrong: IconSource;
|
|
26
28
|
IconBackgroundReplace: IconSource;
|
|
27
29
|
IconBackspace: IconSource;
|
|
28
30
|
IconBackToTop: IconSource;
|
|
@@ -80,6 +82,7 @@ export interface IconCollection {
|
|
|
80
82
|
IconImport: IconSource;
|
|
81
83
|
IconInfoRound: IconSource;
|
|
82
84
|
IconKey: IconSource;
|
|
85
|
+
IconLanguage: IconSource;
|
|
83
86
|
IconLeave: IconSource;
|
|
84
87
|
IconLink: IconSource;
|
|
85
88
|
IconLiveCaption: IconSource;
|
|
@@ -99,6 +102,7 @@ export interface IconCollection {
|
|
|
99
102
|
IconMoreVertical: IconSource;
|
|
100
103
|
IconMove: IconSource;
|
|
101
104
|
IconNotauthenticated: IconSource;
|
|
105
|
+
IconNotAuthenticated: IconSource;
|
|
102
106
|
IconOpenInNew: IconSource;
|
|
103
107
|
IconParticipant: IconSource;
|
|
104
108
|
IconPasswordHide: IconSource;
|
|
@@ -126,6 +130,7 @@ export interface IconCollection {
|
|
|
126
130
|
IconShare: IconSource;
|
|
127
131
|
IconShield: IconSource;
|
|
128
132
|
IconShuffle: IconSource;
|
|
133
|
+
IconSort: IconSource;
|
|
129
134
|
IconSpeakerDisabled: IconSource;
|
|
130
135
|
IconSpeakerOff: IconSource;
|
|
131
136
|
IconSpeakerOn: IconSource;
|
|
@@ -133,11 +138,13 @@ export interface IconCollection {
|
|
|
133
138
|
IconStar: IconSource;
|
|
134
139
|
IconStopRound: IconSource;
|
|
135
140
|
IconSupport: IconSource;
|
|
141
|
+
IconSupportAgent: IconSource;
|
|
136
142
|
IconTestScriptIcon: IconSource;
|
|
137
143
|
IconThumbsDown: IconSource;
|
|
138
144
|
IconThumbsUp: IconSource;
|
|
139
145
|
IconTimer: IconSource;
|
|
140
146
|
IconTranscript: IconSource;
|
|
147
|
+
IconTranslation: IconSource;
|
|
141
148
|
IconTrash: IconSource;
|
|
142
149
|
IconUnlock: IconSource;
|
|
143
150
|
IconVideoOff: IconSource;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../design-tokens/generated/Icons.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../design-tokens/generated/Icons.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export declare const ActionsRow: React.FC<Omit<React.ComponentProps<'div'>, 'tit
|
|
|
6
6
|
subtitle?: string;
|
|
7
7
|
className?: string;
|
|
8
8
|
colorScheme?: ColorScheme;
|
|
9
|
+
hasDivider?: boolean;
|
|
9
10
|
}>;
|
|
10
11
|
export type ActionsRowProps = React.ComponentProps<typeof ActionsRow>;
|
|
11
12
|
//# sourceMappingURL=ActionsRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionsRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/ActionsRow/ActionsRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAMzD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC7B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"ActionsRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/ActionsRow/ActionsRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAMzD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC7B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CA8CJ,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAElC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAOzD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC5B,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7B,MAAM,GAAG,UAAU,CACtB,GAAG;IACA,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAChD,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAElC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAOzD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC5B,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7B,MAAM,GAAG,UAAU,CACtB,GAAG;IACA,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAChD,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ,qGA0EnB,CAAC"}
|
|
@@ -18,6 +18,49 @@ export declare enum LockStyle {
|
|
|
18
18
|
VERTICAL = 1,
|
|
19
19
|
HORIZONTAL = 2
|
|
20
20
|
}
|
|
21
|
+
/**
|
|
22
|
+
* A wrapper that makes its children draggable via pointer (and, when
|
|
23
|
+
* `isMoveableWithArrowKeys` is set, the keyboard).
|
|
24
|
+
*
|
|
25
|
+
* By default the **entire** surface of the Draggable starts a drag on
|
|
26
|
+
* pointer-down. The two opt-in `data-*` attributes below let you refine which
|
|
27
|
+
* parts of the content are draggable. Neither is required — omit them when the
|
|
28
|
+
* whole element should be draggable.
|
|
29
|
+
*
|
|
30
|
+
* - `data-no-drag`: Marks a descendant region that should **not** initiate a
|
|
31
|
+
* drag. Add it to interactive controls nested inside the Draggable (buttons,
|
|
32
|
+
* links, inputs, sliders, menus, etc.) so they stay usable without
|
|
33
|
+
* accidentally moving the element.
|
|
34
|
+
* - `data-drag-handle`: Marks a descendant that **can** initiate a drag even
|
|
35
|
+
* when it sits inside a `data-no-drag` region. Use it to expose a dedicated
|
|
36
|
+
* grab handle within an otherwise non-draggable area.
|
|
37
|
+
*
|
|
38
|
+
* Both attributes are resolved with `Element.closest`, so they apply to the
|
|
39
|
+
* tagged element and everything nested within it.
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* // Whole card is draggable (no attributes needed):
|
|
43
|
+
* <Draggable>
|
|
44
|
+
* <Card />
|
|
45
|
+
* </Draggable>
|
|
46
|
+
*
|
|
47
|
+
* @example
|
|
48
|
+
* // Card is draggable, but the close button stays clickable:
|
|
49
|
+
* <Draggable>
|
|
50
|
+
* <Card>
|
|
51
|
+
* <button data-no-drag onClick={onClose}>Close</button>
|
|
52
|
+
* </Card>
|
|
53
|
+
* </Draggable>
|
|
54
|
+
*
|
|
55
|
+
* @example
|
|
56
|
+
* // Only the header acts as a drag handle inside an otherwise no-drag body:
|
|
57
|
+
* <Draggable>
|
|
58
|
+
* <div data-no-drag>
|
|
59
|
+
* <div data-drag-handle>Drag me</div>
|
|
60
|
+
* <Body />
|
|
61
|
+
* </div>
|
|
62
|
+
* </Draggable>
|
|
63
|
+
*/
|
|
21
64
|
export declare const Draggable: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
22
65
|
alignWithFloatRootTrigger?: AlignWithFloatRootTrigger;
|
|
23
66
|
ariaLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Draggable.view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Draggable/Draggable.view.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Draggable.view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Draggable/Draggable.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAQtE,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,gBAAgB,CAC1D,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CACtB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,oBAAY,SAAS;IACjB,IAAI,IAAI;IACR,QAAQ,IAAI;IACZ,UAAU,IAAI;CACjB;AAuCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,SAAS;gCAGc,yBAAyB;gBACzC,MAAM;uBACC,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI;gBACxC,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC;qBACjC,cAAc;iBAClB,OAAO;8BACM,OAAO;gBACrB,SAAS;yBACA,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI;uBACnC,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI;mBACrC,CACX,OAAO,EAAE,cAAc,EACvB,iBAAiB,EAAE,iBAAiB,KACnC,IAAI;qBACQ,OAAO;2BACD,WAAW,GAAG,IAAI;uBACtB,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;mBACvC,MAAM;kBACP,MAAM;yBACC,OAAO;gBAChB,OAAO;gDAsiB1B,CAAC;AAIF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC"}
|
|
@@ -3,6 +3,7 @@ import type { BaseSizeModifier } from '../../../types/sizes';
|
|
|
3
3
|
import type { ButtonVariant, ColorScheme, InputVariant, LabelModifier } from '../../../types/variants';
|
|
4
4
|
export type TextLikeInputType = 'text' | 'password' | 'number' | 'email' | 'search' | 'tel' | 'url' | 'date';
|
|
5
5
|
export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled"> & {
|
|
6
|
+
containerRef?: React.RefObject<HTMLDivElement | null>;
|
|
6
7
|
clearButtonText?: string;
|
|
7
8
|
clearButtonVariant?: ButtonVariant;
|
|
8
9
|
colorScheme?: ColorScheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EACR,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EAChB,MAAM,yBAAyB,CAAC;AAUjC,MAAM,MAAM,iBAAiB,GACvB,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,KAAK,GACL,KAAK,GACL,MAAM,CAAC;AAEb,eAAO,MAAM,KAAK;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EACR,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EAChB,MAAM,yBAAyB,CAAC;AAUjC,MAAM,MAAM,iBAAiB,GACvB,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,KAAK,GACL,KAAK,GACL,MAAM,CAAC;AAEb,eAAO,MAAM,KAAK;mBAGK,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC;sBACnC,MAAM;yBACH,aAAa;kBACpB,WAAW;kBACX,KAAK,CAAC,SAAS;oBACb,KAAK,CAAC,SAAS;gBACnB,MAAM;eACP,OAAO;SACb,MAAM;iBACE,OAAO;WACb,MAAM;oBACG,aAAa;UACvB,MAAM;cACF,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;oBACjB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sBACrB,OAAO;mBACV,gBAAgB;aACtB,MAAM;WACR,iBAAiB;YAChB,MAAM;cACJ,YAAY;iEAoL7B,CAAC;AAIF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,QAAQ,GAAI,OAAO,UAAU,KAAG,CAAC,MAAM,EAAE,UAAU,CAY/D,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { InteractiveElementProps } from '../InteractiveElement/InteractiveElement';
|
|
3
|
-
import type { ColorScheme } from '../../../types/variants';
|
|
4
2
|
import type { StandardSizeModifier } from '../../../types/sizes';
|
|
3
|
+
import type { ColorScheme } from '../../../types/variants';
|
|
4
|
+
import type { InteractiveElementProps } from '../InteractiveElement/InteractiveElement';
|
|
5
5
|
export declare const ListBoxLink: React.FC<InteractiveElementProps & {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
colorScheme?: ColorScheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListBoxLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/ListBoxLink/ListBoxLink.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListBoxLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/ListBoxLink/ListBoxLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEzD,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,0CAA0C,CAAC;AAKtF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,uBAAuB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAEpC,OAAO,CAAC,EAAE,CACN,CAAC,EACK,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACrC,IAAI,CAAC;CACb,CAmDJ,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC"}
|
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { TextVariant } from '../../../types/variants';
|
|
3
2
|
import type { IconSource } from '../../../../design-tokens/generated/Icons';
|
|
4
|
-
import type { InteractiveElementProps } from '../InteractiveElement/InteractiveElement';
|
|
5
3
|
import type { BaseSizeModifier } from '../../../types/sizes';
|
|
4
|
+
import type { TextVariant } from '../../../types/variants';
|
|
5
|
+
import { Icon } from '../../elements/Icon/Icon';
|
|
6
|
+
import type { InteractiveElementProps } from '../InteractiveElement/InteractiveElement';
|
|
6
7
|
export declare const ListLink: React.FC<InteractiveElementProps & {
|
|
7
8
|
children: React.ReactNode;
|
|
8
|
-
variant?: TextVariant;
|
|
9
9
|
hasBorder?: boolean;
|
|
10
10
|
icon?: IconSource;
|
|
11
|
-
|
|
11
|
+
iconSize?: React.ComponentProps<typeof Icon>['size'];
|
|
12
12
|
iconAlignedStart?: boolean;
|
|
13
|
-
|
|
13
|
+
iconClassName?: string;
|
|
14
|
+
iconColor?: string;
|
|
14
15
|
isDisabled?: boolean;
|
|
16
|
+
isFixedIcon?: boolean;
|
|
15
17
|
sizeModifier?: BaseSizeModifier;
|
|
18
|
+
variant?: TextVariant;
|
|
16
19
|
onClick?: (e: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLDivElement>) => void;
|
|
17
20
|
}>;
|
|
18
21
|
//# sourceMappingURL=ListLink.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/ListLink/ListLink.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/ListLink/ListLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AAC1E,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAE9C,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,0CAA0C,CAAC;AAKtF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC3B,uBAAuB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,OAAO,CAAC,EAAE,CACN,CAAC,EACK,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACrC,IAAI,CAAC;CACb,CAkDJ,CAAC"}
|
|
@@ -9,6 +9,7 @@ export declare const Panel: React.ForwardRefExoticComponent<Omit<{
|
|
|
9
9
|
scrollbarRef?: React.RefObject<SimpleBarCore | null>;
|
|
10
10
|
scrollElementRef?: React.RefObject<HTMLElement | null>;
|
|
11
11
|
scrollElementClassname?: string;
|
|
12
|
+
scrollbarsClassname?: string;
|
|
12
13
|
onScroll?: () => void;
|
|
13
14
|
} & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
14
15
|
hasBackground?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAC;AAEnC,OAAO,KAAK,aAAa,MAAM,gBAAgB,CAAC;AAQhD,eAAO,MAAM,KAAK;;;iBAGG,OAAO;qBACH,OAAO;qBACP,OAAO;mBACT,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC;uBACjC,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;6BAC7B,MAAM;
|
|
1
|
+
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAC;AAEnC,OAAO,KAAK,aAAa,MAAM,gBAAgB,CAAC;AAQhD,eAAO,MAAM,KAAK;;;iBAGG,OAAO;qBACH,OAAO;qBACP,OAAO;mBACT,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC;uBACjC,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;6BAC7B,MAAM;0BACT,MAAM;eACjB,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kHAqE5B,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC"}
|
|
@@ -3,7 +3,6 @@ import { type Props } from 'simplebar-react';
|
|
|
3
3
|
import type SimpleBarCore from 'simplebar-core';
|
|
4
4
|
export type AutoHideBehavior = 'never' | 'scroll' | 'leave' | 'move';
|
|
5
5
|
export declare const Scrollbars: React.ForwardRefExoticComponent<Omit<Props, "autoHide"> & {
|
|
6
|
-
children?: React.ReactNode;
|
|
7
6
|
autoHide?: AutoHideBehavior;
|
|
8
7
|
scrollElementRef?: React.MutableRefObject<HTMLElement | null>;
|
|
9
8
|
onScroll?: (e: Event) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scrollbars.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Scrollbars/Scrollbars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAkB,EAAC,KAAK,KAAK,EAAC,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,aAAa,MAAM,gBAAgB,CAAC;AAQhD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAErE,eAAO,MAAM,UAAU;eAGJ,
|
|
1
|
+
{"version":3,"file":"Scrollbars.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Scrollbars/Scrollbars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAkB,EAAC,KAAK,KAAK,EAAC,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,aAAa,MAAM,gBAAgB,CAAC;AAQhD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAErE,eAAO,MAAM,UAAU;eAGJ,gBAAgB;uBACR,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;eAClD,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI;gBACjB,MAAM;uCA0CzB,CAAC;AAIF,KAAK,WAAW,GAAG,aAAa,GAAG,IAAI,CAAC;AAExC,YAAY,EAAC,WAAW,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAMzD,MAAM,WAAW,iBACb,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IACvD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACpC,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACpC,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAC/B,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,CAAC,CAwC5C,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ColorScheme } from '../../../types/variants';
|
|
3
|
+
export interface ToggleSwitchDisplayProps extends React.HTMLAttributes<HTMLElement> {
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
checked: boolean;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
isSmall?: boolean;
|
|
9
|
+
label: string;
|
|
10
|
+
labelClassName?: string;
|
|
11
|
+
labelPosition?: 'start' | 'end';
|
|
12
|
+
labelModifier?: 'hidden' | 'spaced';
|
|
13
|
+
labelFontWeight?: 'normal' | 'bold';
|
|
14
|
+
colorScheme?: ColorScheme;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Presentational version of ToggleSwitch that renders only the visual toggle
|
|
18
|
+
* indicator and label text — it does not render an `<input>` or manage any
|
|
19
|
+
* interaction/state itself.
|
|
20
|
+
*
|
|
21
|
+
* Use this when the parent element (e.g. an AriaMenu item) already handles
|
|
22
|
+
* interaction and you only need to display the toggle state.
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* <ToggleSwitchDisplay checked={isMuted} label="Mute all guests" isSmall />
|
|
26
|
+
*/
|
|
27
|
+
export declare const ToggleSwitchDisplay: React.FC<ToggleSwitchDisplayProps>;
|
|
28
|
+
//# sourceMappingURL=ToggleSwitchDisplay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleSwitchDisplay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/ToggleSwitch/ToggleSwitchDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAMzD,MAAM,WAAW,wBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACpC,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACpC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqDlE,CAAC"}
|
|
@@ -2,9 +2,8 @@ import type { ReactElement } from 'react';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { ColorScheme } from '../../../types/variants';
|
|
4
4
|
import type { ControlledTooltip } from './useTooltip';
|
|
5
|
-
export type NotificationTooltipPosition = 'topRight' | 'topCenter' | 'topLeft' | 'topStart' | 'topEnd' | 'bottomRight' | 'bottomCenter' | 'bottomLeft' | 'bottomStart' | 'bottomEnd';
|
|
5
|
+
export type NotificationTooltipPosition = 'topRight' | 'topCenter' | 'topLeft' | 'topStart' | 'topEnd' | 'bottomRight' | 'bottomCenter' | 'bottomLeft' | 'bottomStart' | 'bottomEnd' | 'left' | 'right';
|
|
6
6
|
export declare const NotificationTooltip: React.FC<React.ComponentProps<'div'> & ControlledTooltip & {
|
|
7
|
-
usePortal?: boolean;
|
|
8
7
|
position?: NotificationTooltipPosition;
|
|
9
8
|
header?: React.ReactNode;
|
|
10
9
|
modifier?: 'fullWidth';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Tooltip/NotificationTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAIzD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAMpD,MAAM,MAAM,2BAA2B,GACjC,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,QAAQ,GACR,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Tooltip/NotificationTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAIzD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAMpD,MAAM,MAAM,2BAA2B,GACjC,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,QAAQ,GACR,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AAEd,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CACtC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GACvB,iBAAiB,GAAG;IAChB,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC,CAwIR,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CACvD,OAAO,mBAAmB,CAC7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/elements/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAKrC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AAO9D;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC1B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACtC,CAoEJ,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { AriaMenuProps } from './AriaMenu.types';
|
|
3
3
|
/**
|
|
4
|
-
* AriaMenu component represents a dropdown menu.
|
|
4
|
+
* AriaMenu component represents a dropdown menu. Menu items can open submenus in
|
|
5
|
+
* place, rendering either a nested list of items or arbitrary React content,
|
|
6
|
+
* with a back button to return to the previous level.
|
|
5
7
|
*/
|
|
6
8
|
export declare const AriaMenu: React.FC<AriaMenuProps>;
|
|
7
9
|
//# sourceMappingURL=AriaMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AriaMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/AriaMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AriaMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/AriaMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAGpD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0C5C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Placement } from '@react-aria/overlays';
|
|
2
|
-
import type { CSSProperties, ReactElement } from 'react';
|
|
2
|
+
import type { CSSProperties, ReactElement, ReactNode } from 'react';
|
|
3
3
|
import type { ItemProps } from '@react-types/shared';
|
|
4
4
|
import type { Item } from '@react-stately/collections';
|
|
5
5
|
import type { ColorScheme } from '../../..';
|
|
@@ -12,6 +12,15 @@ export type AriaMenuProps = {
|
|
|
12
12
|
* The react element that triggers the menu.
|
|
13
13
|
*/
|
|
14
14
|
button: ReactElement;
|
|
15
|
+
/**
|
|
16
|
+
* Optionally wraps the rendered menu trigger.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* renderButton={triggerButton => (
|
|
20
|
+
* <Tooltip text="Settings">{triggerButton}</Tooltip>
|
|
21
|
+
* )}
|
|
22
|
+
*/
|
|
23
|
+
renderButton?: (triggerButton: ReactElement) => ReactNode;
|
|
15
24
|
/**
|
|
16
25
|
* Optional content to show above the menu items.
|
|
17
26
|
*/
|
|
@@ -45,7 +54,80 @@ export type AriaMenuProps = {
|
|
|
45
54
|
* The class name for the menu item.
|
|
46
55
|
*/
|
|
47
56
|
itemClassName?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Default aria label for the back button rendered at the top of a submenu.
|
|
59
|
+
*/
|
|
60
|
+
backButtonLabel?: string;
|
|
61
|
+
/**
|
|
62
|
+
* Callback function called when the user navigates back one level via the
|
|
63
|
+
* back button rendered at the top of a submenu.
|
|
64
|
+
*/
|
|
65
|
+
onGoBack?: () => void;
|
|
66
|
+
/**
|
|
67
|
+
* Whether to show the chevron indicator on menu items that open a submenu.
|
|
68
|
+
* Defaults to `true`.
|
|
69
|
+
*/
|
|
70
|
+
showSubMenuIndicator?: boolean;
|
|
48
71
|
};
|
|
72
|
+
/**
|
|
73
|
+
* Helpers passed to a submenu's `content` render function, allowing the content
|
|
74
|
+
* to close the whole menu or navigate back to the previous level.
|
|
75
|
+
*/
|
|
76
|
+
export type AriaSubMenuContentHelpers = {
|
|
77
|
+
/**
|
|
78
|
+
* Closes the whole menu.
|
|
79
|
+
*/
|
|
80
|
+
close: () => void;
|
|
81
|
+
/**
|
|
82
|
+
* Navigates back to the previous level.
|
|
83
|
+
*/
|
|
84
|
+
goBack: () => void;
|
|
85
|
+
};
|
|
86
|
+
/**
|
|
87
|
+
* A submenu that opens in place inside an {@link AriaMenu} when its parent item
|
|
88
|
+
* is clicked. A submenu can either render a nested list of {@link AriaMenuItem}
|
|
89
|
+
* (which can themselves open further submenus) or arbitrary React content. When
|
|
90
|
+
* a submenu is open, a back button is rendered at the top of the menu to return
|
|
91
|
+
* to the previous level.
|
|
92
|
+
*/
|
|
93
|
+
export type AriaSubMenu = {
|
|
94
|
+
/**
|
|
95
|
+
* Optional title shown next to the back button at the top of the submenu.
|
|
96
|
+
*/
|
|
97
|
+
title?: React.ReactNode;
|
|
98
|
+
/**
|
|
99
|
+
* The test id applied to the submenu title.
|
|
100
|
+
*/
|
|
101
|
+
titleTestId?: string;
|
|
102
|
+
/**
|
|
103
|
+
* The test id applied to the submenu container.
|
|
104
|
+
*/
|
|
105
|
+
testId?: string;
|
|
106
|
+
/**
|
|
107
|
+
* Aria label for the back button rendered at the top of the submenu.
|
|
108
|
+
* Overrides the menu-level `backButtonLabel`.
|
|
109
|
+
*/
|
|
110
|
+
backButtonLabel?: string;
|
|
111
|
+
/**
|
|
112
|
+
* The test id for the back button rendered at the top of the submenu.
|
|
113
|
+
*/
|
|
114
|
+
backButtonTestId?: string;
|
|
115
|
+
} & ({
|
|
116
|
+
/**
|
|
117
|
+
* A nested list of menu items to render as a submenu. Selecting an
|
|
118
|
+
* item with its own `subMenu` opens a further submenu.
|
|
119
|
+
*/
|
|
120
|
+
items: AriaMenuItem[];
|
|
121
|
+
content?: never;
|
|
122
|
+
} | {
|
|
123
|
+
/**
|
|
124
|
+
* Arbitrary React content to render as a submenu. The content is
|
|
125
|
+
* tabbable and interactive. Can be a render function receiving
|
|
126
|
+
* helpers to close the menu or navigate back.
|
|
127
|
+
*/
|
|
128
|
+
content: React.ReactNode | ((helpers: AriaSubMenuContentHelpers) => React.ReactNode);
|
|
129
|
+
items?: never;
|
|
130
|
+
});
|
|
49
131
|
/**
|
|
50
132
|
* The structure of a menu item that can be used to create a dropdown menu.
|
|
51
133
|
*/
|
|
@@ -58,6 +140,10 @@ export type AriaMenuItem = Omit<ItemProps<typeof Item>, 'children'> & {
|
|
|
58
140
|
* The label of the item.
|
|
59
141
|
*/
|
|
60
142
|
label: React.ReactNode;
|
|
143
|
+
/**
|
|
144
|
+
* Optional description of the item. This will be displayed below the menu item.
|
|
145
|
+
*/
|
|
146
|
+
description?: React.ReactNode;
|
|
61
147
|
/**
|
|
62
148
|
* The test id for the item.
|
|
63
149
|
*/
|
|
@@ -70,10 +156,24 @@ export type AriaMenuItem = Omit<ItemProps<typeof Item>, 'children'> & {
|
|
|
70
156
|
* If set to false, the menu will not close when the user clicks this item.
|
|
71
157
|
*/
|
|
72
158
|
closeMenuOnItemClick?: boolean;
|
|
159
|
+
/**
|
|
160
|
+
* If set, clicking the item runs `onItemClick` (if provided) and opens a
|
|
161
|
+
* submenu in place. The submenu can render a nested list of `AriaMenuItem` or
|
|
162
|
+
* arbitrary React content, and a back button is rendered at the top of the
|
|
163
|
+
* menu to return to the previous level. The menu is not closed when a
|
|
164
|
+
* submenu is opened.
|
|
165
|
+
*/
|
|
166
|
+
subMenu?: AriaSubMenu;
|
|
73
167
|
/**
|
|
74
168
|
* The icon to display next to the item.
|
|
75
169
|
*/
|
|
76
170
|
icon?: React.ReactNode;
|
|
171
|
+
/**
|
|
172
|
+
* Where to place the `icon` relative to the label. `'start'` (the default)
|
|
173
|
+
* renders the icon before the label; `'end'` renders it after the label,
|
|
174
|
+
* pushed to the far end of the item.
|
|
175
|
+
*/
|
|
176
|
+
iconPosition?: 'start' | 'end';
|
|
77
177
|
/**
|
|
78
178
|
* Class name that is used to override the default hover style.
|
|
79
179
|
*/
|
|
@@ -94,5 +194,25 @@ export type AriaMenuItem = Omit<ItemProps<typeof Item>, 'children'> & {
|
|
|
94
194
|
* Sets the `data-active` attribute to `true` and applies styling
|
|
95
195
|
*/
|
|
96
196
|
isActive?: boolean;
|
|
197
|
+
/**
|
|
198
|
+
* If set to true, the item will be disabled.
|
|
199
|
+
*/
|
|
200
|
+
isDisabled?: boolean;
|
|
201
|
+
/**
|
|
202
|
+
* If set to true, the item uses the danger text color.
|
|
203
|
+
*/
|
|
204
|
+
isDanger?: boolean;
|
|
205
|
+
/**
|
|
206
|
+
* Marks the item as a checkable menu item and reports the given state.
|
|
207
|
+
*/
|
|
208
|
+
isChecked?: boolean;
|
|
209
|
+
/**
|
|
210
|
+
* If set to true, a divider will be rendered above the item.
|
|
211
|
+
*/
|
|
212
|
+
withTopDivider?: boolean;
|
|
213
|
+
/**
|
|
214
|
+
* If set to true, a divider will be rendered below the item.
|
|
215
|
+
*/
|
|
216
|
+
withBottomDivider?: boolean;
|
|
97
217
|
};
|
|
98
218
|
//# sourceMappingURL=AriaMenu.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AriaMenu.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/AriaMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAC,aAAa,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AriaMenu.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/AriaMenu.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,40 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import type { Key } from '@react-types/shared';
|
|
2
|
+
import { Item } from '@react-stately/collections';
|
|
4
3
|
import type { AriaMenuProps } from '@react-aria/menu';
|
|
5
4
|
import type { AriaMenuItem } from './AriaMenu.types';
|
|
6
|
-
export declare const InnerAriaMenu: React.FC<
|
|
5
|
+
export declare const InnerAriaMenu: React.FC<{
|
|
6
|
+
items: AriaMenuItem[];
|
|
7
|
+
/**
|
|
8
|
+
* Called with the resolved item when the user selects a menu item. The
|
|
9
|
+
* caller decides whether to open a submenu, run the item action or close
|
|
10
|
+
* the menu.
|
|
11
|
+
*/
|
|
12
|
+
onSelect: (item: AriaMenuItem) => void;
|
|
13
|
+
/**
|
|
14
|
+
* Called to navigate back to the previous level when the user presses the
|
|
15
|
+
* "back" arrow key (ArrowLeft in LTR, ArrowRight in RTL). Only provided for
|
|
16
|
+
* submenu levels, so the root menu never navigates back on an arrow key.
|
|
17
|
+
*/
|
|
18
|
+
onNavigateBack?: () => void;
|
|
19
|
+
/**
|
|
20
|
+
* Aria props coming from the menu trigger. Only supplied for the root menu
|
|
21
|
+
* so it is correctly associated with the trigger button.
|
|
22
|
+
*/
|
|
23
|
+
ariaProps?: Partial<AriaMenuProps<typeof Item>>;
|
|
24
|
+
/**
|
|
25
|
+
* Aria label used when the menu is not associated with a trigger (submenu).
|
|
26
|
+
*/
|
|
27
|
+
ariaLabel?: string;
|
|
28
|
+
/**
|
|
29
|
+
* ID of the element that labels a menu not associated with a trigger.
|
|
30
|
+
*/
|
|
31
|
+
ariaLabelledBy?: string;
|
|
32
|
+
autoFocus?: AriaMenuProps<typeof Item>['autoFocus'];
|
|
33
|
+
restoreFocusKey?: string;
|
|
34
|
+
onFocusRestored?: () => void;
|
|
7
35
|
testId?: string;
|
|
8
|
-
itemMap: Map<Key, AriaMenuItem>;
|
|
9
36
|
menuClassName?: string;
|
|
10
37
|
itemClassName?: string;
|
|
38
|
+
showSubMenuIndicator?: boolean;
|
|
11
39
|
}>;
|
|
12
40
|
//# sourceMappingURL=InnerAriaMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InnerAriaMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/InnerAriaMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"InnerAriaMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/InnerAriaMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIhD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAMpD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AA+BnD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAqHA,CAAC"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export declare const InnerAriaMenuButton: React.FC<Omit<AriaMenuProps, 'items'> & {
|
|
6
|
-
children: CollectionChildren<typeof Item>;
|
|
7
|
-
itemMap: Map<Key, AriaMenuItem>;
|
|
2
|
+
import type { AriaMenuProps } from './AriaMenu.types';
|
|
3
|
+
export declare const InnerAriaMenuButton: React.FC<Omit<AriaMenuProps, 'onOpenChange'> & {
|
|
4
|
+
onOpenChange: (isOpen: boolean) => void;
|
|
8
5
|
}>;
|
|
9
6
|
//# sourceMappingURL=InnerAriaMenuButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InnerAriaMenuButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/InnerAriaMenuButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"InnerAriaMenuButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/InnerAriaMenuButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAMpD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CACtC,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG;IAClC,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C,CAuEJ,CAAC"}
|
|
@@ -8,5 +8,8 @@ export declare const InnerAriaMenuItem: React.FC<{
|
|
|
8
8
|
state: TreeState<typeof Item>;
|
|
9
9
|
itemMap: Map<Key, AriaMenuItem>;
|
|
10
10
|
itemClassName?: string;
|
|
11
|
+
showSubMenuIndicator?: boolean;
|
|
12
|
+
restoreFocus?: boolean;
|
|
13
|
+
onFocusRestored?: () => void;
|
|
11
14
|
}>;
|
|
12
15
|
//# sourceMappingURL=InnerAriaMenuItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InnerAriaMenuItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/InnerAriaMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"InnerAriaMenuItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/AriaMenu/InnerAriaMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAInD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC,OAAO,IAAI,CAAC,CAAC;IAC9B,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC,CAuIA,CAAC"}
|