@commercelayer/app-elements 2.1.1 → 2.2.1
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/InputDateComponent-Db8BHZkN.js +5026 -0
- package/dist/dictionaries/customers.d.ts +1 -1
- package/dist/dictionaries/orders.d.ts +2 -2
- package/dist/dictionaries/promotions.d.ts +1 -1
- package/dist/dictionaries/returns.d.ts +2 -2
- package/dist/dictionaries/shipments.d.ts +2 -2
- package/dist/dictionaries/stockTransfers.d.ts +2 -2
- package/dist/helpers/attachments.d.ts +1 -1
- package/dist/helpers/route.d.ts +1 -1
- package/dist/helpers/tracking.d.ts +3 -3
- package/dist/hooks/useDelayShow.d.ts +1 -3
- package/dist/hooks/useOnBlurFromContainer.d.ts +0 -1
- package/dist/{main-CE4P5Pj6.js → main-BU0KeCiu.js} +12949 -12944
- package/dist/main.js +25 -25
- package/dist/providers/CoreSdkProvider/CoreSdkProvider.d.ts +1 -1
- package/dist/providers/CoreSdkProvider/useCoreApi.d.ts +2 -2
- package/dist/providers/TokenProvider/TokenProvider.d.ts +18 -9
- package/dist/providers/TokenProvider/reducer.d.ts +2 -2
- package/dist/providers/TokenProvider/storage.d.ts +2 -2
- package/dist/providers/TokenProvider/types.d.ts +9 -0
- package/dist/providers/TokenProvider/url.d.ts +2 -7
- package/dist/providers/TokenProvider/validateToken.d.ts +1 -1
- package/dist/providers/createApp.d.ts +4 -20
- package/dist/style.css +1 -1
- package/dist/ui/atoms/A.d.ts +1 -1
- package/dist/ui/atoms/Alert.d.ts +0 -1
- package/dist/ui/atoms/AvatarLetter/AvatarLetter.d.ts +0 -1
- package/dist/ui/atoms/Badge/Badge.d.ts +2 -2
- package/dist/ui/atoms/ButtonImageSelect.d.ts +0 -1
- package/dist/ui/atoms/Card.d.ts +59 -61
- package/dist/ui/atoms/Container.d.ts +0 -1
- package/dist/ui/atoms/CopyToClipboard.d.ts +0 -1
- package/dist/ui/atoms/EmptyState.d.ts +1 -1
- package/dist/ui/atoms/Hint.d.ts +1 -1
- package/dist/ui/atoms/Hr.d.ts +0 -1
- package/dist/ui/atoms/Icon/Icon.d.ts +1 -1
- package/dist/ui/atoms/Icon/icons.d.ts +3 -0
- package/dist/ui/atoms/PageHeading/PageHeading.d.ts +10 -10
- package/dist/ui/atoms/PageHeading/PageHeadingToolbar.d.ts +5 -5
- package/dist/ui/atoms/Pagination.d.ts +0 -1
- package/dist/ui/atoms/Progress.d.ts +0 -1
- package/dist/ui/atoms/RadialProgress.d.ts +1 -1
- package/dist/ui/atoms/RemoveButton.d.ts +0 -1
- package/dist/ui/atoms/Section.d.ts +5 -5
- package/dist/ui/atoms/SkeletonTemplate.d.ts +1 -1
- package/dist/ui/atoms/StatusDot.d.ts +0 -1
- package/dist/ui/atoms/Steps.d.ts +0 -1
- package/dist/ui/atoms/Table/Td.d.ts +0 -1
- package/dist/ui/atoms/Table/Th.d.ts +0 -1
- package/dist/ui/atoms/Table/Tr.d.ts +0 -1
- package/dist/ui/atoms/Tag.d.ts +1 -1
- package/dist/ui/atoms/Tooltip.d.ts +1 -1
- package/dist/ui/composite/ActionButtons/ActionButtons.d.ts +4 -4
- package/dist/ui/composite/CardDialog.d.ts +5 -6
- package/dist/ui/composite/Dropdown/DropdownItem.d.ts +58 -58
- package/dist/ui/composite/Dropdown/DropdownSearch.d.ts +0 -1
- package/dist/ui/composite/HomePageLayout.d.ts +1 -1
- package/dist/ui/composite/List.d.ts +1 -1
- package/dist/ui/composite/ListItem.d.ts +1 -1
- package/dist/ui/composite/PageLayout.d.ts +12 -12
- package/dist/ui/composite/PageSkeleton.d.ts +0 -1
- package/dist/ui/composite/Timeline.d.ts +6 -6
- package/dist/ui/composite/Toolbar.d.ts +4 -4
- package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroup.d.ts +6 -6
- package/dist/ui/forms/InputCheckboxGroup/InputCheckboxGroupItem.d.ts +7 -7
- package/dist/ui/forms/InputCheckboxGroup/reducer.d.ts +1 -1
- package/dist/ui/forms/InputCurrency/InputCurrency.d.ts +2 -2
- package/dist/ui/forms/InputCurrencyRange.d.ts +2 -2
- package/dist/ui/forms/InputDate/InputDate.d.ts +2 -2
- package/dist/ui/forms/InputDate/InputDateComponent.d.ts +2 -2
- package/dist/ui/forms/InputDateRange/InputDateRange.d.ts +1 -1
- package/dist/ui/forms/InputFeedback.d.ts +0 -1
- package/dist/ui/forms/InputRadioGroup/InputRadioGroup.d.ts +11 -11
- package/dist/ui/forms/InputReadonly.d.ts +14 -14
- package/dist/ui/forms/InputResourceGroup/FullList.d.ts +2 -2
- package/dist/ui/forms/InputResourceGroup/InputResourceGroup.d.ts +1 -1
- package/dist/ui/forms/InputSelect/AsyncComponent.d.ts +2 -2
- package/dist/ui/forms/InputSelect/CreatableComponent.d.ts +1 -1
- package/dist/ui/forms/InputSelect/InputSelect.d.ts +3 -3
- package/dist/ui/forms/InputSelect/SelectComponent.d.ts +1 -1
- package/dist/ui/forms/InputSelect/overrides.d.ts +1 -1
- package/dist/ui/forms/InputSelect/styles.d.ts +3 -3
- package/dist/ui/forms/InputToggleButton/InputToggleButton.d.ts +1 -1
- package/dist/ui/forms/Label.d.ts +0 -1
- package/dist/ui/forms/Legend.d.ts +0 -1
- package/dist/ui/forms/ReactHookForm/HookedValidationApiError.d.ts +0 -1
- package/dist/ui/forms/ReactHookForm/HookedValidationError.d.ts +0 -1
- package/dist/ui/internals/InputWrapper.d.ts +12 -12
- package/dist/ui/internals/InteractiveElement.className.d.ts +0 -1
- package/dist/ui/internals/Overlay.d.ts +0 -1
- package/dist/ui/resources/ResourceAddress/ResourceAddress.d.ts +6 -6
- package/dist/ui/resources/ResourceAddress/ResourceAddressForm.d.ts +5 -5
- package/dist/ui/resources/ResourceAddress/ResourceAddressFormFields.d.ts +6 -6
- package/dist/ui/resources/ResourceLineItems/ResourceLineItems.d.ts +10 -10
- package/dist/ui/resources/ResourceLineItems/ResourceLineItems.mocks.d.ts +1 -0
- package/dist/ui/resources/ResourceList/ResourceList.d.ts +4 -4
- package/dist/ui/resources/ResourceList/infiniteFetcher.d.ts +1 -1
- package/dist/ui/resources/ResourceList/metricsApiClient.d.ts +3 -3
- package/dist/ui/resources/ResourceList/reducer.d.ts +1 -1
- package/dist/ui/resources/ResourceList/utils.d.ts +0 -1
- package/dist/ui/resources/ResourceListItem/ResourceListItem.d.ts +6 -6
- package/dist/ui/resources/ResourceListItem/common.d.ts +7 -7
- package/dist/ui/resources/ResourceListItem/transformers/customers.d.ts +1 -1
- package/dist/ui/resources/ResourceListItem/transformers/orders.d.ts +1 -1
- package/dist/ui/resources/ResourceListItem/transformers/promotions.d.ts +1 -1
- package/dist/ui/resources/ResourceListItem/transformers/returns.d.ts +1 -1
- package/dist/ui/resources/ResourceListItem/transformers/shipments.d.ts +1 -1
- package/dist/ui/resources/ResourceListItem/transformers/stockTransfers.d.ts +1 -1
- package/dist/ui/resources/ResourceListItem/types.d.ts +1 -1
- package/dist/ui/resources/ResourceMetadata/ResourceMetadata.d.ts +4 -4
- package/dist/ui/resources/ResourceMetadata/ResourceMetadataForm.d.ts +4 -4
- package/dist/ui/resources/ResourceOrderTimeline.d.ts +7 -7
- package/dist/ui/resources/ResourceShipmentParcels.d.ts +3 -3
- package/dist/ui/resources/ResourceTags.d.ts +3 -3
- package/dist/ui/resources/useResourceFilters/FiltersSearchBar.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adaptFormValuesToSdk.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adaptSdkToMetrics.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adaptSdkToUrlQuery.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adaptUrlQueryToSdk.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/adapters.types.d.ts +8 -8
- package/dist/ui/resources/useResourceFilters/timeUtils.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/types.d.ts +1 -1
- package/dist/ui/resources/useResourceFilters/useResourceFilters.d.ts +6 -6
- package/dist/utils/htmltags.d.ts +0 -1
- package/dist/vendor.css +1 -1
- package/package.json +28 -28
- package/dist/InputDateComponent-CsDDo7_f.js +0 -5681
- package/dist/providers/TokenProvider/makeSdkClient.d.ts +0 -8
- package/dist/providers/TokenProvider/makeSdkClient.test.d.ts +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { variantCss } from './badgeVariants';
|
|
2
|
-
import { default as React } from 'react';
|
|
3
1
|
import { IconProps } from '../Icon';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
import { variantCss } from './badgeVariants';
|
|
4
4
|
|
|
5
5
|
export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
6
6
|
/** Render a different variant. */
|
package/dist/ui/atoms/Card.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
1
|
export type CardProps = React.HTMLAttributes<HTMLElement> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {
|
|
4
2
|
/**
|
|
5
3
|
* Footer will render in a dedicated section below the main content.
|
|
@@ -40,7 +38,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
40
38
|
accessKey?: string | undefined;
|
|
41
39
|
autoFocus?: boolean | undefined;
|
|
42
40
|
className?: string | undefined;
|
|
43
|
-
contentEditable?:
|
|
41
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
44
42
|
contextMenu?: string | undefined;
|
|
45
43
|
dir?: string | undefined;
|
|
46
44
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -79,47 +77,47 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
79
77
|
results?: number | undefined;
|
|
80
78
|
security?: string | undefined;
|
|
81
79
|
unselectable?: "on" | "off" | undefined;
|
|
82
|
-
inputMode?: "
|
|
80
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
83
81
|
is?: string | undefined;
|
|
84
|
-
'data-tooltip-id'?: string
|
|
85
|
-
'data-tooltip-place'?: import('react-tooltip').PlacesType
|
|
86
|
-
'data-tooltip-content'?: string | null
|
|
87
|
-
'data-tooltip-html'?: string | null
|
|
88
|
-
'data-tooltip-variant'?: import('react-tooltip').VariantType
|
|
89
|
-
'data-tooltip-offset'?: number
|
|
90
|
-
'data-tooltip-wrapper'?: import('react-tooltip').WrapperType
|
|
91
|
-
'data-tooltip-events'?: import('react-tooltip').EventsType[]
|
|
92
|
-
'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy
|
|
93
|
-
'data-tooltip-delay-show'?: number
|
|
94
|
-
'data-tooltip-delay-hide'?: number
|
|
95
|
-
'data-tooltip-float'?: boolean
|
|
96
|
-
'data-tooltip-hidden'?: boolean
|
|
97
|
-
'data-tooltip-class-name'?: string
|
|
82
|
+
'data-tooltip-id'?: string;
|
|
83
|
+
'data-tooltip-place'?: import('react-tooltip').PlacesType;
|
|
84
|
+
'data-tooltip-content'?: string | null;
|
|
85
|
+
'data-tooltip-html'?: string | null;
|
|
86
|
+
'data-tooltip-variant'?: import('react-tooltip').VariantType;
|
|
87
|
+
'data-tooltip-offset'?: number;
|
|
88
|
+
'data-tooltip-wrapper'?: import('react-tooltip').WrapperType;
|
|
89
|
+
'data-tooltip-events'?: import('react-tooltip').EventsType[];
|
|
90
|
+
'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy;
|
|
91
|
+
'data-tooltip-delay-show'?: number;
|
|
92
|
+
'data-tooltip-delay-hide'?: number;
|
|
93
|
+
'data-tooltip-float'?: boolean;
|
|
94
|
+
'data-tooltip-hidden'?: boolean;
|
|
95
|
+
'data-tooltip-class-name'?: string;
|
|
98
96
|
"aria-activedescendant"?: string | undefined;
|
|
99
97
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
100
|
-
"aria-autocomplete"?: "
|
|
98
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
101
99
|
"aria-braillelabel"?: string | undefined;
|
|
102
100
|
"aria-brailleroledescription"?: string | undefined;
|
|
103
101
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
104
|
-
"aria-checked"?: boolean | "
|
|
102
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
105
103
|
"aria-colcount"?: number | undefined;
|
|
106
104
|
"aria-colindex"?: number | undefined;
|
|
107
105
|
"aria-colindextext"?: string | undefined;
|
|
108
106
|
"aria-colspan"?: number | undefined;
|
|
109
107
|
"aria-controls"?: string | undefined;
|
|
110
|
-
"aria-current"?: boolean | "
|
|
108
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
111
109
|
"aria-describedby"?: string | undefined;
|
|
112
110
|
"aria-description"?: string | undefined;
|
|
113
111
|
"aria-details"?: string | undefined;
|
|
114
112
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
115
|
-
"aria-dropeffect"?: "
|
|
113
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
116
114
|
"aria-errormessage"?: string | undefined;
|
|
117
115
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
118
116
|
"aria-flowto"?: string | undefined;
|
|
119
117
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
120
|
-
"aria-haspopup"?: boolean | "
|
|
118
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
121
119
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
122
|
-
"aria-invalid"?: boolean | "
|
|
120
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
123
121
|
"aria-keyshortcuts"?: string | undefined;
|
|
124
122
|
"aria-label"?: string | undefined;
|
|
125
123
|
"aria-labelledby"?: string | undefined;
|
|
@@ -132,9 +130,9 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
132
130
|
"aria-owns"?: string | undefined;
|
|
133
131
|
"aria-placeholder"?: string | undefined;
|
|
134
132
|
"aria-posinset"?: number | undefined;
|
|
135
|
-
"aria-pressed"?: boolean | "
|
|
133
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
136
134
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
137
|
-
"aria-relevant"?: "
|
|
135
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
138
136
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
139
137
|
"aria-roledescription"?: string | undefined;
|
|
140
138
|
"aria-rowcount"?: number | undefined;
|
|
@@ -148,7 +146,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
148
146
|
"aria-valuemin"?: number | undefined;
|
|
149
147
|
"aria-valuenow"?: number | undefined;
|
|
150
148
|
"aria-valuetext"?: string | undefined;
|
|
151
|
-
children?: import('react').ReactNode;
|
|
149
|
+
children?: import('react').ReactNode | undefined;
|
|
152
150
|
dangerouslySetInnerHTML?: {
|
|
153
151
|
__html: string | TrustedHTML;
|
|
154
152
|
} | undefined;
|
|
@@ -314,11 +312,11 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
314
312
|
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
315
313
|
href?: string | undefined;
|
|
316
314
|
footer?: React.ReactNode;
|
|
317
|
-
backgroundColor?: "light"
|
|
318
|
-
gap?: "1" | "4" | "6"
|
|
319
|
-
overflow:
|
|
320
|
-
delayMs?: number
|
|
321
|
-
isLoading?: boolean
|
|
315
|
+
backgroundColor?: "light";
|
|
316
|
+
gap?: "1" | "4" | "6";
|
|
317
|
+
overflow: "visible" | "hidden";
|
|
318
|
+
delayMs?: number;
|
|
319
|
+
isLoading?: boolean;
|
|
322
320
|
} | {
|
|
323
321
|
defaultChecked?: boolean | undefined;
|
|
324
322
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -327,7 +325,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
327
325
|
accessKey?: string | undefined;
|
|
328
326
|
autoFocus?: boolean | undefined;
|
|
329
327
|
className?: string | undefined;
|
|
330
|
-
contentEditable?:
|
|
328
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
331
329
|
contextMenu?: string | undefined;
|
|
332
330
|
dir?: string | undefined;
|
|
333
331
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -366,47 +364,47 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
366
364
|
results?: number | undefined;
|
|
367
365
|
security?: string | undefined;
|
|
368
366
|
unselectable?: "on" | "off" | undefined;
|
|
369
|
-
inputMode?: "
|
|
367
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
370
368
|
is?: string | undefined;
|
|
371
|
-
'data-tooltip-id'?: string
|
|
372
|
-
'data-tooltip-place'?: import('react-tooltip').PlacesType
|
|
373
|
-
'data-tooltip-content'?: string | null
|
|
374
|
-
'data-tooltip-html'?: string | null
|
|
375
|
-
'data-tooltip-variant'?: import('react-tooltip').VariantType
|
|
376
|
-
'data-tooltip-offset'?: number
|
|
377
|
-
'data-tooltip-wrapper'?: import('react-tooltip').WrapperType
|
|
378
|
-
'data-tooltip-events'?: import('react-tooltip').EventsType[]
|
|
379
|
-
'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy
|
|
380
|
-
'data-tooltip-delay-show'?: number
|
|
381
|
-
'data-tooltip-delay-hide'?: number
|
|
382
|
-
'data-tooltip-float'?: boolean
|
|
383
|
-
'data-tooltip-hidden'?: boolean
|
|
384
|
-
'data-tooltip-class-name'?: string
|
|
369
|
+
'data-tooltip-id'?: string;
|
|
370
|
+
'data-tooltip-place'?: import('react-tooltip').PlacesType;
|
|
371
|
+
'data-tooltip-content'?: string | null;
|
|
372
|
+
'data-tooltip-html'?: string | null;
|
|
373
|
+
'data-tooltip-variant'?: import('react-tooltip').VariantType;
|
|
374
|
+
'data-tooltip-offset'?: number;
|
|
375
|
+
'data-tooltip-wrapper'?: import('react-tooltip').WrapperType;
|
|
376
|
+
'data-tooltip-events'?: import('react-tooltip').EventsType[];
|
|
377
|
+
'data-tooltip-position-strategy'?: import('react-tooltip').PositionStrategy;
|
|
378
|
+
'data-tooltip-delay-show'?: number;
|
|
379
|
+
'data-tooltip-delay-hide'?: number;
|
|
380
|
+
'data-tooltip-float'?: boolean;
|
|
381
|
+
'data-tooltip-hidden'?: boolean;
|
|
382
|
+
'data-tooltip-class-name'?: string;
|
|
385
383
|
"aria-activedescendant"?: string | undefined;
|
|
386
384
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
387
|
-
"aria-autocomplete"?: "
|
|
385
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
388
386
|
"aria-braillelabel"?: string | undefined;
|
|
389
387
|
"aria-brailleroledescription"?: string | undefined;
|
|
390
388
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
391
|
-
"aria-checked"?: boolean | "
|
|
389
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
392
390
|
"aria-colcount"?: number | undefined;
|
|
393
391
|
"aria-colindex"?: number | undefined;
|
|
394
392
|
"aria-colindextext"?: string | undefined;
|
|
395
393
|
"aria-colspan"?: number | undefined;
|
|
396
394
|
"aria-controls"?: string | undefined;
|
|
397
|
-
"aria-current"?: boolean | "
|
|
395
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
398
396
|
"aria-describedby"?: string | undefined;
|
|
399
397
|
"aria-description"?: string | undefined;
|
|
400
398
|
"aria-details"?: string | undefined;
|
|
401
399
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
402
|
-
"aria-dropeffect"?: "
|
|
400
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
403
401
|
"aria-errormessage"?: string | undefined;
|
|
404
402
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
405
403
|
"aria-flowto"?: string | undefined;
|
|
406
404
|
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
407
|
-
"aria-haspopup"?: boolean | "
|
|
405
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
408
406
|
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
409
|
-
"aria-invalid"?: boolean | "
|
|
407
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
410
408
|
"aria-keyshortcuts"?: string | undefined;
|
|
411
409
|
"aria-label"?: string | undefined;
|
|
412
410
|
"aria-labelledby"?: string | undefined;
|
|
@@ -419,9 +417,9 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
419
417
|
"aria-owns"?: string | undefined;
|
|
420
418
|
"aria-placeholder"?: string | undefined;
|
|
421
419
|
"aria-posinset"?: number | undefined;
|
|
422
|
-
"aria-pressed"?: boolean | "
|
|
420
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
423
421
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
424
|
-
"aria-relevant"?: "
|
|
422
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
425
423
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
426
424
|
"aria-roledescription"?: string | undefined;
|
|
427
425
|
"aria-rowcount"?: number | undefined;
|
|
@@ -435,7 +433,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
435
433
|
"aria-valuemin"?: number | undefined;
|
|
436
434
|
"aria-valuenow"?: number | undefined;
|
|
437
435
|
"aria-valuetext"?: string | undefined;
|
|
438
|
-
children?: import('react').ReactNode;
|
|
436
|
+
children?: import('react').ReactNode | undefined;
|
|
439
437
|
dangerouslySetInnerHTML?: {
|
|
440
438
|
__html: string | TrustedHTML;
|
|
441
439
|
} | undefined;
|
|
@@ -601,8 +599,8 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
|
|
|
601
599
|
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
602
600
|
href?: string | undefined;
|
|
603
601
|
footer?: React.ReactNode;
|
|
604
|
-
backgroundColor?: "light"
|
|
605
|
-
gap:
|
|
606
|
-
delayMs?: number
|
|
607
|
-
isLoading?: boolean
|
|
602
|
+
backgroundColor?: "light";
|
|
603
|
+
gap: "none";
|
|
604
|
+
delayMs?: number;
|
|
605
|
+
isLoading?: boolean;
|
|
608
606
|
}>;
|
package/dist/ui/atoms/Hint.d.ts
CHANGED
package/dist/ui/atoms/Hr.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import * as phosphor from '@phosphor-icons/react';
|
|
|
2
2
|
export declare const iconMapping: {
|
|
3
3
|
readonly airplaneTakeoff: phosphor.Icon;
|
|
4
4
|
readonly appWindow: phosphor.Icon;
|
|
5
|
+
readonly archive: phosphor.Icon;
|
|
5
6
|
readonly arrowBendDownRight: phosphor.Icon;
|
|
6
7
|
readonly arrowCircleDown: phosphor.Icon;
|
|
7
8
|
readonly arrowCircleUp: phosphor.Icon;
|
|
@@ -36,6 +37,7 @@ export declare const iconMapping: {
|
|
|
36
37
|
readonly dotsThree: phosphor.Icon;
|
|
37
38
|
readonly download: phosphor.Icon;
|
|
38
39
|
readonly envelopeSimple: phosphor.Icon;
|
|
40
|
+
readonly equals: phosphor.Icon;
|
|
39
41
|
readonly eye: phosphor.Icon;
|
|
40
42
|
readonly eyeSlash: phosphor.Icon;
|
|
41
43
|
readonly flag: phosphor.Icon;
|
|
@@ -77,6 +79,7 @@ export declare const iconMapping: {
|
|
|
77
79
|
readonly shapes: phosphor.Icon;
|
|
78
80
|
readonly shield: phosphor.Icon;
|
|
79
81
|
readonly shoppingBag: phosphor.Icon;
|
|
82
|
+
readonly shoppingBagOpen: phosphor.Icon;
|
|
80
83
|
readonly signOut: phosphor.Icon;
|
|
81
84
|
readonly slackLogo: phosphor.Icon;
|
|
82
85
|
readonly sliders: phosphor.Icon;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PageHeadingToolbarProps } from './PageHeadingToolbar';
|
|
2
|
-
import { BadgeProps } from '../Badge';
|
|
3
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { BadgeProps } from '../Badge';
|
|
3
|
+
import { PageHeadingToolbarProps } from './PageHeadingToolbar';
|
|
4
4
|
|
|
5
5
|
export interface PageHeadingProps {
|
|
6
6
|
/**
|
|
@@ -43,12 +43,12 @@ export interface PageHeadingProps {
|
|
|
43
43
|
declare const PageHeading: import('../SkeletonTemplate').SkeletonTemplateComponent<{
|
|
44
44
|
title: ReactNode;
|
|
45
45
|
description?: ReactNode;
|
|
46
|
-
gap?: "none" | "
|
|
46
|
+
gap?: "none" | "only-top" | "only-bottom" | "both";
|
|
47
47
|
badge?: {
|
|
48
48
|
label: string;
|
|
49
49
|
/** @default warning-solid */
|
|
50
|
-
variant?:
|
|
51
|
-
}
|
|
50
|
+
variant?: BadgeProps["variant"];
|
|
51
|
+
};
|
|
52
52
|
navigationButton?: {
|
|
53
53
|
label: string;
|
|
54
54
|
onClick: () => void;
|
|
@@ -56,10 +56,10 @@ declare const PageHeading: import('../SkeletonTemplate').SkeletonTemplateCompone
|
|
|
56
56
|
* Button icon
|
|
57
57
|
* @default arrowLeft
|
|
58
58
|
*/
|
|
59
|
-
icon?: "x" | "arrowLeft"
|
|
60
|
-
}
|
|
61
|
-
toolbar?: PageHeadingToolbarProps
|
|
62
|
-
delayMs?: number
|
|
63
|
-
isLoading?: boolean
|
|
59
|
+
icon?: "x" | "arrowLeft";
|
|
60
|
+
};
|
|
61
|
+
toolbar?: PageHeadingToolbarProps;
|
|
62
|
+
delayMs?: number;
|
|
63
|
+
isLoading?: boolean;
|
|
64
64
|
}>;
|
|
65
65
|
export { PageHeading };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { DropdownItemProps } from '../../composite/Dropdown/DropdownItem';
|
|
2
1
|
import { ToolbarItem } from '../../composite/Toolbar';
|
|
2
|
+
import { DropdownItemProps } from '../../composite/Dropdown/DropdownItem';
|
|
3
3
|
|
|
4
4
|
type ToolbarButton = Omit<ToolbarItem, 'dropdownItems'>;
|
|
5
5
|
export interface PageHeadingToolbarProps {
|
|
@@ -17,9 +17,9 @@ export interface PageHeadingToolbarProps {
|
|
|
17
17
|
* It will use the `Toolbar` component UI to render properly the given items providing automated responsive behaviors to reorganize them.
|
|
18
18
|
*/
|
|
19
19
|
export declare const PageHeadingToolbar: import('../SkeletonTemplate').SkeletonTemplateComponent<{
|
|
20
|
-
buttons?: ToolbarButton[]
|
|
21
|
-
dropdownItems?: DropdownItemProps[][]
|
|
22
|
-
delayMs?: number
|
|
23
|
-
isLoading?: boolean
|
|
20
|
+
buttons?: ToolbarButton[];
|
|
21
|
+
dropdownItems?: DropdownItemProps[][];
|
|
22
|
+
delayMs?: number;
|
|
23
|
+
isLoading?: boolean;
|
|
24
24
|
}>;
|
|
25
25
|
export {};
|
|
@@ -23,10 +23,10 @@ export interface SectionProps {
|
|
|
23
23
|
export declare const Section: import('./SkeletonTemplate').SkeletonTemplateComponent<{
|
|
24
24
|
children: React.ReactNode;
|
|
25
25
|
title?: ReactNode;
|
|
26
|
-
titleSize?: "
|
|
27
|
-
border?: "none"
|
|
26
|
+
titleSize?: "normal" | "small";
|
|
27
|
+
border?: "none";
|
|
28
28
|
actionButton?: ReactNode;
|
|
29
|
-
className?: string
|
|
30
|
-
delayMs?: number
|
|
31
|
-
isLoading?: boolean
|
|
29
|
+
className?: string;
|
|
30
|
+
delayMs?: number;
|
|
31
|
+
isLoading?: boolean;
|
|
32
32
|
}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Simplify } from 'type-fest';
|
|
2
1
|
import { FC, FunctionComponent, ReactNode, ReactPortal } from 'react';
|
|
2
|
+
import { Simplify } from 'type-fest';
|
|
3
3
|
|
|
4
4
|
type ReactNodeNoPortal = Exclude<ReactNode, ReactPortal>;
|
|
5
5
|
export type SkeletonTemplateProps<P = Record<string, unknown>> = Simplify<P & {
|
package/dist/ui/atoms/Steps.d.ts
CHANGED
package/dist/ui/atoms/Tag.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { MouseEventHandler } from 'react';
|
|
2
1
|
import { ButtonProps } from '../../atoms/Button';
|
|
2
|
+
import { MouseEventHandler } from 'react';
|
|
3
3
|
|
|
4
4
|
export interface ActionButtonsProps {
|
|
5
5
|
actions: Array<{
|
|
@@ -13,9 +13,9 @@ export declare const ActionButtons: import('../../atoms/SkeletonTemplate').Skele
|
|
|
13
13
|
actions: Array<{
|
|
14
14
|
label: string;
|
|
15
15
|
onClick: MouseEventHandler<HTMLButtonElement>;
|
|
16
|
-
variant?: ButtonProps[
|
|
16
|
+
variant?: ButtonProps["variant"];
|
|
17
17
|
disabled?: boolean;
|
|
18
18
|
}>;
|
|
19
|
-
delayMs?: number
|
|
20
|
-
isLoading?: boolean
|
|
19
|
+
delayMs?: number;
|
|
20
|
+
isLoading?: boolean;
|
|
21
21
|
}>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export interface CardDialogProps {
|
|
3
2
|
/**
|
|
4
3
|
* Card title
|
|
@@ -31,12 +30,12 @@ export interface CardDialogProps {
|
|
|
31
30
|
}
|
|
32
31
|
export declare const CardDialog: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
|
|
33
32
|
title: string;
|
|
34
|
-
subtitle?: string
|
|
33
|
+
subtitle?: string;
|
|
35
34
|
rightContent?: React.ReactNode;
|
|
36
|
-
icon?: JSX.Element
|
|
37
|
-
onClose?: (
|
|
35
|
+
icon?: JSX.Element;
|
|
36
|
+
onClose?: () => void;
|
|
38
37
|
children?: React.ReactNode;
|
|
39
38
|
footer?: React.ReactNode;
|
|
40
|
-
delayMs?: number
|
|
41
|
-
isLoading?: boolean
|
|
39
|
+
delayMs?: number;
|
|
40
|
+
isLoading?: boolean;
|
|
42
41
|
}>;
|