@commercelayer/app-elements 1.24.3 → 2.0.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.
Files changed (51) hide show
  1. package/dist/{InputDateComponent-CleoXv8d.js → InputDateComponent-Bf24XIVj.js} +1 -1
  2. package/dist/helpers/appsNavigation.d.ts +1 -1
  3. package/dist/helpers/currencies.d.ts +7 -0
  4. package/dist/helpers/resources.d.ts +1 -2
  5. package/dist/helpers/tracking.d.ts +8 -8
  6. package/dist/{main-DR41ueVi.js → main-DfjsadJg.js} +20888 -16920
  7. package/dist/main.d.ts +3 -3
  8. package/dist/main.js +78 -76
  9. package/dist/providers/CoreSdkProvider/useCoreApi.d.ts +1 -2
  10. package/dist/providers/TokenProvider/TokenProvider.d.ts +1 -2
  11. package/dist/providers/TokenProvider/types.d.ts +1 -1
  12. package/dist/style.css +1 -1
  13. package/dist/ui/atoms/Card.d.ts +12 -12
  14. package/dist/ui/atoms/Icon/icons.d.ts +1 -0
  15. package/dist/ui/atoms/{PageHeading.d.ts → PageHeading/PageHeading.d.ts} +7 -6
  16. package/dist/ui/atoms/PageHeading/PageHeading.test.d.ts +1 -0
  17. package/dist/ui/atoms/PageHeading/PageHeadingToolbar.d.ts +25 -0
  18. package/dist/ui/atoms/PageHeading/PageHeadingToolbar.test.d.ts +1 -0
  19. package/dist/ui/atoms/PageHeading/index.d.ts +1 -0
  20. package/dist/ui/composite/Dropdown/DropdownItem.d.ts +14 -14
  21. package/dist/ui/composite/PageLayout.d.ts +2 -2
  22. package/dist/ui/forms/InputRadioGroup/InputRadioGroup.d.ts +2 -2
  23. package/dist/ui/forms/InputReadonly.d.ts +1 -1
  24. package/dist/ui/forms/InputResourceGroup/FullList.d.ts +12 -6
  25. package/dist/ui/forms/InputResourceGroup/InputResourceGroup.d.ts +1 -1
  26. package/dist/ui/forms/InputResourceGroup/index.d.ts +1 -0
  27. package/dist/ui/forms/InputResourceGroup/utils.d.ts +1 -2
  28. package/dist/ui/forms/InputSelect/InputSelect.d.ts +1 -1
  29. package/dist/ui/forms/InputSelect/overrides.d.ts +3 -1
  30. package/dist/ui/forms/ReactHookForm/setApiFormErrors.d.ts +1 -1
  31. package/dist/ui/resources/ResourceAddress/ResourceAddress.d.ts +7 -0
  32. package/dist/ui/resources/ResourceAddress/ResourceAddress.mocks.d.ts +21 -0
  33. package/dist/ui/resources/ResourceAddress/ResourceAddressForm.d.ts +2 -0
  34. package/dist/ui/resources/ResourceAddress/ResourceAddressFormFields.d.ts +56 -1
  35. package/dist/ui/resources/ResourceAddress/useResourceAddressOverlay.d.ts +2 -1
  36. package/dist/ui/resources/ResourceList/ResourceList.d.ts +13 -5
  37. package/dist/ui/resources/ResourceList/infiniteFetcher.d.ts +1 -2
  38. package/dist/ui/resources/ResourceList/metricsApiClient.d.ts +1 -2
  39. package/dist/ui/resources/ResourceList/reducer.d.ts +1 -1
  40. package/dist/ui/resources/ResourceListItem/common.d.ts +2 -2
  41. package/dist/ui/resources/ResourceMetadata/ResourceMetadata.d.ts +1 -1
  42. package/dist/ui/resources/ResourceMetadata/ResourceMetadataForm.d.ts +1 -1
  43. package/dist/ui/resources/ResourceTags.d.ts +1 -1
  44. package/dist/ui/resources/useResourceFilters/adaptFormValuesToSdk.d.ts +1 -1
  45. package/dist/ui/resources/useResourceFilters/adaptSdkToMetrics.d.ts +1 -2
  46. package/dist/ui/resources/useResourceFilters/adaptSdkToUrlQuery.d.ts +1 -1
  47. package/dist/ui/resources/useResourceFilters/adaptUrlQueryToSdk.d.ts +1 -1
  48. package/dist/ui/resources/useResourceFilters/adapters.types.d.ts +1 -1
  49. package/dist/ui/resources/useResourceFilters/useResourceFilters.d.ts +1 -2
  50. package/package.json +3 -3
  51. /package/dist/{ui/atoms/PageHeading.test.d.ts → helpers/currencies.test.d.ts} +0 -0
