npm - @cloudscape-design/components - Versions diffs - 3.0.87 → 3.0.88 - Mend

@cloudscape-design/components 3.0.87 → 3.0.88

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 (68) hide show

package/checkbox/internal.d.ts +0 -1
package/checkbox/internal.d.ts.map +1 -1
package/checkbox/internal.js +9 -11
package/checkbox/internal.js.map +1 -1
package/date-picker/index.js +1 -1
package/date-picker/index.js.map +1 -1
package/date-picker/styles.css.js +7 -6
package/date-picker/styles.scoped.css +14 -7
package/date-picker/styles.selectors.js +7 -6
package/date-range-picker/dropdown.js +1 -1
package/date-range-picker/dropdown.js.map +1 -1
package/date-range-picker/styles.css.js +37 -36
package/date-range-picker/styles.scoped.css +48 -44
package/date-range-picker/styles.selectors.js +37 -36
package/hotspot/index.d.ts.map +1 -1
package/hotspot/index.js +2 -2
package/hotspot/index.js.map +1 -1
package/internal/components/abstract-switch/index.d.ts +2 -2
package/internal/components/abstract-switch/index.d.ts.map +1 -1
package/internal/components/abstract-switch/index.js +2 -9
package/internal/components/abstract-switch/index.js.map +1 -1
package/internal/components/abstract-switch/styles.css.js +12 -12
package/internal/components/abstract-switch/styles.scoped.css +20 -19
package/internal/components/abstract-switch/styles.selectors.js +12 -12
package/internal/components/focus-lock/index.d.ts +2 -1
package/internal/components/focus-lock/index.d.ts.map +1 -1
package/internal/components/focus-lock/index.js +2 -2
package/internal/components/focus-lock/index.js.map +1 -1
package/internal/components/screenreader-only/index.js +1 -1
package/internal/components/screenreader-only/index.js.map +1 -1
package/internal/environment.js +1 -1
package/package.json +1 -1
package/property-filter/controller.d.ts +4 -7
package/property-filter/controller.d.ts.map +1 -1
package/property-filter/controller.js +3 -2
package/property-filter/controller.js.map +1 -1
package/property-filter/filter-options.d.ts +3 -0
package/property-filter/filter-options.d.ts.map +1 -0
package/property-filter/filter-options.js +31 -0
package/property-filter/filter-options.js.map +1 -0
package/property-filter/index.d.ts.map +1 -1
package/property-filter/index.js +0 -5
package/property-filter/index.js.map +1 -1
package/property-filter/property-filter-autosuggest.d.ts.map +1 -1
package/property-filter/property-filter-autosuggest.js +9 -7
package/property-filter/property-filter-autosuggest.js.map +1 -1
package/property-filter/styles.css.js +33 -32
package/property-filter/styles.scoped.css +38 -34
package/property-filter/styles.selectors.js +33 -32
package/radio-group/radio-button.d.ts +3 -3
package/radio-group/radio-button.d.ts.map +1 -1
package/radio-group/radio-button.js +18 -6
package/radio-group/radio-button.js.map +1 -1
package/select/parts/trigger.d.ts.map +1 -1
package/select/parts/trigger.js +8 -2
package/select/parts/trigger.js.map +1 -1
package/table/selection-control/index.js +1 -1
package/table/selection-control/index.js.map +1 -1
package/tiles/internal.d.ts.map +1 -1
package/tiles/internal.js +2 -9
package/tiles/internal.js.map +1 -1
package/tiles/tile.d.ts +12 -0
package/tiles/tile.d.ts.map +1 -0
package/tiles/tile.js +27 -0
package/tiles/tile.js.map +1 -0
package/toggle/internal.d.ts.map +1 -1
package/toggle/internal.js +7 -1
package/toggle/internal.js.map +1 -1

package/property-filter/styles.css.js CHANGED Viewed

@@ -1,37 +1,38 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1wzqe_b1qbn_93",
-  "search-field": "awsui_search-field_1wzqe_b1qbn_104",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_b1qbn_110",
-  "add-token": "awsui_add-token_1wzqe_b1qbn_114",
-  "tokens": "awsui_tokens_1wzqe_b1qbn_121",
-  "token-operator": "awsui_token-operator_1wzqe_b1qbn_125",
-  "property-editor": "awsui_property-editor_1wzqe_b1qbn_129",
-  "token-editor": "awsui_token-editor_1wzqe_b1qbn_130",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_b1qbn_134",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_b1qbn_135",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_b1qbn_138",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_b1qbn_139",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_b1qbn_142",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_b1qbn_143",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_b1qbn_146",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_b1qbn_147",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_b1qbn_150",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_b1qbn_151",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_b1qbn_154",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_b1qbn_155",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_b1qbn_158",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_b1qbn_159",
-  "custom-control": "awsui_custom-control_1wzqe_b1qbn_177",
-  "input": "awsui_input_1wzqe_b1qbn_110",
-  "results": "awsui_results_1wzqe_b1qbn_185",
-  "results-visible": "awsui_results-visible_1wzqe_b1qbn_191",
-  "separator": "awsui_separator_1wzqe_b1qbn_195",
-  "toggle-collapsed": "awsui_toggle-collapsed_1wzqe_b1qbn_202",
-  "token-trigger": "awsui_token-trigger_1wzqe_b1qbn_207",
-  "remove-all": "awsui_remove-all_1wzqe_b1qbn_213",
-  "token-label": "awsui_token-label_1wzqe_b1qbn_214",
-  "join-operation": "awsui_join-operation_1wzqe_b1qbn_215"
+  "root": "awsui_root_1wzqe_13cnv_93",
+  "search-field": "awsui_search-field_1wzqe_13cnv_104",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_13cnv_110",
+  "add-token": "awsui_add-token_1wzqe_13cnv_114",
+  "tokens": "awsui_tokens_1wzqe_13cnv_121",
+  "token-operator": "awsui_token-operator_1wzqe_13cnv_125",
+  "property-editor": "awsui_property-editor_1wzqe_13cnv_129",
+  "token-editor": "awsui_token-editor_1wzqe_13cnv_130",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_13cnv_134",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_13cnv_135",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_13cnv_138",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_13cnv_139",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_13cnv_142",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_13cnv_143",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_13cnv_146",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_13cnv_147",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_13cnv_150",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_13cnv_151",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_13cnv_154",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_13cnv_155",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_13cnv_158",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_13cnv_159",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_13cnv_177",
+  "custom-control": "awsui_custom-control_1wzqe_13cnv_181",
+  "input": "awsui_input_1wzqe_13cnv_110",
+  "results": "awsui_results_1wzqe_13cnv_189",
+  "results-visible": "awsui_results-visible_1wzqe_13cnv_195",
+  "separator": "awsui_separator_1wzqe_13cnv_199",
+  "toggle-collapsed": "awsui_toggle-collapsed_1wzqe_13cnv_206",
+  "token-trigger": "awsui_token-trigger_1wzqe_13cnv_211",
+  "remove-all": "awsui_remove-all_1wzqe_13cnv_217",
+  "token-label": "awsui_token-label_1wzqe_13cnv_218",
+  "join-operation": "awsui_join-operation_1wzqe_13cnv_219"
 };

