npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1328 → 3.0.1330 - Mend

@cloudscape-design/components-themeable 3.0.1328 → 3.0.1330

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

package/lib/internal/template/property-filter/styles.scoped.css CHANGED Viewed

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1wzqe_1xc7c_145:not(#\9) {
+.awsui_root_1wzqe_1tl8n_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,40 +174,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_search-field_1wzqe_1xc7c_177:not(#\9) {
+.awsui_search-field_1wzqe_1tl8n_177:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
   gap: var(--space-xs-kw7k3v, 8px) var(--space-s-4a5hs8, 12px);
 }
-.awsui_input-wrapper_1wzqe_1xc7c_184:not(#\9) {
+.awsui_input-wrapper_1wzqe_1tl8n_184:not(#\9) {
   flex-grow: 1;
   display: flex;
   align-items: flex-end;
   max-inline-size: calc(688px - 2 * var(--space-l-3cws6j, 20px));
 }
-.awsui_add-token_1wzqe_1xc7c_191:not(#\9) {
+.awsui_add-token_1wzqe_1tl8n_191:not(#\9) {
   border-inline-start: 1px solid var(--color-border-divider-default-ipvpev, #eaeded);
   box-sizing: border-box;
   margin-inline-start: var(--space-m-n2lypl, 16px);
   padding-inline-start: var(--space-m-n2lypl, 16px);
 }
-.awsui_tokens_1wzqe_1xc7c_198:not(#\9) {
+.awsui_tokens_1wzqe_1tl8n_198:not(#\9) {
   margin-block: var(--space-xs-kw7k3v, 8px);
   margin-inline: 0;
 }
-.awsui_token-operator_1wzqe_1xc7c_203:not(#\9) {
+.awsui_token-operator_1wzqe_1tl8n_203:not(#\9) {
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_property-editor_1wzqe_1xc7c_207:not(#\9) {
+.awsui_property-editor_1wzqe_1tl8n_207:not(#\9) {
   overflow-y: auto;
 }
-.awsui_property-editor-header_1wzqe_1xc7c_210:not(#\9) {
+.awsui_property-editor-header_1wzqe_1tl8n_210:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
@@ -220,7 +220,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-xxs-jnczic, 4px);
   padding-inline: var(--space-s-4a5hs8, 12px);
 }
-.awsui_property-editor-header-enum_1wzqe_1xc7c_223:not(#\9) {
+.awsui_property-editor-header-enum_1wzqe_1tl8n_223:not(#\9) {
   display: flex;
   gap: var(--space-xs-kw7k3v, 8px);
   font-size: var(--font-size-body-m-vv54cm, 14px);
@@ -232,65 +232,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   font-weight: var(--font-weight-bold-p16d06, 700);
   color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
-  padding-block: calc(var(--space-xs-kw7k3v, 8px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
-  padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
+  padding-block: calc(var(--space-xs-kw7k3v, 8px) + var(--border-item-width-pyfg4s, 1px) - var(--border-divider-list-width-2qbfmz, 1px));
+  padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-pyfg4s, 1px));
 }
-.awsui_property-editor-form_1wzqe_1xc7c_238:not(#\9) {
+.awsui_property-editor-form_1wzqe_1tl8n_238:not(#\9) {
   padding-block-start: var(--space-xxs-jnczic, 4px);
   padding-block-end: var(--space-s-4a5hs8, 12px);
   padding-inline: var(--space-s-4a5hs8, 12px);
 }
-.awsui_property-editor-cancel_1wzqe_1xc7c_243:not(#\9) {
+.awsui_property-editor-cancel_1wzqe_1tl8n_243:not(#\9) {
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_property-editor-actions_1wzqe_1xc7c_246:not(#\9) {
+.awsui_property-editor-actions_1wzqe_1tl8n_246:not(#\9) {
   display: flex;
   justify-content: flex-end;
-  border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-dropdown-item-default-uslwbi, #eaeded);
+  border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-dropdown-item-default-uslwbi, #eaeded);
   padding-inline: var(--space-l-3cws6j, 20px);
   padding-block: var(--space-s-4a5hs8, 12px);
 }
-.awsui_property-editor-enum_1wzqe_1xc7c_254:not(#\9) {
+.awsui_property-editor-enum_1wzqe_1tl8n_254:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_token-editor_1wzqe_1xc7c_259:not(#\9) {
+.awsui_token-editor_1wzqe_1tl8n_259:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-4a5hs8, 12px);
   margin-block: var(--space-xxs-jnczic, 4px);
   margin-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_token-editor-form_1wzqe_1xc7c_266:not(#\9) {
+.awsui_token-editor-form_1wzqe_1tl8n_266:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-field-property_1wzqe_1xc7c_269:not(#\9) {
+.awsui_token-editor-field-property_1wzqe_1tl8n_269:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-field-operator_1wzqe_1xc7c_272:not(#\9) {
+.awsui_token-editor-field-operator_1wzqe_1tl8n_272:not(#\9) {
   flex-grow: 1;
 }
-.awsui_token-editor-field-value_1wzqe_1xc7c_275:not(#\9) {
+.awsui_token-editor-field-value_1wzqe_1tl8n_275:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-multiselect-wrapper_1wzqe_1xc7c_278:not(#\9) {
+.awsui_token-editor-multiselect-wrapper_1wzqe_1tl8n_278:not(#\9) {
   position: relative;
   min-block-size: var(--size-vertical-input-8gzd1t, 32px);
   min-inline-size: 200px;
 }
-.awsui_token-editor-multiselect-wrapper-inner_1wzqe_1xc7c_283:not(#\9) {
+.awsui_token-editor-multiselect-wrapper-inner_1wzqe_1tl8n_283:not(#\9) {
   position: absolute;
   inline-size: 100%;
 }
-.awsui_token-editor-cancel_1wzqe_1xc7c_287:not(#\9) {
+.awsui_token-editor-cancel_1wzqe_1tl8n_287:not(#\9) {
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_token-editor-submit_1wzqe_1xc7c_290:not(#\9) {
+.awsui_token-editor-submit_1wzqe_1tl8n_290:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-actions_1wzqe_1xc7c_293:not(#\9) {
+.awsui_token-editor-actions_1wzqe_1tl8n_293:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-block-start: var(--space-s-4a5hs8, 12px);
@@ -299,7 +299,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: calc(-1 * var(--space-m-n2lypl, 16px) + -1 * var(--space-xxs-jnczic, 4px));
   margin-block-start: var(--space-s-4a5hs8, 12px);
 }
-.awsui_token-editor-grid_1wzqe_1xc7c_302:not(#\9) {
+.awsui_token-editor-grid_1wzqe_1tl8n_302:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -333,70 +333,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-s-4a5hs8, 12px);
   grid-template-columns: minmax(min-content, 2fr) minmax(min-content, 120px) minmax(min-content, 3fr) min-content;
 }
-.awsui_token-editor-grid-group_1wzqe_1xc7c_336:not(#\9) {
+.awsui_token-editor-grid-group_1wzqe_1tl8n_336:not(#\9) {
   display: contents;
 }
-.awsui_token-editor-grid_1wzqe_1xc7c_302.awsui_token-editor-narrow_1wzqe_1xc7c_339:not(#\9) {
+.awsui_token-editor-grid_1wzqe_1tl8n_302.awsui_token-editor-narrow_1wzqe_1tl8n_339:not(#\9) {
   grid-template-columns: minmax(100px, 1fr);
   gap: var(--space-m-n2lypl, 16px);
 }
-.awsui_token-editor-grid_1wzqe_1xc7c_302.awsui_token-editor-narrow_1wzqe_1xc7c_339 > .awsui_token-editor-grid-group_1wzqe_1xc7c_336:not(#\9) {
+.awsui_token-editor-grid_1wzqe_1tl8n_302.awsui_token-editor-narrow_1wzqe_1tl8n_339 > .awsui_token-editor-grid-group_1wzqe_1tl8n_336:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-4a5hs8, 12px);
 }
-.awsui_token-editor-grid_1wzqe_1xc7c_302.awsui_token-editor-narrow_1wzqe_1xc7c_339 > .awsui_token-editor-grid-group_1wzqe_1xc7c_336.awsui_token-editor-supports-groups_1wzqe_1xc7c_348:not(#\9) {
+.awsui_token-editor-grid_1wzqe_1tl8n_302.awsui_token-editor-narrow_1wzqe_1tl8n_339 > .awsui_token-editor-grid-group_1wzqe_1tl8n_336.awsui_token-editor-supports-groups_1wzqe_1tl8n_348:not(#\9) {
   padding-block-end: var(--space-m-n2lypl, 16px);
-  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_token-editor-grid-header_1wzqe_1xc7c_352:not(#\9) {
+.awsui_token-editor-grid-header_1wzqe_1tl8n_352:not(#\9) {
   color: var(--color-text-column-header-hm90p0, #545b64);
   font-weight: var(--font-weight-heading-s-qxvrar, 700);
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   text-align: start;
 }
-.awsui_token-editor-grid-cell_1wzqe_1xc7c_358:not(#\9):not(.awsui_token-editor-narrow_1wzqe_1xc7c_339) {
+.awsui_token-editor-grid-cell_1wzqe_1tl8n_358:not(#\9):not(.awsui_token-editor-narrow_1wzqe_1tl8n_339) {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
 }
-.awsui_token-editor-grid-cell_1wzqe_1xc7c_358.awsui_token-editor-narrow_1wzqe_1xc7c_339:not(#\9):nth-child(4) {
+.awsui_token-editor-grid-cell_1wzqe_1tl8n_358.awsui_token-editor-narrow_1wzqe_1tl8n_339:not(#\9):nth-child(4) {
   display: flex;
   justify-content: flex-end;
 }
-.awsui_token-editor-add-token_1wzqe_1xc7c_367:not(#\9) {
+.awsui_token-editor-add-token_1wzqe_1tl8n_367:not(#\9) {
   margin-block-start: var(--space-s-4a5hs8, 12px);
 }
-.awsui_custom-content-wrapper_1wzqe_1xc7c_371:not(#\9) {
+.awsui_custom-content-wrapper_1wzqe_1tl8n_371:not(#\9) {
   display: contents;
 }
-.awsui_custom-control_1wzqe_1xc7c_375:not(#\9) {
+.awsui_custom-control_1wzqe_1tl8n_375:not(#\9) {
   /* used in test-utils */
 }
-.awsui_input_1wzqe_1xc7c_184:not(#\9) {
+.awsui_input_1wzqe_1tl8n_184:not(#\9) {
   flex: 1;
 }
-.awsui_results_1wzqe_1xc7c_383:not(#\9) {
-  padding-block: calc(var(--space-field-vertical-dgs6s0, 4px) + var(--border-width-field-9k1tdz, 1px));
+.awsui_results_1wzqe_1tl8n_383:not(#\9) {
+  padding-block: calc(var(--space-field-vertical-dgs6s0, 4px) + var(--border-width-field-2365x3, 1px));
   padding-inline: 0;
 }
-.awsui_token-trigger_1wzqe_1xc7c_388:not(#\9) {
+.awsui_token-trigger_1wzqe_1tl8n_388:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_remove-all_1wzqe_1xc7c_393:not(#\9),
-.awsui_join-operation_1wzqe_1xc7c_394:not(#\9),
-.awsui_custom-filter-actions_1wzqe_1xc7c_395:not(#\9) {
+.awsui_remove-all_1wzqe_1tl8n_393:not(#\9),
+.awsui_join-operation_1wzqe_1tl8n_394:not(#\9),
+.awsui_custom-filter-actions_1wzqe_1tl8n_395:not(#\9) {
   /* used in test-utils */
 }
-.awsui_constraint_1wzqe_1xc7c_399:not(#\9) {
+.awsui_constraint_1wzqe_1tl8n_399:not(#\9) {
   padding-block-start: var(--space-xxs-jnczic, 4px);
   color: var(--color-text-form-secondary-4sp9un, #687078);
   font-size: var(--font-size-body-s-psgqn2, 12px);

package/lib/internal/template/property-filter/styles.selectors.js CHANGED Viewed

@@ -2,44 +2,44 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1wzqe_1xc7c_145",
-  "search-field": "awsui_search-field_1wzqe_1xc7c_177",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_1xc7c_184",
-  "add-token": "awsui_add-token_1wzqe_1xc7c_191",
-  "tokens": "awsui_tokens_1wzqe_1xc7c_198",
-  "token-operator": "awsui_token-operator_1wzqe_1xc7c_203",
-  "property-editor": "awsui_property-editor_1wzqe_1xc7c_207",
-  "property-editor-header": "awsui_property-editor-header_1wzqe_1xc7c_210",
-  "property-editor-header-enum": "awsui_property-editor-header-enum_1wzqe_1xc7c_223",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_1xc7c_238",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1xc7c_243",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_1xc7c_246",
-  "property-editor-enum": "awsui_property-editor-enum_1wzqe_1xc7c_254",
-  "token-editor": "awsui_token-editor_1wzqe_1xc7c_259",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_1xc7c_266",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1xc7c_269",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1xc7c_272",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1xc7c_275",
-  "token-editor-multiselect-wrapper": "awsui_token-editor-multiselect-wrapper_1wzqe_1xc7c_278",
-  "token-editor-multiselect-wrapper-inner": "awsui_token-editor-multiselect-wrapper-inner_1wzqe_1xc7c_283",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1xc7c_287",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_1xc7c_290",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_1xc7c_293",
-  "token-editor-grid": "awsui_token-editor-grid_1wzqe_1xc7c_302",
-  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_1xc7c_336",
-  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_1xc7c_339",
-  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_1xc7c_348",
-  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_1xc7c_352",
-  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_1xc7c_358",
-  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_1xc7c_367",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1xc7c_371",
-  "custom-control": "awsui_custom-control_1wzqe_1xc7c_375",
-  "input": "awsui_input_1wzqe_1xc7c_184",
-  "results": "awsui_results_1wzqe_1xc7c_383",
-  "token-trigger": "awsui_token-trigger_1wzqe_1xc7c_388",
-  "remove-all": "awsui_remove-all_1wzqe_1xc7c_393",
-  "join-operation": "awsui_join-operation_1wzqe_1xc7c_394",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_1xc7c_395",
-  "constraint": "awsui_constraint_1wzqe_1xc7c_399"
+  "root": "awsui_root_1wzqe_1tl8n_145",
+  "search-field": "awsui_search-field_1wzqe_1tl8n_177",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_1tl8n_184",
+  "add-token": "awsui_add-token_1wzqe_1tl8n_191",
+  "tokens": "awsui_tokens_1wzqe_1tl8n_198",
+  "token-operator": "awsui_token-operator_1wzqe_1tl8n_203",
+  "property-editor": "awsui_property-editor_1wzqe_1tl8n_207",
+  "property-editor-header": "awsui_property-editor-header_1wzqe_1tl8n_210",
+  "property-editor-header-enum": "awsui_property-editor-header-enum_1wzqe_1tl8n_223",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_1tl8n_238",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1tl8n_243",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_1tl8n_246",
+  "property-editor-enum": "awsui_property-editor-enum_1wzqe_1tl8n_254",
+  "token-editor": "awsui_token-editor_1wzqe_1tl8n_259",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_1tl8n_266",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1tl8n_269",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1tl8n_272",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1tl8n_275",
+  "token-editor-multiselect-wrapper": "awsui_token-editor-multiselect-wrapper_1wzqe_1tl8n_278",
+  "token-editor-multiselect-wrapper-inner": "awsui_token-editor-multiselect-wrapper-inner_1wzqe_1tl8n_283",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1tl8n_287",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_1tl8n_290",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_1tl8n_293",
+  "token-editor-grid": "awsui_token-editor-grid_1wzqe_1tl8n_302",
+  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_1tl8n_336",
+  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_1tl8n_339",
+  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_1tl8n_348",
+  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_1tl8n_352",
+  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_1tl8n_358",
+  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_1tl8n_367",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1tl8n_371",
+  "custom-control": "awsui_custom-control_1wzqe_1tl8n_375",
+  "input": "awsui_input_1wzqe_1tl8n_184",
+  "results": "awsui_results_1wzqe_1tl8n_383",
+  "token-trigger": "awsui_token-trigger_1wzqe_1tl8n_388",
+  "remove-all": "awsui_remove-all_1wzqe_1tl8n_393",
+  "join-operation": "awsui_join-operation_1wzqe_1tl8n_394",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_1tl8n_395",
+  "constraint": "awsui_constraint_1wzqe_1tl8n_399"
 };

package/lib/internal/template/property-filter/token-editor-inputs.d.ts CHANGED Viewed

@@ -19,10 +19,11 @@ interface OperatorInputProps {
     onChangeOperator: (operator: ComparisonOperator) => void;
     operator: undefined | ComparisonOperator;
     property: null | InternalFilteringProperty;
+    filteringProperties: readonly InternalFilteringProperty[];
     freeTextFiltering: InternalFreeTextFiltering;
     triggerVariant: 'option' | 'label';
 }
-export declare function OperatorInput({ property, operator, onChangeOperator, i18nStrings, freeTextFiltering, triggerVariant, }: OperatorInputProps): JSX.Element;
+export declare function OperatorInput({ property, operator, onChangeOperator, i18nStrings, filteringProperties, freeTextFiltering, triggerVariant, }: OperatorInputProps): JSX.Element;
 interface ValueInputProps {
     asyncProps: DropdownStatusProps;
     filteringOptions: readonly InternalFilteringOption[];

package/lib/internal/template/property-filter/token-editor-inputs.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"token-editor-inputs.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor-inputs.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAyB,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,0BAA0B,CAAC;AAKlC,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,mBAAmB,CAAC;IACjC,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,eAqCpB;AAED,UAAU,kBAAkB;IAC1B,WAAW,EAAE,mBAAmB,CAAC;IACjC,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,~~eAuBpB~~;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,mBAAmB,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,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,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAWhD"}
1	+ {"version":3,"file":"token-editor-inputs.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor-inputs.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAyB,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,0BAA0B,CAAC;AAKlC,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,mBAAmB,CAAC;IACjC,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,eAqCpB;AAED,UAAU,kBAAkB;IAC1B,WAAW,EAAE,mBAAmB,CAAC;IACjC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACzC,QAAQ,EAAE,IAAI,GAAG,yBAAyB,CAAC;IAC3C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,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,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,GACf,EAAE,kBAAkB,eAgCpB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,mBAAmB,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,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,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAWhD"}

package/lib/internal/template/property-filter/token-editor-inputs.js CHANGED Viewed

@@ -31,18 +31,28 @@ export function PropertyInput({ property, onChangePropertyKey, asyncProps, filte
             }
             : allPropertiesOption, onChange: e => onChangePropertyKey(e.detail.selectedOption.value), ...asyncPropertySelectProps }));
 }
-export function OperatorInput({ property, operator, onChangeOperator, i18nStrings, freeTextFiltering, triggerVariant, }) {
-    const operators = property ? getAllowedOperators(property) : getAllowedFreeTextOperators(freeTextFiltering);
-    const operatorOptions = operators.map(operator => ({
-        value: operator,
-        label: operator,
-        description: operatorToDescription(operator, i18nStrings),
-    }));
+export function OperatorInput({ property, operator, onChangeOperator, i18nStrings, filteringProperties, freeTextFiltering, triggerVariant, }) {
+    var _a;
+    const getDescription = (op) => {
+        if (property) {
+            return operatorToDescription(op, i18nStrings, property);
+        }
+        const freeTextProperty = filteringProperties.find(prop => prop.getOperatorDescription(op) !== null);
+        return operatorToDescription(op, i18nStrings, freeTextProperty);
+    };
+    const operatorOptions = (property ? getAllowedOperators(property) : getAllowedFreeTextOperators(freeTextFiltering)).map(op => {
+        var _a;
+        return ({
+            value: op,
+            label: op,
+            description: (_a = getDescription(op)) !== null && _a !== void 0 ? _a : undefined,
+        });
+    });
     return (React.createElement(InternalSelect, { options: operatorOptions, triggerVariant: triggerVariant, selectedOption: operator
             ? {
                 value: operator,
                 label: operator,
-                description: operatorToDescription(operator, i18nStrings),
+                description: (_a = getDescription(operator)) !== null && _a !== void 0 ? _a : undefined,
             }
             : null, onChange: e => onChangeOperator(e.detail.selectedOption.value) }));
 }

package/lib/internal/template/property-filter/token-editor-inputs.js.map CHANGED Viewed

	@@ -1 +1 @@
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 InternalMultiselect from '../multiselect/internal.js';\nimport { SelectProps } from '../select/interfaces.js';\nimport InternalSelect from '../select/internal.js';\nimport { DropdownStatusProps } from '../types/dropdown-status';\nimport { NonCancelableEventHandler } from '../types/events';\nimport { getAllowedFreeTextOperators, getAllowedOperators, getPropertySuggestions } from './controller.js';\nimport { I18nStringsInternal, operatorToDescription } from './i18n-utils.js';\nimport { ComparisonOperator, GroupText, LoadItemsDetail } from './interfaces.js';\nimport {\n InternalFilteringOption,\n InternalFilteringProperty,\n InternalFreeTextFiltering,\n} from './internal-interfaces.js';\nimport { useLoadItems } from './use-load-items.js';\n\nimport styles from './styles.css.js';\n\ninterface PropertyInputProps {\n asyncProps: null \| DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n freeTextFiltering: InternalFreeTextFiltering;\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStringsInternal;\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 filteringType=\"auto\"\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: I18nStringsInternal;\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 operators = property ? getAllowedOperators(property) : getAllowedFreeTextOperators(freeTextFiltering);\n const operatorOptions = 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: I18nStringsInternal;\n onChangeValue: (value: unknown) => void;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n operator: undefined \| ComparisonOperator;\n property: null \| InternalFilteringProperty;\n value: unknown;\n}\n\nexport function ValueInput(props: ValueInputProps) {\n const { property, operator, value, onChangeValue } = props;\n const OperatorForm = property?.propertyKey && operator && property?.getValueFormRenderer(operator);\n\n if (OperatorForm) {\n return <OperatorForm value={value} onChange={onChangeValue} operator={operator} />;\n }\n if (property && operator && property.getTokenType(operator) === 'enum') {\n return <ValueInputEnum {...props} property={property} operator={operator} />;\n }\n return <ValueInputAuto {...props} />;\n}\n\nfunction ValueInputAuto({\n property,\n operator,\n value: unknownValue,\n onChangeValue,\n asyncProps,\n filteringOptions,\n onLoadItems,\n i18nStrings,\n}: ValueInputProps) {\n const value = (unknownValue ?? '') + '';\n const valueOptions = property\n ? filteringOptions\n .filter(option => option.property?.propertyKey === property.propertyKey)\n .map(({ label, value, tags, filteringTags }) => ({ label, value, tags, filteringTags }))\n : [];\n\n const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property?.externalProperty, value, operator);\n const asyncValueAutosuggestProps = property?.propertyKey\n ? { ...valueAutosuggestHandlers, ...asyncProps }\n : { empty: asyncProps.empty };\n const [matchedOption] = valueOptions.filter(option => option.value === value);\n\n return (\n <InternalAutosuggest\n enteredTextLabel={i18nStrings.enteredTextLabel}\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\ninterface ValueInputPropsEnum extends ValueInputProps {\n property: InternalFilteringProperty;\n operator: ComparisonOperator;\n}\n\nfunction ValueInputEnum({\n property,\n operator,\n value: unknownValue,\n onChangeValue,\n asyncProps,\n filteringOptions,\n onLoadItems,\n}: ValueInputPropsEnum) {\n const valueOptions = filteringOptions\n .filter(option => option.property?.propertyKey === property.propertyKey)\n .map(({ label, value, tags, filteringTags }) => ({ label, value, tags, filteringTags }));\n const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property.externalProperty, undefined, operator);\n const asyncValueAutosuggestProps = { statusType: 'finished' as const, ...valueAutosuggestHandlers, ...asyncProps };\n const value = !unknownValue ? [] : Array.isArray(unknownValue) ? unknownValue : [unknownValue];\n const selectedOptions = valueOptions.filter(option => value.includes(option.value));\n return (\n <div className={styles['token-editor-multiselect-wrapper']}>\n <div className={styles['token-editor-multiselect-wrapper-inner']}>\n <InternalMultiselect\n filteringType=\"auto\"\n selectedOptions={selectedOptions}\n onChange={e => onChangeValue(e.detail.selectedOptions.map(o => o.value))}\n options={valueOptions.length > 0 ? [{ options: valueOptions, label: property.groupValuesLabel }] : []}\n {...asyncValueAutosuggestProps}\n inlineTokens={true}\n hideTokens={true}\n keepOpen={true}\n />\n </div>\n </div>\n );\n}\n"]}
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 InternalMultiselect from '../multiselect/internal.js';\nimport { SelectProps } from '../select/interfaces.js';\nimport InternalSelect from '../select/internal.js';\nimport { DropdownStatusProps } from '../types/dropdown-status';\nimport { NonCancelableEventHandler } from '../types/events';\nimport { getAllowedFreeTextOperators, getAllowedOperators, getPropertySuggestions } from './controller.js';\nimport { I18nStringsInternal, operatorToDescription } from './i18n-utils.js';\nimport { ComparisonOperator, GroupText, LoadItemsDetail } from './interfaces.js';\nimport {\n InternalFilteringOption,\n InternalFilteringProperty,\n InternalFreeTextFiltering,\n} from './internal-interfaces.js';\nimport { useLoadItems } from './use-load-items.js';\n\nimport styles from './styles.css.js';\n\ninterface PropertyInputProps {\n asyncProps: null \| DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n freeTextFiltering: InternalFreeTextFiltering;\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStringsInternal;\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 filteringType=\"auto\"\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: I18nStringsInternal;\n onChangeOperator: (operator: ComparisonOperator) => void;\n operator: undefined \| ComparisonOperator;\n property: null \| InternalFilteringProperty;\n filteringProperties: readonly InternalFilteringProperty[];\n freeTextFiltering: InternalFreeTextFiltering;\n triggerVariant: 'option' \| 'label';\n}\n\nexport function OperatorInput({\n property,\n operator,\n onChangeOperator,\n i18nStrings,\n filteringProperties,\n freeTextFiltering,\n triggerVariant,\n}: OperatorInputProps) {\n const getDescription = (op: ComparisonOperator) => {\n if (property) {\n return operatorToDescription(op, i18nStrings, property);\n }\n const freeTextProperty = filteringProperties.find(prop => prop.getOperatorDescription(op) !== null);\n return operatorToDescription(op, i18nStrings, freeTextProperty);\n };\n\n const operatorOptions = (\n property ? getAllowedOperators(property) : getAllowedFreeTextOperators(freeTextFiltering)\n ).map(op => ({\n value: op,\n label: op,\n description: getDescription(op) ?? undefined,\n }));\n return (\n <InternalSelect\n options={operatorOptions}\n triggerVariant={triggerVariant}\n selectedOption={\n operator\n ? {\n value: operator,\n label: operator,\n description: getDescription(operator) ?? undefined,\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: I18nStringsInternal;\n onChangeValue: (value: unknown) => void;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n operator: undefined \| ComparisonOperator;\n property: null \| InternalFilteringProperty;\n value: unknown;\n}\n\nexport function ValueInput(props: ValueInputProps) {\n const { property, operator, value, onChangeValue } = props;\n const OperatorForm = property?.propertyKey && operator && property?.getValueFormRenderer(operator);\n\n if (OperatorForm) {\n return <OperatorForm value={value} onChange={onChangeValue} operator={operator} />;\n }\n if (property && operator && property.getTokenType(operator) === 'enum') {\n return <ValueInputEnum {...props} property={property} operator={operator} />;\n }\n return <ValueInputAuto {...props} />;\n}\n\nfunction ValueInputAuto({\n property,\n operator,\n value: unknownValue,\n onChangeValue,\n asyncProps,\n filteringOptions,\n onLoadItems,\n i18nStrings,\n}: ValueInputProps) {\n const value = (unknownValue ?? '') + '';\n const valueOptions = property\n ? filteringOptions\n .filter(option => option.property?.propertyKey === property.propertyKey)\n .map(({ label, value, tags, filteringTags }) => ({ label, value, tags, filteringTags }))\n : [];\n\n const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property?.externalProperty, value, operator);\n const asyncValueAutosuggestProps = property?.propertyKey\n ? { ...valueAutosuggestHandlers, ...asyncProps }\n : { empty: asyncProps.empty };\n const [matchedOption] = valueOptions.filter(option => option.value === value);\n\n return (\n <InternalAutosuggest\n enteredTextLabel={i18nStrings.enteredTextLabel}\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\ninterface ValueInputPropsEnum extends ValueInputProps {\n property: InternalFilteringProperty;\n operator: ComparisonOperator;\n}\n\nfunction ValueInputEnum({\n property,\n operator,\n value: unknownValue,\n onChangeValue,\n asyncProps,\n filteringOptions,\n onLoadItems,\n}: ValueInputPropsEnum) {\n const valueOptions = filteringOptions\n .filter(option => option.property?.propertyKey === property.propertyKey)\n .map(({ label, value, tags, filteringTags }) => ({ label, value, tags, filteringTags }));\n const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property.externalProperty, undefined, operator);\n const asyncValueAutosuggestProps = { statusType: 'finished' as const, ...valueAutosuggestHandlers, ...asyncProps };\n const value = !unknownValue ? [] : Array.isArray(unknownValue) ? unknownValue : [unknownValue];\n const selectedOptions = valueOptions.filter(option => value.includes(option.value));\n return (\n <div className={styles['token-editor-multiselect-wrapper']}>\n <div className={styles['token-editor-multiselect-wrapper-inner']}>\n <InternalMultiselect\n filteringType=\"auto\"\n selectedOptions={selectedOptions}\n onChange={e => onChangeValue(e.detail.selectedOptions.map(o => o.value))}\n options={valueOptions.length > 0 ? [{ options: valueOptions, label: property.groupValuesLabel }] : []}\n {...asyncValueAutosuggestProps}\n inlineTokens={true}\n hideTokens={true}\n keepOpen={true}\n />\n </div>\n </div>\n );\n}\n"]}

package/lib/internal/template/property-filter/token-editor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"token-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAM5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAsB,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAMlC,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,aAAa,EAAE,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,EACd,SAAS,EACT,iBAAiB,GAClB,EAAE,gBAAgB,~~eAmLlB~~"}
1	+ {"version":3,"file":"token-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAM5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAsB,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAMlC,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,aAAa,EAAE,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,EACd,SAAS,EACT,iBAAiB,GAClB,EAAE,gBAAgB,eAoLlB"}

package/lib/internal/template/property-filter/token-editor.js CHANGED Viewed

@@ -76,7 +76,7 @@ export function TokenEditor({ supportsGroups, asyncProperties, asyncProps, custo
                 onChangeTempGroup(updated);
                 onTokenRelease(releasedToken);
                 setNextFocusIndex(index);
-            }, onSubmit: onSubmit, renderProperty: index => (React.createElement(PropertyInput, { property: groups[index].property, onChangePropertyKey: groups[index].onChangePropertyKey, asyncProps: asyncProperties ? asyncProps : null, filteringProperties: filteringProperties, onLoadItems: onLoadItems, customGroupsText: customGroupsText, i18nStrings: i18nStrings, freeTextFiltering: freeTextFiltering })), renderOperator: index => (React.createElement(OperatorInput, { property: groups[index].property, operator: groups[index].operator, onChangeOperator: groups[index].onChangeOperator, i18nStrings: i18nStrings, freeTextFiltering: freeTextFiltering, triggerVariant: supportsGroups ? 'label' : 'option' })), renderValue: index => (React.createElement(ValueInput, { property: groups[index].property, operator: groups[index].operator, value: groups[index].value, onChangeValue: groups[index].onChangeValue, asyncProps: asyncProps, filteringOptions: filteringOptions, onLoadItems: onLoadItems, i18nStrings: i18nStrings })), i18nStrings: i18nStrings }),
+            }, onSubmit: onSubmit, renderProperty: index => (React.createElement(PropertyInput, { property: groups[index].property, onChangePropertyKey: groups[index].onChangePropertyKey, asyncProps: asyncProperties ? asyncProps : null, filteringProperties: filteringProperties, onLoadItems: onLoadItems, customGroupsText: customGroupsText, i18nStrings: i18nStrings, freeTextFiltering: freeTextFiltering })), renderOperator: index => (React.createElement(OperatorInput, { property: groups[index].property, operator: groups[index].operator, onChangeOperator: groups[index].onChangeOperator, i18nStrings: i18nStrings, filteringProperties: filteringProperties, freeTextFiltering: freeTextFiltering, triggerVariant: supportsGroups ? 'label' : 'option' })), renderValue: index => (React.createElement(ValueInput, { property: groups[index].property, operator: groups[index].operator, value: groups[index].value, onChangeValue: groups[index].onChangeValue, asyncProps: asyncProps, filteringOptions: filteringOptions, onLoadItems: onLoadItems, i18nStrings: i18nStrings })), i18nStrings: i18nStrings }),
         supportsGroups && (React.createElement("div", { className: clsx(styles['token-editor-add-token'], testUtilStyles['token-editor-token-add-actions']) },
             React.createElement(InternalButtonDropdown, { variant: "normal", ariaLabel: i18nStrings.tokenEditorAddTokenActionsAriaLabel, items: tokensToCapture.map((token, index) => {
                     var _a, _b, _c, _d;