@webority/ui-react 0.96.0 → 0.99.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/canvas-kit/kit.js +18811 -18527
- package/dist/canvas-kit/manifest.json +247 -77
- package/dist/canvas-kit/release.json +6 -6
- package/dist/components/AppAutocomplete.js +1 -1
- package/dist/components/AppAvatarGroup.js +1 -1
- package/dist/components/AppButton.js +1 -1
- package/dist/components/AppCountryFlag.js +1 -0
- package/dist/components/AppCountrySelect.js +1 -1
- package/dist/components/AppDataTable.js +1 -1
- package/dist/components/AppIcon.js +1 -1
- package/dist/components/AppInput.js +1 -1
- package/dist/components/AppKanban.js +1 -1
- package/dist/components/AppNumberInput.js +1 -1
- package/dist/components/AppSegmented.js +1 -1
- package/dist/components/AppSelect.js +1 -1
- package/dist/components/AppTabs.js +1 -1
- package/dist/components/AppTooltip.js +1 -1
- package/dist/components/iconCatalogNames.g.js +1 -1
- package/dist/components/iconGlyphs.g.js +1 -1
- package/dist/components/iconVariants.g.js +1 -1
- package/dist/guidance.json +26 -1
- package/dist/lib/wuiMarker.js +1 -1
- package/dist/types/components/AppAutocomplete.d.ts +2 -0
- package/dist/types/components/AppAvatar.d.ts +4 -1
- package/dist/types/components/AppAvatarPicker.d.ts +8 -2
- package/dist/types/components/AppBadge.d.ts +4 -1
- package/dist/types/components/AppBanner.d.ts +5 -2
- package/dist/types/components/AppBreadcrumbs.d.ts +4 -1
- package/dist/types/components/AppButton.d.ts +3 -3
- package/dist/types/components/AppButtonGroup.d.ts +4 -1
- package/dist/types/components/AppCalendar.d.ts +4 -1
- package/dist/types/components/AppCard.d.ts +17 -5
- package/dist/types/components/AppCarousel.d.ts +4 -1
- package/dist/types/components/AppChart.d.ts +4 -1
- package/dist/types/components/AppChartCard.d.ts +4 -1
- package/dist/types/components/AppCheckbox.d.ts +4 -1
- package/dist/types/components/AppChip.d.ts +4 -1
- package/dist/types/components/AppConfirmDialog.d.ts +1 -1
- package/dist/types/components/AppCountryFlag.d.ts +22 -0
- package/dist/types/components/AppCountrySelect.d.ts +2 -0
- package/dist/types/components/AppDataTable.d.ts +4 -0
- package/dist/types/components/AppErrorSummary.d.ts +1 -1
- package/dist/types/components/AppFormActions.d.ts +4 -1
- package/dist/types/components/AppFormRow.d.ts +4 -1
- package/dist/types/components/AppFormSection.d.ts +4 -1
- package/dist/types/components/AppHoverCard.d.ts +4 -1
- package/dist/types/components/AppInfoList.d.ts +4 -1
- package/dist/types/components/AppInfoTip.d.ts +1 -1
- package/dist/types/components/AppInlineEdit.d.ts +8 -2
- package/dist/types/components/AppInput.d.ts +13 -2
- package/dist/types/components/AppInputGroup.d.ts +4 -1
- package/dist/types/components/AppKanban.d.ts +4 -1
- package/dist/types/components/AppKbd.d.ts +4 -1
- package/dist/types/components/AppKpiTile.d.ts +28 -7
- package/dist/types/components/AppLightbox.d.ts +4 -1
- package/dist/types/components/AppMarkdown.d.ts +4 -1
- package/dist/types/components/AppMentionInput.d.ts +8 -2
- package/dist/types/components/AppMenubar.d.ts +4 -1
- package/dist/types/components/AppMeter.d.ts +4 -1
- package/dist/types/components/AppNumberInput.d.ts +13 -2
- package/dist/types/components/AppOnboardingChecklist.d.ts +5 -2
- package/dist/types/components/AppOtpInput.d.ts +8 -2
- package/dist/types/components/AppPageHeader.d.ts +4 -1
- package/dist/types/components/AppPagination.d.ts +1 -1
- package/dist/types/components/AppPopover.d.ts +4 -1
- package/dist/types/components/AppPricingCard.d.ts +8 -2
- package/dist/types/components/AppProgress.d.ts +4 -1
- package/dist/types/components/AppQrCode.d.ts +1 -1
- package/dist/types/components/AppRadio.d.ts +4 -1
- package/dist/types/components/AppRadioGroup.d.ts +8 -2
- package/dist/types/components/AppRating.d.ts +8 -2
- package/dist/types/components/AppRecordPager.d.ts +4 -1
- package/dist/types/components/AppRelativeTime.d.ts +4 -1
- package/dist/types/components/AppSegmented.d.ts +3 -3
- package/dist/types/components/AppSelect.d.ts +2 -0
- package/dist/types/components/AppSparkline.d.ts +1 -1
- package/dist/types/components/AppSplash.d.ts +4 -1
- package/dist/types/components/AppSplitButton.d.ts +11 -5
- package/dist/types/components/AppSplitView.d.ts +8 -2
- package/dist/types/components/AppStatusBadge.d.ts +8 -2
- package/dist/types/components/AppStepper.d.ts +4 -1
- package/dist/types/components/AppTooltip.d.ts +1 -1
- package/dist/types/components/ModalIcons.d.ts +12 -12
- package/dist/types/components/iconGlyphs.g.d.ts +4 -2
- package/dist/types/components/iconVariants.g.d.ts +10 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/lib/emptyIllustration.d.ts +1 -1
- package/dist/types/lib/fileItem.d.ts +3 -3
- package/dist/types/lib/listQuery.d.ts +1 -1
- package/dist/types/lib/navMatch.d.ts +1 -1
- package/dist/types/lib/shellCookie.d.ts +1 -1
- package/dist/types/lib/shortcutChip.d.ts +3 -3
- package/dist/types/lib/wuiMarker.d.ts +3 -1
- package/dist/ui-react.js +1 -1
- package/package.json +7 -7
- package/dist/components/warnDeprecatedValue.js +0 -1
- package/dist/types/components/warnDeprecatedValue.d.ts +0 -10
|
@@ -47,14 +47,25 @@ declare const AppNumberInput: import("react").ForwardRefExoticComponent<{
|
|
|
47
47
|
id?: string;
|
|
48
48
|
/** The input's name, for forms. */
|
|
49
49
|
name?: string;
|
|
50
|
-
/**
|
|
50
|
+
/**
|
|
51
|
+
* Extra classes on the input.
|
|
52
|
+
* @default ""
|
|
53
|
+
*/
|
|
51
54
|
className?: string;
|
|
52
|
-
/**
|
|
55
|
+
/**
|
|
56
|
+
* Extra classes on the field wrapper.
|
|
57
|
+
* @default ""
|
|
58
|
+
*/
|
|
53
59
|
fieldClassName?: string;
|
|
54
60
|
/**
|
|
55
61
|
* Disables the field and both steppers.
|
|
56
62
|
* @default false
|
|
57
63
|
*/
|
|
58
64
|
disabled?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Locks the field and both steppers; the value still posts.
|
|
67
|
+
* @default false
|
|
68
|
+
*/
|
|
69
|
+
readOnly?: boolean;
|
|
59
70
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
60
71
|
export default AppNumberInput;
|
|
@@ -62,6 +62,9 @@ export default function AppOnboardingChecklist(props: {
|
|
|
62
62
|
onRestore?: () => void;
|
|
63
63
|
onCollapsedChange?: (collapsed: boolean) => void;
|
|
64
64
|
linkComponent?: import('react').ElementType;
|
|
65
|
-
/**
|
|
65
|
+
/**
|
|
66
|
+
* Extra classes on the root element.
|
|
67
|
+
* @default ""
|
|
68
|
+
*/
|
|
66
69
|
className?: string;
|
|
67
|
-
}): import("react").JSX.Element;
|
|
70
|
+
}): import("react").JSX.Element | null;
|
|
@@ -34,9 +34,15 @@ declare const AppOtpInput: import("react").ForwardRefExoticComponent<{
|
|
|
34
34
|
name?: string;
|
|
35
35
|
/** The element id. A generated id is used when this is omitted. */
|
|
36
36
|
id?: string;
|
|
37
|
-
/**
|
|
37
|
+
/**
|
|
38
|
+
* Class to apply to the control element.
|
|
39
|
+
* @default ""
|
|
40
|
+
*/
|
|
38
41
|
className?: string;
|
|
39
|
-
/**
|
|
42
|
+
/**
|
|
43
|
+
* Class to apply to the wrapper field div.
|
|
44
|
+
* @default ""
|
|
45
|
+
*/
|
|
40
46
|
fieldClassName?: string;
|
|
41
47
|
} & import("react").RefAttributes<HTMLElement>>;
|
|
42
48
|
export default AppOtpInput;
|
|
@@ -98,6 +98,9 @@ export default function AppPageHeader(props: {
|
|
|
98
98
|
* @default false
|
|
99
99
|
*/
|
|
100
100
|
sticky?: boolean;
|
|
101
|
-
/**
|
|
101
|
+
/**
|
|
102
|
+
* Extra classes on the header element.
|
|
103
|
+
* @default ""
|
|
104
|
+
*/
|
|
102
105
|
className?: string;
|
|
103
106
|
}): import("react").JSX.Element;
|
|
@@ -31,7 +31,10 @@ export default function AppPopover({ trigger, children, title, placement, trigge
|
|
|
31
31
|
placement?: 'top' | 'bottom' | 'start' | 'end' | 'auto';
|
|
32
32
|
triggerType?: 'click' | 'hover' | 'focus' | ('click' | 'hover' | 'focus')[];
|
|
33
33
|
onToggle?: (show: boolean) => void;
|
|
34
|
-
/**
|
|
34
|
+
/**
|
|
35
|
+
* Extra classes on the popover panel.
|
|
36
|
+
* @default ""
|
|
37
|
+
*/
|
|
35
38
|
className?: string;
|
|
36
39
|
/** Controls the open state. When set, the panel follows it. */
|
|
37
40
|
show?: boolean;
|
|
@@ -30,7 +30,10 @@ export default function AppPricingCard(props: {
|
|
|
30
30
|
unit?: string;
|
|
31
31
|
/** One line on who the tier is for. */
|
|
32
32
|
tagline?: string;
|
|
33
|
-
/**
|
|
33
|
+
/**
|
|
34
|
+
* The feature list. Every card in a row should list the same features in the same order.
|
|
35
|
+
* @default []
|
|
36
|
+
*/
|
|
34
37
|
features?: {
|
|
35
38
|
text: string;
|
|
36
39
|
included?: boolean;
|
|
@@ -52,6 +55,9 @@ export default function AppPricingCard(props: {
|
|
|
52
55
|
* @default "Most popular"
|
|
53
56
|
*/
|
|
54
57
|
badge?: string;
|
|
55
|
-
/**
|
|
58
|
+
/**
|
|
59
|
+
* Extra classes on the card.
|
|
60
|
+
* @default ""
|
|
61
|
+
*/
|
|
56
62
|
className?: string;
|
|
57
63
|
}): import("react").JSX.Element;
|
|
@@ -58,6 +58,9 @@ export default function AppProgress(props: {
|
|
|
58
58
|
* @default false
|
|
59
59
|
*/
|
|
60
60
|
indeterminate?: boolean;
|
|
61
|
-
/**
|
|
61
|
+
/**
|
|
62
|
+
* Extra classes on the bar, or on the labelled wrapper when the label shows.
|
|
63
|
+
* @default ""
|
|
64
|
+
*/
|
|
62
65
|
className?: string;
|
|
63
66
|
}): import("react").JSX.Element;
|
|
@@ -18,7 +18,10 @@ declare const AppRadio: import("react").ForwardRefExoticComponent<{
|
|
|
18
18
|
error?: string;
|
|
19
19
|
/** Helper text below the control. Hidden while an error is shown. */
|
|
20
20
|
hint?: string;
|
|
21
|
-
/**
|
|
21
|
+
/**
|
|
22
|
+
* Extra class on the form-check wrapper that holds the input, label and message.
|
|
23
|
+
* @default ""
|
|
24
|
+
*/
|
|
22
25
|
className?: string;
|
|
23
26
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
24
27
|
export default AppRadio;
|
|
@@ -77,10 +77,16 @@ export default function AppRadioGroup(props: {
|
|
|
77
77
|
helpLabel?: string;
|
|
78
78
|
/** The group's id; generated when left out. Option ids and the label and message ids derive from it. */
|
|
79
79
|
id?: string;
|
|
80
|
-
/**
|
|
80
|
+
/**
|
|
81
|
+
* Class on the group (the control).
|
|
82
|
+
* @default ""
|
|
83
|
+
*/
|
|
81
84
|
className?: string;
|
|
82
85
|
/** Inline style; lands on the group with className. */
|
|
83
86
|
style?: import('react').CSSProperties;
|
|
84
|
-
/**
|
|
87
|
+
/**
|
|
88
|
+
* Class on the .field wrapper.
|
|
89
|
+
* @default ""
|
|
90
|
+
*/
|
|
85
91
|
fieldClassName?: string;
|
|
86
92
|
}): import("react").JSX.Element;
|
|
@@ -78,8 +78,14 @@ export default function AppRating(props: {
|
|
|
78
78
|
hint?: string;
|
|
79
79
|
/** The rating control's id; generated when left out. */
|
|
80
80
|
id?: string;
|
|
81
|
-
/**
|
|
81
|
+
/**
|
|
82
|
+
* Class on the stars (the control).
|
|
83
|
+
* @default ""
|
|
84
|
+
*/
|
|
82
85
|
className?: string;
|
|
83
|
-
/**
|
|
86
|
+
/**
|
|
87
|
+
* Input only: class on the .field wrapper.
|
|
88
|
+
* @default ""
|
|
89
|
+
*/
|
|
84
90
|
fieldClassName?: string;
|
|
85
91
|
}): import("react").JSX.Element;
|
|
@@ -17,6 +17,9 @@ export default function AppRelativeTime(props: {
|
|
|
17
17
|
* @default "auto"
|
|
18
18
|
*/
|
|
19
19
|
tooltipPlacement?: 'auto' | 'top' | 'bottom' | 'start' | 'end';
|
|
20
|
-
/**
|
|
20
|
+
/**
|
|
21
|
+
* Extra class on the relative time element.
|
|
22
|
+
* @default ""
|
|
23
|
+
*/
|
|
21
24
|
className?: string;
|
|
22
25
|
}): any;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
* @param {(value: string) => void} props.onChange
|
|
18
18
|
* @param {string} props.label
|
|
19
19
|
* @param {string} [props.name]
|
|
20
|
-
* @param {'sm'|'md'|'lg'
|
|
20
|
+
* @param {'sm'|'md'|'lg'} [props.size]
|
|
21
21
|
* @param {boolean} [props.fullWidth]
|
|
22
22
|
* @param {boolean} [props.bordered]
|
|
23
23
|
* @param {boolean} [props.disabled]
|
|
@@ -45,10 +45,10 @@ export default function AppSegmented(props: {
|
|
|
45
45
|
/** The field name, which groups the radios and is what a form posts. Defaults to a generated one. */
|
|
46
46
|
name?: string;
|
|
47
47
|
/**
|
|
48
|
-
* Heights 32, 36 and 44px.
|
|
48
|
+
* Heights 32, 36 and 44px.
|
|
49
49
|
* @default "md"
|
|
50
50
|
*/
|
|
51
|
-
size?: 'sm' | 'md' | 'lg'
|
|
51
|
+
size?: 'sm' | 'md' | 'lg';
|
|
52
52
|
/**
|
|
53
53
|
* Segments share the row equally, filling the container.
|
|
54
54
|
* @default false
|
|
@@ -58,6 +58,8 @@ declare const AppSelect: import("react").ForwardRefExoticComponent<{
|
|
|
58
58
|
floatingLabel?: "off" | "border" | "above";
|
|
59
59
|
/** Disables the control. */
|
|
60
60
|
disabled?: boolean;
|
|
61
|
+
/** Shows the list open, for a design preview or a controlled caller. */
|
|
62
|
+
open?: boolean;
|
|
61
63
|
/** The visible field label. */
|
|
62
64
|
label?: import('react').ReactNode;
|
|
63
65
|
/**
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* @param {() => void} [props.onClick] Called when the main button is pressed.
|
|
13
13
|
* @param {string} [props.href]
|
|
14
14
|
* @param {'button'|'submit'|'reset'} [props.type]
|
|
15
|
-
* @param {'primary'|'secondary'|'outline'|'ghost'|'danger'|'success'|'secondary-danger'|'outline-danger'|'light'|'warning'|'neutral'|'outline-light'|'outline-secondary'|'text'
|
|
15
|
+
* @param {'primary'|'secondary'|'outline'|'ghost'|'danger'|'success'|'secondary-danger'|'outline-danger'|'light'|'warning'|'neutral'|'outline-light'|'outline-secondary'|'text'} [props.variant]
|
|
16
16
|
* @param {'sm'|'md'|'lg'} [props.size]
|
|
17
17
|
* @param {boolean} [props.disabled]
|
|
18
18
|
* @param {boolean} [props.loading]
|
|
@@ -26,7 +26,10 @@
|
|
|
26
26
|
export default function AppSplitButton(props: {
|
|
27
27
|
/** The main button's text, also the group's accessible name. */
|
|
28
28
|
label: string;
|
|
29
|
-
/**
|
|
29
|
+
/**
|
|
30
|
+
* The menu, as the dropdown takes it. Each item needs a unique `key`. An item with divider true draws a separator.
|
|
31
|
+
* @default []
|
|
32
|
+
*/
|
|
30
33
|
items?: {
|
|
31
34
|
key: string;
|
|
32
35
|
label?: string;
|
|
@@ -47,10 +50,10 @@ export default function AppSplitButton(props: {
|
|
|
47
50
|
*/
|
|
48
51
|
type?: 'button' | 'submit' | 'reset';
|
|
49
52
|
/**
|
|
50
|
-
* Both halves share it.
|
|
53
|
+
* Both halves share it.
|
|
51
54
|
* @default "primary"
|
|
52
55
|
*/
|
|
53
|
-
variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'secondary-danger' | 'outline-danger' | 'light' | 'warning' | 'neutral' | 'outline-light' | 'outline-secondary' | 'text'
|
|
56
|
+
variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'secondary-danger' | 'outline-danger' | 'light' | 'warning' | 'neutral' | 'outline-light' | 'outline-secondary' | 'text';
|
|
54
57
|
/**
|
|
55
58
|
* The size of both halves.
|
|
56
59
|
* @default "md"
|
|
@@ -81,6 +84,9 @@ export default function AppSplitButton(props: {
|
|
|
81
84
|
*/
|
|
82
85
|
align?: 'start' | 'end';
|
|
83
86
|
linkComponent?: import('react').ElementType;
|
|
84
|
-
/**
|
|
87
|
+
/**
|
|
88
|
+
* Extra CSS classes added to the group.
|
|
89
|
+
* @default ""
|
|
90
|
+
*/
|
|
85
91
|
className?: string;
|
|
86
92
|
}): import("react").JSX.Element;
|
|
@@ -39,7 +39,10 @@
|
|
|
39
39
|
* @param {string} [props.className]
|
|
40
40
|
*/
|
|
41
41
|
export default function AppSplitView(props: {
|
|
42
|
-
/**
|
|
42
|
+
/**
|
|
43
|
+
* The list. meta is the line under the title (sender, excerpt), trailing sits at the end (a date), badge is a short count or label. Keep links and buttons out of all three: the item is itself a link (with href) or a button. Each item needs a unique `key`, a string or a number.
|
|
44
|
+
* @default []
|
|
45
|
+
*/
|
|
43
46
|
items?: {
|
|
44
47
|
key: string | number;
|
|
45
48
|
title: import('react').ReactNode;
|
|
@@ -106,6 +109,9 @@ export default function AppSplitView(props: {
|
|
|
106
109
|
* @default "xl"
|
|
107
110
|
*/
|
|
108
111
|
stackBelow?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
109
|
-
/**
|
|
112
|
+
/**
|
|
113
|
+
* Extra classes on the root element.
|
|
114
|
+
* @default ""
|
|
115
|
+
*/
|
|
110
116
|
className?: string;
|
|
111
117
|
}): import("react").JSX.Element;
|
|
@@ -13,9 +13,15 @@
|
|
|
13
13
|
export default function AppStatusBadge(props: {
|
|
14
14
|
/** The status text, as a string or a React node. When it is empty the badge draws a plain hyphen. */
|
|
15
15
|
label?: import('react').ReactNode;
|
|
16
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* The tone class suffix: neutral, primary, success, warning, danger or info.
|
|
18
|
+
* @default "neutral"
|
|
19
|
+
*/
|
|
17
20
|
tone?: string;
|
|
18
|
-
/**
|
|
21
|
+
/**
|
|
22
|
+
* Extra classes on the pill, appended after the tone class.
|
|
23
|
+
* @default ""
|
|
24
|
+
*/
|
|
19
25
|
className?: string;
|
|
20
26
|
/** A hover and focus tooltip that flips to stay on screen. Use it to spell out a terse status. */
|
|
21
27
|
tooltip?: string;
|
|
@@ -81,6 +81,9 @@ export default function AppStepper(props: {
|
|
|
81
81
|
*/
|
|
82
82
|
tone?: 'primary' | 'info';
|
|
83
83
|
linkComponent?: import('react').ElementType;
|
|
84
|
-
/**
|
|
84
|
+
/**
|
|
85
|
+
* Extra class names added to the stepper's root element.
|
|
86
|
+
* @default ""
|
|
87
|
+
*/
|
|
85
88
|
className?: string;
|
|
86
89
|
}): import("react").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* A plain tooltip on any element (hover or focus to reveal). Distinct from AppInfoTip (a help
|
|
2
|
+
* A plain tooltip on any element (hover or keyboard focus to reveal). Distinct from AppInfoTip (a help
|
|
3
3
|
* "?" icon beside a label) and AppPopover (a click-opened panel). Wraps react-bootstrap's
|
|
4
4
|
* OverlayTrigger/Tooltip (Popper positioning); the Razor counterpart `<app-tooltip>` uses
|
|
5
5
|
* Bootstrap's own tooltip, so both surfaces stay in lockstep.
|
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
import "@webority/ui-elements/elements/status-icon";
|
|
2
2
|
export declare const SuccessIcon: ({ size }: {
|
|
3
|
-
size?: number;
|
|
3
|
+
size?: number | undefined;
|
|
4
4
|
}) => import("react").JSX.Element;
|
|
5
5
|
export declare const ErrorIcon: ({ size }: {
|
|
6
|
-
size?: number;
|
|
6
|
+
size?: number | undefined;
|
|
7
7
|
}) => import("react").JSX.Element;
|
|
8
8
|
export declare const WarningIcon: ({ size }: {
|
|
9
|
-
size?: number;
|
|
9
|
+
size?: number | undefined;
|
|
10
10
|
}) => import("react").JSX.Element;
|
|
11
11
|
export declare const InfoIcon: ({ size }: {
|
|
12
|
-
size?: number;
|
|
12
|
+
size?: number | undefined;
|
|
13
13
|
}) => import("react").JSX.Element;
|
|
14
14
|
export declare const DeleteIcon: ({ size }: {
|
|
15
|
-
size?: number;
|
|
15
|
+
size?: number | undefined;
|
|
16
16
|
}) => import("react").JSX.Element;
|
|
17
17
|
export declare const PrimaryIcon: ({ size }: {
|
|
18
|
-
size?: number;
|
|
18
|
+
size?: number | undefined;
|
|
19
19
|
}) => import("react").JSX.Element;
|
|
20
20
|
export declare const MODAL_ICONS: {
|
|
21
21
|
success: ({ size }: {
|
|
22
|
-
size?: number;
|
|
22
|
+
size?: number | undefined;
|
|
23
23
|
}) => import("react").JSX.Element;
|
|
24
24
|
error: ({ size }: {
|
|
25
|
-
size?: number;
|
|
25
|
+
size?: number | undefined;
|
|
26
26
|
}) => import("react").JSX.Element;
|
|
27
27
|
warning: ({ size }: {
|
|
28
|
-
size?: number;
|
|
28
|
+
size?: number | undefined;
|
|
29
29
|
}) => import("react").JSX.Element;
|
|
30
30
|
info: ({ size }: {
|
|
31
|
-
size?: number;
|
|
31
|
+
size?: number | undefined;
|
|
32
32
|
}) => import("react").JSX.Element;
|
|
33
33
|
delete: ({ size }: {
|
|
34
|
-
size?: number;
|
|
34
|
+
size?: number | undefined;
|
|
35
35
|
}) => import("react").JSX.Element;
|
|
36
36
|
primary: ({ size }: {
|
|
37
|
-
size?: number;
|
|
37
|
+
size?: number | undefined;
|
|
38
38
|
}) => import("react").JSX.Element;
|
|
39
39
|
};
|
|
@@ -98,6 +98,7 @@ export declare const GLYPHS: {
|
|
|
98
98
|
globe2: string;
|
|
99
99
|
google: string;
|
|
100
100
|
grid: string;
|
|
101
|
+
hand: string;
|
|
101
102
|
headphone: string;
|
|
102
103
|
health: string;
|
|
103
104
|
heart: string;
|
|
@@ -130,6 +131,7 @@ export declare const GLYPHS: {
|
|
|
130
131
|
"message-question": string;
|
|
131
132
|
"message-square": string;
|
|
132
133
|
"message-text": string;
|
|
134
|
+
microsoft: string;
|
|
133
135
|
minus: string;
|
|
134
136
|
"minus-circle": string;
|
|
135
137
|
mobile: string;
|
|
@@ -215,6 +217,6 @@ export declare const GLYPHS: {
|
|
|
215
217
|
export declare const iconNames: string[];
|
|
216
218
|
/** The library's single icon SVG emitter — identical markup to Razor's IconMarkup.Render. */
|
|
217
219
|
export declare function glyphSvg(name: any, { size, className }?: {
|
|
218
|
-
className?: string;
|
|
219
|
-
size?: number;
|
|
220
|
+
className?: string | undefined;
|
|
221
|
+
size?: number | undefined;
|
|
220
222
|
}): string;
|
|
@@ -99,6 +99,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
99
99
|
globe2: string;
|
|
100
100
|
google: string;
|
|
101
101
|
grid: string;
|
|
102
|
+
hand: string;
|
|
102
103
|
headphone: string;
|
|
103
104
|
health: string;
|
|
104
105
|
heart: string;
|
|
@@ -131,6 +132,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
131
132
|
"message-question": string;
|
|
132
133
|
"message-square": string;
|
|
133
134
|
"message-text": string;
|
|
135
|
+
microsoft: string;
|
|
134
136
|
minus: string;
|
|
135
137
|
"minus-circle": string;
|
|
136
138
|
mobile: string;
|
|
@@ -313,6 +315,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
313
315
|
globe2: string;
|
|
314
316
|
google: string;
|
|
315
317
|
grid: string;
|
|
318
|
+
hand: string;
|
|
316
319
|
headphone: string;
|
|
317
320
|
health: string;
|
|
318
321
|
heart: string;
|
|
@@ -345,6 +348,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
345
348
|
"message-question": string;
|
|
346
349
|
"message-square": string;
|
|
347
350
|
"message-text": string;
|
|
351
|
+
microsoft: string;
|
|
348
352
|
minus: string;
|
|
349
353
|
"minus-circle": string;
|
|
350
354
|
mobile: string;
|
|
@@ -527,6 +531,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
527
531
|
globe2: string;
|
|
528
532
|
google: string;
|
|
529
533
|
grid: string;
|
|
534
|
+
hand: string;
|
|
530
535
|
headphone: string;
|
|
531
536
|
health: string;
|
|
532
537
|
heart: string;
|
|
@@ -559,6 +564,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
559
564
|
"message-question": string;
|
|
560
565
|
"message-square": string;
|
|
561
566
|
"message-text": string;
|
|
567
|
+
microsoft: string;
|
|
562
568
|
minus: string;
|
|
563
569
|
"minus-circle": string;
|
|
564
570
|
mobile: string;
|
|
@@ -741,6 +747,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
741
747
|
globe2: string;
|
|
742
748
|
google: string;
|
|
743
749
|
grid: string;
|
|
750
|
+
hand: string;
|
|
744
751
|
headphone: string;
|
|
745
752
|
health: string;
|
|
746
753
|
heart: string;
|
|
@@ -773,6 +780,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
773
780
|
"message-question": string;
|
|
774
781
|
"message-square": string;
|
|
775
782
|
"message-text": string;
|
|
783
|
+
microsoft: string;
|
|
776
784
|
minus: string;
|
|
777
785
|
"minus-circle": string;
|
|
778
786
|
mobile: string;
|
|
@@ -955,6 +963,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
955
963
|
globe2: string;
|
|
956
964
|
google: string;
|
|
957
965
|
grid: string;
|
|
966
|
+
hand: string;
|
|
958
967
|
headphone: string;
|
|
959
968
|
health: string;
|
|
960
969
|
heart: string;
|
|
@@ -987,6 +996,7 @@ export declare const VARIANT_GLYPHS: {
|
|
|
987
996
|
"message-question": string;
|
|
988
997
|
"message-square": string;
|
|
989
998
|
"message-text": string;
|
|
999
|
+
microsoft: string;
|
|
990
1000
|
minus: string;
|
|
991
1001
|
"minus-circle": string;
|
|
992
1002
|
mobile: string;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -34,6 +34,7 @@ export { default as AppConfirmDialog } from "./components/AppConfirmDialog.jsx";
|
|
|
34
34
|
export { default as AppConsentBanner } from "./components/AppConsentBanner.jsx";
|
|
35
35
|
export { default as AppContextMenu } from "./components/AppContextMenu.jsx";
|
|
36
36
|
export { default as AppCopyButton } from "./components/AppCopyButton.jsx";
|
|
37
|
+
export { default as AppCountryFlag } from "./components/AppCountryFlag.jsx";
|
|
37
38
|
export { default as AppCountrySelect } from "./components/AppCountrySelect.jsx";
|
|
38
39
|
export { default as AppDashboardCell } from "./components/AppDashboardCell.jsx";
|
|
39
40
|
export { default as AppDashboardGrid } from "./components/AppDashboardGrid.jsx";
|
|
@@ -10,11 +10,11 @@ export declare function nameOf(item: any): any;
|
|
|
10
10
|
* The size line for a picked File, or for an existing or uploading item that carries a finite
|
|
11
11
|
* `sizeBytes` of 0 or more. Null when the size is unknown.
|
|
12
12
|
*/
|
|
13
|
-
export declare function sizeLabelOf(item: any): string;
|
|
13
|
+
export declare function sizeLabelOf(item: any): string | null;
|
|
14
14
|
/** The link a stored file opens; a freshly picked File has none. */
|
|
15
15
|
export declare function linkOf(item: any): any;
|
|
16
16
|
/** Upload progress while it is under 100, else null: a finished upload draws no bar. */
|
|
17
|
-
export declare function uploadProgressOf(item: any): number;
|
|
17
|
+
export declare function uploadProgressOf(item: any): number | null;
|
|
18
18
|
/** Why the upload failed, or null. */
|
|
19
19
|
export declare function uploadErrorOf(item: any): any;
|
|
20
20
|
/**
|
|
@@ -22,4 +22,4 @@ export declare function uploadErrorOf(item: any): any;
|
|
|
22
22
|
* change/unmount. An existing attachment already carries `url`. Non-images get no URL — the
|
|
23
23
|
* caller renders a file-type icon instead.
|
|
24
24
|
*/
|
|
25
|
-
export declare function useItemUrl(item: any, isImage: any):
|
|
25
|
+
export declare function useItemUrl(item: any, isImage: any): null;
|
|
@@ -26,7 +26,7 @@ export declare function buildListQuery({ page, pageSize, sortBy, sortOrder, filt
|
|
|
26
26
|
}>;
|
|
27
27
|
}): URLSearchParams;
|
|
28
28
|
/** The empty value of a facet: "" (enum, text), [] (multiEnum) or { from: "", to: "" } (dateRange). */
|
|
29
|
-
export declare function emptyFacetValue(facet: any): "" |
|
|
29
|
+
export declare function emptyFacetValue(facet: any): "" | never[] | {
|
|
30
30
|
from: string;
|
|
31
31
|
to: string;
|
|
32
32
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** The normalised form of an href or path, or null when it can never match. */
|
|
2
|
-
export declare function normalizeNavPath(href: any): string;
|
|
2
|
+
export declare function normalizeNavPath(href: any): string | null;
|
|
3
3
|
/**
|
|
4
4
|
* How well `href` (plus any `also` prefixes) matches the current path: the length of the longest
|
|
5
5
|
* matching target, or -1 when none matches. `pathBase` is stripped from a target that starts with it.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** Default cookie name (AppShellTagHelper.CollapsedCookie). */
|
|
2
2
|
export declare const SHELL_COLLAPSED_COOKIE = "wui-shell-collapsed";
|
|
3
3
|
/** true / false from the cookie ("1" / "0"), or null when it is absent, holds anything else or cannot be read. */
|
|
4
|
-
export declare function readShellCollapsed(name?: string, doc?: Document): boolean;
|
|
4
|
+
export declare function readShellCollapsed(name?: string, doc?: Document): boolean | null;
|
|
5
5
|
/** Remember the rail state for a year, site-wide; a frame without cookie access remembers nothing. */
|
|
6
6
|
export declare function writeShellCollapsed(collapsed: any, name?: string, doc?: Document): void;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* @internal not exported from the package barrel
|
|
6
6
|
*/
|
|
7
7
|
export declare function shortcutChip(shortcut: any, { inTooltip }?: {
|
|
8
|
-
inTooltip?: boolean;
|
|
9
|
-
}): import("react").JSX.Element;
|
|
8
|
+
inTooltip?: boolean | undefined;
|
|
9
|
+
}): import("react").JSX.Element | null;
|
|
10
10
|
/** The `aria-keyshortcuts` value for a control with this shortcut, or undefined without one. */
|
|
11
|
-
export declare function shortcutAria(shortcut: any): string;
|
|
11
|
+
export declare function shortcutAria(shortcut: any): string | undefined;
|
|
@@ -4,6 +4,8 @@ export declare const WUI_MARKER_ATTRIBUTE = "data-wui";
|
|
|
4
4
|
export declare const WUI_MARKER_PROPS_ATTRIBUTE = "data-wui-props";
|
|
5
5
|
/** The attribute that links an element to its Canvas board node where a part is ambiguous; the marker element carries the key the component was given, in every build. */
|
|
6
6
|
export declare const WUI_CANVAS_KEY_ATTRIBUTE = "data-canvas";
|
|
7
|
+
/** The source stamp a build plugin writes on each product JSX element; the marker element carries the stamp its call site was given, in every build where it was given. */
|
|
8
|
+
export declare const WUI_CANVAS_AT_ATTRIBUTE = "data-canvas-at";
|
|
7
9
|
/** The global the importer sets through an init script before the page loads. */
|
|
8
10
|
export declare const WUI_MARKERS_GLOBAL = "__WUI_MARKERS__";
|
|
9
11
|
/** The value of WUI_MARKERS_GLOBAL that turns props mode on. */
|
|
@@ -17,7 +19,7 @@ export declare function wuiMarkerPropsOn(): boolean;
|
|
|
17
19
|
* The attributes an App* root spreads onto its host element, placed before the component's rest
|
|
18
20
|
* spread so a wrapper passing its own marker wins.
|
|
19
21
|
*
|
|
20
|
-
* A data-canvas key the component was given
|
|
22
|
+
* A data-canvas key and a data-canvas-at stamp the component was given ride on the marker element in every build.
|
|
21
23
|
*
|
|
22
24
|
* In props mode the plain values the component was given ride along as JSON. The kit manifest stays
|
|
23
25
|
* the one list of which props are plain: the importer keeps only those, so nothing here repeats it.
|