@cloudscape-design/components 3.0.394 → 3.0.396

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 (96) hide show
  1. package/app-layout/drawer/index.d.ts.map +1 -1
  2. package/app-layout/drawer/index.js +5 -6
  3. package/app-layout/drawer/index.js.map +1 -1
  4. package/app-layout/drawer/interfaces.d.ts +2 -0
  5. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  6. package/app-layout/drawer/interfaces.js.map +1 -1
  7. package/app-layout/index.d.ts.map +1 -1
  8. package/app-layout/index.js +25 -15
  9. package/app-layout/index.js.map +1 -1
  10. package/app-layout/mobile-toolbar/index.d.ts +3 -2
  11. package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
  12. package/app-layout/mobile-toolbar/index.js +5 -6
  13. package/app-layout/mobile-toolbar/index.js.map +1 -1
  14. package/app-layout/test-classes/styles.css.js +17 -19
  15. package/app-layout/test-classes/styles.scoped.css +17 -25
  16. package/app-layout/test-classes/styles.selectors.js +17 -19
  17. package/app-layout/utils/use-drawers.d.ts +5 -3
  18. package/app-layout/utils/use-drawers.d.ts.map +1 -1
  19. package/app-layout/utils/use-drawers.js +36 -18
  20. package/app-layout/utils/use-drawers.js.map +1 -1
  21. package/app-layout/visual-refresh/context.d.ts +2 -1
  22. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  23. package/app-layout/visual-refresh/context.js +6 -2
  24. package/app-layout/visual-refresh/context.js.map +1 -1
  25. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  26. package/app-layout/visual-refresh/drawers.js +19 -39
  27. package/app-layout/visual-refresh/drawers.js.map +1 -1
  28. package/app-layout/visual-refresh/layout.js +1 -1
  29. package/app-layout/visual-refresh/layout.js.map +1 -1
  30. package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
  31. package/app-layout/visual-refresh/mobile-toolbar.js +4 -6
  32. package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  33. package/app-layout/visual-refresh/split-panel.d.ts +3 -0
  34. package/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
  35. package/app-layout/visual-refresh/split-panel.js +7 -7
  36. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  37. package/app-layout/visual-refresh/styles.css.js +74 -75
  38. package/app-layout/visual-refresh/styles.scoped.css +171 -204
  39. package/app-layout/visual-refresh/styles.selectors.js +74 -75
  40. package/app-layout/visual-refresh/tools.d.ts +0 -6
  41. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  42. package/app-layout/visual-refresh/tools.js +2 -17
  43. package/app-layout/visual-refresh/tools.js.map +1 -1
  44. package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  45. package/button-dropdown/category-elements/expandable-category-element.js +1 -2
  46. package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  47. package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  48. package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -2
  49. package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  50. package/button-dropdown/item-element/index.d.ts.map +1 -1
  51. package/button-dropdown/item-element/index.js +1 -2
  52. package/button-dropdown/item-element/index.js.map +1 -1
  53. package/date-range-picker/index.d.ts.map +1 -1
  54. package/date-range-picker/index.js +5 -4
  55. package/date-range-picker/index.js.map +1 -1
  56. package/header/internal.d.ts.map +1 -1
  57. package/header/internal.js +3 -1
  58. package/header/internal.js.map +1 -1
  59. package/header/styles.css.js +33 -32
  60. package/header/styles.scoped.css +54 -48
  61. package/header/styles.selectors.js +33 -32
  62. package/internal/components/button-trigger/index.d.ts +1 -0
  63. package/internal/components/button-trigger/index.d.ts.map +1 -1
  64. package/internal/components/button-trigger/index.js +2 -2
  65. package/internal/components/button-trigger/index.js.map +1 -1
  66. package/internal/components/button-trigger/styles.css.js +10 -9
  67. package/internal/components/button-trigger/styles.scoped.css +27 -23
  68. package/internal/components/button-trigger/styles.selectors.js +10 -9
  69. package/internal/environment.js +1 -1
  70. package/internal/environment.json +1 -1
  71. package/internal/manifest.json +1 -1
  72. package/multiselect/index.d.ts.map +1 -1
  73. package/multiselect/index.js +3 -1
  74. package/multiselect/index.js.map +1 -1
  75. package/multiselect/interfaces.d.ts +1 -0
  76. package/multiselect/interfaces.d.ts.map +1 -1
  77. package/multiselect/interfaces.js.map +1 -1
  78. package/multiselect/internal.d.ts +3 -1
  79. package/multiselect/internal.d.ts.map +1 -1
  80. package/multiselect/internal.js +3 -3
  81. package/multiselect/internal.js.map +1 -1
  82. package/package.json +1 -1
  83. package/select/parts/styles.css.js +16 -9
  84. package/select/parts/styles.scoped.css +58 -9
  85. package/select/parts/styles.selectors.js +16 -9
  86. package/select/parts/trigger.d.ts +3 -1
  87. package/select/parts/trigger.d.ts.map +1 -1
  88. package/select/parts/trigger.js +22 -3
  89. package/select/parts/trigger.js.map +1 -1
  90. package/test-utils/dom/app-layout/index.d.ts +1 -3
  91. package/test-utils/dom/app-layout/index.js +1 -7
  92. package/test-utils/dom/app-layout/index.js.map +1 -1
  93. package/test-utils/selectors/app-layout/index.d.ts +1 -3
  94. package/test-utils/selectors/app-layout/index.js +1 -7
  95. package/test-utils/selectors/app-layout/index.js.map +1 -1
  96. package/test-utils/tsconfig.tsbuildinfo +1 -1
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_placeholder_dwuol_yfnbu_93:not(#\9) {
93
+ .awsui_placeholder_dwuol_1suf9_93:not(#\9) {
94
94
  color: var(--color-text-input-placeholder-qrb8p3, #5f6b7a);
95
95
  font-style: italic;
96
96
  }
97
97
 
98
- .awsui_item_dwuol_yfnbu_98:not(#\9) {
98
+ .awsui_item_dwuol_1suf9_98:not(#\9) {
99
99
  display: flex;
100
100
  align-items: center;
101
101
  }
102
- .awsui_item_dwuol_yfnbu_98 > .awsui_checkbox_dwuol_yfnbu_102:not(#\9) {
102
+ .awsui_item_dwuol_1suf9_98 > .awsui_checkbox_dwuol_1suf9_102:not(#\9) {
103
103
  position: relative;
104
104
  min-height: var(--size-control-28i7hr, 16px);
105
105
  min-width: var(--size-control-28i7hr, 16px);
@@ -108,31 +108,80 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
108
108
  margin-right: var(--space-field-horizontal-gg19kw, 12px);
109
109
  }
110
110
 
111
- .awsui_filter_dwuol_yfnbu_111:not(#\9) {
111
+ .awsui_filter_dwuol_1suf9_111:not(#\9) {
112
112
  z-index: 4;
113
113
  flex-shrink: 0;
114
114
  }
115
115
 
116
- .awsui_trigger_dwuol_yfnbu_116:not(#\9) {
116
+ .awsui_trigger_dwuol_1suf9_116:not(#\9) {
117
117
  white-space: nowrap;
118
118
  overflow: hidden;
119
119
  text-overflow: ellipsis;
120
120
  }
121
121
 
122
- .awsui_layout-strut_dwuol_yfnbu_122:not(#\9) {
122
+ .awsui_layout-strut_dwuol_1suf9_122:not(#\9) {
123
123
  width: 100%;
124
124
  position: relative;
125
125
  transform: translate3d(0, 0, 0);
126
126
  }
127
127
 
128
- .awsui_list-bottom_dwuol_yfnbu_128:not(#\9) {
128
+ .awsui_list-bottom_dwuol_1suf9_128:not(#\9) {
129
129
  /* used in unit-tests */
130
130
  }
131
131
 
132
- .awsui_selected-icon_dwuol_yfnbu_132:not(#\9) {
132
+ .awsui_selected-icon_dwuol_1suf9_132:not(#\9) {
133
133
  color: var(--color-border-item-focused-b2ntyl, #0972d3);
134
134
  }
135
135
 
136
- .awsui_show-label-tag_dwuol_yfnbu_136 > .awsui_selected-icon_dwuol_yfnbu_132:not(#\9) {
136
+ .awsui_show-label-tag_dwuol_1suf9_136 > .awsui_selected-icon_dwuol_1suf9_132:not(#\9) {
137
137
  padding-left: var(--space-scaled-s-aqzyko, 12px);
138
+ }
139
+
140
+ .awsui_inline-token-trigger_dwuol_1suf9_140:not(#\9) {
141
+ display: flex;
142
+ flex-wrap: nowrap;
143
+ column-gap: var(--space-xxs-p8yyaw, 4px);
144
+ width: 100%;
145
+ }
146
+
147
+ .awsui_inline-token-list_dwuol_1suf9_147:not(#\9) {
148
+ display: flex;
149
+ flex-wrap: nowrap;
150
+ align-items: center;
151
+ gap: var(--space-xxs-p8yyaw, 4px);
152
+ width: 100%;
153
+ overflow-x: hidden;
154
+ -webkit-mask-image: linear-gradient(270deg, transparent, white 20px, white);
155
+ mask-image: linear-gradient(270deg, transparent, white 20px, white);
156
+ }
157
+ .awsui_inline-token-list_dwuol_1suf9_147 > .awsui_inline-token_dwuol_1suf9_140:not(#\9) {
158
+ display: flex;
159
+ align-items: center;
160
+ min-width: max-content;
161
+ height: 18px;
162
+ border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
163
+ padding: 0 var(--space-xxs-p8yyaw, 4px);
164
+ background: var(--color-background-item-selected-7tr5e4, #f2f8fd);
165
+ border-radius: var(--border-radius-token-923jqq, 8px);
166
+ color: var(--color-text-body-default-2sxhhn, #000716);
167
+ }
168
+
169
+ .awsui_visual-refresh_dwuol_1suf9_168 > .awsui_inline-token-list_dwuol_1suf9_147 > .awsui_inline-token_dwuol_1suf9_140:not(#\9) {
170
+ border-radius: var(--border-radius-badge-0z09dt, 4px);
171
+ }
172
+
173
+ .awsui_inline-token-hidden-placeholder_dwuol_1suf9_172:not(#\9) {
174
+ position: absolute !important;
175
+ top: -9999px !important;
176
+ left: -9999px !important;
177
+ }
178
+
179
+ .awsui_inline-token-counter_dwuol_1suf9_178:not(#\9) {
180
+ white-space: nowrap;
181
+ }
182
+
183
+ .awsui_inline-token-trigger--disabled_dwuol_1suf9_182 > .awsui_inline-token-list_dwuol_1suf9_147 > .awsui_inline-token_dwuol_1suf9_140:not(#\9) {
184
+ border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
185
+ background-color: var(--color-background-container-content-4un1ap, #ffffff);
186
+ color: var(--color-text-disabled-f4c52h, #9ba7b6);
138
187
  }
@@ -2,14 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "placeholder": "awsui_placeholder_dwuol_yfnbu_93",
6
- "item": "awsui_item_dwuol_yfnbu_98",
7
- "checkbox": "awsui_checkbox_dwuol_yfnbu_102",
8
- "filter": "awsui_filter_dwuol_yfnbu_111",
9
- "trigger": "awsui_trigger_dwuol_yfnbu_116",
10
- "layout-strut": "awsui_layout-strut_dwuol_yfnbu_122",
11
- "list-bottom": "awsui_list-bottom_dwuol_yfnbu_128",
12
- "selected-icon": "awsui_selected-icon_dwuol_yfnbu_132",
13
- "show-label-tag": "awsui_show-label-tag_dwuol_yfnbu_136"
5
+ "placeholder": "awsui_placeholder_dwuol_1suf9_93",
6
+ "item": "awsui_item_dwuol_1suf9_98",
7
+ "checkbox": "awsui_checkbox_dwuol_1suf9_102",
8
+ "filter": "awsui_filter_dwuol_1suf9_111",
9
+ "trigger": "awsui_trigger_dwuol_1suf9_116",
10
+ "layout-strut": "awsui_layout-strut_dwuol_1suf9_122",
11
+ "list-bottom": "awsui_list-bottom_dwuol_1suf9_128",
12
+ "selected-icon": "awsui_selected-icon_dwuol_1suf9_132",
13
+ "show-label-tag": "awsui_show-label-tag_dwuol_1suf9_136",
14
+ "inline-token-trigger": "awsui_inline-token-trigger_dwuol_1suf9_140",
15
+ "inline-token-list": "awsui_inline-token-list_dwuol_1suf9_147",
16
+ "inline-token": "awsui_inline-token_dwuol_1suf9_140",
17
+ "visual-refresh": "awsui_visual-refresh_dwuol_1suf9_168",
18
+ "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_1suf9_172",
19
+ "inline-token-counter": "awsui_inline-token-counter_dwuol_1suf9_178",
20
+ "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_1suf9_182"
14
21
  };
15
22
 
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { SelectProps } from '../interfaces';
3
+ import { MultiselectProps } from '../../multiselect/interfaces';
3
4
  import { OptionDefinition } from '../../internal/components/option/interfaces';
4
5
  import { FormFieldValidationControlProps } from '../../internal/context/form-field-context';
5
6
  import { SelectTriggerProps } from '../utils/use-select';
@@ -9,8 +10,9 @@ export interface TriggerProps extends FormFieldValidationControlProps {
9
10
  triggerProps: SelectTriggerProps;
10
11
  selectedOption: OptionDefinition | null;
11
12
  isOpen?: boolean;
12
- triggerVariant?: SelectProps.TriggerVariant;
13
+ triggerVariant?: SelectProps.TriggerVariant | MultiselectProps.TriggerVariant;
13
14
  inFilteringToken?: boolean;
15
+ selectedOptions?: ReadonlyArray<OptionDefinition>;
14
16
  }
15
17
  declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;
16
18
  export default Trigger;
@@ -1 +1 @@
1
- {"version":3,"file":"trigger.d.ts","sourceRoot":"lib/default/","sources":["select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAG5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGzD,MAAM,WAAW,YAAa,SAAQ,+BAA+B;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,wFAwDZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"trigger.d.ts","sourceRoot":"lib/default/","sources":["select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAG5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,MAAM,WAAW,YAAa,SAAQ,+BAA+B;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACnD;AAED,QAAA,MAAM,OAAO,wFA4FZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -8,12 +8,31 @@ import styles from './styles.css.js';
8
8
  import Option from '../../internal/components/option';
9
9
  import { useUniqueId } from '../../internal/hooks/use-unique-id';
10
10
  import { joinStrings } from '../../internal/utils/strings';
11
- const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId, invalid, triggerProps, selectedOption, triggerVariant, inFilteringToken, isOpen, placeholder, disabled, }, ref) => {
11
+ import { useVisualRefresh } from '../../internal/hooks/use-visual-mode';
12
+ const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId, invalid, triggerProps, selectedOption, selectedOptions, triggerVariant, inFilteringToken, isOpen, placeholder, disabled, }, ref) => {
13
+ const isVisualRefresh = useVisualRefresh();
12
14
  const generatedId = useUniqueId();
13
15
  const id = controlId !== null && controlId !== void 0 ? controlId : generatedId;
14
16
  const triggerContentId = useUniqueId('trigger-content-');
17
+ let ariaLabelledbyIds = joinStrings(ariaLabelledby, triggerContentId);
15
18
  let triggerContent = null;
16
- if (!selectedOption) {
19
+ if (triggerVariant === 'tokens') {
20
+ if (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) {
21
+ triggerContent = (React.createElement("span", { className: clsx(styles['inline-token-trigger'], disabled && styles['inline-token-trigger--disabled'], isVisualRefresh && styles['visual-refresh']) },
22
+ React.createElement("span", { className: styles['inline-token-list'] }, selectedOptions.map(({ label }, i) => (React.createElement("span", { key: i, className: styles['inline-token'] }, label)))),
23
+ React.createElement("span", { className: styles['inline-token-counter'], id: triggerContentId },
24
+ React.createElement("span", { className: styles['inline-token-hidden-placeholder'] }, placeholder),
25
+ React.createElement("span", null,
26
+ "(",
27
+ selectedOptions.length,
28
+ ")"))));
29
+ ariaLabelledbyIds = ariaLabelledby;
30
+ }
31
+ else {
32
+ triggerContent = (React.createElement("span", { "aria-disabled": "true", className: clsx(styles.placeholder, styles.trigger), id: triggerContentId }, placeholder));
33
+ }
34
+ }
35
+ else if (!selectedOption) {
17
36
  triggerContent = (React.createElement("span", { "aria-disabled": "true", className: clsx(styles.placeholder, styles.trigger), id: triggerContentId }, placeholder));
18
37
  }
19
38
  else if (triggerVariant === 'option') {
@@ -23,7 +42,7 @@ const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId,
23
42
  triggerContent = (React.createElement("span", { id: triggerContentId, className: styles.trigger }, selectedOption.label || selectedOption.value));
24
43
  }
25
44
  const mergedRef = useMergeRefs(triggerProps.ref, ref);
26
- return (React.createElement(ButtonTrigger, Object.assign({}, triggerProps, { id: id, ref: mergedRef, pressed: isOpen, disabled: disabled, invalid: invalid, inFilteringToken: inFilteringToken, ariaDescribedby: ariaDescribedby, ariaLabelledby: joinStrings(ariaLabelledby, triggerContentId) }), triggerContent));
45
+ return (React.createElement(ButtonTrigger, Object.assign({}, triggerProps, { id: id, ref: mergedRef, pressed: isOpen, disabled: disabled, invalid: invalid, inFilteringToken: inFilteringToken, inlineTokens: triggerVariant === 'tokens', ariaDescribedby: ariaDescribedby, ariaLabelledby: ariaLabelledbyIds }), triggerContent));
27
46
  });
28
47
  export default Trigger;
29
48
  //# sourceMappingURL=trigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"trigger.js","sourceRoot":"lib/default/","sources":["select/parts/trigger.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,aAAa,MAAM,0CAA0C,CAAC;AAErE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,MAAM,MAAM,kCAAkC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAY3D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CACE,EACE,cAAc,EACd,eAAe,EACf,SAAS,EACT,OAAO,EACP,YAAY,EACZ,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,QAAQ,GACK,EACf,GAAiC,EACjC,EAAE;IACF,MAAM,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,MAAM,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,WAAW,CAAC;IACpC,MAAM,gBAAgB,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAEzD,IAAI,cAAc,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,cAAc,EAAE;QACnB,cAAc,GAAG,CACf,+CAAoB,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,gBAAgB,IACjG,WAAW,CACP,CACR,CAAC;KACH;SAAM,IAAI,cAAc,KAAK,QAAQ,EAAE;QACtC,cAAc,GAAG,oBAAC,MAAM,IAAC,EAAE,EAAE,gBAAgB,EAAE,MAAM,kCAAO,cAAc,KAAE,QAAQ,KAAI,cAAc,EAAE,IAAI,GAAI,CAAC;KAClH;SAAM;QACL,cAAc,GAAG,CACf,8BAAM,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAClD,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CACxC,CACR,CAAC;KACH;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,aAAa,oBACR,YAAY,IAChB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAE5D,cAAc,CACD,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport ButtonTrigger from '../../internal/components/button-trigger';\nimport { SelectProps } from '../interfaces';\nimport styles from './styles.css.js';\nimport { OptionDefinition } from '../../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../../internal/context/form-field-context';\nimport Option from '../../internal/components/option';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { SelectTriggerProps } from '../utils/use-select';\nimport { joinStrings } from '../../internal/utils/strings';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n placeholder: string | undefined;\n disabled: boolean | undefined;\n triggerProps: SelectTriggerProps;\n selectedOption: OptionDefinition | null;\n isOpen?: boolean;\n triggerVariant?: SelectProps.TriggerVariant;\n inFilteringToken?: boolean;\n}\n\nconst Trigger = React.forwardRef(\n (\n {\n ariaLabelledby,\n ariaDescribedby,\n controlId,\n invalid,\n triggerProps,\n selectedOption,\n triggerVariant,\n inFilteringToken,\n isOpen,\n placeholder,\n disabled,\n }: TriggerProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const generatedId = useUniqueId();\n const id = controlId ?? generatedId;\n const triggerContentId = useUniqueId('trigger-content-');\n\n let triggerContent = null;\n if (!selectedOption) {\n triggerContent = (\n <span aria-disabled=\"true\" className={clsx(styles.placeholder, styles.trigger)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n } else if (triggerVariant === 'option') {\n triggerContent = <Option id={triggerContentId} option={{ ...selectedOption, disabled }} triggerVariant={true} />;\n } else {\n triggerContent = (\n <span id={triggerContentId} className={styles.trigger}>\n {selectedOption.label || selectedOption.value}\n </span>\n );\n }\n\n const mergedRef = useMergeRefs(triggerProps.ref, ref);\n\n return (\n <ButtonTrigger\n {...triggerProps}\n id={id}\n ref={mergedRef}\n pressed={isOpen}\n disabled={disabled}\n invalid={invalid}\n inFilteringToken={inFilteringToken}\n ariaDescribedby={ariaDescribedby}\n ariaLabelledby={joinStrings(ariaLabelledby, triggerContentId)}\n >\n {triggerContent}\n </ButtonTrigger>\n );\n }\n);\n\nexport default Trigger;\n"]}
1
+ {"version":3,"file":"trigger.js","sourceRoot":"lib/default/","sources":["select/parts/trigger.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport ButtonTrigger from '../../internal/components/button-trigger';\nimport { SelectProps } from '../interfaces';\nimport { MultiselectProps } from '../../multiselect/interfaces';\nimport styles from './styles.css.js';\nimport { OptionDefinition } from '../../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../../internal/context/form-field-context';\nimport Option from '../../internal/components/option';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { SelectTriggerProps } from '../utils/use-select';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n placeholder: string | undefined;\n disabled: boolean | undefined;\n triggerProps: SelectTriggerProps;\n selectedOption: OptionDefinition | null;\n isOpen?: boolean;\n triggerVariant?: SelectProps.TriggerVariant | MultiselectProps.TriggerVariant;\n inFilteringToken?: boolean;\n selectedOptions?: ReadonlyArray<OptionDefinition>;\n}\n\nconst Trigger = React.forwardRef(\n (\n {\n ariaLabelledby,\n ariaDescribedby,\n controlId,\n invalid,\n triggerProps,\n selectedOption,\n selectedOptions,\n triggerVariant,\n inFilteringToken,\n isOpen,\n placeholder,\n disabled,\n }: TriggerProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n const generatedId = useUniqueId();\n const id = controlId ?? generatedId;\n const triggerContentId = useUniqueId('trigger-content-');\n\n let ariaLabelledbyIds = joinStrings(ariaLabelledby, triggerContentId);\n\n let triggerContent = null;\n if (triggerVariant === 'tokens') {\n if (selectedOptions?.length) {\n triggerContent = (\n <span\n className={clsx(\n styles['inline-token-trigger'],\n disabled && styles['inline-token-trigger--disabled'],\n isVisualRefresh && styles['visual-refresh']\n )}\n >\n <span className={styles['inline-token-list']}>\n {selectedOptions.map(({ label }, i) => (\n <span key={i} className={styles['inline-token']}>\n {label}\n </span>\n ))}\n </span>\n <span className={styles['inline-token-counter']} id={triggerContentId}>\n <span className={styles['inline-token-hidden-placeholder']}>{placeholder}</span>\n <span>({selectedOptions.length})</span>\n </span>\n </span>\n );\n ariaLabelledbyIds = ariaLabelledby;\n } else {\n triggerContent = (\n <span aria-disabled=\"true\" className={clsx(styles.placeholder, styles.trigger)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n }\n } else if (!selectedOption) {\n triggerContent = (\n <span aria-disabled=\"true\" className={clsx(styles.placeholder, styles.trigger)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n } else if (triggerVariant === 'option') {\n triggerContent = <Option id={triggerContentId} option={{ ...selectedOption, disabled }} triggerVariant={true} />;\n } else {\n triggerContent = (\n <span id={triggerContentId} className={styles.trigger}>\n {selectedOption.label || selectedOption.value}\n </span>\n );\n }\n\n const mergedRef = useMergeRefs(triggerProps.ref, ref);\n\n return (\n <ButtonTrigger\n {...triggerProps}\n id={id}\n ref={mergedRef}\n pressed={isOpen}\n disabled={disabled}\n invalid={invalid}\n inFilteringToken={inFilteringToken}\n inlineTokens={triggerVariant === 'tokens'}\n ariaDescribedby={ariaDescribedby}\n ariaLabelledby={ariaLabelledbyIds}\n >\n {triggerContent}\n </ButtonTrigger>\n );\n }\n);\n\nexport default Trigger;\n"]}
@@ -14,9 +14,7 @@ export default class AppLayoutWrapper extends ComponentWrapper {
14
14
  findSplitPanel(): SplitPanelWrapper | null;
15
15
  findActiveDrawer(): ElementWrapper | null;
16
16
  findActiveDrawerCloseButton(): ElementWrapper<HTMLButtonElement> | null;
17
- findDrawersDesktopTriggersContainer(): ElementWrapper | null;
18
- findDrawersMobileTriggersContainer(): ElementWrapper | null;
19
17
  findDrawersTriggers(): ElementWrapper<HTMLButtonElement>[];
20
18
  findDrawerTriggerById(id: string): ElementWrapper<HTMLButtonElement> | null;
21
- findDrawersSlider(): ElementWrapper | null;
19
+ findActiveDrawerResizeHandle(): ElementWrapper | null;
22
20
  }
@@ -42,19 +42,13 @@ class AppLayoutWrapper extends dom_1.ComponentWrapper {
42
42
  findActiveDrawerCloseButton() {
43
43
  return this.findByClassName(styles_selectors_js_1.default['active-drawer-close-button']);
44
44
  }
45
- findDrawersDesktopTriggersContainer() {
46
- return this.findByClassName(styles_selectors_js_1.default['drawers-desktop-triggers-container']);
47
- }
48
- findDrawersMobileTriggersContainer() {
49
- return this.findByClassName(styles_selectors_js_1.default['drawers-mobile-triggers-container']);
50
- }
51
45
  findDrawersTriggers() {
52
46
  return this.findAllByClassName(styles_selectors_js_1.default['drawers-trigger']);
53
47
  }
54
48
  findDrawerTriggerById(id) {
55
49
  return this.find(`.${styles_selectors_js_1.default['drawers-trigger']}[data-testid="awsui-app-layout-trigger-${id}"]`);
56
50
  }
57
- findDrawersSlider() {
51
+ findActiveDrawerResizeHandle() {
58
52
  return this.findByClassName(styles_selectors_js_1.default['drawers-slider']);
59
53
  }
60
54
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/app-layout/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,gDAA+C;AAC/C,8FAAkF;AAElF,MAAqB,gBAAiB,SAAQ,sBAAgB;IAG5D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,UAAU,CAAE,CAAC;IAC1D,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACvF,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,kBAAkB,CAAC,CAAE,CAAC;IACtF,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,OAAO,CAAE,CAAC;IACvD,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,KAAK,CAAE,CAAC;IACrD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,aAAa,CAAC,CAAE,CAAC;IACjF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,cAAc,CAAC,CAAE,CAAC;IAClF,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAiB,CAAC,YAAY,EAAE,EAAE,qBAAiB,CAAC,CAAC;IACrF,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,2BAA2B;QACzB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,4BAA4B,CAAC,CAAC,CAAC;IAC/F,CAAC;IAED,mCAAmC;QACjC,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,oCAAoC,CAAC,CAAC,CAAC;IACpF,CAAC;IAED,kCAAkC;QAChC,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mCAAmC,CAAC,CAAC,CAAC;IACnF,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACvF,CAAC;IAED,qBAAqB,CAAC,EAAU;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,iBAAiB,CAAC,0CAA0C,EAAE,IAAI,CAAC,CAAC;IAC1G,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;;AArEH,mCAsEC;AArEQ,6BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/app-layout/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,gDAA+C;AAC/C,8FAAkF;AAElF,MAAqB,gBAAiB,SAAQ,sBAAgB;IAG5D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,UAAU,CAAE,CAAC;IAC1D,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACvF,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,kBAAkB,CAAC,CAAE,CAAC;IACtF,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,OAAO,CAAE,CAAC;IACvD,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,KAAK,CAAE,CAAC;IACrD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,aAAa,CAAC,CAAE,CAAC;IACjF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,cAAc,CAAC,CAAE,CAAC;IAClF,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAiB,CAAC,YAAY,EAAE,EAAE,qBAAiB,CAAC,CAAC;IACrF,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,2BAA2B;QACzB,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,4BAA4B,CAAC,CAAC,CAAC;IAC/F,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACvF,CAAC;IAED,qBAAqB,CAAC,EAAU;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,iBAAiB,CAAC,0CAA0C,EAAE,IAAI,CAAC,CAAC;IAC1G,CAAC;IAED,4BAA4B;QAC1B,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;;AA7DH,mCA8DC;AA7DQ,6BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}
@@ -14,9 +14,7 @@ export default class AppLayoutWrapper extends ComponentWrapper {
14
14
  findSplitPanel(): SplitPanelWrapper;
15
15
  findActiveDrawer(): ElementWrapper;
16
16
  findActiveDrawerCloseButton(): ElementWrapper;
17
- findDrawersDesktopTriggersContainer(): ElementWrapper;
18
- findDrawersMobileTriggersContainer(): ElementWrapper;
19
17
  findDrawersTriggers(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<ElementWrapper>;
20
18
  findDrawerTriggerById(id: string): ElementWrapper;
21
- findDrawersSlider(): ElementWrapper;
19
+ findActiveDrawerResizeHandle(): ElementWrapper;
22
20
  }
@@ -42,19 +42,13 @@ class AppLayoutWrapper extends selectors_1.ComponentWrapper {
42
42
  findActiveDrawerCloseButton() {
43
43
  return this.findByClassName(styles_selectors_js_1.default['active-drawer-close-button']);
44
44
  }
45
- findDrawersDesktopTriggersContainer() {
46
- return this.findByClassName(styles_selectors_js_1.default['drawers-desktop-triggers-container']);
47
- }
48
- findDrawersMobileTriggersContainer() {
49
- return this.findByClassName(styles_selectors_js_1.default['drawers-mobile-triggers-container']);
50
- }
51
45
  findDrawersTriggers() {
52
46
  return this.findAllByClassName(styles_selectors_js_1.default['drawers-trigger']);
53
47
  }
54
48
  findDrawerTriggerById(id) {
55
49
  return this.find(`.${styles_selectors_js_1.default['drawers-trigger']}[data-testid="awsui-app-layout-trigger-${id}"]`);
56
50
  }
57
- findDrawersSlider() {
51
+ findActiveDrawerResizeHandle() {
58
52
  return this.findByClassName(styles_selectors_js_1.default['drawers-slider']);
59
53
  }
60
54
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/app-layout/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,gDAA+C;AAC/C,8FAAkF;AAClF,MAAqB,gBAAiB,SAAQ,4BAAgB;IAE5D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,UAAU,CAAE,CAAC;IAC1D,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;IACD,mBAAmB;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,kBAAkB,CAAC,CAAE,CAAC;IACnE,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,OAAO,CAAE,CAAC;IACvD,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,KAAK,CAAE,CAAC;IACrD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,aAAa,CAAC,CAAE,CAAC;IAC9D,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,cAAc,CAAC,CAAE,CAAC;IAC/D,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAiB,CAAC,YAAY,EAAE,EAAE,qBAAiB,CAAC,CAAC;IACrF,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,CAAC;IACD,2BAA2B;QACzB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,4BAA4B,CAAC,CAAC,CAAC;IAC5E,CAAC;IACD,mCAAmC;QACjC,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,oCAAoC,CAAC,CAAC,CAAC;IACpF,CAAC;IACD,kCAAkC;QAChC,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mCAAmC,CAAC,CAAC,CAAC;IACnF,CAAC;IACD,mBAAmB;QACjB,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACpE,CAAC;IACD,qBAAqB,CAAC,EAAU;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,iBAAiB,CAAC,0CAA0C,EAAE,IAAI,CAAC,CAAC;IAC1G,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;;AApDH,mCAqDC;AApDQ,6BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/app-layout/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,gDAA+C;AAC/C,8FAAkF;AAClF,MAAqB,gBAAiB,SAAQ,4BAAgB;IAE5D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,UAAU,CAAE,CAAC;IAC1D,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;IACD,mBAAmB;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,kBAAkB,CAAC,CAAE,CAAC;IACnE,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,OAAO,CAAE,CAAC;IACvD,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,KAAK,CAAE,CAAC;IACrD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,aAAa,CAAC,CAAE,CAAC;IAC9D,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,cAAc,CAAC,CAAE,CAAC;IAC/D,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAiB,CAAC,YAAY,EAAE,EAAE,qBAAiB,CAAC,CAAC;IACrF,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,CAAC;IACD,2BAA2B;QACzB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,4BAA4B,CAAC,CAAC,CAAC;IAC5E,CAAC;IACD,mBAAmB;QACjB,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACpE,CAAC;IACD,qBAAqB,CAAC,EAAU;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,iBAAiB,CAAC,0CAA0C,EAAE,IAAI,CAAC,CAAC;IAC1G,CAAC;IACD,4BAA4B;QAC1B,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;;AA9CH,mCA+CC;AA9CQ,6BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}