package/dist/ui/atoms/Card.d.ts CHANGED
@@ -40,7 +40,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
40
40
  accessKey?: string | undefined;
41
41
  autoFocus?: boolean | undefined;
42
42
  className?: string | undefined;
43
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
43
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
44
44
  contextMenu?: string | undefined;
45
45
  dir?: string | undefined;
46
46
  draggable?: (boolean | "true" | "false") | undefined;
@@ -79,7 +79,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
79
79
  results?: number | undefined;
80
80
  security?: string | undefined;
81
81
  unselectable?: "on" | "off" | undefined;
82
- inputMode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | undefined;
82
+ inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
83
83
  is?: string | undefined;
84
84
  'data-tooltip-id'?: string | undefined;
85
85
  'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
@@ -97,7 +97,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
97
97
  'data-tooltip-class-name'?: string | undefined;
98
98
  "aria-activedescendant"?: string | undefined;
99
99
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
100
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
100
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
101
101
  "aria-braillelabel"?: string | undefined;
102
102
  "aria-brailleroledescription"?: string | undefined;
103
103
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -107,7 +107,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
107
107
  "aria-colindextext"?: string | undefined;
108
108
  "aria-colspan"?: number | undefined;
109
109
  "aria-controls"?: string | undefined;
110
- "aria-current"?: boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location" | undefined;
110
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
111
111
  "aria-describedby"?: string | undefined;
112
112
  "aria-description"?: string | undefined;
113
113
  "aria-details"?: string | undefined;
@@ -134,7 +134,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
134
134
  "aria-posinset"?: number | undefined;
135
135
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
136
136
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
137
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
137
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
138
138
  "aria-required"?: (boolean | "true" | "false") | undefined;
139
139
  "aria-roledescription"?: string | undefined;
140
140
  "aria-rowcount"?: number | undefined;
@@ -143,7 +143,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
143
143
  "aria-rowspan"?: number | undefined;
144
144
  "aria-selected"?: (boolean | "true" | "false") | undefined;
145
145
  "aria-setsize"?: number | undefined;
146
- "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
146
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
147
147
  "aria-valuemax"?: number | undefined;
148
148
  "aria-valuemin"?: number | undefined;
149
149
  "aria-valuenow"?: number | undefined;
@@ -327,7 +327,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
327
327
  accessKey?: string | undefined;
328
328
  autoFocus?: boolean | undefined;
329
329
  className?: string | undefined;
330
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
330
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
331
331
  contextMenu?: string | undefined;
332
332
  dir?: string | undefined;
333
333
  draggable?: (boolean | "true" | "false") | undefined;
@@ -366,7 +366,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
366
366
  results?: number | undefined;
367
367
  security?: string | undefined;
368
368
  unselectable?: "on" | "off" | undefined;
369
- inputMode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | undefined;
369
+ inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
370
370
  is?: string | undefined;
371
371
  'data-tooltip-id'?: string | undefined;
372
372
  'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
@@ -384,7 +384,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
384
384
  'data-tooltip-class-name'?: string | undefined;
385
385
  "aria-activedescendant"?: string | undefined;
386
386
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
387
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
387
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
388
388
  "aria-braillelabel"?: string | undefined;
389
389
  "aria-brailleroledescription"?: string | undefined;
390
390
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -394,7 +394,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
394
394
  "aria-colindextext"?: string | undefined;
395
395
  "aria-colspan"?: number | undefined;
396
396
  "aria-controls"?: string | undefined;
397
- "aria-current"?: boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location" | undefined;
397
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
398
398
  "aria-describedby"?: string | undefined;
399
399
  "aria-description"?: string | undefined;
400
400
  "aria-details"?: string | undefined;
@@ -421,7 +421,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
421
421
  "aria-posinset"?: number | undefined;
422
422
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
423
423
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
424
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
424
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
425
425
  "aria-required"?: (boolean | "true" | "false") | undefined;
