@cloudscape-design/components 3.0.714 → 3.0.716

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (74c98cf6)";
+export var PACKAGE_VERSION = "3.0.0 (24407b38)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (74c98cf6)",
+  "PACKAGE_VERSION": "3.0.0 (24407b38)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "74c98cf64eb1202dad898ac41ad150ae2fb349e5"
+  "commit": "24407b38efa400fc5114b1b6db8867c93c9b66a0"
 }

package/package.json

@@ -126,7 +126,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.714",
+  "version": "3.0.716",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/property-filter/styles.css.js

@@ -1,51 +1,43 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1wzqe_s6hek_97",
-  "search-field": "awsui_search-field_1wzqe_s6hek_132",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_s6hek_138",
-  "add-token": "awsui_add-token_1wzqe_s6hek_142",
-  "tokens": "awsui_tokens_1wzqe_s6hek_149",
-  "token-operator": "awsui_token-operator_1wzqe_s6hek_154",
-  "property-editor": "awsui_property-editor_1wzqe_s6hek_158",
-  "token-editor": "awsui_token-editor_1wzqe_s6hek_159",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_s6hek_164",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_s6hek_165",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_s6hek_168",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_s6hek_169",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_s6hek_172",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_s6hek_173",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_s6hek_176",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_s6hek_177",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_s6hek_180",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_s6hek_181",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_s6hek_184",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_s6hek_185",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_s6hek_188",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_s6hek_189",
-  "token-editor-grouped": "awsui_token-editor-grouped_1wzqe_s6hek_201",
-  "token-editor-grouped-form": "awsui_token-editor-grouped-form_1wzqe_s6hek_209",
-  "token-editor-grouped-field-property": "awsui_token-editor-grouped-field-property_1wzqe_s6hek_212",
-  "token-editor-grouped-field-operator": "awsui_token-editor-grouped-field-operator_1wzqe_s6hek_215",
-  "token-editor-grouped-field-value": "awsui_token-editor-grouped-field-value_1wzqe_s6hek_218",
-  "token-editor-grouped-cancel": "awsui_token-editor-grouped-cancel_1wzqe_s6hek_221",
-  "token-editor-grouped-submit": "awsui_token-editor-grouped-submit_1wzqe_s6hek_224",
-  "token-editor-grouped-actions": "awsui_token-editor-grouped-actions_1wzqe_s6hek_227",
-  "token-editor-grouped-grid": "awsui_token-editor-grouped-grid_1wzqe_s6hek_236",
-  "token-editor-grouped-grid-group": "awsui_token-editor-grouped-grid-group_1wzqe_s6hek_273",
-  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_s6hek_276",
-  "token-editor-grouped-group": "awsui_token-editor-grouped-group_1wzqe_s6hek_280",
-  "token-editor-grouped-grid-header": "awsui_token-editor-grouped-grid-header_1wzqe_s6hek_285",
-  "token-editor-grouped-grid-cell": "awsui_token-editor-grouped-grid-cell_1wzqe_s6hek_291",
-  "token-editor-grouped-add-token": "awsui_token-editor-grouped-add-token_1wzqe_s6hek_296",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_s6hek_306",
-  "custom-control": "awsui_custom-control_1wzqe_s6hek_310",
-  "input": "awsui_input_1wzqe_s6hek_138",
-  "results": "awsui_results_1wzqe_s6hek_318",
-  "token-trigger": "awsui_token-trigger_1wzqe_s6hek_323",
-  "remove-all": "awsui_remove-all_1wzqe_s6hek_328",
-  "join-operation": "awsui_join-operation_1wzqe_s6hek_329",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_s6hek_330",
-  "constraint": "awsui_constraint_1wzqe_s6hek_334"
+  "root": "awsui_root_1wzqe_8mqhl_97",
+  "search-field": "awsui_search-field_1wzqe_8mqhl_132",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_8mqhl_138",
+  "add-token": "awsui_add-token_1wzqe_8mqhl_142",
+  "tokens": "awsui_tokens_1wzqe_8mqhl_149",
+  "token-operator": "awsui_token-operator_1wzqe_8mqhl_154",
+  "property-editor": "awsui_property-editor_1wzqe_8mqhl_158",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_8mqhl_166",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_8mqhl_169",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_8mqhl_172",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_8mqhl_175",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_8mqhl_178",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_8mqhl_181",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_8mqhl_184",
+  "token-editor": "awsui_token-editor_1wzqe_8mqhl_191",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_8mqhl_199",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_8mqhl_202",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_8mqhl_205",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_8mqhl_208",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_8mqhl_211",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_8mqhl_214",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_8mqhl_217",
+  "token-editor-grid": "awsui_token-editor-grid_1wzqe_8mqhl_226",
+  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_8mqhl_263",
+  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_8mqhl_266",
+  "token-editor-group": "awsui_token-editor-group_1wzqe_8mqhl_270",
+  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_8mqhl_275",
+  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_8mqhl_281",
+  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_8mqhl_286",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_8mqhl_290",
+  "custom-control": "awsui_custom-control_1wzqe_8mqhl_294",
+  "input": "awsui_input_1wzqe_8mqhl_138",
+  "results": "awsui_results_1wzqe_8mqhl_302",
+  "token-trigger": "awsui_token-trigger_1wzqe_8mqhl_307",
+  "remove-all": "awsui_remove-all_1wzqe_8mqhl_312",
+  "join-operation": "awsui_join-operation_1wzqe_8mqhl_313",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_8mqhl_314",
+  "constraint": "awsui_constraint_1wzqe_8mqhl_318"
 };
   