package/property-filter/styles.scoped.css CHANGED Viewed

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1wzqe_b1qbn_93:not(#\9) {
+.awsui_root_1wzqe_13cnv_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -127,118 +127,122 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_search-field_1wzqe_b1qbn_104:not(#\9) {
+.awsui_search-field_1wzqe_13cnv_104:not(#\9) {
   display: flex;
   align-items: center;
   max-width: calc(688px - 2 * var(--space-l-4vl6xu, 20px));
 }
-.awsui_input-wrapper_1wzqe_b1qbn_110:not(#\9) {
+.awsui_input-wrapper_1wzqe_13cnv_110:not(#\9) {
   flex-grow: 1;
 }
-.awsui_add-token_1wzqe_b1qbn_114:not(#\9) {
+.awsui_add-token_1wzqe_13cnv_114:not(#\9) {
   border-left: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   box-sizing: border-box;
   margin-left: var(--space-m-17eucw, 16px);
   padding-left: var(--space-m-17eucw, 16px);
 }
-.awsui_tokens_1wzqe_b1qbn_121:not(#\9) {
+.awsui_tokens_1wzqe_13cnv_121:not(#\9) {
   margin-top: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_token-operator_1wzqe_b1qbn_125:not(#\9) {
+.awsui_token-operator_1wzqe_13cnv_125:not(#\9) {
   font-weight: bold;
 }
-.awsui_property-editor_1wzqe_b1qbn_129:not(#\9),
-.awsui_token-editor_1wzqe_b1qbn_130:not(#\9) {
+.awsui_property-editor_1wzqe_13cnv_129:not(#\9),
+.awsui_token-editor_1wzqe_13cnv_130:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   margin: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_property-editor-form_1wzqe_b1qbn_134:not(#\9),
-.awsui_token-editor-form_1wzqe_b1qbn_135:not(#\9) {
+.awsui_property-editor-form_1wzqe_13cnv_134:not(#\9),
+.awsui_token-editor-form_1wzqe_13cnv_135:not(#\9) {
   margin-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_property-editor-field-property_1wzqe_b1qbn_138:not(#\9),
-.awsui_token-editor-field-property_1wzqe_b1qbn_139:not(#\9) {
+.awsui_property-editor-field-property_1wzqe_13cnv_138:not(#\9),
+.awsui_token-editor-field-property_1wzqe_13cnv_139:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-field-operator_1wzqe_b1qbn_142:not(#\9),
-.awsui_token-editor-field-operator_1wzqe_b1qbn_143:not(#\9) {
+.awsui_property-editor-field-operator_1wzqe_13cnv_142:not(#\9),
+.awsui_token-editor-field-operator_1wzqe_13cnv_143:not(#\9) {
   margin-top: var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_property-editor-field-value_1wzqe_b1qbn_146:not(#\9),
-.awsui_token-editor-field-value_1wzqe_b1qbn_147:not(#\9) {
+.awsui_property-editor-field-value_1wzqe_13cnv_146:not(#\9),
+.awsui_token-editor-field-value_1wzqe_13cnv_147:not(#\9) {
   margin-top: var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_property-editor-cancel_1wzqe_b1qbn_150:not(#\9),
-.awsui_token-editor-cancel_1wzqe_b1qbn_151:not(#\9) {
+.awsui_property-editor-cancel_1wzqe_13cnv_150:not(#\9),
+.awsui_token-editor-cancel_1wzqe_13cnv_151:not(#\9) {
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_property-editor-submit_1wzqe_b1qbn_154:not(#\9),
-.awsui_token-editor-submit_1wzqe_b1qbn_155:not(#\9) {
+.awsui_property-editor-submit_1wzqe_13cnv_154:not(#\9),
+.awsui_token-editor-submit_1wzqe_13cnv_155:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-actions_1wzqe_b1qbn_158:not(#\9),
-.awsui_token-editor-actions_1wzqe_b1qbn_159:not(#\9) {
+.awsui_property-editor-actions_1wzqe_13cnv_158:not(#\9),
+.awsui_token-editor-actions_1wzqe_13cnv_159:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-top: var(--space-s-hv8c1d, 12px);
   border-top: 1px solid var(--color-border-dropdown-item-default-faosd8, #e9ebed);
 }
-.awsui_token-editor-actions_1wzqe_b1qbn_159:not(#\9) {
+.awsui_token-editor-actions_1wzqe_13cnv_159:not(#\9) {
   padding-right: calc(var(--space-m-17eucw, 16px) + var(--space-xxs-ynfts5, 4px));
   margin-left: calc(-1 * var(--space-m-17eucw, 16px) + -1 * var(--space-xxs-ynfts5, 4px));
   margin-right: calc(-1 * var(--space-m-17eucw, 16px) + -1 * var(--space-xxs-ynfts5, 4px));
 }
-.awsui_property-editor_1wzqe_b1qbn_129:not(#\9) {
+.awsui_property-editor_1wzqe_13cnv_129:not(#\9) {
   padding: var(--space-m-17eucw, 16px);
   overflow-y: auto;
 }
-.awsui_custom-control_1wzqe_b1qbn_177:not(#\9) {
+.awsui_custom-content-wrapper_1wzqe_13cnv_177:not(#\9) {
+  display: contents;
+}
+.awsui_custom-control_1wzqe_13cnv_181:not(#\9) {
   margin-right: var(--space-s-hv8c1d, 12px);
 }
-.awsui_input_1wzqe_b1qbn_110:not(#\9) {
+.awsui_input_1wzqe_13cnv_110:not(#\9) {
   flex: 1;
 }
-.awsui_results_1wzqe_b1qbn_185:not(#\9) {
+.awsui_results_1wzqe_13cnv_189:not(#\9) {
   color: var(--color-text-form-label-k3j0b4, #000716);
   display: inline-block;
   box-sizing: border-box;
   white-space: nowrap;
 }
-.awsui_results-visible_1wzqe_b1qbn_191:not(#\9) {
+.awsui_results-visible_1wzqe_13cnv_195:not(#\9) {
   padding-left: var(--space-s-hv8c1d, 12px);
 }
-.awsui_separator_1wzqe_b1qbn_195:not(#\9) {
+.awsui_separator_1wzqe_13cnv_199:not(#\9) {
   margin: 0px var(--space-scaled-m-pv0fmt, 16px);
   height: 100%;
   width: var(--border-divider-section-width-4wm2it, 2px);
   background-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_toggle-collapsed_1wzqe_b1qbn_202:not(#\9) {
+.awsui_toggle-collapsed_1wzqe_13cnv_206:not(#\9) {
   margin-top: calc(-1 * var(--space-scaled-xxs-95dhkm, 4px));
   margin-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_token-trigger_1wzqe_b1qbn_207:not(#\9) {
+.awsui_token-trigger_1wzqe_13cnv_211:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
-.awsui_remove-all_1wzqe_b1qbn_213:not(#\9),
-.awsui_token-label_1wzqe_b1qbn_214:not(#\9),
-.awsui_join-operation_1wzqe_b1qbn_215:not(#\9) {
+.awsui_remove-all_1wzqe_13cnv_217:not(#\9),
+.awsui_token-label_1wzqe_13cnv_218:not(#\9),
+.awsui_join-operation_1wzqe_13cnv_219:not(#\9) {
   /* used in test-utils */
 }

package/property-filter/styles.selectors.js CHANGED Viewed

@@ -2,37 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1wzqe_b1qbn_93",
-  "search-field": "awsui_search-field_1wzqe_b1qbn_104",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_b1qbn_110",
-  "add-token": "awsui_add-token_1wzqe_b1qbn_114",
-  "tokens": "awsui_tokens_1wzqe_b1qbn_121",
-  "token-operator": "awsui_token-operator_1wzqe_b1qbn_125",
-  "property-editor": "awsui_property-editor_1wzqe_b1qbn_129",
-  "token-editor": "awsui_token-editor_1wzqe_b1qbn_130",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_b1qbn_134",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_b1qbn_135",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_b1qbn_138",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_b1qbn_139",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_b1qbn_142",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_b1qbn_143",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_b1qbn_146",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_b1qbn_147",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_b1qbn_150",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_b1qbn_151",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_b1qbn_154",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_b1qbn_155",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_b1qbn_158",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_b1qbn_159",
-  "custom-control": "awsui_custom-control_1wzqe_b1qbn_177",
-  "input": "awsui_input_1wzqe_b1qbn_110",
-  "results": "awsui_results_1wzqe_b1qbn_185",
-  "results-visible": "awsui_results-visible_1wzqe_b1qbn_191",
-  "separator": "awsui_separator_1wzqe_b1qbn_195",
-  "toggle-collapsed": "awsui_toggle-collapsed_1wzqe_b1qbn_202",
-  "token-trigger": "awsui_token-trigger_1wzqe_b1qbn_207",
-  "remove-all": "awsui_remove-all_1wzqe_b1qbn_213",
-  "token-label": "awsui_token-label_1wzqe_b1qbn_214",
-  "join-operation": "awsui_join-operation_1wzqe_b1qbn_215"
+  "root": "awsui_root_1wzqe_13cnv_93",
+  "search-field": "awsui_search-field_1wzqe_13cnv_104",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_13cnv_110",
+  "add-token": "awsui_add-token_1wzqe_13cnv_114",
+  "tokens": "awsui_tokens_1wzqe_13cnv_121",
+  "token-operator": "awsui_token-operator_1wzqe_13cnv_125",
+  "property-editor": "awsui_property-editor_1wzqe_13cnv_129",
+  "token-editor": "awsui_token-editor_1wzqe_13cnv_130",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_13cnv_134",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_13cnv_135",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_13cnv_138",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_13cnv_139",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_13cnv_142",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_13cnv_143",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_13cnv_146",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_13cnv_147",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_13cnv_150",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_13cnv_151",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_13cnv_154",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_13cnv_155",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_13cnv_158",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_13cnv_159",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_13cnv_177",
+  "custom-control": "awsui_custom-control_1wzqe_13cnv_181",
+  "input": "awsui_input_1wzqe_13cnv_110",
+  "results": "awsui_results_1wzqe_13cnv_189",
+  "results-visible": "awsui_results-visible_1wzqe_13cnv_195",
+  "separator": "awsui_separator_1wzqe_13cnv_199",
+  "toggle-collapsed": "awsui_toggle-collapsed_1wzqe_13cnv_206",
+  "token-trigger": "awsui_token-trigger_1wzqe_13cnv_211",
+  "remove-all": "awsui_remove-all_1wzqe_13cnv_217",
+  "token-label": "awsui_token-label_1wzqe_13cnv_218",
+  "join-operation": "awsui_join-operation_1wzqe_13cnv_219"
 };

package/radio-group/radio-button.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
+import React from 'react';
 import { NonCancelableEventHandler } from '../internal/events';
 import { RadioGroupProps } from './interfaces';
 interface RadioButtonProps extends RadioGroupProps.RadioButtonDefinition {
     name: string;
     checked: boolean;
-    withoutLabel?: boolean;
     onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;
 }
-export default function RadioButton({ name, label, value, checked, withoutLabel, description, disabled, controlId, onChange, }: RadioButtonProps): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
+export default _default;
 //# sourceMappingURL=radio-button.d.ts.map

package/radio-group/radio-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/radio-group/radio-button.tsx"],"names":[],"mappings":"~~AAKA~~,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;~~AAEvF~~,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,gBAAiB,SAAQ,eAAe,CAAC,qBAAqB;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,~~YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,~~QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;CACpE;AAED,~~MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,gBAAgB,eA6ClB~~"}
1	+ {"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/radio-group/radio-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAGvF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,gBAAiB,SAAQ,eAAe,CAAC,qBAAqB;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;CACpE;;AAED,wBA2DG"}

package/radio-group/radio-button.js CHANGED Viewed

@@ -2,20 +2,32 @@ import { __assign } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import clsx from 'clsx';
-import React from 'react';
+import React, { useRef } from 'react';
 import AbstractSwitch from '../internal/components/abstract-switch';
 import { fireNonCancelableEvent } from '../internal/events';
+import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import styles from './styles.css.js';
-export default function RadioButton(_a) {
+export default React.forwardRef(function RadioButton(_a, ref) {
     var _b, _c;
-    var name = _a.name, label = _a.label, value = _a.value, checked = _a.checked, withoutLabel = _a.withoutLabel, description = _a.description, disabled = _a.disabled, controlId = _a.controlId, onChange = _a.onChange;
+    var name = _a.name, label = _a.label, value = _a.value, checked = _a.checked, description = _a.description, disabled = _a.disabled, controlId = _a.controlId, onChange = _a.onChange;
     var isVisualRefresh = useVisualRefresh();
-    return (React.createElement(AbstractSwitch, { className: clsx(styles.radio, description && styles['radio--has-description']), controlClassName: styles['radio-control'], outlineClassName: styles.outline, label: label, description: description, disabled: disabled, controlId: controlId, nativeControl: function (nativeControlProps) { return (React.createElement("input", __assign({}, nativeControlProps, { type: "radio", name: name, value: value, checked: checked, onChange: onChange && (function () { return fireNonCancelableEvent(onChange, { value: value }); }) }))); }, styledControl: React.createElement("svg", { viewBox: "0 0 100 100", focusable: "false", "aria-hidden": "true" },
+    var radioButtonRef = useRef(null);
+    var mergedRefs = useMergeRefs(radioButtonRef, ref);
+    return (React.createElement(AbstractSwitch, { className: clsx(styles.radio, description && styles['radio--has-description']), controlClassName: styles['radio-control'], outlineClassName: styles.outline, label: label, description: description, disabled: disabled, controlId: controlId, nativeControl: function (nativeControlProps) { return (React.createElement("input", __assign({}, nativeControlProps, { type: "radio", ref: mergedRefs, name: name, value: value, checked: checked,
+            // empty handler to suppress React controllability warning
+            onChange: function () { } }))); }, onClick: function () {
+            var _a;
+            (_a = radioButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            if (checked) {
+                return;
+            }
+            fireNonCancelableEvent(onChange, { value: value });
+        }, styledControl: React.createElement("svg", { viewBox: "0 0 100 100", focusable: "false", "aria-hidden": "true" },
             React.createElement("circle", { className: clsx(styles['styled-circle-border'], (_b = {}, _b[styles['styled-circle-disabled']] = disabled, _b)), strokeWidth: isVisualRefresh ? 12 : 8, cx: 50, cy: 50, r: isVisualRefresh ? 44 : 46 }),
             React.createElement("circle", { className: clsx(styles['styled-circle-fill'], (_c = {},
                     _c[styles['styled-circle-disabled']] = disabled,
                     _c[styles['styled-circle-checked']] = checked,
-                    _c)), strokeWidth: 30, cx: 50, cy: 50, r: 35 })), withoutLabel: withoutLabel }));
-}
+                    _c)), strokeWidth: 30, cx: 50, cy: 50, r: 35 })) }));
+});
 //# sourceMappingURL=radio-button.js.map

package/radio-group/radio-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../src/radio-group/radio-button.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAC1B~~,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AASrC~~,~~MAAM~~,CAAC,~~OAAO,~~UAAU,WAAW,~~CAAC~~,~~EAUjB~~;;~~QATjB~~,IAAI,UAAA,~~EACJ~~,KAAK,WAAA,~~EACL~~,KAAK,WAAA,~~EACL~~,OAAO,aAAA,~~EACP~~,~~YAAY,kBAAA,EACZ,~~WAAW,iBAAA,~~EACX~~,QAAQ,cAAA,~~EACR~~,SAAS,eAAA,~~EACT~~,QAAQ,cAAA;~~IAER~~,IAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAC9E,gBAAgB,EAAE,MAAM,CAAC,eAAe,CAAC,EACzC,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAChC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,UAAA,kBAAkB,IAAI,OAAA,CACnC,0CACM,kBAAkB,IACtB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,~~EAChB~~,QAAQ,EAAE,~~QAAQ~~,~~IAAI~~,CAAC,~~cAAM~~,~~OAAA~~,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,~~EAA3C~~,~~CAA2C,~~CAAC,~~IACzE,CACH,EAToC,CASpC,~~EACD,aAAa,EACX,6BAAK,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,OAAO,iBAAa,MAAM;YAC7D,gCACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,YAAI,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,QAAQ,MAAG,EACjG,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACrC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAC5B;YACF,gCACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC;oBAC1C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,QAAQ;oBAC5C,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,OAAO;wBAC1C,EACF,WAAW,EAAE,EAAE,EACf,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,EAAE,GACL,CACE,~~EAER~~,~~YAAY,EAAE,YAAY,GAC1B,~~CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { RadioGroupProps } from './interfaces';\nimport styles from './styles.css.js';\n\ninterface RadioButtonProps extends RadioGroupProps.RadioButtonDefinition {\n name: string;\n checked: boolean;\n ~~withoutLabel?: boolean;\n~~ onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n}\n\nexport default function RadioButton({\n name~~,\n~~ label~~,\n~~ value~~,\n~~ checked~~,\n withoutLabel,\n~~ description~~,\n~~ disabled~~,\n~~ controlId,\n ~~onChange,\n}~~: ~~RadioButtonProps~~) {\n const isVisualRefresh = useVisualRefresh();\n return (\n <AbstractSwitch\n className={clsx(styles.radio, description && styles['radio--has-description'])}\n controlClassName={styles['radio-control']}\n outlineClassName={styles.outline}\n label={label}\n description={description}\n disabled={disabled}\n controlId={controlId}\n nativeControl={nativeControlProps => (\n <input\n {...nativeControlProps}\n type=\"radio\"\n name={name}\n value={value}\n checked={checked}\n onChange={~~onChange~~ && (() => fireNonCancelableEvent(onChange, { value })~~)}\~~n ~~/>\n~~ )}\n styledControl={\n <svg viewBox=\"0 0 100 100\" focusable=\"false\" aria-hidden=\"true\">\n <circle\n className={clsx(styles['styled-circle-border'], { [styles['styled-circle-disabled']]: disabled })}\n strokeWidth={isVisualRefresh ? 12 : 8}\n cx={50}\n cy={50}\n r={isVisualRefresh ? 44 : 46}\n />\n <circle\n className={clsx(styles['styled-circle-fill'], {\n [styles['styled-circle-disabled']]: disabled,\n [styles['styled-circle-checked']]: checked,\n })}\n strokeWidth={30}\n cx={50}\n cy={50}\n r={35}\n />\n </svg>\n }\n ~~withoutLabel={withoutLabel}\n~~ />\n );\n}\n"]}
1	+ {"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../src/radio-group/radio-button.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,eAAe,KAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CAClD,EAA6F,EAC7F,GAAgC;;QAD9B,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAGzE,IAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,IAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,IAAM,UAAU,GAAG,YAAY,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;IAErD,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAC9E,gBAAgB,EAAE,MAAM,CAAC,eAAe,CAAC,EACzC,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAChC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,UAAA,kBAAkB,IAAI,OAAA,CACnC,0CACM,kBAAkB,IACtB,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO;YAChB,0DAA0D;YAC1D,QAAQ,EAAE,cAAO,CAAC,IAClB,CACH,EAXoC,CAWpC,EACD,OAAO,EAAE;;YACP,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAChC,IAAI,OAAO,EAAE;gBACX,OAAO;aACR;YACD,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;QAC9C,CAAC,EACD,aAAa,EACX,6BAAK,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,OAAO,iBAAa,MAAM;YAC7D,gCACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,YAAI,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,QAAQ,MAAG,EACjG,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACrC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAC5B;YACF,gCACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC;oBAC1C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,QAAQ;oBAC5C,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,OAAO;wBAC1C,EACF,WAAW,EAAE,EAAE,EACf,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,EAAE,GACL,CACE,GAER,CACH,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { RadioGroupProps } from './interfaces';\nimport styles from './styles.css.js';\n\ninterface RadioButtonProps extends RadioGroupProps.RadioButtonDefinition {\n name: string;\n checked: boolean;\n onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n}\n\nexport default React.forwardRef(function RadioButton(\n { name, label, value, checked, description, disabled, controlId, onChange }: RadioButtonProps,\n ref: React.Ref<HTMLInputElement>\n) {\n const isVisualRefresh = useVisualRefresh();\n const radioButtonRef = useRef<HTMLInputElement>(null);\n const mergedRefs = useMergeRefs(radioButtonRef, ref);\n\n return (\n <AbstractSwitch\n className={clsx(styles.radio, description && styles['radio--has-description'])}\n controlClassName={styles['radio-control']}\n outlineClassName={styles.outline}\n label={label}\n description={description}\n disabled={disabled}\n controlId={controlId}\n nativeControl={nativeControlProps => (\n <input\n {...nativeControlProps}\n type=\"radio\"\n ref={mergedRefs}\n name={name}\n value={value}\n checked={checked}\n // empty handler to suppress React controllability warning\n onChange={() => {}}\n />\n )}\n onClick={() => {\n radioButtonRef.current?.focus();\n if (checked) {\n return;\n }\n fireNonCancelableEvent(onChange, { value });\n }}\n styledControl={\n <svg viewBox=\"0 0 100 100\" focusable=\"false\" aria-hidden=\"true\">\n <circle\n className={clsx(styles['styled-circle-border'], { [styles['styled-circle-disabled']]: disabled })}\n strokeWidth={isVisualRefresh ? 12 : 8}\n cx={50}\n cy={50}\n r={isVisualRefresh ? 44 : 46}\n />\n <circle\n className={clsx(styles['styled-circle-fill'], {\n [styles['styled-circle-disabled']]: disabled,\n [styles['styled-circle-checked']]: checked,\n })}\n strokeWidth={30}\n cx={50}\n cy={50}\n r={35}\n />\n </svg>\n }\n />\n );\n});\n"]}

package/select/parts/trigger.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,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;~~AAEzD~~,MAAM,WAAW,YAAa,SAAQ,+BAA+B;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,SAAS,EAAE,MAAM,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,~~wFA8DZ~~,CAAC;AAEF,eAAe,OAAO,CAAC"}
1	+ {"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,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,SAAS,EAAE,MAAM,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,wFAiEZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/select/parts/trigger.js CHANGED Viewed

@@ -7,7 +7,8 @@ import clsx from 'clsx';
 import ButtonTrigger from '../../internal/components/button-trigger';
 import styles from './styles.css.js';
 import Option from '../../internal/components/option';
-import { generateUniqueId } from '../../internal/hooks/use-unique-id';
+import { generateUniqueId, useUniqueId } from '../../internal/hooks/use-unique-id';
+import ScreenreaderOnly from '../../internal/components/screenreader-only';
 var Trigger = React.forwardRef(function (_a, ref) {
     var ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, controlId = _a.controlId, invalid = _a.invalid, triggerProps = _a.triggerProps, selectedOption = _a.selectedOption, triggerVariant = _a.triggerVariant, inFilteringToken = _a.inFilteringToken, isOpen = _a.isOpen, placeholder = _a.placeholder, disabled = _a.disabled, ariaLabel = _a.ariaLabel;
     var id = useMemo(function () { return controlId !== null && controlId !== void 0 ? controlId : generateUniqueId(); }, [controlId]);
@@ -22,7 +23,12 @@ var Trigger = React.forwardRef(function (_a, ref) {
         triggerContent = (React.createElement("span", { id: triggerProps.ariaLabelledby, className: styles.trigger }, selectedOption.label || selectedOption.value));
     }
     var mergedRef = useMergeRefs(triggerProps.ref, ref);
-    return (React.createElement(ButtonTrigger, __assign({}, triggerProps, { id: id, ref: mergedRef, pressed: isOpen, disabled: disabled, invalid: invalid, inFilteringToken: inFilteringToken, ariaLabel: ariaLabel, ariaDescribedby: ariaDescribedby, ariaLabelledby: [ariaLabelledby, triggerProps.ariaLabelledby].filter(function (label) { return !!label; }).join(' ') }), triggerContent));
+    var calendarDescriptionId = useUniqueId('select-arialabel-');
+    return (React.createElement(ButtonTrigger, __assign({}, triggerProps, { id: id, ref: mergedRef, pressed: isOpen, disabled: disabled, invalid: invalid, inFilteringToken: inFilteringToken, ariaDescribedby: ariaDescribedby, ariaLabelledby: [ariaLabelledby, calendarDescriptionId, triggerProps.ariaLabelledby]
+            .filter(function (label) { return !!label; })
+            .join(' ') }),
+        triggerContent,
+        React.createElement(ScreenreaderOnly, { id: calendarDescriptionId }, ariaLabel)));
 });
 export default Trigger;
 //# sourceMappingURL=trigger.js.map

package/select/parts/trigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trigger.js","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,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,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;~~AActE~~,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,UACE,EAae,EACf,GAAiC;QAb/B,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA;IAIX,IAAM,EAAE,GAAG,OAAO,CAAC,cAAM,OAAA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,gBAAgB,EAAE,EAA/B,CAA+B,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEvE,IAAI,cAAc,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,cAAc,EAAE;QACnB,cAAc,GAAG,CACf,+CACgB,MAAM,EACpB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,EACnD,EAAE,EAAE,YAAY,CAAC,cAAc,IAE9B,WAAW,CACP,CACR,CAAC;KACH;SAAM,IAAI,cAAc,KAAK,QAAQ,EAAE;QACtC,cAAc,GAAG,CACf,oBAAC,MAAM,IAAC,EAAE,EAAE,YAAY,CAAC,cAAc,EAAE,MAAM,wBAAO,cAAc,KAAE,QAAQ,UAAA,KAAI,cAAc,EAAE,IAAI,GAAI,CAC3G,CAAC;KACH;SAAM;QACL,cAAc,GAAG,CACf,8BAAM,EAAE,EAAE,YAAY,CAAC,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAC7D,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CACxC,CACR,CAAC;KACH;IAED,IAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;~~IAEtD~~,OAAO,CACL,oBAAC,aAAa,eACR,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,~~SAAS,EAAE,SAAS,EACpB,~~eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,CAAC,cAAc,EAAE,YAAY,CAAC,cAAc,CAAC,~~CAAC,~~MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,~~CAAC,~~IAAI,CAAC,GAAG,CAAC,~~KAE/F,~~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, { useMemo } 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 { generateUniqueId } from '../../internal/hooks/use-unique-id';\nimport { SelectTriggerProps } from '../utils/use-select';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n placeholder: string \| undefined;\n disabled: boolean \| undefined;\n ariaLabel: string \| 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 ariaLabel,\n }: TriggerProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const id = useMemo(() => controlId ?? generateUniqueId(), [controlId]);\n\n let triggerContent = null;\n if (!selectedOption) {\n triggerContent = (\n <span\n aria-disabled=\"true\"\n className={clsx(styles.placeholder, styles.trigger)}\n id={triggerProps.ariaLabelledby}\n >\n {placeholder}\n </span>\n );\n } else if (triggerVariant === 'option') {\n triggerContent = (\n <Option id={triggerProps.ariaLabelledby} option={{ ...selectedOption, disabled }} triggerVariant={true} />\n );\n } else {\n triggerContent = (\n <span id={triggerProps.ariaLabelledby} 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 ~~ariaLabel={ariaLabel}\n~~ ariaDescribedby={ariaDescribedby}\n ariaLabelledby={[ariaLabelledby, triggerProps.ariaLabelledby].filter(label => !!label).join(' ')}\n >\n {triggerContent}\n </ButtonTrigger>\n );\n }\n);\n\nexport default Trigger;\n"]}
1	+ {"version":3,"file":"trigger.js","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,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,gBAAgB,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAa3E,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,UACE,EAae,EACf,GAAiC;QAb/B,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA;IAIX,IAAM,EAAE,GAAG,OAAO,CAAC,cAAM,OAAA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,gBAAgB,EAAE,EAA/B,CAA+B,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEvE,IAAI,cAAc,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,cAAc,EAAE;QACnB,cAAc,GAAG,CACf,+CACgB,MAAM,EACpB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,EACnD,EAAE,EAAE,YAAY,CAAC,cAAc,IAE9B,WAAW,CACP,CACR,CAAC;KACH;SAAM,IAAI,cAAc,KAAK,QAAQ,EAAE;QACtC,cAAc,GAAG,CACf,oBAAC,MAAM,IAAC,EAAE,EAAE,YAAY,CAAC,cAAc,EAAE,MAAM,wBAAO,cAAc,KAAE,QAAQ,UAAA,KAAI,cAAc,EAAE,IAAI,GAAI,CAC3G,CAAC;KACH;SAAM;QACL,cAAc,GAAG,CACf,8BAAM,EAAE,EAAE,YAAY,CAAC,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAC7D,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CACxC,CACR,CAAC;KACH;IAED,IAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACtD,IAAM,qBAAqB,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAE/D,OAAO,CACL,oBAAC,aAAa,eACR,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,CAAC,cAAc,EAAE,qBAAqB,EAAE,YAAY,CAAC,cAAc,CAAC;aACjF,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC;aACxB,IAAI,CAAC,GAAG,CAAC;QAEX,cAAc;QACf,oBAAC,gBAAgB,IAAC,EAAE,EAAE,qBAAqB,IAAG,SAAS,CAAoB,CAC7D,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, { useMemo } 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 { generateUniqueId, useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { SelectTriggerProps } from '../utils/use-select';\nimport ScreenreaderOnly from '../../internal/components/screenreader-only';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n placeholder: string \| undefined;\n disabled: boolean \| undefined;\n ariaLabel: string \| 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 ariaLabel,\n }: TriggerProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const id = useMemo(() => controlId ?? generateUniqueId(), [controlId]);\n\n let triggerContent = null;\n if (!selectedOption) {\n triggerContent = (\n <span\n aria-disabled=\"true\"\n className={clsx(styles.placeholder, styles.trigger)}\n id={triggerProps.ariaLabelledby}\n >\n {placeholder}\n </span>\n );\n } else if (triggerVariant === 'option') {\n triggerContent = (\n <Option id={triggerProps.ariaLabelledby} option={{ ...selectedOption, disabled }} triggerVariant={true} />\n );\n } else {\n triggerContent = (\n <span id={triggerProps.ariaLabelledby} className={styles.trigger}>\n {selectedOption.label \|\| selectedOption.value}\n </span>\n );\n }\n\n const mergedRef = useMergeRefs(triggerProps.ref, ref);\n const calendarDescriptionId = useUniqueId('select-arialabel-');\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={[ariaLabelledby, calendarDescriptionId, triggerProps.ariaLabelledby]\n .filter(label => !!label)\n .join(' ')}\n >\n {triggerContent}\n <ScreenreaderOnly id={calendarDescriptionId}>{ariaLabel}</ScreenreaderOnly>\n </ButtonTrigger>\n );\n }\n);\n\nexport default Trigger;\n"]}

package/table/selection-control/index.js CHANGED Viewed

@@ -46,7 +46,7 @@ export default function SelectionControl(_a) {
         // Clicking on input, does not focus it on Firefox (AWSUI-11345)
         nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.focus();
     };
-    var selector = isMultiSelection ? (React.createElement(InternalCheckbox, __assign({}, sharedProps, { controlId: controlId, withoutLabel: true, indeterminate: indeterminate }))) : (React.createElement(RadioButton, __assign({}, sharedProps, { controlId: controlId, withoutLabel: true, name: name, value: '', label: '' })));
+    var selector = isMultiSelection ? (React.createElement(InternalCheckbox, __assign({}, sharedProps, { controlId: controlId, indeterminate: indeterminate }))) : (React.createElement(RadioButton, __assign({}, sharedProps, { controlId: controlId, name: name, value: '', label: '' })));
     return (React.createElement(React.Fragment, null,
         React.createElement("label", { onKeyDown: handleKeyDown, onKeyUp: setShiftState, onMouseDown: onMouseDownHandler, onMouseUp: setShiftState, onClick: handleClick, htmlFor: controlId, className: clsx(styles.label, styles.root), "aria-label": ariaLabel }, selector),
         React.createElement("span", { className: clsx(styles.stud), "aria-hidden": true }, "\u00A0")));

package/table/selection-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/selection-control/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AAGzD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAgBrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EASjB;IARtB,IAAA,aAAa,mBAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,WAAW,cARyB,oGASxC,CADe;IAEd,IAAM,SAAS,GAAG,WAAW,EAAE,CAAC;IAChC,IAAM,gBAAgB,GAAG,aAAa,KAAK,OAAO,CAAC;IAEnD,IAAM,aAAa,GAAG,UAAC,KAAiC;QACtD,IAAI,gBAAgB,EAAE;YACpB,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SAChD;IACH,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,UAAC,KAAiB;QAC3C,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,gBAAgB,EAAE;YACpB,uBAAuB;YACvB,uFAAuF;YACvF,sDAAsD;YACtD,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,+FAA+F;IAC/F,IAAM,aAAa,GAAG,UAAC,KAAoB;QACzC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,gBAAgB,EAAE;YACpB,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,EAAE;gBAChC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;aAC/B;YACD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,EAAE;gBAClC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;aACnC;SACF;IACH,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAiB;QACpC,IAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;QACnC,IAAM,WAAW,GAAG,CAAC,MAAM,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAqB,CAAC;QAC9G,gEAAgE;QAChE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAClC,oBAAC,gBAAgB,eAAK,WAAW,IAAE,SAAS,EAAE,SAAS,EAAE,~~YAAY,EAAE,IAAI,EAAE,~~aAAa,EAAE,aAAa,IAAI,~~CAC9G~~,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,eAAK,WAAW,IAAE,SAAS,EAAE,SAAS,EAAE,~~YAAY,EAAE,~~IAAI,EAAE,IAAI,EAAE,~~IAAI,EAAE,~~KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,~~CAC7G~~,CAAC;IAEF,OAAO,CACL;QACE,+BACE,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,kBAAkB,EAC/B,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,gBAC9B,SAAS,IAEpB,QAAQ,CACH;QAER,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAe,IAAI,aAE9C,CACN,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { KeyboardEvent, KeyboardEventHandler, MouseEvent } from 'react';\nimport { KeyCode } from '../../internal/keycode';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport InternalCheckbox from '../../checkbox/internal';\nimport RadioButton from '../../radio-group/radio-button';\n\nimport { TableProps } from '../interfaces';\nimport styles from './styles.css.js';\n\nexport interface SelectionControlProps {\n selectionType: TableProps['selectionType'];\n checked: boolean;\n disabled: boolean;\n name: string;\n indeterminate?: boolean;\n onChange?: () => void;\n onShiftToggle?(shiftPressed: boolean): void;\n onFocusUp?: KeyboardEventHandler;\n onFocusDown?: KeyboardEventHandler;\n ariaLabel?: string;\n tabIndex?: -1;\n}\n\nexport default function SelectionControl({\n selectionType,\n indeterminate = false,\n onShiftToggle,\n onFocusUp,\n onFocusDown,\n name,\n ariaLabel,\n ...sharedProps\n}: SelectionControlProps) {\n const controlId = useUniqueId();\n const isMultiSelection = selectionType === 'multi';\n\n const setShiftState = (event: KeyboardEvent \| MouseEvent) => {\n if (isMultiSelection) {\n onShiftToggle && onShiftToggle(event.shiftKey);\n }\n };\n\n const onMouseDownHandler = (event: MouseEvent) => {\n setShiftState(event);\n if (isMultiSelection) {\n // To overcome an issue\n // If you shift+click or ctrl+click on a label for a checkbox, checkbox is not checked.\n // https://bugzilla.mozilla.org/show_bug.cgi?id=559506\n event.preventDefault();\n }\n };\n\n // native checkboxes do not have focus move via keyboard, we implement it here programmatically\n const handleKeyDown = (event: KeyboardEvent) => {\n setShiftState(event);\n if (isMultiSelection) {\n if (event.keyCode === KeyCode.up) {\n event.preventDefault();\n onFocusUp && onFocusUp(event);\n }\n if (event.keyCode === KeyCode.down) {\n event.preventDefault();\n onFocusDown && onFocusDown(event);\n }\n }\n };\n\n const handleClick = (event: MouseEvent) => {\n const target = event.currentTarget;\n const nativeInput = (target.tagName === 'INPUT' ? target : target.querySelector('input')) as HTMLInputElement;\n // Clicking on input, does not focus it on Firefox (AWSUI-11345)\n nativeInput?.focus();\n };\n\n const selector = isMultiSelection ? (\n <InternalCheckbox {...sharedProps} controlId={controlId} ~~withoutLabel={true}~~ indeterminate={indeterminate} />\n ) : (\n <RadioButton {...sharedProps} controlId={controlId} ~~withoutLabel={true}~~ name={name} value={''} label={''} />\n );\n\n return (\n <>\n <label\n onKeyDown={handleKeyDown}\n onKeyUp={setShiftState}\n onMouseDown={onMouseDownHandler}\n onMouseUp={setShiftState}\n onClick={handleClick}\n htmlFor={controlId}\n className={clsx(styles.label, styles.root)}\n aria-label={ariaLabel}\n >\n {selector}\n </label>\n {/* HACK: IE11 collapses td's height to 0, if it contains only an absouletely positioned label */}\n <span className={clsx(styles.stud)} aria-hidden={true}>\n  \n </span>\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/selection-control/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AAGzD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAgBrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EASjB;IARtB,IAAA,aAAa,mBAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,WAAW,cARyB,oGASxC,CADe;IAEd,IAAM,SAAS,GAAG,WAAW,EAAE,CAAC;IAChC,IAAM,gBAAgB,GAAG,aAAa,KAAK,OAAO,CAAC;IAEnD,IAAM,aAAa,GAAG,UAAC,KAAiC;QACtD,IAAI,gBAAgB,EAAE;YACpB,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SAChD;IACH,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,UAAC,KAAiB;QAC3C,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,gBAAgB,EAAE;YACpB,uBAAuB;YACvB,uFAAuF;YACvF,sDAAsD;YACtD,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,+FAA+F;IAC/F,IAAM,aAAa,GAAG,UAAC,KAAoB;QACzC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,gBAAgB,EAAE;YACpB,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,EAAE;gBAChC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;aAC/B;YACD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,EAAE;gBAClC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;aACnC;SACF;IACH,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAiB;QACpC,IAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;QACnC,IAAM,WAAW,GAAG,CAAC,MAAM,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAqB,CAAC;QAC9G,gEAAgE;QAChE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAClC,oBAAC,gBAAgB,eAAK,WAAW,IAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,IAAI,CAC1F,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,eAAK,WAAW,IAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,CACzF,CAAC;IAEF,OAAO,CACL;QACE,+BACE,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,kBAAkB,EAC/B,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,gBAC9B,SAAS,IAEpB,QAAQ,CACH;QAER,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAe,IAAI,aAE9C,CACN,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { KeyboardEvent, KeyboardEventHandler, MouseEvent } from 'react';\nimport { KeyCode } from '../../internal/keycode';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport InternalCheckbox from '../../checkbox/internal';\nimport RadioButton from '../../radio-group/radio-button';\n\nimport { TableProps } from '../interfaces';\nimport styles from './styles.css.js';\n\nexport interface SelectionControlProps {\n selectionType: TableProps['selectionType'];\n checked: boolean;\n disabled: boolean;\n name: string;\n indeterminate?: boolean;\n onChange?: () => void;\n onShiftToggle?(shiftPressed: boolean): void;\n onFocusUp?: KeyboardEventHandler;\n onFocusDown?: KeyboardEventHandler;\n ariaLabel?: string;\n tabIndex?: -1;\n}\n\nexport default function SelectionControl({\n selectionType,\n indeterminate = false,\n onShiftToggle,\n onFocusUp,\n onFocusDown,\n name,\n ariaLabel,\n ...sharedProps\n}: SelectionControlProps) {\n const controlId = useUniqueId();\n const isMultiSelection = selectionType === 'multi';\n\n const setShiftState = (event: KeyboardEvent \| MouseEvent) => {\n if (isMultiSelection) {\n onShiftToggle && onShiftToggle(event.shiftKey);\n }\n };\n\n const onMouseDownHandler = (event: MouseEvent) => {\n setShiftState(event);\n if (isMultiSelection) {\n // To overcome an issue\n // If you shift+click or ctrl+click on a label for a checkbox, checkbox is not checked.\n // https://bugzilla.mozilla.org/show_bug.cgi?id=559506\n event.preventDefault();\n }\n };\n\n // native checkboxes do not have focus move via keyboard, we implement it here programmatically\n const handleKeyDown = (event: KeyboardEvent) => {\n setShiftState(event);\n if (isMultiSelection) {\n if (event.keyCode === KeyCode.up) {\n event.preventDefault();\n onFocusUp && onFocusUp(event);\n }\n if (event.keyCode === KeyCode.down) {\n event.preventDefault();\n onFocusDown && onFocusDown(event);\n }\n }\n };\n\n const handleClick = (event: MouseEvent) => {\n const target = event.currentTarget;\n const nativeInput = (target.tagName === 'INPUT' ? target : target.querySelector('input')) as HTMLInputElement;\n // Clicking on input, does not focus it on Firefox (AWSUI-11345)\n nativeInput?.focus();\n };\n\n const selector = isMultiSelection ? (\n <InternalCheckbox {...sharedProps} controlId={controlId} indeterminate={indeterminate} />\n ) : (\n <RadioButton {...sharedProps} controlId={controlId} name={name} value={''} label={''} />\n );\n\n return (\n <>\n <label\n onKeyDown={handleKeyDown}\n onKeyUp={setShiftState}\n onMouseDown={onMouseDownHandler}\n onMouseUp={setShiftState}\n onClick={handleClick}\n htmlFor={controlId}\n className={clsx(styles.label, styles.root)}\n aria-label={ariaLabel}\n >\n {selector}\n </label>\n {/* HACK: IE11 collapses td's height to 0, if it contains only an absouletely positioned label */}\n <span className={clsx(styles.stud)} aria-hidden={true}>\n  \n </span>\n </>\n );\n}\n"]}

package/tiles/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/tiles/internal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;~~AAO1C~~,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;~~AAKlF~~,aAAK,kBAAkB,GAAG,UAAU,GAAG,0BAA0B,CAAC;AAElE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,kBAAkB,~~eA0EpB~~"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/tiles/internal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,aAAK,kBAAkB,GAAG,UAAU,GAAG,0BAA0B,CAAC;AAElE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,kBAAkB,eAiDpB"}

package/tiles/internal.js CHANGED Viewed

@@ -4,12 +4,12 @@ import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
 import React from 'react';
 import { getBaseProps } from '../internal/base-component';
-import RadioButton from '../radio-group/radio-button';
 import styles from './styles.css.js';
 import { useFormFieldContext } from '../internal/context/form-field-context';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { useContainerBreakpoints } from '../internal/hooks/container-queries';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
+import { Tile } from './tile';
 var COLUMN_TRIGGERS = ['default', 'xxs', 'xs'];
 export default function InternalTiles(_a) {
     var value = _a.value, items = _a.items, ariaLabel = _a.ariaLabel, ariaRequired = _a.ariaRequired, columns = _a.columns, onChange = _a.onChange, _b = _a.__internalRootRef, __internalRootRef = _b === void 0 ? null : _b, rest = __rest(_a, ["value", "items", "ariaLabel", "ariaRequired", "columns", "onChange", "__internalRootRef"]);
@@ -35,13 +35,6 @@ export default function InternalTiles(_a) {
     var mergedRef = useMergeRefs(ref, __internalRootRef);
     return (React.createElement("div", __assign({ role: "radiogroup", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired }, baseProps, { className: clsx(baseProps.className, styles.root), ref: mergedRef }),
         React.createElement("div", { className: clsx(styles.columns, styles["column-".concat(nColumns)]) }, items &&
-            items.map(function (item) {
-                var _a, _b, _c, _d, _e;
-                var controlId = item.controlId || "".concat(generatedName, "-value-").concat(item.value);
-                return (React.createElement("label", { className: clsx(styles['tile-container'], (_a = {}, _a[styles['has-metadata']] = item.description || item.image, _a), (_b = {}, _b[styles.selected] = item.value === value, _b), (_c = {}, _c[styles.disabled] = !!item.disabled, _c), styles["breakpoint-".concat(breakpoint)]), key: item.value, "data-value": item.value, htmlFor: controlId, id: "".concat(controlId, "-wrapper") },
-                    React.createElement("div", { className: clsx(styles.control, (_d = {}, _d[styles['no-image']] = !item.image, _d)) },
-                        React.createElement(RadioButton, { checked: item.value === value, name: generatedName, withoutLabel: true, value: item.value, label: item.label, description: item.description, disabled: item.disabled, onChange: onChange, controlId: controlId })),
-                    item.image && (React.createElement("div", { className: clsx(styles.image, (_e = {}, _e[styles.disabled] = !!item.disabled, _e)) }, item.image))));
-            }))));
+            items.map(function (item) { return (React.createElement(Tile, { key: item.value, item: item, selected: item.value === value, name: generatedName, breakpoint: breakpoint, onChange: onChange })); }))));
 }
 //# sourceMappingURL=internal.js.map

package/tiles/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/tiles/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,~~WAAW,~~MAAM,~~6BAA6B,CAAC;AACtD,OAAO,~~MAAM,~~MAAM,~~iBAAiB,CAAC;AAErC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;~~AAEhE~~,IAAM,eAAe,GAA4B,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;AAI1E,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EASjB;IARnB,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACrB,IAAI,cAR6B,2FASrC,CADQ;IAEP,IAAM,UAAU,GAAG;QACjB,IAAI,OAAO,EAAE;YACX,OAAO,OAAO,CAAC;SAChB;QAED,IAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,IAAM,aAAa,GAA2B;YAC5C,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC;QACF,OAAO,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IACI,IAAA,KAAsC,mBAAmB,CAAC,IAAI,CAAC,EAA7D,eAAe,qBAAA,EAAE,cAAc,oBAA8B,CAAC;IACtE,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAClD,IAAM,QAAQ,GAAG,UAAU,EAAE,CAAC;IACxB,IAAA,KAAoB,uBAAuB,CAAC,eAAe,CAAC,EAA3D,UAAU,QAAA,EAAE,GAAG,QAA4C,CAAC;IACnE,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IAEvD,OAAO,CACL,sCACE,IAAI,EAAC,YAAY,gBACL,SAAS,qBACJ,cAAc,sBACb,eAAe,mBAClB,YAAY,IACvB,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EACjD,GAAG,EAAE,SAAS;QAEd,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,iBAAU,QAAQ,CAAE,CAAC,CAAC,IAC/D,KAAK;YACJ,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI~~;;gBACZ~~,~~IAAM,SAAS,GAAG,~~IAAI,~~CAAC~~,~~SAAS~~,~~IAAI~~,~~UAAG,aAAa,oBAAU,~~IAAI,~~CAAC~~,KAAK,CAAE,CAAC;gBAC3E,OAAO,CACL,+BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,gBAAgB,CAAC,YACtB,GAAC,MAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,iBACxD,GAAC,MAAM,CAAC,QAAQ,IAAG,IAAI,CAAC,KAAK,KAAK,KAAK,iBACvC,GAAC,MAAM,CAAC,QAAQ,IAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,OACpC,MAAM,CAAC,qBAAc,UAAU,CAAE,CAAC,CACnC,EACD,GAAG,EAAE,IAAI,CAAC,KAAK,~~gBACH~~,IAAI,~~CAAC,KAAK,EACtB,OAAO,~~EAAE,~~SAAS,EAClB,EAAE,EAAE,UAAG,SAAS,aAAU;oBAE1B,6BAAK,SAAS,EAAE,~~IAAI,~~CAAC~~,~~MAAM~~,~~CAAC,OAAO,YAAI,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,CAAC,IAAI,CAAC,KAAK,MAAG;wBACzE,oBAAC,WAAW,IACV,OAAO,~~EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,~~EAC7B~~,IAAI,EAAE,aAAa,EACnB,~~YAAY~~,EAAE,~~IAAI~~,~~EAClB~~,~~KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,~~QAAQ,EAAE,~~IAAI,CAAC,~~QAAQ,~~EACvB~~,~~QAAQ~~,~~EAAE~~,~~QAAQ~~,~~EAClB,SAAS,EAAE,SAAS,GACpB,CACE;oBACL,IAAI,~~CAAC,~~KAAK,IAAI,CACb,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,YAAI,GAAC,MAAM,CAAC,QAAQ,IAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,MAAG,IAAG,IAAI,CAAC,KAAK,CAAO,CAC/F,CACK,CACT,CAAC;YACJ,CAAC,CAAC,~~CACA,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { TilesProps } from './interfaces';\nimport ~~RadioButton from '../radio-group/radio-button';\nimport~~ styles from './styles.css.js';\n\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\nconst COLUMN_TRIGGERS: TilesProps.Breakpoint[] = ['default', 'xxs', 'xs'];\n\ntype InternalTilesProps = TilesProps & InternalBaseComponentProps;\n\nexport default function InternalTiles({\n value,\n items,\n ariaLabel,\n ariaRequired,\n columns,\n onChange,\n __internalRootRef = null,\n ...rest\n}: InternalTilesProps) {\n const getColumns = () => {\n if (columns) {\n return columns;\n }\n\n const nItems = items ? items.length : 0;\n const columnsLookup: Record<number, number> = {\n 0: 1,\n 1: 1,\n 2: 2,\n 4: 2,\n 8: 2,\n };\n return columnsLookup[nItems] \|\| 3;\n };\n const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n const baseProps = getBaseProps(rest);\n const generatedName = useUniqueId('awsui-tiles-');\n const nColumns = getColumns();\n const [breakpoint, ref] = useContainerBreakpoints(COLUMN_TRIGGERS);\n const mergedRef = useMergeRefs(ref, __internalRootRef);\n\n return (\n <div\n role=\"radiogroup\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n aria-required={ariaRequired}\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n ref={mergedRef}\n >\n <div className={clsx(styles.columns, styles[`column-${nColumns}`])}>\n {items &&\n items.map(item => {\n ~~const controlId = item.controlId \|\| `${generatedName}-value-${item.value}`;\n return (~~\n ~~<label\n className~~={~~clsx(\n styles['tile-container'],\n { [styles['has-metadata']]:~~ item.~~description \|\| item.image },\n { [styles.selected]: item.~~value ~~=== value~~ }~~,\n { [styles.disabled]: !!item.disabled },\n styles[`breakpoint-${breakpoint}`]~~\n ~~)}\n key={~~item~~.value}\n data-value~~={item~~.value~~}\n ~~htmlFor={controlId}\n id={`${controlId}-wrapper`}\n~~ ~~>\n <div className~~={~~clsx(styles.control, { [styles['no-image']]: !~~item.~~image })}>\n <RadioButton\n checked={item.~~value === value}\n name={generatedName}\n ~~withoutLabel~~={~~true~~}\n ~~value={item.value}\n label={item.label}\n description={item.description}\n disabled={item.disabled}\n~~ onChange={onChange}\n ~~controlId={controlId}\n~~ />\n ~~</div>\n {item.image && (\n <div className={clsx(styles.image, { [styles.disabled]: !!item.disabled }~~)~~}>{item.image}</div>\n~~ )}\n ~~</label>\n );\n })}\n~~ </div>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/tiles/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,IAAM,eAAe,GAA4B,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;AAI1E,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EASjB;IARnB,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACrB,IAAI,cAR6B,2FASrC,CADQ;IAEP,IAAM,UAAU,GAAG;QACjB,IAAI,OAAO,EAAE;YACX,OAAO,OAAO,CAAC;SAChB;QAED,IAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,IAAM,aAAa,GAA2B;YAC5C,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC;QACF,OAAO,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IACI,IAAA,KAAsC,mBAAmB,CAAC,IAAI,CAAC,EAA7D,eAAe,qBAAA,EAAE,cAAc,oBAA8B,CAAC;IACtE,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAClD,IAAM,QAAQ,GAAG,UAAU,EAAE,CAAC;IACxB,IAAA,KAAoB,uBAAuB,CAAC,eAAe,CAAC,EAA3D,UAAU,QAAA,EAAE,GAAG,QAA4C,CAAC;IACnE,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IAEvD,OAAO,CACL,sCACE,IAAI,EAAC,YAAY,gBACL,SAAS,qBACJ,cAAc,sBACb,eAAe,mBAClB,YAAY,IACvB,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EACjD,GAAG,EAAE,SAAS;QAEd,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,iBAAU,QAAQ,CAAE,CAAC,CAAC,IAC/D,KAAK;YACJ,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CAChB,oBAAC,IAAI,IACH,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAC9B,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GAClB,CACH,EATiB,CASjB,CAAC,CACA,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { TilesProps } from './interfaces';\nimport styles from './styles.css.js';\n\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { Tile } from './tile';\n\nconst COLUMN_TRIGGERS: TilesProps.Breakpoint[] = ['default', 'xxs', 'xs'];\n\ntype InternalTilesProps = TilesProps & InternalBaseComponentProps;\n\nexport default function InternalTiles({\n value,\n items,\n ariaLabel,\n ariaRequired,\n columns,\n onChange,\n __internalRootRef = null,\n ...rest\n}: InternalTilesProps) {\n const getColumns = () => {\n if (columns) {\n return columns;\n }\n\n const nItems = items ? items.length : 0;\n const columnsLookup: Record<number, number> = {\n 0: 1,\n 1: 1,\n 2: 2,\n 4: 2,\n 8: 2,\n };\n return columnsLookup[nItems] \|\| 3;\n };\n const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n const baseProps = getBaseProps(rest);\n const generatedName = useUniqueId('awsui-tiles-');\n const nColumns = getColumns();\n const [breakpoint, ref] = useContainerBreakpoints(COLUMN_TRIGGERS);\n const mergedRef = useMergeRefs(ref, __internalRootRef);\n\n return (\n <div\n role=\"radiogroup\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n aria-required={ariaRequired}\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n ref={mergedRef}\n >\n <div className={clsx(styles.columns, styles[`column-${nColumns}`])}>\n {items &&\n items.map(item => (\n <Tile\n key={item.value}\n item={item}\n selected={item.value === value}\n name={generatedName}\n breakpoint={breakpoint}\n onChange={onChange}\n />\n ))}\n </div>\n </div>\n );\n}\n"]}

package/tiles/tile.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { TilesProps } from './interfaces';
+import { useContainerBreakpoints } from '../internal/hooks/container-queries';
+interface TileProps {
+    item: TilesProps.TilesDefinition;
+    selected: boolean;
+    name: string;
+    breakpoint: ReturnType<typeof useContainerBreakpoints>[0];
+    onChange: TilesProps['onChange'];
+}
+export declare function Tile({ item, selected, name, breakpoint, onChange }: TileProps): JSX.Element;
+export {};
+//# sourceMappingURL=tile.d.ts.map

package/tiles/tile.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tile.d.ts","sourceRoot":"","sources":["../../../src/tiles/tile.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAG9E,UAAU,SAAS;IACjB,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,SAAS,eAuC7E"}