426
426
  "aria-roledescription"?: string | undefined;
427
427
  "aria-rowcount"?: number | undefined;
@@ -430,7 +430,7 @@ export declare const Card: import('./SkeletonTemplate').SkeletonTemplateComponen
430
430
  "aria-rowspan"?: number | undefined;
431
431
  "aria-selected"?: (boolean | "true" | "false") | undefined;
432
432
  "aria-setsize"?: number | undefined;
433
- "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
433
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
434
434
  "aria-valuemax"?: number | undefined;
435
435
  "aria-valuemin"?: number | undefined;
436
436
  "aria-valuenow"?: number | undefined;
package/dist/ui/atoms/Icon/icons.d.ts CHANGED
@@ -32,6 +32,7 @@ export declare const iconMapping: {
32
32
  readonly cloudArrowUp: phosphor.Icon;
33
33
  readonly creditCard: phosphor.Icon;
34
34
  readonly currencyEur: phosphor.Icon;
35
+ readonly dotsSixVertical: phosphor.Icon;
35
36
  readonly dotsThree: phosphor.Icon;
36
37
  readonly download: phosphor.Icon;
37
38
  readonly envelopeSimple: phosphor.Icon;
package/dist/ui/atoms/{PageHeading.d.ts → PageHeading/PageHeading.d.ts} RENAMED
@@ -1,4 +1,5 @@
1
- import { BadgeProps } from './Badge';
1
+ import { PageHeadingToolbarProps } from './PageHeadingToolbar';
2
+ import { BadgeProps } from '../Badge';
2
3
  import { ReactNode } from 'react';
3
4
 
4
5
  export interface PageHeadingProps {
@@ -35,18 +36,18 @@ export interface PageHeadingProps {
35
36
  icon?: 'x' | 'arrowLeft';
36
37
  };
37
38
  /**
38
- * When set, it will render a button on the right side of the first row
39
+ * When set, it will render a proper toolbar on the right side of the first row
39
40
  */
40
- actionButton?: React.ReactNode;
41
+ toolbar?: PageHeadingToolbarProps;
41
42
  }
42
- declare const PageHeading: import('./SkeletonTemplate').SkeletonTemplateComponent<{
43
+ declare const PageHeading: import('../SkeletonTemplate').SkeletonTemplateComponent<{
43
44
  title: ReactNode;
44
45
  description?: ReactNode;
45
46
  gap?: "none" | "both" | "only-top" | "only-bottom" | undefined;
46
47
  badge?: {
47
48
  label: string;
48
49
  /** @default warning-solid */
49
- variant?: ("success" | "warning" | "teal" | "danger-solid" | "danger" | "primary-solid" | "primary" | "secondary-solid" | "secondary" | "success-solid" | "teal-solid" | "warning-solid") | undefined;
50
+ variant?: ("warning" | "danger" | "success" | "teal" | "danger-solid" | "primary-solid" | "primary" | "secondary-solid" | "secondary" | "success-solid" | "teal-solid" | "warning-solid") | undefined;
50
51
  } | undefined;
51
52
  navigationButton?: {
52
53
  label: string;
@@ -57,7 +58,7 @@ declare const PageHeading: import('./SkeletonTemplate').SkeletonTemplateComponen
57
58
  */
58
59
  icon?: "x" | "arrowLeft" | undefined;
59
60
  } | undefined;
60
- actionButton?: React.ReactNode;
61
+ toolbar?: PageHeadingToolbarProps | undefined;
61
62
  delayMs?: number | undefined;
62
63
  isLoading?: boolean | undefined;
63
64
  }>;
package/dist/ui/atoms/PageHeading/PageHeading.test.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/ui/atoms/PageHeading/PageHeadingToolbar.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import { DropdownItemProps } from '../../composite/Dropdown/DropdownItem';
2
+ import { ToolbarItem } from '../../composite/Toolbar';
3
+
4
+ type ToolbarButton = Omit<ToolbarItem, 'dropdownItems'>;
5
+ export interface PageHeadingToolbarProps {
6
+ /**
7
+ * Toolbar first level `Button`s.
8
+ */
9
+ buttons?: ToolbarButton[];
10
+ /**
11
+ * Toolbar dropdown items sets. They are rendered in a generated `Dropdown`.
12
+ */
13
+ dropdownItems?: DropdownItemProps[][];
14
+ }
15
+ /**
16
+ * This component renders a simple top right bar with just `buttons` and `dropdownItems` optional props.
17
+ * It will use the `Toolbar` component UI to render properly the given items providing automated responsive behaviors to reorganize them.
18
+ */
19
+ export declare const PageHeadingToolbar: import('../SkeletonTemplate').SkeletonTemplateComponent<{
20
+ buttons?: ToolbarButton[] | undefined;
21
+ dropdownItems?: DropdownItemProps[][] | undefined;
22
+ delayMs?: number | undefined;
23
+ isLoading?: boolean | undefined;
24
+ }>;
25
+ export {};
package/dist/ui/atoms/PageHeading/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { PageHeading, type PageHeadingProps } from './PageHeading';
package/dist/ui/composite/Dropdown/DropdownItem.d.ts CHANGED
@@ -25,7 +25,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
25
25
  accessKey?: string | undefined;
26
26
  autoFocus?: boolean | undefined;
27
27
  className?: string | undefined;
28
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
28
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
29
29
  contextMenu?: string | undefined;
30
30
  dir?: string | undefined;
31
31
  draggable?: (boolean | "true" | "false") | undefined;
@@ -64,7 +64,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
64
64
  results?: number | undefined;
65
65
  security?: string | undefined;
66
66
  unselectable?: "on" | "off" | undefined;
67
- inputMode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | undefined;
67
+ inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
68
68
  is?: string | undefined;
69
69
  'data-tooltip-id'?: string | undefined;
70
70
  'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
@@ -82,7 +82,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
82
82
  'data-tooltip-class-name'?: string | undefined;
83
83
  "aria-activedescendant"?: string | undefined;
84
84
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
85
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
85
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
86
86
  "aria-braillelabel"?: string | undefined;
87
87
  "aria-brailleroledescription"?: string | undefined;
88
88
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -92,7 +92,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
92
92
  "aria-colindextext"?: string | undefined;
93
93
  "aria-colspan"?: number | undefined;
94
94
  "aria-controls"?: string | undefined;
95
- "aria-current"?: boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location" | undefined;
95
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
96
96
  "aria-describedby"?: string | undefined;
97
97
  "aria-description"?: string | undefined;
98
98
  "aria-details"?: string | undefined;
@@ -119,7 +119,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
119
119
  "aria-posinset"?: number | undefined;
120
120
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
121
121
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
122
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
122
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
123
123
  "aria-required"?: (boolean | "true" | "false") | undefined;
124
124
  "aria-roledescription"?: string | undefined;
125
125
  "aria-rowcount"?: number | undefined;
@@ -128,7 +128,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
128
128
  "aria-rowspan"?: number | undefined;
129
129
  "aria-selected"?: (boolean | "true" | "false") | undefined;
130
130
  "aria-setsize"?: number | undefined;
131
- "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
131
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
132
132
  "aria-valuemax"?: number | undefined;
133
133
  "aria-valuemin"?: number | undefined;
134
134
  "aria-valuenow"?: number | undefined;
@@ -298,7 +298,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
298
298
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
299
299
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
300
300
  label: string;
301
- icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
301
+ icon?: "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsSixVertical" | "dotsThree" | "download" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "info" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "list" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "package" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "tag" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
302
302
  href: string;
303
303
  target?: string | undefined;
304
304
  delayMs?: number | undefined;
@@ -311,7 +311,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
311
311
  accessKey?: string | undefined;
312
312
  autoFocus?: boolean | undefined;
313
313
  className?: string | undefined;
314
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
314
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
315
315
  contextMenu?: string | undefined;
316
316
  dir?: string | undefined;
317
317
  draggable?: (boolean | "true" | "false") | undefined;
@@ -350,7 +350,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
350
350
  results?: number | undefined;
351
351
  security?: string | undefined;
352
352
  unselectable?: "on" | "off" | undefined;
353
- inputMode?: "url" | "search" | "none" | "text" | "tel" | "email" | "numeric" | "decimal" | undefined;
353
+ inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
354
354
  is?: string | undefined;
355
355
  'data-tooltip-id'?: string | undefined;
356
356
  'data-tooltip-place'?: import('react-tooltip').PlacesType | undefined;
@@ -368,7 +368,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
368
368
  'data-tooltip-class-name'?: string | undefined;
369
369
  "aria-activedescendant"?: string | undefined;
370
370
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
371
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
371
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
372
372
  "aria-braillelabel"?: string | undefined;
373
373
  "aria-brailleroledescription"?: string | undefined;
374
374
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -378,7 +378,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
378
378
  "aria-colindextext"?: string | undefined;
379
379
  "aria-colspan"?: number | undefined;
380
380
  "aria-controls"?: string | undefined;
381
- "aria-current"?: boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location" | undefined;
381
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
382
382
  "aria-describedby"?: string | undefined;
383
383
  "aria-description"?: string | undefined;
384
384
  "aria-details"?: string | undefined;
@@ -405,7 +405,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
405
405
  "aria-posinset"?: number | undefined;
406
406
  "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
407
407
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
408
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
408
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
409
409
  "aria-required"?: (boolean | "true" | "false") | undefined;
410
410
  "aria-roledescription"?: string | undefined;
411
411
  "aria-rowcount"?: number | undefined;
@@ -414,7 +414,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
414
414
  "aria-rowspan"?: number | undefined;
415
415
  "aria-selected"?: (boolean | "true" | "false") | undefined;
416
416
  "aria-setsize"?: number | undefined;
417
- "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
417
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
418
418
  "aria-valuemax"?: number | undefined;
419
419
  "aria-valuemin"?: number | undefined;
420
420
  "aria-valuenow"?: number | undefined;
@@ -584,7 +584,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
584
584
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
585
585
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
586
586
  label: string;
587
- icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
587
+ icon?: "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsSixVertical" | "dotsThree" | "download" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "info" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "list" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "package" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "tag" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
588
588
  href?: undefined;
589
589
  delayMs?: number | undefined;
590
590
  isLoading?: boolean | undefined;
package/dist/ui/composite/PageLayout.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
2
2
  import { PageHeadingProps } from '../atoms/PageHeading';
3
3
  import { ContainerProps } from '../atoms/Container';
4
4
 
5
- export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'description' | 'navigationButton' | 'actionButton' | 'gap'>, Pick<ContainerProps, 'minHeight'> {
5
+ export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'description' | 'navigationButton' | 'toolbar' | 'gap'>, Pick<ContainerProps, 'minHeight'> {
6
6
  /**
7
7
  * Page content
8
8
  */
@@ -29,12 +29,12 @@ export declare const PageLayout: import('../atoms/SkeletonTemplate').SkeletonTem
29
29
  description?: ReactNode;
30
30
  title: ReactNode;
31
31
  gap?: "none" | "both" | "only-top" | "only-bottom" | undefined;
32
+ toolbar?: import('../atoms/PageHeading/PageHeadingToolbar').PageHeadingToolbarProps | undefined;
32
33
  navigationButton?: {
33
34
  label: string;
34
35
  onClick: () => void;
35
36
  icon?: "x" | "arrowLeft" | undefined;
36
37
  } | undefined;
37
- actionButton?: ReactNode;
38
38
  minHeight?: boolean | undefined;
39
39
  delayMs?: number | undefined;
40
40
  isLoading?: boolean | undefined;
package/dist/ui/forms/InputRadioGroup/InputRadioGroup.d.ts CHANGED
@@ -25,9 +25,9 @@ export declare const InputRadioGroup: import('../../atoms/SkeletonTemplate').Ske
25
25
  defaultValue?: string | undefined;
26
26
  onChange?: ((selected: string | undefined) => void) | undefined;
27
27
  showInput?: boolean | undefined;
28
- viewMode?: "grid" | "list" | "inline" | "simple" | undefined;
28
+ viewMode?: "list" | "grid" | "inline" | "simple" | undefined;
29
29
  hint?: {
30
- icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
30
+ icon?: "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsSixVertical" | "dotsThree" | "download" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "info" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "list" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "package" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "tag" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
31
31
  text: ReactNode;
32
32
  } | undefined;
33
33
  feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className"> | undefined;
package/dist/ui/forms/InputReadonly.d.ts CHANGED
@@ -30,7 +30,7 @@ export type InputReadonlyProps = InputWrapperBaseProps & {
30
30
  export declare const InputReadonly: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
31
31
  label?: string | undefined;
32
32
  hint?: {
33
- icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
33
+ icon?: "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsSixVertical" | "dotsThree" | "download" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "info" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "list" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "package" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "tag" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warning" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
34
34
  text: import('react').ReactNode;
35
35
  } | undefined;
36
36
  feedback?: Omit<import('./InputFeedback').InputFeedbackProps, "className"> | undefined;
package/dist/ui/forms/InputResourceGroup/FullList.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
1
+ import { ListableResourceType } from '@commercelayer/sdk';
2
+ import { OverlayProps } from '../../internals/Overlay';
2
3
 
3
4
  export interface SortBy {
4
5
  attribute: string;
@@ -50,13 +51,18 @@ export interface FullListProps {
50
51
  * It will be automatically computed with the number of selected items.
51
52
  */
52
53
  title: string;
53
- /**
54
- * Total count of pre-fetched items.
55
- */
56
- totalCount?: number;
57
54
  /**
58
55
  * Show icon in checkbox selectors
59
56
  */
60
57
  showCheckboxIcon?: boolean;
58
+ /**
59
+ * Hide selected items
60
+ */
61
+ hideSelected?: boolean;
61
62
  }
62
- export declare function FullList({ defaultValues, fieldForLabel, fieldForValue, onChange, resource, searchBy, sortBy, title, totalCount, showCheckboxIcon }: FullListProps): JSX.Element;
63
+ export declare function FullList({ defaultValues, fieldForLabel, fieldForValue, onChange, resource, searchBy, sortBy, title, showCheckboxIcon, hideSelected }: FullListProps): JSX.Element;
64
+ export declare const useInputResourceGroupOverlay: () => {
65
+ InputResourceGroupOverlay: ({ footer, backgroundColor, ...props }: FullListProps & Omit<OverlayProps, 'children'>) => import("react/jsx-runtime").JSX.Element;
66
+ openInputResourceGroupOverlay: () => void;
67
+ closeInputResourceGroupOverlay: () => void;
68
+ };
package/dist/ui/forms/InputResourceGroup/InputResourceGroup.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { FullListProps } from './FullList';
2
- import { QueryFilter } from '@commercelayer/sdk/lib/cjs/query';
2
+ import { QueryFilter } from '@commercelayer/sdk';
3
3
 
4
4
  export interface InputResourceGroupProps extends Omit<FullListProps, 'totalCount'> {
5
5
  /**
package/dist/ui/forms/InputResourceGroup/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
+ export { useInputResourceGroupOverlay } from './FullList';
1
2
  export { HookedInputResourceGroup, type HookedInputResourceGroupProps } from './HookedInputResourceGroup';
2
3
  export { InputResourceGroup, type InputResourceGroupProps } from './InputResourceGroup';
package/dist/ui/forms/InputResourceGroup/utils.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import { ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
2
- import { CommerceLayerClient } from '@commercelayer/sdk';
1
+ import { CommerceLayerClient, ListableResourceType } from '@commercelayer/sdk';
3
2
 
4
3
  export declare function useToggleCheckboxValues(defaultValues: string[]): {
5
4
  values: string[];
package/dist/ui/forms/InputSelect/InputSelect.d.ts CHANGED
@@ -3,7 +3,7 @@ import { FocusEventHandler } from 'react';
3
3
  import { InputWrapperBaseProps } from '../../internals/InputWrapper';
4
4
 
5
5
  export type GroupedSelectValues = Array<{
6
- label: string;
6
+ label?: string;
7
7
  options: InputSelectValue[];
8
8
  }>;
9
9
  export interface InputSelectValue {
package/dist/ui/forms/InputSelect/overrides.d.ts CHANGED
@@ -1,11 +1,12 @@
1
1
  import { InputSelectValue } from '.';
2
- import { ClearIndicatorProps, DropdownIndicatorProps, GroupBase, MultiValueGenericProps } from 'react-select';
2
+ import { ClearIndicatorProps, DropdownIndicatorProps, GroupBase, GroupHeadingProps, MultiValueGenericProps } from 'react-select';
3
3
 
4
4
  declare function DropdownIndicator(props: DropdownIndicatorProps<InputSelectValue>): JSX.Element;
5
5
  declare function ClearIndicator(props: ClearIndicatorProps<InputSelectValue>): JSX.Element;
6
6
  declare function MultiValueContainer(props: MultiValueGenericProps<MultiValueGenericProps<InputSelectValue, boolean, GroupBase<InputSelectValue>>>): JSX.Element;
7
7
  declare function MultiValueLabel(props: MultiValueGenericProps<MultiValueGenericProps<InputSelectValue, boolean, GroupBase<InputSelectValue>>>): string;
8
8
  declare function MultiValueRemove(props: any): JSX.Element;
9
+ declare function GroupHeading(props: GroupHeadingProps<InputSelectValue>): JSX.Element | null;
9
10
  declare const selectComponentOverrides: {
10
11
  DropdownIndicator: typeof DropdownIndicator;
11
12
  IndicatorSeparator: () => null;
@@ -13,5 +14,6 @@ declare const selectComponentOverrides: {
13
14
  MultiValueContainer: typeof MultiValueContainer;
14
15
  MultiValueLabel: typeof MultiValueLabel;
15
16
  MultiValueRemove: typeof MultiValueRemove;
17
+ GroupHeading: typeof GroupHeading;
16
18
  };
17
19
  export default selectComponentOverrides;
package/dist/ui/forms/ReactHookForm/setApiFormErrors.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare function setApiFormErrors({ apiError, setError, fieldMap, formFie
10
10
  */
11
11
  setError: UseFormSetError<any>;
12
12
  /**
13
- * list of from fields
13
+ * list of form fields
14
14
  */
15
15
  formFields: string[];
16
16
  /**
package/dist/ui/resources/ResourceAddress/ResourceAddress.d.ts CHANGED
@@ -17,8 +17,14 @@ export interface ResourceAddressProps {
17
17
  editable?: boolean;
18
18
  /**
19
19
  * Optional setting to define if given `Address` `billing_info` data is visible.
20
+ * @default false
20
21
  */
21
22
  showBillingInfo?: boolean;
23
+ /**
24
+ * Optional setting to define if given `Address` `billing_info` data is visible.
25
+ * @default true
26
+ */
27
+ showNotes?: boolean;
22
28
  }
23
29
  /**
24
30
  * Renders an all-in-one visualization and editing solution to deal with a given resource of type `Address`
@@ -28,6 +34,7 @@ export declare const ResourceAddress: import('../../atoms/SkeletonTemplate').Ske
28
34
  title?: string | undefined;
29
35
  editable?: boolean | undefined;
30
36
  showBillingInfo?: boolean | undefined;
37
+ showNotes?: boolean | undefined;
31
38
  delayMs?: number | undefined;
32
39
  isLoading?: boolean | undefined;
33
40
  }>;
package/dist/ui/resources/ResourceAddress/ResourceAddress.mocks.d.ts CHANGED
@@ -2,6 +2,7 @@ export declare const presetAddresses: {
2
2
  withName: {
3
3
  type: "addresses";
4
4
  id: string;
5
+ business: false;
5
6
  company: string;
6
7
  first_name: string;
7
8
  last_name: string;
@@ -20,6 +21,7 @@ export declare const presetAddresses: {
20
21
  withCompany: {
21
22
  type: "addresses";
22
23
  id: string;
24
+ business: true;
23
25
  company: string;
24
26
  first_name: string;
25
27
  last_name: string;
@@ -54,4 +56,23 @@ export declare const presetAddresses: {
54
56
  updated_at: string;
55
57
  notes: string;
56
58
  };
59
+ withErrors: {
60
+ type: "addresses";
61
+ id: string;
62
+ company: string;
63
+ first_name: string;
64
+ last_name: string;
65
+ full_name: string;
66
+ line_1: string;
67
+ line_2: string;
68
+ city: string;
69
+ country_code: string;
70
+ state_code: string;
71
+ zip_code: string;
72
+ phone: string;
73
+ billing_info: string;
74
+ created_at: string;
75
+ updated_at: string;
76
+ notes: string;
77
+ };
57
78
  };
package/dist/ui/resources/ResourceAddress/ResourceAddressForm.d.ts CHANGED
@@ -4,6 +4,8 @@ export declare const ResourceAddressForm: import('../../atoms/SkeletonTemplate')
4
4
  address: Address;
5
5
  onChange: (updatedAddress: Address) => void;
6
6
  showBillingInfo?: boolean | undefined;
7
+ showNotes?: boolean | undefined;
8
+ showNameOrCompany?: boolean | undefined;
7
9
  delayMs?: number | undefined;
8
10
  isLoading?: boolean | undefined;
9
11
  }>;