package/property-filter/styles.scoped.css

@@ -94,7 +94,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_s6hek_97:not(#\9) {
+.awsui_root_1wzqe_8mqhl_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -130,77 +130,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_search-field_1wzqe_s6hek_132:not(#\9) {
+.awsui_search-field_1wzqe_8mqhl_132:not(#\9) {
   display: flex;
   align-items: flex-end;
   max-inline-size: calc(688px - 2 * var(--space-l-t419sm, 20px));
 }
 
-.awsui_input-wrapper_1wzqe_s6hek_138:not(#\9) {
+.awsui_input-wrapper_1wzqe_8mqhl_138:not(#\9) {
   flex-grow: 1;
 }
 
-.awsui_add-token_1wzqe_s6hek_142:not(#\9) {
+.awsui_add-token_1wzqe_8mqhl_142:not(#\9) {
   border-inline-start: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
   box-sizing: border-box;
   margin-inline-start: var(--space-m-udix3p, 16px);
   padding-inline-start: var(--space-m-udix3p, 16px);
 }
 
-.awsui_tokens_1wzqe_s6hek_149:not(#\9) {
+.awsui_tokens_1wzqe_8mqhl_149:not(#\9) {
   margin-block: var(--space-xs-zb16t3, 8px);
   margin-inline: 0;
 }
 
-.awsui_token-operator_1wzqe_s6hek_154:not(#\9) {
+.awsui_token-operator_1wzqe_8mqhl_154:not(#\9) {
   font-weight: bold;
 }
 
-.awsui_property-editor_1wzqe_s6hek_158:not(#\9),
-.awsui_token-editor_1wzqe_s6hek_159:not(#\9) {
+.awsui_property-editor_1wzqe_8mqhl_158:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   margin-block: var(--space-xxs-p8yyaw, 4px);
   margin-inline: var(--space-xxs-p8yyaw, 4px);
+  padding-block: var(--space-m-udix3p, 16px);
+  padding-inline: var(--space-m-udix3p, 16px);
+  overflow-y: auto;
 }
-.awsui_property-editor-form_1wzqe_s6hek_164:not(#\9),
-.awsui_token-editor-form_1wzqe_s6hek_165:not(#\9) {
+.awsui_property-editor-form_1wzqe_8mqhl_166:not(#\9) {
   margin-block-end: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-field-property_1wzqe_s6hek_168:not(#\9),
-.awsui_token-editor-field-property_1wzqe_s6hek_169:not(#\9) {
+.awsui_property-editor-field-property_1wzqe_8mqhl_169:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-field-operator_1wzqe_s6hek_172:not(#\9),
-.awsui_token-editor-field-operator_1wzqe_s6hek_173:not(#\9) {
+.awsui_property-editor-field-operator_1wzqe_8mqhl_172:not(#\9) {
   margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-field-value_1wzqe_s6hek_176:not(#\9),
-.awsui_token-editor-field-value_1wzqe_s6hek_177:not(#\9) {
+.awsui_property-editor-field-value_1wzqe_8mqhl_175:not(#\9) {
   margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-cancel_1wzqe_s6hek_180:not(#\9),
-.awsui_token-editor-cancel_1wzqe_s6hek_181:not(#\9) {
+.awsui_property-editor-cancel_1wzqe_8mqhl_178:not(#\9) {
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_property-editor-submit_1wzqe_s6hek_184:not(#\9),
-.awsui_token-editor-submit_1wzqe_s6hek_185:not(#\9) {
+.awsui_property-editor-submit_1wzqe_8mqhl_181:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-actions_1wzqe_s6hek_188:not(#\9),
-.awsui_token-editor-actions_1wzqe_s6hek_189:not(#\9) {
+.awsui_property-editor-actions_1wzqe_8mqhl_184:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-block-start: var(--space-s-34lx8l, 12px);
   border-block-start: 1px solid var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
 }
 
-.awsui_token-editor-actions_1wzqe_s6hek_189:not(#\9) {
-  padding-inline-end: calc(var(--space-m-udix3p, 16px) + var(--space-xxs-p8yyaw, 4px));
-  margin-inline: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
-}
-
-.awsui_token-editor-grouped_1wzqe_s6hek_201:not(#\9) {
+.awsui_token-editor_1wzqe_8mqhl_191:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-34lx8l, 12px);
@@ -209,25 +199,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: var(--space-xxs-p8yyaw, 4px);
   margin-inline: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_token-editor-grouped-form_1wzqe_s6hek_209:not(#\9) {
-  margin-block-end: var(--space-scaled-l-0hpmd7, 20px);
+.awsui_token-editor-form_1wzqe_8mqhl_199:not(#\9) {
+  /* used in test-utils */
 }
-.awsui_token-editor-grouped-field-property_1wzqe_s6hek_212:not(#\9) {
+.awsui_token-editor-field-property_1wzqe_8mqhl_202:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-grouped-field-operator_1wzqe_s6hek_215:not(#\9) {
+.awsui_token-editor-field-operator_1wzqe_8mqhl_205:not(#\9) {
   flex-grow: 1;
 }
-.awsui_token-editor-grouped-field-value_1wzqe_s6hek_218:not(#\9) {
+.awsui_token-editor-field-value_1wzqe_8mqhl_208:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-grouped-cancel_1wzqe_s6hek_221:not(#\9) {
+.awsui_token-editor-cancel_1wzqe_8mqhl_211:not(#\9) {
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_token-editor-grouped-submit_1wzqe_s6hek_224:not(#\9) {
+.awsui_token-editor-submit_1wzqe_8mqhl_214:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-grouped-actions_1wzqe_s6hek_227:not(#\9) {
+.awsui_token-editor-actions_1wzqe_8mqhl_217:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-block-start: var(--space-s-34lx8l, 12px);
@@ -236,7 +226,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
   margin-block-start: var(--space-s-34lx8l, 12px);
 }
-.awsui_token-editor-grouped-grid_1wzqe_s6hek_236:not(#\9) {
+.awsui_token-editor-grid_1wzqe_8mqhl_226:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -272,70 +262,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: grid;
   gap: var(--space-s-34lx8l, 12px);
-  grid-template-columns: 2fr 120px 3fr min-content;
+  grid-template-columns: minmax(100px, 2fr) minmax(100px, 120px) minmax(100px, 3fr) min-content;
 }
-.awsui_token-editor-grouped-grid-group_1wzqe_s6hek_273:not(#\9) {
+.awsui_token-editor-grid-group_1wzqe_8mqhl_263:not(#\9) {
   display: contents;
 }
-.awsui_token-editor-grouped-grid_1wzqe_s6hek_236.awsui_token-editor-narrow_1wzqe_s6hek_276:not(#\9) {
-  grid-template-columns: 1fr;
+.awsui_token-editor-grid_1wzqe_8mqhl_226.awsui_token-editor-narrow_1wzqe_8mqhl_266:not(#\9) {
+  grid-template-columns: minmax(100px, 1fr);
   gap: var(--space-m-udix3p, 16px);
 }
-.awsui_token-editor-grouped-grid_1wzqe_s6hek_236.awsui_token-editor-narrow_1wzqe_s6hek_276 > .awsui_token-editor-grouped-group_1wzqe_s6hek_280:not(#\9) {
+.awsui_token-editor-grid_1wzqe_8mqhl_226.awsui_token-editor-narrow_1wzqe_8mqhl_266 > .awsui_token-editor-group_1wzqe_8mqhl_270:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-34lx8l, 12px);
 }
-.awsui_token-editor-grouped-grid-header_1wzqe_s6hek_285:not(#\9) {
+.awsui_token-editor-grid-header_1wzqe_8mqhl_275:not(#\9) {
   color: var(--color-text-column-header-czuvwg, #414d5c);
   font-weight: var(--font-weight-heading-s-cwn6wc, 700);
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   text-align: start;
 }
-.awsui_token-editor-grouped-grid-cell_1wzqe_s6hek_291:not(#\9) {
+.awsui_token-editor-grid-cell_1wzqe_8mqhl_281:not(#\9):not(.awsui_token-editor-narrow_1wzqe_8mqhl_266) {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
 }
-.awsui_token-editor-grouped-add-token_1wzqe_s6hek_296:not(#\9) {
+.awsui_token-editor-add-token_1wzqe_8mqhl_286:not(#\9) {
   margin-block-start: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_property-editor_1wzqe_s6hek_158:not(#\9) {
-  padding-block: var(--space-m-udix3p, 16px);
-  padding-inline: var(--space-m-udix3p, 16px);
-  overflow-y: auto;
-}
-
-.awsui_custom-content-wrapper_1wzqe_s6hek_306:not(#\9) {
+.awsui_custom-content-wrapper_1wzqe_8mqhl_290:not(#\9) {
   display: contents;
 }
 
-.awsui_custom-control_1wzqe_s6hek_310:not(#\9) {
+.awsui_custom-control_1wzqe_8mqhl_294:not(#\9) {
   margin-inline-end: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_input_1wzqe_s6hek_138:not(#\9) {
+.awsui_input_1wzqe_8mqhl_138:not(#\9) {
   flex: 1;
 }
 
-.awsui_results_1wzqe_s6hek_318:not(#\9) {
+.awsui_results_1wzqe_8mqhl_302:not(#\9) {
   padding-block: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--border-field-width-09w7vk, 2px));
   padding-inline: 0;
 }
 
-.awsui_token-trigger_1wzqe_s6hek_323:not(#\9) {
+.awsui_token-trigger_1wzqe_8mqhl_307:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_remove-all_1wzqe_s6hek_328:not(#\9),
-.awsui_join-operation_1wzqe_s6hek_329:not(#\9),
-.awsui_custom-filter-actions_1wzqe_s6hek_330:not(#\9) {
+.awsui_remove-all_1wzqe_8mqhl_312:not(#\9),
+.awsui_join-operation_1wzqe_8mqhl_313:not(#\9),
+.awsui_custom-filter-actions_1wzqe_8mqhl_314:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_constraint_1wzqe_s6hek_334:not(#\9) {
+.awsui_constraint_1wzqe_8mqhl_318:not(#\9) {
   padding-block-start: var(--space-xxs-p8yyaw, 4px);
   color: var(--color-text-form-secondary-dxc248, #5f6b7a);
   font-size: var(--font-size-body-s-asqx2i, 12px);

package/property-filter/styles.selectors.js

@@ -2,51 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1wzqe_s6hek_97",
-  "search-field": "awsui_search-field_1wzqe_s6hek_132",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_s6hek_138",
-  "add-token": "awsui_add-token_1wzqe_s6hek_142",
-  "tokens": "awsui_tokens_1wzqe_s6hek_149",
-  "token-operator": "awsui_token-operator_1wzqe_s6hek_154",
-  "property-editor": "awsui_property-editor_1wzqe_s6hek_158",
-  "token-editor": "awsui_token-editor_1wzqe_s6hek_159",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_s6hek_164",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_s6hek_165",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_s6hek_168",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_s6hek_169",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_s6hek_172",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_s6hek_173",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_s6hek_176",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_s6hek_177",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_s6hek_180",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_s6hek_181",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_s6hek_184",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_s6hek_185",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_s6hek_188",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_s6hek_189",
-  "token-editor-grouped": "awsui_token-editor-grouped_1wzqe_s6hek_201",
-  "token-editor-grouped-form": "awsui_token-editor-grouped-form_1wzqe_s6hek_209",
-  "token-editor-grouped-field-property": "awsui_token-editor-grouped-field-property_1wzqe_s6hek_212",
-  "token-editor-grouped-field-operator": "awsui_token-editor-grouped-field-operator_1wzqe_s6hek_215",
-  "token-editor-grouped-field-value": "awsui_token-editor-grouped-field-value_1wzqe_s6hek_218",
-  "token-editor-grouped-cancel": "awsui_token-editor-grouped-cancel_1wzqe_s6hek_221",
-  "token-editor-grouped-submit": "awsui_token-editor-grouped-submit_1wzqe_s6hek_224",
-  "token-editor-grouped-actions": "awsui_token-editor-grouped-actions_1wzqe_s6hek_227",
-  "token-editor-grouped-grid": "awsui_token-editor-grouped-grid_1wzqe_s6hek_236",
-  "token-editor-grouped-grid-group": "awsui_token-editor-grouped-grid-group_1wzqe_s6hek_273",
-  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_s6hek_276",
-  "token-editor-grouped-group": "awsui_token-editor-grouped-group_1wzqe_s6hek_280",
-  "token-editor-grouped-grid-header": "awsui_token-editor-grouped-grid-header_1wzqe_s6hek_285",
-  "token-editor-grouped-grid-cell": "awsui_token-editor-grouped-grid-cell_1wzqe_s6hek_291",
-  "token-editor-grouped-add-token": "awsui_token-editor-grouped-add-token_1wzqe_s6hek_296",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_s6hek_306",
-  "custom-control": "awsui_custom-control_1wzqe_s6hek_310",
-  "input": "awsui_input_1wzqe_s6hek_138",
-  "results": "awsui_results_1wzqe_s6hek_318",
-  "token-trigger": "awsui_token-trigger_1wzqe_s6hek_323",
-  "remove-all": "awsui_remove-all_1wzqe_s6hek_328",
-  "join-operation": "awsui_join-operation_1wzqe_s6hek_329",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_s6hek_330",
-  "constraint": "awsui_constraint_1wzqe_s6hek_334"
+  "root": "awsui_root_1wzqe_8mqhl_97",
+  "search-field": "awsui_search-field_1wzqe_8mqhl_132",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_8mqhl_138",
+  "add-token": "awsui_add-token_1wzqe_8mqhl_142",
+  "tokens": "awsui_tokens_1wzqe_8mqhl_149",
+  "token-operator": "awsui_token-operator_1wzqe_8mqhl_154",
+  "property-editor": "awsui_property-editor_1wzqe_8mqhl_158",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_8mqhl_166",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_8mqhl_169",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_8mqhl_172",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_8mqhl_175",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_8mqhl_178",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_8mqhl_181",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_8mqhl_184",
+  "token-editor": "awsui_token-editor_1wzqe_8mqhl_191",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_8mqhl_199",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_8mqhl_202",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_8mqhl_205",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_8mqhl_208",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_8mqhl_211",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_8mqhl_214",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_8mqhl_217",
+  "token-editor-grid": "awsui_token-editor-grid_1wzqe_8mqhl_226",
+  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_8mqhl_263",
+  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_8mqhl_266",
+  "token-editor-group": "awsui_token-editor-group_1wzqe_8mqhl_270",
+  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_8mqhl_275",
+  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_8mqhl_281",
+  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_8mqhl_286",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_8mqhl_290",
+  "custom-control": "awsui_custom-control_1wzqe_8mqhl_294",
+  "input": "awsui_input_1wzqe_8mqhl_138",
+  "results": "awsui_results_1wzqe_8mqhl_302",
+  "token-trigger": "awsui_token-trigger_1wzqe_8mqhl_307",
+  "remove-all": "awsui_remove-all_1wzqe_8mqhl_312",
+  "join-operation": "awsui_join-operation_1wzqe_8mqhl_313",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_8mqhl_314",
+  "constraint": "awsui_constraint_1wzqe_8mqhl_318"
 };
   

package/property-filter/token-editor-inputs.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces.js';
+import { NonCancelableEventHandler } from '../internal/events/index.js';
+import { ComparisonOperator, GroupText, I18nStrings, InternalFilteringOption, InternalFilteringProperty, InternalFreeTextFiltering, LoadItemsDetail } from './interfaces.js';
+interface PropertyInputProps {
+    asyncProps: null | DropdownStatusProps;
+    customGroupsText: readonly GroupText[];
+    freeTextFiltering: InternalFreeTextFiltering;
+    filteringProperties: readonly InternalFilteringProperty[];
+    i18nStrings: I18nStrings;
+    onChangePropertyKey: (propertyKey: undefined | string) => void;
+    onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;
+    property: null | InternalFilteringProperty;
+}
+export declare function PropertyInput({ property, onChangePropertyKey, asyncProps, filteringProperties, onLoadItems, customGroupsText, i18nStrings, freeTextFiltering, }: PropertyInputProps): JSX.Element;
+interface OperatorInputProps {
+    i18nStrings: I18nStrings;
+    onChangeOperator: (operator: ComparisonOperator) => void;
+    operator: undefined | ComparisonOperator;
+    property: null | InternalFilteringProperty;
+    freeTextFiltering: InternalFreeTextFiltering;
+    triggerVariant: 'option' | 'label';
+}
+export declare function OperatorInput({ property, operator, onChangeOperator, i18nStrings, freeTextFiltering, triggerVariant, }: OperatorInputProps): JSX.Element;
+interface ValueInputProps {
+    asyncProps: DropdownStatusProps;
+    filteringOptions: readonly InternalFilteringOption[];
+    i18nStrings: I18nStrings;
+    onChangeValue: (value: string) => void;
+    onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;
+    operator: undefined | ComparisonOperator;
+    property: null | InternalFilteringProperty;
+    value: undefined | string;
+}
+export declare function ValueInput({ property, operator, value, onChangeValue, asyncProps, filteringOptions, onLoadItems, i18nStrings, }: ValueInputProps): JSX.Element;
+export {};
+//# sourceMappingURL=token-editor-inputs.d.ts.map

package/property-filter/token-editor-inputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-editor-inputs.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor-inputs.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,OAAO,EACL,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,kBAAkB;IAC1B,UAAU,EAAE,IAAI,GAAG,mBAAmB,CAAC;IACvC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,IAAI,GAAG,yBAAyB,CAAC;CAC5C;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,mBAAmB,EACnB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,iBAAiB,GAClB,EAAE,kBAAkB,eAoCpB;AAED,UAAU,kBAAkB;IAC1B,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACzC,QAAQ,EAAE,IAAI,GAAG,yBAAyB,CAAC;IAC3C,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,cAAc,EAAE,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,cAAc,GACf,EAAE,kBAAkB,eAsBpB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACzC,QAAQ,EAAE,IAAI,GAAG,yBAAyB,CAAC;IAC3C,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,WAAW,GACZ,EAAE,eAAe,eA6BjB"}

package/property-filter/token-editor-inputs.js

@@ -0,0 +1,59 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import InternalAutosuggest from '../autosuggest/internal.js';
+import InternalSelect from '../select/internal.js';
+import { getAllowedOperators, getPropertySuggestions, operatorToDescription } from './controller.js';
+import { useLoadItems } from './use-load-items.js';
+export function PropertyInput({ property, onChangePropertyKey, asyncProps, filteringProperties, onLoadItems, customGroupsText, i18nStrings, freeTextFiltering, }) {
+    var _a;
+    const propertySelectHandlers = useLoadItems(onLoadItems);
+    const asyncPropertySelectProps = asyncProps ? Object.assign(Object.assign({}, asyncProps), propertySelectHandlers) : {};
+    const propertyOptions = getPropertySuggestions(filteringProperties, customGroupsText, i18nStrings, ({ propertyKey, propertyLabel }) => ({
+        value: propertyKey,
+        label: propertyLabel,
+        dontCloseOnSelect: true,
+    }));
+    const allPropertiesOption = {
+        label: i18nStrings.allPropertiesLabel,
+        value: undefined,
+    };
+    if (!freeTextFiltering.disabled) {
+        propertyOptions.unshift(allPropertiesOption);
+    }
+    return (React.createElement(InternalSelect, Object.assign({ options: propertyOptions, selectedOption: property
+            ? {
+                value: (_a = property.propertyKey) !== null && _a !== void 0 ? _a : undefined,
+                label: property.propertyLabel,
+            }
+            : allPropertiesOption, onChange: e => onChangePropertyKey(e.detail.selectedOption.value) }, asyncPropertySelectProps)));
+}
+export function OperatorInput({ property, operator, onChangeOperator, i18nStrings, freeTextFiltering, triggerVariant, }) {
+    const operatorOptions = (property ? getAllowedOperators(property) : freeTextFiltering.operators).map(operator => ({
+        value: operator,
+        label: operator,
+        description: operatorToDescription(operator, i18nStrings),
+    }));
+    return (React.createElement(InternalSelect, { options: operatorOptions, triggerVariant: triggerVariant, selectedOption: operator
+            ? {
+                value: operator,
+                label: operator,
+                description: operatorToDescription(operator, i18nStrings),
+            }
+            : null, onChange: e => onChangeOperator(e.detail.selectedOption.value) }));
+}
+export function ValueInput({ property, operator, value, onChangeValue, asyncProps, filteringOptions, onLoadItems, i18nStrings, }) {
+    var _a, _b, _c;
+    const valueOptions = property
+        ? filteringOptions
+            .filter(option => { var _a; return ((_a = option.property) === null || _a === void 0 ? void 0 : _a.propertyKey) === property.propertyKey; })
+            .map(({ label, value }) => ({ label, value }))
+        : [];
+    const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property === null || property === void 0 ? void 0 : property.externalProperty);
+    const asyncValueAutosuggestProps = (property === null || property === void 0 ? void 0 : property.propertyKey)
+        ? Object.assign(Object.assign({}, valueAutosuggestHandlers), asyncProps) : { empty: asyncProps.empty };
+    const [matchedOption] = valueOptions.filter(option => option.value === value);
+    const OperatorForm = (property === null || property === void 0 ? void 0 : property.propertyKey) && operator && (property === null || property === void 0 ? void 0 : property.getValueFormRenderer(operator));
+    return OperatorForm ? (React.createElement(OperatorForm, { value: value, onChange: onChangeValue, operator: operator })) : (React.createElement(InternalAutosuggest, Object.assign({ enteredTextLabel: (_a = i18nStrings.enteredTextLabel) !== null && _a !== void 0 ? _a : (value => value), value: (_c = (_b = matchedOption === null || matchedOption === void 0 ? void 0 : matchedOption.label) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : '', clearAriaLabel: i18nStrings.clearAriaLabel, onChange: e => onChangeValue(e.detail.value), disabled: !operator, options: valueOptions }, asyncValueAutosuggestProps, { virtualScroll: true })));
+}
+//# sourceMappingURL=token-editor-inputs.js.map

package/property-filter/token-editor-inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-editor-inputs.js","sourceRoot":"","sources":["../../../src/property-filter/token-editor-inputs.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\n\nimport React from 'react';\n\nimport InternalAutosuggest from '../autosuggest/internal.js';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces.js';\nimport { NonCancelableEventHandler } from '../internal/events/index.js';\nimport { SelectProps } from '../select/interfaces.js';\nimport InternalSelect from '../select/internal.js';\nimport { getAllowedOperators, getPropertySuggestions, operatorToDescription } from './controller.js';\nimport {\n  ComparisonOperator,\n  GroupText,\n  I18nStrings,\n  InternalFilteringOption,\n  InternalFilteringProperty,\n  InternalFreeTextFiltering,\n  LoadItemsDetail,\n} from './interfaces.js';\nimport { useLoadItems } from './use-load-items.js';\n\ninterface PropertyInputProps {\n  asyncProps: null | DropdownStatusProps;\n  customGroupsText: readonly GroupText[];\n  freeTextFiltering: InternalFreeTextFiltering;\n  filteringProperties: readonly InternalFilteringProperty[];\n  i18nStrings: I18nStrings;\n  onChangePropertyKey: (propertyKey: undefined | string) => void;\n  onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n  property: null | InternalFilteringProperty;\n}\n\nexport function PropertyInput({\n  property,\n  onChangePropertyKey,\n  asyncProps,\n  filteringProperties,\n  onLoadItems,\n  customGroupsText,\n  i18nStrings,\n  freeTextFiltering,\n}: PropertyInputProps) {\n  const propertySelectHandlers = useLoadItems(onLoadItems);\n  const asyncPropertySelectProps = asyncProps ? { ...asyncProps, ...propertySelectHandlers } : {};\n  const propertyOptions: (SelectProps.Option | SelectProps.OptionGroup)[] = getPropertySuggestions(\n    filteringProperties,\n    customGroupsText,\n    i18nStrings,\n    ({ propertyKey, propertyLabel }) => ({\n      value: propertyKey,\n      label: propertyLabel,\n      dontCloseOnSelect: true,\n    })\n  );\n\n  const allPropertiesOption = {\n    label: i18nStrings.allPropertiesLabel,\n    value: undefined,\n  };\n  if (!freeTextFiltering.disabled) {\n    propertyOptions.unshift(allPropertiesOption);\n  }\n  return (\n    <InternalSelect\n      options={propertyOptions}\n      selectedOption={\n        property\n          ? {\n              value: property.propertyKey ?? undefined,\n              label: property.propertyLabel,\n            }\n          : allPropertiesOption\n      }\n      onChange={e => onChangePropertyKey(e.detail.selectedOption.value)}\n      {...asyncPropertySelectProps}\n    />\n  );\n}\n\ninterface OperatorInputProps {\n  i18nStrings: I18nStrings;\n  onChangeOperator: (operator: ComparisonOperator) => void;\n  operator: undefined | ComparisonOperator;\n  property: null | InternalFilteringProperty;\n  freeTextFiltering: InternalFreeTextFiltering;\n  triggerVariant: 'option' | 'label';\n}\n\nexport function OperatorInput({\n  property,\n  operator,\n  onChangeOperator,\n  i18nStrings,\n  freeTextFiltering,\n  triggerVariant,\n}: OperatorInputProps) {\n  const operatorOptions = (property ? getAllowedOperators(property) : freeTextFiltering.operators).map(operator => ({\n    value: operator,\n    label: operator,\n    description: operatorToDescription(operator, i18nStrings),\n  }));\n  return (\n    <InternalSelect\n      options={operatorOptions}\n      triggerVariant={triggerVariant}\n      selectedOption={\n        operator\n          ? {\n              value: operator,\n              label: operator,\n              description: operatorToDescription(operator, i18nStrings),\n            }\n          : null\n      }\n      onChange={e => onChangeOperator(e.detail.selectedOption.value as ComparisonOperator)}\n    />\n  );\n}\n\ninterface ValueInputProps {\n  asyncProps: DropdownStatusProps;\n  filteringOptions: readonly InternalFilteringOption[];\n  i18nStrings: I18nStrings;\n  onChangeValue: (value: string) => void;\n  onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n  operator: undefined | ComparisonOperator;\n  property: null | InternalFilteringProperty;\n  value: undefined | string;\n}\n\nexport function ValueInput({\n  property,\n  operator,\n  value,\n  onChangeValue,\n  asyncProps,\n  filteringOptions,\n  onLoadItems,\n  i18nStrings,\n}: ValueInputProps) {\n  const valueOptions = property\n    ? filteringOptions\n        .filter(option => option.property?.propertyKey === property.propertyKey)\n        .map(({ label, value }) => ({ label, value }))\n    : [];\n\n  const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property?.externalProperty);\n  const asyncValueAutosuggestProps = property?.propertyKey\n    ? { ...valueAutosuggestHandlers, ...asyncProps }\n    : { empty: asyncProps.empty };\n  const [matchedOption] = valueOptions.filter(option => option.value === value);\n\n  const OperatorForm = property?.propertyKey && operator && property?.getValueFormRenderer(operator);\n\n  return OperatorForm ? (\n    <OperatorForm value={value} onChange={onChangeValue} operator={operator} />\n  ) : (\n    <InternalAutosuggest\n      enteredTextLabel={i18nStrings.enteredTextLabel ?? (value => value)}\n      value={matchedOption?.label ?? value ?? ''}\n      clearAriaLabel={i18nStrings.clearAriaLabel}\n      onChange={e => onChangeValue(e.detail.value)}\n      disabled={!operator}\n      options={valueOptions}\n      {...asyncValueAutosuggestProps}\n      virtualScroll={true}\n    />\n  );\n}\n"]}