@webority/ui-react 0.53.0 → 0.54.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AppActionIcon.js +1 -1
- package/dist/components/AppAvatar.js +1 -1
- package/dist/components/AppButton.js +1 -1
- package/dist/components/AppButtonGroup.js +1 -0
- package/dist/components/AppCarousel.js +1 -0
- package/dist/components/AppChipGroup.js +1 -0
- package/dist/components/AppCodeBlock.js +1 -0
- package/dist/components/AppCommandPalette.js +1 -1
- package/dist/components/AppCommentThread.js +1 -0
- package/dist/components/AppDataTable.js +1 -1
- package/dist/components/AppDateRangePicker.js +1 -1
- package/dist/components/AppDrawer.js +1 -0
- package/dist/components/AppDropdown.js +1 -1
- package/dist/components/AppEmptyState.js +1 -1
- package/dist/components/AppFilterBar.js +1 -1
- package/dist/components/AppHoverCard.js +1 -0
- package/dist/components/AppInlineEdit.js +1 -0
- package/dist/components/AppInputGroup.js +1 -0
- package/dist/components/AppKbd.js +1 -0
- package/dist/components/AppLightbox.js +1 -0
- package/dist/components/AppMentionInput.js +1 -0
- package/dist/components/AppMenubar.js +1 -0
- package/dist/components/AppNavigationMenu.js +1 -0
- package/dist/components/AppNotificationCenter.js +1 -0
- package/dist/components/AppOnboardingChecklist.js +1 -0
- package/dist/components/AppRating.js +1 -0
- package/dist/components/AppRecordPager.js +1 -0
- package/dist/components/AppRelativeTime.js +1 -0
- package/dist/components/AppResizable.js +1 -0
- package/dist/components/AppResizableHandle.js +1 -0
- package/dist/components/AppResizablePanel.js +1 -0
- package/dist/components/AppRollingNumber.js +1 -0
- package/dist/components/AppSectionCallToAction.js +1 -0
- package/dist/components/AppSectionFaq.js +1 -0
- package/dist/components/AppSectionFeatures.js +1 -0
- package/dist/components/AppSectionHero.js +1 -0
- package/dist/components/AppSectionLogos.js +1 -0
- package/dist/components/AppSectionPricing.js +1 -0
- package/dist/components/AppSectionTestimonials.js +1 -0
- package/dist/components/AppShortcutLegend.js +1 -0
- package/dist/components/AppShowMore.js +1 -0
- package/dist/components/AppSplitButton.js +1 -0
- package/dist/components/AppSplitView.js +1 -0
- package/dist/components/AppTableEmptyState.js +1 -1
- package/dist/components/AppTableToolbar.js +1 -1
- package/dist/components/AppTabs.js +1 -1
- package/dist/components/AppTooltip.js +1 -1
- package/dist/components/AppTruncate.js +1 -0
- package/dist/components/AppWhatsNew.js +1 -0
- package/dist/components/withTooltip.js +1 -1
- package/dist/lib/emptyIllustration.js +1 -0
- package/dist/lib/sectionShell.js +1 -0
- package/dist/lib/shortcutChip.js +1 -0
- package/dist/lib/useListShortcuts.js +1 -0
- package/dist/types/components/AppActionIcon.d.ts +4 -1
- package/dist/types/components/AppButton.d.ts +2 -1
- package/dist/types/components/AppButtonGroup.d.ts +23 -0
- package/dist/types/components/AppCarousel.d.ts +52 -0
- package/dist/types/components/AppChipGroup.d.ts +22 -0
- package/dist/types/components/AppCodeBlock.d.ts +28 -0
- package/dist/types/components/AppCommandPalette.d.ts +44 -2
- package/dist/types/components/AppCommentThread.d.ts +115 -0
- package/dist/types/components/AppDataTable.d.ts +44 -1
- package/dist/types/components/AppDateRangePicker.d.ts +5 -0
- package/dist/types/components/AppDrawer.d.ts +46 -0
- package/dist/types/components/AppDropdown.d.ts +4 -1
- package/dist/types/components/AppEmptyState.d.ts +4 -1
- package/dist/types/components/AppFilterBar.d.ts +9 -1
- package/dist/types/components/AppHoverCard.d.ts +35 -0
- package/dist/types/components/AppInlineEdit.d.ts +57 -0
- package/dist/types/components/AppInputGroup.d.ts +29 -0
- package/dist/types/components/AppKbd.d.ts +15 -0
- package/dist/types/components/AppLightbox.d.ts +40 -0
- package/dist/types/components/AppMentionInput.d.ts +41 -0
- package/dist/types/components/AppMenubar.d.ts +45 -0
- package/dist/types/components/AppNavigationMenu.d.ts +41 -0
- package/dist/types/components/AppNotificationCenter.d.ts +81 -0
- package/dist/types/components/AppOnboardingChecklist.d.ts +48 -0
- package/dist/types/components/AppRating.d.ts +48 -0
- package/dist/types/components/AppRecordPager.d.ts +38 -0
- package/dist/types/components/AppRelativeTime.d.ts +18 -0
- package/dist/types/components/AppResizable.d.ts +30 -0
- package/dist/types/components/AppResizableHandle.d.ts +13 -0
- package/dist/types/components/AppResizablePanel.d.ts +20 -0
- package/dist/types/components/AppRollingNumber.d.ts +27 -0
- package/dist/types/components/AppSectionCallToAction.d.ts +24 -0
- package/dist/types/components/AppSectionFaq.d.ts +28 -0
- package/dist/types/components/AppSectionFeatures.d.ts +37 -0
- package/dist/types/components/AppSectionHero.d.ts +32 -0
- package/dist/types/components/AppSectionLogos.d.ts +36 -0
- package/dist/types/components/AppSectionPricing.d.ts +28 -0
- package/dist/types/components/AppSectionTestimonials.d.ts +34 -0
- package/dist/types/components/AppShortcutLegend.d.ts +34 -0
- package/dist/types/components/AppShowMore.d.ts +29 -0
- package/dist/types/components/AppSplitButton.d.ts +53 -0
- package/dist/types/components/AppSplitView.d.ts +85 -0
- package/dist/types/components/AppTableEmptyState.d.ts +4 -1
- package/dist/types/components/AppTableToolbar.d.ts +13 -1
- package/dist/types/components/AppTabs.d.ts +12 -6
- package/dist/types/components/AppTooltip.d.ts +4 -1
- package/dist/types/components/AppTruncate.d.ts +21 -0
- package/dist/types/components/AppWhatsNew.d.ts +44 -0
- package/dist/types/components/withTooltip.d.ts +1 -1
- package/dist/types/index.d.ts +37 -0
- package/dist/types/lib/emptyIllustration.d.ts +22 -0
- package/dist/types/lib/sectionShell.d.ts +43 -0
- package/dist/types/lib/shortcutChip.d.ts +11 -0
- package/dist/types/lib/useListShortcuts.d.ts +24 -0
- package/dist/ui-react.js +1 -1
- package/package.json +3 -3
package/dist/types/index.d.ts
CHANGED
|
@@ -12,17 +12,22 @@ export { default as AppBadge } from "./components/AppBadge.jsx";
|
|
|
12
12
|
export { default as AppBanner } from "./components/AppBanner.jsx";
|
|
13
13
|
export { default as AppBreadcrumbs } from "./components/AppBreadcrumbs.jsx";
|
|
14
14
|
export { default as AppButton } from "./components/AppButton.jsx";
|
|
15
|
+
export { default as AppButtonGroup } from "./components/AppButtonGroup.jsx";
|
|
15
16
|
export { default as AppCalendar } from "./components/AppCalendar.jsx";
|
|
16
17
|
export { default as AppCard } from "./components/AppCard.jsx";
|
|
18
|
+
export { default as AppCarousel } from "./components/AppCarousel.jsx";
|
|
17
19
|
export { default as AppChart } from "./components/AppChart.jsx";
|
|
18
20
|
export { default as AppChartCard } from "./components/AppChartCard.jsx";
|
|
19
21
|
export { default as AppCheckbox } from "./components/AppCheckbox.jsx";
|
|
20
22
|
export { default as AppChip } from "./components/AppChip.jsx";
|
|
23
|
+
export { default as AppChipGroup } from "./components/AppChipGroup.jsx";
|
|
21
24
|
export { default as AppChoiceCard } from "./components/AppChoiceCard.jsx";
|
|
22
25
|
export { default as AppChoiceChip } from "./components/AppChoiceChip.jsx";
|
|
26
|
+
export { default as AppCodeBlock } from "./components/AppCodeBlock.jsx";
|
|
23
27
|
export { default as AppColorField } from "./components/AppColorField.jsx";
|
|
24
28
|
export { default as AppColumnMenu } from "./components/AppColumnMenu.jsx";
|
|
25
29
|
export { default as AppCommandPalette } from "./components/AppCommandPalette.jsx";
|
|
30
|
+
export { default as AppCommentThread } from "./components/AppCommentThread.jsx";
|
|
26
31
|
export { default as AppCompareTable } from "./components/AppCompareTable.jsx";
|
|
27
32
|
export { default as AppConfirmDialog } from "./components/AppConfirmDialog.jsx";
|
|
28
33
|
export { default as AppConsentBanner } from "./components/AppConsentBanner.jsx";
|
|
@@ -35,6 +40,7 @@ export { default as AppDataTable } from "./components/AppDataTable.jsx";
|
|
|
35
40
|
export { default as AppDatePicker } from "./components/AppDatePicker.jsx";
|
|
36
41
|
export { default as AppDateRangePicker } from "./components/AppDateRangePicker.jsx";
|
|
37
42
|
export { default as AppDescriptions } from "./components/AppDescriptions.jsx";
|
|
43
|
+
export { default as AppDrawer } from "./components/AppDrawer.jsx";
|
|
38
44
|
export { default as AppDropdown } from "./components/AppDropdown.jsx";
|
|
39
45
|
export { default as AppDropZone } from "./components/AppDropZone.jsx";
|
|
40
46
|
export { default as AppEmptyState } from "./components/AppEmptyState.jsx";
|
|
@@ -47,18 +53,28 @@ export { default as AppFloatingDock } from "./components/AppFloatingDock.jsx";
|
|
|
47
53
|
export { default as AppFormActions } from "./components/AppFormActions.jsx";
|
|
48
54
|
export { default as AppFormRow } from "./components/AppFormRow.jsx";
|
|
49
55
|
export { default as AppFormSection } from "./components/AppFormSection.jsx";
|
|
56
|
+
export { default as AppHoverCard } from "./components/AppHoverCard.jsx";
|
|
50
57
|
export { default as AppIcon, iconNames, registerIcons } from "./components/AppIcon.jsx";
|
|
51
58
|
export { default as AppInfoList } from "./components/AppInfoList.jsx";
|
|
52
59
|
export { default as AppInfoTip } from "./components/AppInfoTip.jsx";
|
|
60
|
+
export { default as AppInlineEdit } from "./components/AppInlineEdit.jsx";
|
|
53
61
|
export { default as AppInput } from "./components/AppInput.jsx";
|
|
62
|
+
export { default as AppInputGroup } from "./components/AppInputGroup.jsx";
|
|
54
63
|
export { default as AppKanban } from "./components/AppKanban.jsx";
|
|
64
|
+
export { default as AppKbd } from "./components/AppKbd.jsx";
|
|
55
65
|
export { default as AppKpiTile } from "./components/AppKpiTile.jsx";
|
|
66
|
+
export { default as AppLightbox } from "./components/AppLightbox.jsx";
|
|
56
67
|
export { default as AppLink } from "./components/AppLink.jsx";
|
|
57
68
|
export { default as AppLogoPicker } from "./components/AppLogoPicker.jsx";
|
|
69
|
+
export { default as AppMentionInput } from "./components/AppMentionInput.jsx";
|
|
70
|
+
export { default as AppMenubar } from "./components/AppMenubar.jsx";
|
|
58
71
|
export { default as AppMeter } from "./components/AppMeter.jsx";
|
|
59
72
|
export { default as AppModal } from "./components/AppModal.jsx";
|
|
60
73
|
export { default as AppMultiSelect } from "./components/AppMultiSelect.jsx";
|
|
74
|
+
export { default as AppNavigationMenu } from "./components/AppNavigationMenu.jsx";
|
|
75
|
+
export { default as AppNotificationCenter } from "./components/AppNotificationCenter.jsx";
|
|
61
76
|
export { default as AppNumberInput } from "./components/AppNumberInput.jsx";
|
|
77
|
+
export { default as AppOnboardingChecklist } from "./components/AppOnboardingChecklist.jsx";
|
|
62
78
|
export { default as AppOtpInput } from "./components/AppOtpInput.jsx";
|
|
63
79
|
export { default as AppPageHeader } from "./components/AppPageHeader.jsx";
|
|
64
80
|
export { default as AppPagination } from "./components/AppPagination.jsx";
|
|
@@ -69,18 +85,34 @@ export { default as AppProgress } from "./components/AppProgress.jsx";
|
|
|
69
85
|
export { default as AppQrCode } from "./components/AppQrCode.jsx";
|
|
70
86
|
export { default as AppRadio } from "./components/AppRadio.jsx";
|
|
71
87
|
export { default as AppRadioGroup } from "./components/AppRadioGroup.jsx";
|
|
88
|
+
export { default as AppRating } from "./components/AppRating.jsx";
|
|
89
|
+
export { default as AppRecordPager } from "./components/AppRecordPager.jsx";
|
|
90
|
+
export { default as AppRelativeTime } from "./components/AppRelativeTime.jsx";
|
|
72
91
|
export { default as AppRepeater } from "./components/AppRepeater.jsx";
|
|
73
92
|
export { default as AppRequiredMark } from "./components/AppRequiredMark.jsx";
|
|
93
|
+
export { default as AppResizable } from "./components/AppResizable.jsx";
|
|
94
|
+
export { default as AppResizableHandle } from "./components/AppResizableHandle.jsx";
|
|
95
|
+
export { default as AppResizablePanel } from "./components/AppResizablePanel.jsx";
|
|
74
96
|
export { default as AppResourceCard } from "./components/AppResourceCard.jsx";
|
|
75
97
|
export { default as AppResult } from "./components/AppResult.jsx";
|
|
76
98
|
export { default as AppRichText } from "./components/AppRichText.jsx";
|
|
99
|
+
export { default as AppRollingNumber } from "./components/AppRollingNumber.jsx";
|
|
77
100
|
export { default as AppRouteError } from "./components/AppRouteError.jsx";
|
|
78
101
|
export { default as AppScrollbar } from "./components/AppScrollbar.jsx";
|
|
79
102
|
export { default as AppSearch } from "./components/AppSearch.jsx";
|
|
103
|
+
export { default as AppSectionCallToAction } from "./components/AppSectionCallToAction.jsx";
|
|
104
|
+
export { default as AppSectionFaq } from "./components/AppSectionFaq.jsx";
|
|
105
|
+
export { default as AppSectionFeatures } from "./components/AppSectionFeatures.jsx";
|
|
106
|
+
export { default as AppSectionHero } from "./components/AppSectionHero.jsx";
|
|
107
|
+
export { default as AppSectionLogos } from "./components/AppSectionLogos.jsx";
|
|
108
|
+
export { default as AppSectionPricing } from "./components/AppSectionPricing.jsx";
|
|
109
|
+
export { default as AppSectionTestimonials } from "./components/AppSectionTestimonials.jsx";
|
|
80
110
|
export { default as AppSegmented } from "./components/AppSegmented.jsx";
|
|
81
111
|
export { default as AppSelect } from "./components/AppSelect.jsx";
|
|
82
112
|
export { default as AppSelectMini } from "./components/AppSelectMini.jsx";
|
|
83
113
|
export { default as AppShell } from "./components/AppShell.jsx";
|
|
114
|
+
export { default as AppShortcutLegend } from "./components/AppShortcutLegend.jsx";
|
|
115
|
+
export { default as AppShowMore } from "./components/AppShowMore.jsx";
|
|
84
116
|
export { default as AppSidebarMenu } from "./components/AppSidebarMenu.jsx";
|
|
85
117
|
export { AppSkeletonRows, default as AppSkeleton } from "./components/AppSkeleton.jsx";
|
|
86
118
|
export { default as AppSlider } from "./components/AppSlider.jsx";
|
|
@@ -88,6 +120,8 @@ export { default as AppSortableList } from "./components/AppSortableList.jsx";
|
|
|
88
120
|
export { default as AppSparkline } from "./components/AppSparkline.jsx";
|
|
89
121
|
export { default as AppSpinner } from "./components/AppSpinner.jsx";
|
|
90
122
|
export { default as AppSplash } from "./components/AppSplash.jsx";
|
|
123
|
+
export { default as AppSplitButton } from "./components/AppSplitButton.jsx";
|
|
124
|
+
export { default as AppSplitView } from "./components/AppSplitView.jsx";
|
|
91
125
|
export { default as AppStatusBadge } from "./components/AppStatusBadge.jsx";
|
|
92
126
|
export { default as AppStepper } from "./components/AppStepper.jsx";
|
|
93
127
|
export { default as AppSwitch } from "./components/AppSwitch.jsx";
|
|
@@ -105,7 +139,9 @@ export { default as AppToolbar } from "./components/AppToolbar.jsx";
|
|
|
105
139
|
export { default as AppTooltip } from "./components/AppTooltip.jsx";
|
|
106
140
|
export { default as AppTour } from "./components/AppTour.jsx";
|
|
107
141
|
export { default as AppTreeView } from "./components/AppTreeView.jsx";
|
|
142
|
+
export { default as AppTruncate } from "./components/AppTruncate.jsx";
|
|
108
143
|
export { default as AppUpdateBar } from "./components/AppUpdateBar.jsx";
|
|
144
|
+
export { default as AppWhatsNew } from "./components/AppWhatsNew.jsx";
|
|
109
145
|
export { default as AppWizard } from "./components/AppWizard.jsx";
|
|
110
146
|
export { default as AppWorkspaceSwitcher } from "./components/AppWorkspaceSwitcher.jsx";
|
|
111
147
|
export { MODAL_ICONS } from "./components/ModalIcons.jsx";
|
|
@@ -114,5 +150,6 @@ export { buildListQuery, parseListQuery } from "./lib/listQuery.js";
|
|
|
114
150
|
export { useCommandPaletteShortcut } from "./lib/useCommandPaletteShortcut.js";
|
|
115
151
|
export { useFloatingStack } from "./lib/useFloatingStack.js";
|
|
116
152
|
export { useListQuery } from "./lib/useListQuery.js";
|
|
153
|
+
export { useListShortcuts } from "./lib/useListShortcuts.js";
|
|
117
154
|
export { usePagination } from "./lib/usePagination.js";
|
|
118
155
|
export { useTableView } from "./lib/useTableView.js";
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const ILLUSTRATION_BODIES: {
|
|
2
|
+
"no-results": string;
|
|
3
|
+
"no-data": string;
|
|
4
|
+
"empty-inbox": string;
|
|
5
|
+
"no-notifications": string;
|
|
6
|
+
"no-files": string;
|
|
7
|
+
"no-access": string;
|
|
8
|
+
offline: string;
|
|
9
|
+
error: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const ILLUSTRATION_NAMES: string[];
|
|
12
|
+
/**
|
|
13
|
+
* The decorative SVG for an illustration name, or null for an unknown one.
|
|
14
|
+
*
|
|
15
|
+
* @param {object} props
|
|
16
|
+
* @param {string} [props.name]
|
|
17
|
+
* @param {string} [props.className] extra class on the svg
|
|
18
|
+
*/
|
|
19
|
+
export default function EmptyIllustration({ name, className }: {
|
|
20
|
+
name?: string;
|
|
21
|
+
className?: string;
|
|
22
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export declare const SECTION_HEADINGS: string[];
|
|
2
|
+
export declare const SECTION_ALIGNS: string[];
|
|
3
|
+
export declare const SECTION_VARIANTS: string[];
|
|
4
|
+
/** The heading tag for the section title: `as` when it is a heading, otherwise the section's default. */
|
|
5
|
+
export declare function sectionHeading(as: any, fallback: any): any;
|
|
6
|
+
/** The level under a section title, for an item's title (h2 gives h3; h6 stays h6). */
|
|
7
|
+
export declare function itemHeading(heading: any): string;
|
|
8
|
+
/**
|
|
9
|
+
* The `<img>` the kit writes itself (logos, avatars), byte-in-step with Razor's SectionMarkup.Image.
|
|
10
|
+
* Width and height are always set so the browser reserves the box before the file arrives.
|
|
11
|
+
*/
|
|
12
|
+
export declare function SectionImage({ className, src, alt, width, height }: {
|
|
13
|
+
alt: any;
|
|
14
|
+
className: any;
|
|
15
|
+
height: any;
|
|
16
|
+
src: any;
|
|
17
|
+
width: any;
|
|
18
|
+
}): import("react").JSX.Element;
|
|
19
|
+
/**
|
|
20
|
+
* The frame every AppSection* renders, byte-in-step with Razor's SectionMarkup: a
|
|
21
|
+
* `<section class="wui-section wui-section-{kind}">` holding the eyebrow, the heading, the subtitle
|
|
22
|
+
* and the actions, then the section's own body (`children`).
|
|
23
|
+
*
|
|
24
|
+
* `as` arrives resolved (sectionHeading), so each section keeps its own default heading.
|
|
25
|
+
* The heading id (`{id}-title`) and the section's `aria-labelledby` come only from a caller `id`:
|
|
26
|
+
* a generated one would differ from Razor's on every render.
|
|
27
|
+
* @internal not exported from the package barrel
|
|
28
|
+
*/
|
|
29
|
+
export default function SectionShell({ component, kind, title, as, eyebrow, subtitle, align, variant, actions, extraClass, className, rest, children, }: {
|
|
30
|
+
actions: any;
|
|
31
|
+
align: any;
|
|
32
|
+
as: any;
|
|
33
|
+
children: any;
|
|
34
|
+
className: any;
|
|
35
|
+
component: any;
|
|
36
|
+
extraClass: any;
|
|
37
|
+
eyebrow: any;
|
|
38
|
+
kind: any;
|
|
39
|
+
rest: any;
|
|
40
|
+
subtitle: any;
|
|
41
|
+
title: any;
|
|
42
|
+
variant: any;
|
|
43
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The key chip a `shortcut` prop draws (`.wui-kbd`), written as Razor's ShortcutMarkup writes it.
|
|
3
|
+
* Beside a control it is hidden from assistive tech, which hears the key through the control's
|
|
4
|
+
* `aria-keyshortcuts` instead; inside a tooltip it is part of the text that is read out.
|
|
5
|
+
* @internal not exported from the package barrel
|
|
6
|
+
*/
|
|
7
|
+
export declare function shortcutChip(shortcut: any, { inTooltip }?: {
|
|
8
|
+
inTooltip?: boolean;
|
|
9
|
+
}): import("react").JSX.Element;
|
|
10
|
+
/** The `aria-keyshortcuts` value for a control with this shortcut, or undefined without one. */
|
|
11
|
+
export declare function shortcutAria(shortcut: any): string;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Single-key shortcuts for a list people work through: J and K to move, Enter to open, X to
|
|
3
|
+
* select, `/` to focus search, `?` to list the shortcuts, Esc to close or clear, and any other
|
|
4
|
+
* letter for an action ("e" to archive). Pair it with `AppShortcutLegend`, which lists them, and
|
|
5
|
+
* show each key on its action (`shortcut` on AppButton, AppTooltip and AppDropdown items).
|
|
6
|
+
*
|
|
7
|
+
* useListShortcuts({ j: next, k: previous, x: toggleFocused, e: archive }, { enabled: !prefersOff });
|
|
8
|
+
*
|
|
9
|
+
* A key typed into a field, held with Ctrl, Cmd or Alt, or already handled is left alone, as is
|
|
10
|
+
* Enter on a link or button (the browser opens those). `<html data-wui-shortcuts="off">` turns
|
|
11
|
+
* every single-key shortcut on the page off. With `scope`, the keys count while focus is inside
|
|
12
|
+
* that element, or, with nothing focused, for the first scope on the page (the hook marks the
|
|
13
|
+
* element `data-shortcut-scope`). The same rules run Razor's `<app-shortcut-legend>`.
|
|
14
|
+
*
|
|
15
|
+
* @param {Record<string, (event: KeyboardEvent) => void>} handlers Keyed by `j`, `k`, `enter`, `x`,
|
|
16
|
+
* `slash`, `help`, `esc` or any other single character. A new object each render is fine: the
|
|
17
|
+
* latest one is always called.
|
|
18
|
+
* @param {{ enabled?: boolean, scope?: import('react').RefObject<HTMLElement> }} [options]
|
|
19
|
+
* `enabled` (default true) switches every key off; `scope` limits them to one element.
|
|
20
|
+
*/
|
|
21
|
+
export declare function useListShortcuts(handlers: Record<string, (event: KeyboardEvent) => void>, { enabled, scope }?: {
|
|
22
|
+
enabled?: boolean;
|
|
23
|
+
scope?: import('react').RefObject<HTMLElement>;
|
|
24
|
+
}): void;
|
package/dist/ui-react.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"./components/AppTooltip.js";import t,{iconNames as n,registerIcons as r}from"./components/AppIcon.js";import i from"./components/AppAccordion.js";import a from"./components/AppActionIcon.js";import o from"./components/AppAlert.js";import s from"./components/AppButton.js";import c from"./components/AppEmptyState.js";import l from"./components/AppSpinner.js";import u from"./components/AppAsyncBlock.js";import d from"./components/AppPopover.js";import f from"./components/AppInfoTip.js";import p from"./components/AppRequiredMark.js";import m from"./components/AppAutocomplete.js";import h from"./components/AppAvatar.js";import g from"./components/AppAvatarGroup.js";import _ from"./components/AppModal.js";import v from"./components/AppAvatarPicker.js";import y from"./components/AppBadge.js";import b from"./components/AppBanner.js";import x from"./components/AppBreadcrumbs.js";import S from"./components/AppCalendar.js";import C from"./components/AppCard.js";import w from"./components/AppChart.js";import T from"./components/AppDropdown.js";import E from"./components/AppSegmented.js";import D from"./components/AppChartCard.js";import O from"./components/AppCheckbox.js";import k from"./components/AppChip.js";import A from"./components/AppChoiceCard.js";import j from"./components/AppChoiceChip.js";import M from"./components/AppColorField.js";import N from"./components/AppColumnMenu.js";import P from"./components/AppCommandPalette.js";import F from"./components/AppCompareTable.js";import I from"./components/AppInput.js";import{MODAL_ICONS as L}from"./components/ModalIcons.js";import R from"./components/AppConfirmDialog.js";import z from"./components/AppConsentBanner.js";import B from"./components/AppContextMenu.js";import V from"./components/AppCopyButton.js";import H from"./components/AppCountrySelect.js";import U from"./components/AppDashboardCell.js";import W from"./components/AppDashboardGrid.js";import G,{AppSkeletonRows as K}from"./components/AppSkeleton.js";import q from"./components/AppSelectMini.js";import J from"./components/AppTablePagination.js";import Y from"./components/AppDataTable.js";import X from"./components/AppDatePicker.js";import Z from"./components/AppDateRangePicker.js";import Q from"./components/AppDescriptions.js";import $ from"./components/AppDropZone.js";import ee from"./components/AppErrorSummary.js";import te from"./components/AppFileAttachment.js";import ne from"./components/AppFilePicker.js";import re from"./components/AppFileViewer.js";import{buildListQuery as ie,parseListQuery as ae}from"./lib/listQuery.js";import oe from"./components/AppMultiSelect.js";import se from"./components/AppSearch.js";import ce from"./components/AppSelect.js";import le from"./components/AppFilterBar.js";import ue from"./components/AppFloatingDock.js";import de from"./components/AppFormActions.js";import fe from"./components/AppFormRow.js";import pe from"./components/AppFormSection.js";import me from"./components/AppInfoList.js";import{dismissAll as he,errorToast as ge,toast as _e}from"./components/toast.js";import ve from"./components/AppKanban.js";import ye from"./components/AppSparkline.js";import be from"./components/AppKpiTile.js";import xe from"./components/AppLink.js";import Se from"./components/AppLogoPicker.js";import Ce from"./components/AppMeter.js";import we from"./components/AppNumberInput.js";import Te from"./components/AppOtpInput.js";import Ee from"./components/AppPageHeader.js";import De from"./components/AppPagination.js";import Oe from"./components/AppPhoneNumberInput.js";import ke from"./components/AppPricingCard.js";import Ae from"./components/AppProgress.js";import je from"./components/AppQrCode.js";import Me from"./components/AppRadio.js";import Ne from"./components/AppRadioGroup.js";import Pe from"./components/AppRepeater.js";import Fe from"./components/AppResourceCard.js";import Ie from"./components/AppResult.js";import Le from"./components/AppRichText.js";import Re from"./components/AppRouteError.js";import ze from"./components/AppScrollbar.js";import Be from"./components/AppShell.js";import Ve from"./components/AppSidebarMenu.js";import He from"./components/AppSlider.js";import Ue from"./components/AppSortableList.js";import We from"./components/AppSplash.js";import Ge from"./components/AppStatusBadge.js";import Ke from"./components/AppStepper.js";import qe from"./components/AppSwitch.js";import Je from"./components/AppTableEmptyState.js";import Ye from"./components/AppTableToolbar.js";import Xe from"./components/AppTabs.js";import Ze from"./components/AppTagInput.js";import Qe from"./components/AppTextarea.js";import $e from"./components/AppThemeToggle.js";import et from"./components/AppTimeline.js";import tt from"./components/AppTimePicker.js";import nt from"./components/AppToast.js";import rt from"./components/AppToolbar.js";import it from"./components/AppTour.js";import at from"./components/AppTreeView.js";import ot from"./components/AppUpdateBar.js";import st from"./components/AppWizard.js";import ct from"./components/AppWorkspaceSwitcher.js";import{useCommandPaletteShortcut as lt}from"./lib/useCommandPaletteShortcut.js";import{useFloatingStack as ut}from"./lib/useFloatingStack.js";import{useListQuery as dt}from"./lib/useListQuery.js";import{usePagination as ft}from"./lib/usePagination.js";import{useTableView as pt}from"./lib/useTableView.js";import{createLocalSeenStore as mt}from"@webority/ui-elements/elements/tour";import{postedMasked as ht,themeBootScript as gt}from"@webority/ui-elements/helpers";export{i as AppAccordion,a as AppActionIcon,o as AppAlert,u as AppAsyncBlock,m as AppAutocomplete,h as AppAvatar,g as AppAvatarGroup,v as AppAvatarPicker,y as AppBadge,b as AppBanner,x as AppBreadcrumbs,s as AppButton,S as AppCalendar,C as AppCard,w as AppChart,D as AppChartCard,O as AppCheckbox,k as AppChip,A as AppChoiceCard,j as AppChoiceChip,M as AppColorField,N as AppColumnMenu,P as AppCommandPalette,F as AppCompareTable,R as AppConfirmDialog,z as AppConsentBanner,B as AppContextMenu,V as AppCopyButton,H as AppCountrySelect,U as AppDashboardCell,W as AppDashboardGrid,Y as AppDataTable,X as AppDatePicker,Z as AppDateRangePicker,Q as AppDescriptions,$ as AppDropZone,T as AppDropdown,c as AppEmptyState,ee as AppErrorSummary,te as AppFileAttachment,ne as AppFilePicker,re as AppFileViewer,le as AppFilterBar,ue as AppFloatingDock,de as AppFormActions,fe as AppFormRow,pe as AppFormSection,t as AppIcon,me as AppInfoList,f as AppInfoTip,I as AppInput,ve as AppKanban,be as AppKpiTile,xe as AppLink,Se as AppLogoPicker,Ce as AppMeter,_ as AppModal,oe as AppMultiSelect,we as AppNumberInput,Te as AppOtpInput,Ee as AppPageHeader,De as AppPagination,Oe as AppPhoneNumberInput,d as AppPopover,ke as AppPricingCard,Ae as AppProgress,je as AppQrCode,Me as AppRadio,Ne as AppRadioGroup,Pe as AppRepeater,p as AppRequiredMark,Fe as AppResourceCard,Ie as AppResult,Le as AppRichText,Re as AppRouteError,ze as AppScrollbar,se as AppSearch,E as AppSegmented,ce as AppSelect,q as AppSelectMini,Be as AppShell,Ve as AppSidebarMenu,G as AppSkeleton,K as AppSkeletonRows,He as AppSlider,Ue as AppSortableList,ye as AppSparkline,l as AppSpinner,We as AppSplash,Ge as AppStatusBadge,Ke as AppStepper,qe as AppSwitch,Je as AppTableEmptyState,J as AppTablePagination,Ye as AppTableToolbar,Xe as AppTabs,Ze as AppTagInput,Qe as AppTextarea,$e as AppThemeToggle,tt as AppTimePicker,et as AppTimeline,nt as AppToast,rt as AppToolbar,e as AppTooltip,it as AppTour,at as AppTreeView,ot as AppUpdateBar,st as AppWizard,ct as AppWorkspaceSwitcher,L as MODAL_ICONS,ie as buildListQuery,mt as createLocalSeenStore,he as dismissAll,ge as errorToast,n as iconNames,ae as parseListQuery,ht as postedMasked,r as registerIcons,gt as themeBootScript,_e as toast,lt as useCommandPaletteShortcut,ut as useFloatingStack,dt as useListQuery,ft as usePagination,pt as useTableView};
|
|
1
|
+
import e from"./components/AppTooltip.js";import t,{iconNames as n,registerIcons as r}from"./components/AppIcon.js";import i from"./components/AppAccordion.js";import a from"./components/AppActionIcon.js";import o from"./components/AppAlert.js";import s from"./components/AppButton.js";import c from"./components/AppEmptyState.js";import l from"./components/AppSpinner.js";import u from"./components/AppAsyncBlock.js";import d from"./components/AppPopover.js";import f from"./components/AppInfoTip.js";import p from"./components/AppRequiredMark.js";import m from"./components/AppAutocomplete.js";import h from"./components/AppAvatar.js";import g from"./components/AppAvatarGroup.js";import _ from"./components/AppModal.js";import v from"./components/AppAvatarPicker.js";import y from"./components/AppBadge.js";import b from"./components/AppBanner.js";import x from"./components/AppBreadcrumbs.js";import S from"./components/AppButtonGroup.js";import C from"./components/AppCalendar.js";import w from"./components/AppCard.js";import T from"./components/AppCarousel.js";import E from"./components/AppChart.js";import D from"./components/AppDropdown.js";import O from"./components/AppSegmented.js";import k from"./components/AppChartCard.js";import A from"./components/AppCheckbox.js";import j from"./components/AppChip.js";import M from"./components/AppChipGroup.js";import N from"./components/AppChoiceCard.js";import P from"./components/AppChoiceChip.js";import F from"./components/AppCodeBlock.js";import I from"./components/AppColorField.js";import L from"./components/AppColumnMenu.js";import R from"./components/AppCommandPalette.js";import z from"./components/AppCommentThread.js";import B from"./components/AppCompareTable.js";import V from"./components/AppInput.js";import{MODAL_ICONS as H}from"./components/ModalIcons.js";import U from"./components/AppConfirmDialog.js";import W from"./components/AppConsentBanner.js";import G from"./components/AppContextMenu.js";import K from"./components/AppCopyButton.js";import q from"./components/AppCountrySelect.js";import J from"./components/AppDashboardCell.js";import Y from"./components/AppDashboardGrid.js";import X,{AppSkeletonRows as Z}from"./components/AppSkeleton.js";import Q from"./components/AppSelectMini.js";import $ from"./components/AppTablePagination.js";import ee from"./components/AppDataTable.js";import te from"./components/AppDatePicker.js";import ne from"./components/AppDateRangePicker.js";import re from"./components/AppDescriptions.js";import ie from"./components/AppDrawer.js";import ae from"./components/AppDropZone.js";import oe from"./components/AppErrorSummary.js";import se from"./components/AppFileAttachment.js";import ce from"./components/AppFilePicker.js";import le from"./components/AppFileViewer.js";import{buildListQuery as ue,parseListQuery as de}from"./lib/listQuery.js";import fe from"./components/AppMultiSelect.js";import pe from"./components/AppSearch.js";import me from"./components/AppSelect.js";import he from"./components/AppFilterBar.js";import ge from"./components/AppFloatingDock.js";import _e from"./components/AppFormActions.js";import ve from"./components/AppFormRow.js";import ye from"./components/AppFormSection.js";import be from"./components/AppHoverCard.js";import xe from"./components/AppInfoList.js";import Se from"./components/AppInlineEdit.js";import Ce from"./components/AppInputGroup.js";import{dismissAll as we,errorToast as Te,toast as Ee}from"./components/toast.js";import De from"./components/AppKanban.js";import Oe from"./components/AppKbd.js";import ke from"./components/AppSparkline.js";import Ae from"./components/AppKpiTile.js";import je from"./components/AppLightbox.js";import Me from"./components/AppLink.js";import Ne from"./components/AppLogoPicker.js";import Pe from"./components/AppMentionInput.js";import Fe from"./components/AppMenubar.js";import Ie from"./components/AppMeter.js";import Le from"./components/AppNavigationMenu.js";import Re from"./components/AppNotificationCenter.js";import ze from"./components/AppNumberInput.js";import Be from"./components/AppOnboardingChecklist.js";import Ve from"./components/AppOtpInput.js";import He from"./components/AppPageHeader.js";import Ue from"./components/AppPagination.js";import We from"./components/AppPhoneNumberInput.js";import Ge from"./components/AppPricingCard.js";import Ke from"./components/AppProgress.js";import qe from"./components/AppQrCode.js";import Je from"./components/AppRadio.js";import Ye from"./components/AppRadioGroup.js";import Xe from"./components/AppRating.js";import Ze from"./components/AppRecordPager.js";import Qe from"./components/AppRelativeTime.js";import $e from"./components/AppRepeater.js";import et from"./components/AppResizable.js";import tt from"./components/AppResizableHandle.js";import nt from"./components/AppResizablePanel.js";import rt from"./components/AppResourceCard.js";import it from"./components/AppResult.js";import at from"./components/AppRichText.js";import ot from"./components/AppRollingNumber.js";import st from"./components/AppRouteError.js";import ct from"./components/AppScrollbar.js";import lt from"./components/AppSectionCallToAction.js";import ut from"./components/AppSectionFaq.js";import dt from"./components/AppSectionFeatures.js";import ft from"./components/AppSectionHero.js";import pt from"./components/AppSectionLogos.js";import mt from"./components/AppSectionPricing.js";import ht from"./components/AppSectionTestimonials.js";import gt from"./components/AppShell.js";import _t from"./components/AppShortcutLegend.js";import vt from"./components/AppShowMore.js";import yt from"./components/AppSidebarMenu.js";import bt from"./components/AppSlider.js";import xt from"./components/AppSortableList.js";import St from"./components/AppSplash.js";import Ct from"./components/AppSplitButton.js";import wt from"./components/AppSplitView.js";import Tt from"./components/AppStatusBadge.js";import Et from"./components/AppStepper.js";import Dt from"./components/AppSwitch.js";import Ot from"./components/AppTableEmptyState.js";import kt from"./components/AppTableToolbar.js";import At from"./components/AppTabs.js";import jt from"./components/AppTagInput.js";import Mt from"./components/AppTextarea.js";import Nt from"./components/AppThemeToggle.js";import Pt from"./components/AppTimeline.js";import Ft from"./components/AppTimePicker.js";import It from"./components/AppToast.js";import Lt from"./components/AppToolbar.js";import Rt from"./components/AppTour.js";import zt from"./components/AppTreeView.js";import Bt from"./components/AppTruncate.js";import Vt from"./components/AppUpdateBar.js";import Ht from"./components/AppWhatsNew.js";import Ut from"./components/AppWizard.js";import Wt from"./components/AppWorkspaceSwitcher.js";import{useCommandPaletteShortcut as Gt}from"./lib/useCommandPaletteShortcut.js";import{useFloatingStack as Kt}from"./lib/useFloatingStack.js";import{useListQuery as qt}from"./lib/useListQuery.js";import{useListShortcuts as Jt}from"./lib/useListShortcuts.js";import{usePagination as Yt}from"./lib/usePagination.js";import{useTableView as Xt}from"./lib/useTableView.js";import{createLocalSeenStore as Zt}from"@webority/ui-elements/elements/tour";import{postedMasked as Qt,themeBootScript as $t}from"@webority/ui-elements/helpers";export{i as AppAccordion,a as AppActionIcon,o as AppAlert,u as AppAsyncBlock,m as AppAutocomplete,h as AppAvatar,g as AppAvatarGroup,v as AppAvatarPicker,y as AppBadge,b as AppBanner,x as AppBreadcrumbs,s as AppButton,S as AppButtonGroup,C as AppCalendar,w as AppCard,T as AppCarousel,E as AppChart,k as AppChartCard,A as AppCheckbox,j as AppChip,M as AppChipGroup,N as AppChoiceCard,P as AppChoiceChip,F as AppCodeBlock,I as AppColorField,L as AppColumnMenu,R as AppCommandPalette,z as AppCommentThread,B as AppCompareTable,U as AppConfirmDialog,W as AppConsentBanner,G as AppContextMenu,K as AppCopyButton,q as AppCountrySelect,J as AppDashboardCell,Y as AppDashboardGrid,ee as AppDataTable,te as AppDatePicker,ne as AppDateRangePicker,re as AppDescriptions,ie as AppDrawer,ae as AppDropZone,D as AppDropdown,c as AppEmptyState,oe as AppErrorSummary,se as AppFileAttachment,ce as AppFilePicker,le as AppFileViewer,he as AppFilterBar,ge as AppFloatingDock,_e as AppFormActions,ve as AppFormRow,ye as AppFormSection,be as AppHoverCard,t as AppIcon,xe as AppInfoList,f as AppInfoTip,Se as AppInlineEdit,V as AppInput,Ce as AppInputGroup,De as AppKanban,Oe as AppKbd,Ae as AppKpiTile,je as AppLightbox,Me as AppLink,Ne as AppLogoPicker,Pe as AppMentionInput,Fe as AppMenubar,Ie as AppMeter,_ as AppModal,fe as AppMultiSelect,Le as AppNavigationMenu,Re as AppNotificationCenter,ze as AppNumberInput,Be as AppOnboardingChecklist,Ve as AppOtpInput,He as AppPageHeader,Ue as AppPagination,We as AppPhoneNumberInput,d as AppPopover,Ge as AppPricingCard,Ke as AppProgress,qe as AppQrCode,Je as AppRadio,Ye as AppRadioGroup,Xe as AppRating,Ze as AppRecordPager,Qe as AppRelativeTime,$e as AppRepeater,p as AppRequiredMark,et as AppResizable,tt as AppResizableHandle,nt as AppResizablePanel,rt as AppResourceCard,it as AppResult,at as AppRichText,ot as AppRollingNumber,st as AppRouteError,ct as AppScrollbar,pe as AppSearch,lt as AppSectionCallToAction,ut as AppSectionFaq,dt as AppSectionFeatures,ft as AppSectionHero,pt as AppSectionLogos,mt as AppSectionPricing,ht as AppSectionTestimonials,O as AppSegmented,me as AppSelect,Q as AppSelectMini,gt as AppShell,_t as AppShortcutLegend,vt as AppShowMore,yt as AppSidebarMenu,X as AppSkeleton,Z as AppSkeletonRows,bt as AppSlider,xt as AppSortableList,ke as AppSparkline,l as AppSpinner,St as AppSplash,Ct as AppSplitButton,wt as AppSplitView,Tt as AppStatusBadge,Et as AppStepper,Dt as AppSwitch,Ot as AppTableEmptyState,$ as AppTablePagination,kt as AppTableToolbar,At as AppTabs,jt as AppTagInput,Mt as AppTextarea,Nt as AppThemeToggle,Ft as AppTimePicker,Pt as AppTimeline,It as AppToast,Lt as AppToolbar,e as AppTooltip,Rt as AppTour,zt as AppTreeView,Bt as AppTruncate,Vt as AppUpdateBar,Ht as AppWhatsNew,Ut as AppWizard,Wt as AppWorkspaceSwitcher,H as MODAL_ICONS,ue as buildListQuery,Zt as createLocalSeenStore,we as dismissAll,Te as errorToast,n as iconNames,de as parseListQuery,Qt as postedMasked,r as registerIcons,$t as themeBootScript,Ee as toast,Gt as useCommandPaletteShortcut,Kt as useFloatingStack,qt as useListQuery,Jt as useListShortcuts,Yt as usePagination,Xt as useTableView};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/ui-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.54.0",
|
|
4
4
|
"description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"type": "module",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
},
|
|
28
28
|
"sideEffects": false,
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@webority/theme": "0.
|
|
31
|
-
"@webority/ui-elements": "0.
|
|
30
|
+
"@webority/theme": "0.54.0",
|
|
31
|
+
"@webority/ui-elements": "0.54.0"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"@webority/analytics": "^0.21.0",
|