@cloudscape-design/components 3.0.779 → 3.0.781

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

@@ -1,15 +1,20 @@
 /// <reference types="react" />
 import { I18nStringsInternal } from './i18n-utils';
 import { ComparisonOperator, ExtendedOperatorForm, InternalFilteringProperty, InternalToken } from './interfaces';
-interface PropertyEditorProps<TokenValue> {
+export declare function PropertyEditorContent<TokenValue = any>({ property, operator, filter, value, onChange, operatorForm, }: {
     property: InternalFilteringProperty;
     operator: ComparisonOperator;
     filter: string;
+    value: null | TokenValue;
+    onChange: (value: null | TokenValue) => void;
     operatorForm: ExtendedOperatorForm<TokenValue>;
+}): JSX.Element;
+export declare function PropertyEditorFooter<TokenValue = any>({ property, operator, value, onCancel, onSubmit, i18nStrings, }: {
+    property: InternalFilteringProperty;
+    operator: ComparisonOperator;
+    value: null | TokenValue;
     onCancel: () => void;
     onSubmit: (value: InternalToken) => void;
     i18nStrings: I18nStringsInternal;
-}
-export declare function PropertyEditor<TokenValue = any>({ property, operator, filter, operatorForm, onCancel, onSubmit, i18nStrings, }: PropertyEditorProps<TokenValue>): JSX.Element;
-export {};
+}): JSX.Element;
 //# sourceMappingURL=property-editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"property-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/property-editor.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAIlH,UAAU,mBAAmB,CAAC,UAAU;IACtC,QAAQ,EAAE,yBAAyB,CAAC;IACpC,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,mBAAmB,CAAC;CAClC;AAED,wBAAgB,cAAc,CAAC,UAAU,GAAG,GAAG,EAAE,EAC/C,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE,mBAAmB,CAAC,UAAU,CAAC,eAqBjC"}
+{"version":3,"file":"property-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/property-editor.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAIlH,wBAAgB,qBAAqB,CAAC,UAAU,GAAG,GAAG,EAAE,EACtD,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,yBAAyB,CAAC;IACpC,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,GAAG,UAAU,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,UAAU,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;CAChD,eAcA;AAED,wBAAgB,oBAAoB,CAAC,UAAU,GAAG,GAAG,EAAE,EACrD,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,yBAAyB,CAAC;IACpC,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,KAAK,EAAE,IAAI,GAAG,UAAU,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,mBAAmB,CAAC;CAClC,eAYA"}

package/property-filter/property-editor.js

@@ -1,17 +1,21 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useState } from 'react';
+import React from 'react';
 import InternalButton from '../button/internal';
-import InternalFormField from '../form-field/internal';
+import { FormFieldContext } from '../internal/context/form-field-context';
+import { useUniqueId } from '../internal/hooks/use-unique-id';
 import styles from './styles.css.js';
-export function PropertyEditor({ property, operator, filter, operatorForm, onCancel, onSubmit, i18nStrings, }) {
-    const [value, onChange] = useState(null);
-    const submitToken = () => onSubmit({ property, operator, value });
+export function PropertyEditorContent({ property, operator, filter, value, onChange, operatorForm, }) {
+    const labelId = useUniqueId();
     return (React.createElement("div", { className: styles['property-editor'] },
+        React.createElement("div", { className: styles['property-editor-header'], id: labelId }, property.groupValuesLabel),
         React.createElement("div", { className: styles['property-editor-form'] },
-            React.createElement(InternalFormField, { label: property.groupValuesLabel }, operatorForm({ value, onChange, operator, filter }))),
-        React.createElement("div", { className: styles['property-editor-actions'] },
-            React.createElement(InternalButton, { variant: "link", className: styles['property-editor-cancel'], onClick: onCancel }, i18nStrings.cancelActionText),
-            React.createElement(InternalButton, { className: styles['property-editor-submit'], onClick: submitToken }, i18nStrings.applyActionText))));
+            React.createElement(FormFieldContext.Provider, { value: { ariaLabelledby: labelId } }, operatorForm({ value, onChange, operator, filter })))));
+}
+export function PropertyEditorFooter({ property, operator, value, onCancel, onSubmit, i18nStrings, }) {
+    const submitToken = () => onSubmit({ property, operator, value });
+    return (React.createElement("div", { className: styles['property-editor-actions'] },
+        React.createElement(InternalButton, { variant: "link", className: styles['property-editor-cancel'], onClick: onCancel }, i18nStrings.cancelActionText),
+        React.createElement(InternalButton, { className: styles['property-editor-submit'], onClick: submitToken }, i18nStrings.applyActionText)));
 }
 //# sourceMappingURL=property-editor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"property-editor.js","sourceRoot":"","sources":["../../../src/property-filter/property-editor.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAIvD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,MAAM,UAAU,cAAc,CAAmB,EAC/C,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAW,GACqB;IAChC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,IAAI,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAClE,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvC,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC5C,oBAAC,iBAAiB,IAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,IAChD,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAClC,CAChB;QAEN,6BAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC;YAC/C,oBAAC,cAAc,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC,EAAE,OAAO,EAAE,QAAQ,IAC1F,WAAW,CAAC,gBAAgB,CACd;YACjB,oBAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC,EAAE,OAAO,EAAE,WAAW,IAC9E,WAAW,CAAC,eAAe,CACb,CACb,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useState } from 'react';\n\nimport InternalButton from '../button/internal';\nimport InternalFormField from '../form-field/internal';\nimport { I18nStringsInternal } from './i18n-utils';\nimport { ComparisonOperator, ExtendedOperatorForm, InternalFilteringProperty, InternalToken } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface PropertyEditorProps<TokenValue> {\n  property: InternalFilteringProperty;\n  operator: ComparisonOperator;\n  filter: string;\n  operatorForm: ExtendedOperatorForm<TokenValue>;\n  onCancel: () => void;\n  onSubmit: (value: InternalToken) => void;\n  i18nStrings: I18nStringsInternal;\n}\n\nexport function PropertyEditor<TokenValue = any>({\n  property,\n  operator,\n  filter,\n  operatorForm,\n  onCancel,\n  onSubmit,\n  i18nStrings,\n}: PropertyEditorProps<TokenValue>) {\n  const [value, onChange] = useState<null | TokenValue>(null);\n  const submitToken = () => onSubmit({ property, operator, value });\n  return (\n    <div className={styles['property-editor']}>\n      <div className={styles['property-editor-form']}>\n        <InternalFormField label={property.groupValuesLabel}>\n          {operatorForm({ value, onChange, operator, filter })}\n        </InternalFormField>\n      </div>\n\n      <div className={styles['property-editor-actions']}>\n        <InternalButton variant=\"link\" className={styles['property-editor-cancel']} onClick={onCancel}>\n          {i18nStrings.cancelActionText}\n        </InternalButton>\n        <InternalButton className={styles['property-editor-submit']} onClick={submitToken}>\n          {i18nStrings.applyActionText}\n        </InternalButton>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"property-editor.js","sourceRoot":"","sources":["../../../src/property-filter/property-editor.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAI9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,qBAAqB,CAAmB,EACtD,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,GAQb;IACC,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvC,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC,EAAE,EAAE,EAAE,OAAO,IAC1D,QAAQ,CAAC,gBAAgB,CACtB;QACN,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC5C,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,IAC1D,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAC1B,CACxB,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAmB,EACrD,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GAQZ;IACC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAClE,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC;QAC/C,oBAAC,cAAc,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC,EAAE,OAAO,EAAE,QAAQ,IAC1F,WAAW,CAAC,gBAAgB,CACd;QACjB,oBAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC,EAAE,OAAO,EAAE,WAAW,IAC9E,WAAW,CAAC,eAAe,CACb,CACb,CACP,CAAC;AACJ,CAAC","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 InternalButton from '../button/internal';\nimport { FormFieldContext } from '../internal/context/form-field-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { I18nStringsInternal } from './i18n-utils';\nimport { ComparisonOperator, ExtendedOperatorForm, InternalFilteringProperty, InternalToken } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport function PropertyEditorContent<TokenValue = any>({\n  property,\n  operator,\n  filter,\n  value,\n  onChange,\n  operatorForm,\n}: {\n  property: InternalFilteringProperty;\n  operator: ComparisonOperator;\n  filter: string;\n  value: null | TokenValue;\n  onChange: (value: null | TokenValue) => void;\n  operatorForm: ExtendedOperatorForm<TokenValue>;\n}) {\n  const labelId = useUniqueId();\n  return (\n    <div className={styles['property-editor']}>\n      <div className={styles['property-editor-header']} id={labelId}>\n        {property.groupValuesLabel}\n      </div>\n      <div className={styles['property-editor-form']}>\n        <FormFieldContext.Provider value={{ ariaLabelledby: labelId }}>\n          {operatorForm({ value, onChange, operator, filter })}\n        </FormFieldContext.Provider>\n      </div>\n    </div>\n  );\n}\n\nexport function PropertyEditorFooter<TokenValue = any>({\n  property,\n  operator,\n  value,\n  onCancel,\n  onSubmit,\n  i18nStrings,\n}: {\n  property: InternalFilteringProperty;\n  operator: ComparisonOperator;\n  value: null | TokenValue;\n  onCancel: () => void;\n  onSubmit: (value: InternalToken) => void;\n  i18nStrings: I18nStringsInternal;\n}) {\n  const submitToken = () => onSubmit({ property, operator, value });\n  return (\n    <div className={styles['property-editor-actions']}>\n      <InternalButton variant=\"link\" className={styles['property-editor-cancel']} onClick={onCancel}>\n        {i18nStrings.cancelActionText}\n      </InternalButton>\n      <InternalButton className={styles['property-editor-submit']} onClick={submitToken}>\n        {i18nStrings.applyActionText}\n      </InternalButton>\n    </div>\n  );\n}\n"]}

package/property-filter/property-filter-autosuggest.d.ts

@@ -4,11 +4,15 @@ import { AutosuggestInputRef } from '../internal/components/autosuggest-input';
 import { CancelableEventHandler } from '../internal/events';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 export interface PropertyFilterAutosuggestProps extends Omit<AutosuggestProps, 'filteringResultsText'>, InternalBaseComponentProps {
-    customForm?: React.ReactNode;
+    customForm?: {
+        content: React.ReactNode;
+        footer: React.ReactNode;
+    };
     filterText?: string;
     onOptionClick?: CancelableEventHandler<AutosuggestProps.Option>;
     hideEnteredTextOption?: boolean;
     searchResultsId?: string;
+    onCloseDropdown?: () => void;
 }
 declare const PropertyFilterAutosuggest: React.ForwardRefExoticComponent<PropertyFilterAutosuggestProps & React.RefAttributes<AutosuggestInputRef>>;
 export default PropertyFilterAutosuggest;

package/property-filter/property-filter-autosuggest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"property-filter-autosuggest.d.ts","sourceRoot":"","sources":["../../../src/property-filter/property-filter-autosuggest.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAmB,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAK9E,OAAyB,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAKjG,OAAO,EAEL,sBAAsB,EAGvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,EACpD,0BAA0B;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,yBAAyB,4GAyL9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"property-filter-autosuggest.d.ts","sourceRoot":"","sources":["../../../src/property-filter/property-filter-autosuggest.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAmB,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAK9E,OAAyB,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAKjG,OAAO,EAEL,sBAAsB,EAGvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,EACpD,0BAA0B;IAC5B,UAAU,CAAC,EAAE;QACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;KACzB,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,yBAAyB,4GA8L9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/property-filter/property-filter-autosuggest.js

@@ -22,7 +22,7 @@ const DROPDOWN_WIDTH_OPTIONS_LIST = 300;
 const DROPDOWN_WIDTH_CUSTOM_FORM = 200;
 const PropertyFilterAutosuggest = React.forwardRef((props, ref) => {
     var _a;
-    const { value, onChange, onFocus, onBlur, onLoadItems, options, statusType = 'finished', placeholder, disabled, ariaLabel, enteredTextLabel, onKeyDown, virtualScroll, expandToViewport, customForm, filterText, onOptionClick, hideEnteredTextOption, searchResultsId } = props, rest = __rest(props, ["value", "onChange", "onFocus", "onBlur", "onLoadItems", "options", "statusType", "placeholder", "disabled", "ariaLabel", "enteredTextLabel", "onKeyDown", "virtualScroll", "expandToViewport", "customForm", "filterText", "onOptionClick", "hideEnteredTextOption", "searchResultsId"]);
+    const { value, onChange, onFocus, onBlur, onLoadItems, options, statusType = 'finished', placeholder, disabled, ariaLabel, enteredTextLabel, onKeyDown, virtualScroll, expandToViewport, customForm, filterText, onOptionClick, hideEnteredTextOption, searchResultsId, onCloseDropdown } = props, rest = __rest(props, ["value", "onChange", "onFocus", "onBlur", "onLoadItems", "options", "statusType", "placeholder", "disabled", "ariaLabel", "enteredTextLabel", "onKeyDown", "virtualScroll", "expandToViewport", "customForm", "filterText", "onOptionClick", "hideEnteredTextOption", "searchResultsId", "onCloseDropdown"]);
     const highlightText = filterText === undefined ? value : filterText;
     const customFormRef = useRef(null);
     const autosuggestInputRef = useRef(null);
@@ -85,6 +85,7 @@ const PropertyFilterAutosuggest = React.forwardRef((props, ref) => {
     };
     const handleCloseDropdown = () => {
         autosuggestItemsHandlers.resetHighlightWithKeyboard();
+        onCloseDropdown === null || onCloseDropdown === void 0 ? void 0 : onCloseDropdown();
     };
     const handleRecoveryClick = () => {
         var _a;
@@ -101,12 +102,12 @@ const PropertyFilterAutosuggest = React.forwardRef((props, ref) => {
     const dropdownStatus = useDropdownStatus(Object.assign(Object.assign({}, props), { isEmpty, onRecoveryClick: handleRecoveryClick, hasRecoveryCallback: !!onLoadItems }));
     let content = null;
     if (customForm) {
-        content = (React.createElement("div", { ref: customFormRef, className: styles['custom-content-wrapper'] }, customForm));
+        content = (React.createElement("div", { ref: customFormRef, className: styles['custom-content-wrapper'] }, customForm.content));
     }
     else if (autosuggestItemsState.items.length > 0) {
         content = (React.createElement(AutosuggestOptionsList, { statusType: statusType, autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: highlightText, listId: listId, controlId: controlId, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content, id: footerId }) : null, ariaDescribedby: dropdownStatus.content ? footerId : undefined }));
     }
-    return (React.createElement(AutosuggestInput, Object.assign({ ref: mergedRef }, rest, { className: clsx(autosuggestStyles.root, styles.input), value: value, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, controlId: controlId, placeholder: placeholder, disabled: disabled, ariaLabel: ariaLabel, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, ariaDescribedby: joinStrings(searchResultsId, rest.ariaDescribedby), dropdownExpanded: autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null || !!customForm, dropdownContentKey: customForm ? 'custom' : 'options', dropdownContent: content, dropdownFooter: dropdownStatus.isSticky && dropdownStatus.content ? (React.createElement(DropdownFooter, { content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1, id: footerId })) : null, dropdownWidth: customForm ? DROPDOWN_WIDTH_CUSTOM_FORM : DROPDOWN_WIDTH_OPTIONS_LIST, dropdownContentFocusable: !!customForm, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter })));
+    return (React.createElement(AutosuggestInput, Object.assign({ ref: mergedRef }, rest, { className: clsx(autosuggestStyles.root, styles.input), value: value, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, controlId: controlId, placeholder: placeholder, disabled: disabled, ariaLabel: ariaLabel, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, ariaDescribedby: joinStrings(searchResultsId, rest.ariaDescribedby), dropdownExpanded: autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null || !!customForm, dropdownContentKey: customForm ? 'custom' : 'options', dropdownContent: content, dropdownFooter: dropdownStatus.isSticky && dropdownStatus.content && !customForm ? (React.createElement(DropdownFooter, { content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1, id: footerId })) : customForm ? (customForm.footer) : null, dropdownWidth: customForm ? DROPDOWN_WIDTH_CUSTOM_FORM : DROPDOWN_WIDTH_OPTIONS_LIST, dropdownContentFocusable: !!customForm, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter, loopFocus: !!customForm || dropdownStatus.hasRecoveryButton })));
 });
 export default PropertyFilterAutosuggest;
 //# sourceMappingURL=property-filter-autosuggest.js.map

package/property-filter/property-filter-autosuggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"property-filter-autosuggest.js","sourceRoot":"","sources":["../../../src/property-filter/property-filter-autosuggest.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, { Ref, useMemo, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestItem, AutosuggestProps } from '../autosuggest/interfaces';\nimport { useAutosuggestLoadMore } from '../autosuggest/load-more-controller';\nimport { useAutosuggestItems } from '../autosuggest/options-controller';\nimport AutosuggestOptionsList from '../autosuggest/options-list';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport DropdownFooter from '../internal/components/dropdown-footer';\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport {\n  BaseKeyDetail,\n  CancelableEventHandler,\n  fireNonCancelableEvent,\n  NonCancelableCustomEvent,\n} from '../internal/events';\nimport { fireCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { joinStrings } from '../internal/utils/strings';\nimport { filterOptions } from './filter-options';\n\nimport autosuggestStyles from '../autosuggest/styles.css.js';\nimport styles from './styles.css.js';\n\nconst DROPDOWN_WIDTH_OPTIONS_LIST = 300;\nconst DROPDOWN_WIDTH_CUSTOM_FORM = 200;\n\nexport interface PropertyFilterAutosuggestProps\n  extends Omit<AutosuggestProps, 'filteringResultsText'>,\n    InternalBaseComponentProps {\n  customForm?: React.ReactNode;\n  filterText?: string;\n  onOptionClick?: CancelableEventHandler<AutosuggestProps.Option>;\n  hideEnteredTextOption?: boolean;\n  searchResultsId?: string;\n}\n\nconst PropertyFilterAutosuggest = React.forwardRef(\n  (props: PropertyFilterAutosuggestProps, ref: Ref<AutosuggestInputRef>) => {\n    const {\n      value,\n      onChange,\n      onFocus,\n      onBlur,\n      onLoadItems,\n      options,\n      statusType = 'finished',\n      placeholder,\n      disabled,\n      ariaLabel,\n      enteredTextLabel,\n      onKeyDown,\n      virtualScroll,\n      expandToViewport,\n      customForm,\n      filterText,\n      onOptionClick,\n      hideEnteredTextOption,\n      searchResultsId,\n      ...rest\n    } = props;\n    const highlightText = filterText === undefined ? value : filterText;\n\n    const customFormRef = useRef<HTMLDivElement>(null);\n    const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n    const mergedRef = useMergeRefs(autosuggestInputRef, ref);\n\n    const filteredOptions = useMemo(() => filterOptions(options || [], highlightText), [options, highlightText]);\n    const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n      options: filteredOptions,\n      filterValue: value,\n      filterText: highlightText,\n      filteringType: 'manual',\n      enteredTextLabel,\n      hideEnteredTextLabel: hideEnteredTextOption,\n      onSelectItem: (option: AutosuggestItem) => {\n        const value = option.value || '';\n        fireNonCancelableEvent(onChange, { value });\n        const selectedCancelled = fireCancelableEvent(onOptionClick, option);\n        if (!selectedCancelled) {\n          autosuggestInputRef.current?.close();\n        } else {\n          autosuggestItemsHandlers.resetHighlightWithKeyboard();\n        }\n      },\n    });\n\n    const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n      options,\n      statusType,\n      onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n    });\n\n    const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n      autosuggestItemsHandlers.resetHighlightWithKeyboard();\n      fireNonCancelableEvent(onChange, event.detail);\n    };\n\n    const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n    };\n\n    const handleFocus = () => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n      fireCancelableEvent(onFocus, null);\n    };\n\n    const handleBlur = () => {\n      fireCancelableEvent(onBlur, null);\n    };\n\n    const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n      fireCancelableEvent(onKeyDown, e.detail);\n    };\n\n    const handlePressArrowDown = () => {\n      autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n      if (customFormRef.current) {\n        getFirstFocusable(customFormRef.current)?.focus();\n      }\n    };\n\n    const handlePressArrowUp = () => {\n      autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n    };\n\n    const handlePressEnter = () => {\n      return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n    };\n\n    const handleCloseDropdown = () => {\n      autosuggestItemsHandlers.resetHighlightWithKeyboard();\n    };\n\n    const handleRecoveryClick = () => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n      autosuggestInputRef.current?.focus();\n    };\n\n    const selfControlId = useUniqueId('input');\n    const controlId = rest.controlId ?? selfControlId;\n    const listId = useUniqueId('list');\n    const footerId = useUniqueId('footer');\n    const highlightedOptionIdSource = useUniqueId();\n    const highlightedOptionId = autosuggestItemsState.highlightedOption ? highlightedOptionIdSource : undefined;\n\n    const isEmpty = !value && !autosuggestItemsState.items.length;\n    const dropdownStatus = useDropdownStatus({\n      ...props,\n      isEmpty,\n      onRecoveryClick: handleRecoveryClick,\n      hasRecoveryCallback: !!onLoadItems,\n    });\n\n    let content = null;\n    if (customForm) {\n      content = (\n        <div ref={customFormRef} className={styles['custom-content-wrapper']}>\n          {customForm}\n        </div>\n      );\n    } else if (autosuggestItemsState.items.length > 0) {\n      content = (\n        <AutosuggestOptionsList\n          statusType={statusType}\n          autosuggestItemsState={autosuggestItemsState}\n          autosuggestItemsHandlers={autosuggestItemsHandlers}\n          highlightedOptionId={highlightedOptionId}\n          highlightText={highlightText}\n          listId={listId}\n          controlId={controlId}\n          handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n          hasDropdownStatus={dropdownStatus.content !== null}\n          virtualScroll={virtualScroll}\n          listBottom={\n            !dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} id={footerId} /> : null\n          }\n          ariaDescribedby={dropdownStatus.content ? footerId : undefined}\n        />\n      );\n    }\n\n    return (\n      <AutosuggestInput\n        ref={mergedRef}\n        {...rest}\n        className={clsx(autosuggestStyles.root, styles.input)}\n        value={value}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        controlId={controlId}\n        placeholder={placeholder}\n        disabled={disabled}\n        ariaLabel={ariaLabel}\n        expandToViewport={expandToViewport}\n        ariaControls={listId}\n        ariaActivedescendant={highlightedOptionId}\n        ariaDescribedby={joinStrings(searchResultsId, rest.ariaDescribedby)}\n        dropdownExpanded={autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null || !!customForm}\n        dropdownContentKey={customForm ? 'custom' : 'options'}\n        dropdownContent={content}\n        dropdownFooter={\n          dropdownStatus.isSticky && dropdownStatus.content ? (\n            <DropdownFooter\n              content={dropdownStatus.content}\n              hasItems={autosuggestItemsState.items.length >= 1}\n              id={footerId}\n            />\n          ) : null\n        }\n        dropdownWidth={customForm ? DROPDOWN_WIDTH_CUSTOM_FORM : DROPDOWN_WIDTH_OPTIONS_LIST}\n        dropdownContentFocusable={!!customForm}\n        onCloseDropdown={handleCloseDropdown}\n        onDelayedInput={handleDelayedInput}\n        onPressArrowDown={handlePressArrowDown}\n        onPressArrowUp={handlePressArrowUp}\n        onPressEnter={handlePressEnter}\n      />\n    );\n  }\n);\n\nexport default PropertyFilterAutosuggest;\n"]}
+{"version":3,"file":"property-filter-autosuggest.js","sourceRoot":"","sources":["../../../src/property-filter/property-filter-autosuggest.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, { Ref, useMemo, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestItem, AutosuggestProps } from '../autosuggest/interfaces';\nimport { useAutosuggestLoadMore } from '../autosuggest/load-more-controller';\nimport { useAutosuggestItems } from '../autosuggest/options-controller';\nimport AutosuggestOptionsList from '../autosuggest/options-list';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport DropdownFooter from '../internal/components/dropdown-footer';\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport {\n  BaseKeyDetail,\n  CancelableEventHandler,\n  fireNonCancelableEvent,\n  NonCancelableCustomEvent,\n} from '../internal/events';\nimport { fireCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { joinStrings } from '../internal/utils/strings';\nimport { filterOptions } from './filter-options';\n\nimport autosuggestStyles from '../autosuggest/styles.css.js';\nimport styles from './styles.css.js';\n\nconst DROPDOWN_WIDTH_OPTIONS_LIST = 300;\nconst DROPDOWN_WIDTH_CUSTOM_FORM = 200;\n\nexport interface PropertyFilterAutosuggestProps\n  extends Omit<AutosuggestProps, 'filteringResultsText'>,\n    InternalBaseComponentProps {\n  customForm?: {\n    content: React.ReactNode;\n    footer: React.ReactNode;\n  };\n  filterText?: string;\n  onOptionClick?: CancelableEventHandler<AutosuggestProps.Option>;\n  hideEnteredTextOption?: boolean;\n  searchResultsId?: string;\n  onCloseDropdown?: () => void;\n}\n\nconst PropertyFilterAutosuggest = React.forwardRef(\n  (props: PropertyFilterAutosuggestProps, ref: Ref<AutosuggestInputRef>) => {\n    const {\n      value,\n      onChange,\n      onFocus,\n      onBlur,\n      onLoadItems,\n      options,\n      statusType = 'finished',\n      placeholder,\n      disabled,\n      ariaLabel,\n      enteredTextLabel,\n      onKeyDown,\n      virtualScroll,\n      expandToViewport,\n      customForm,\n      filterText,\n      onOptionClick,\n      hideEnteredTextOption,\n      searchResultsId,\n      onCloseDropdown,\n      ...rest\n    } = props;\n    const highlightText = filterText === undefined ? value : filterText;\n\n    const customFormRef = useRef<HTMLDivElement>(null);\n    const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n    const mergedRef = useMergeRefs(autosuggestInputRef, ref);\n\n    const filteredOptions = useMemo(() => filterOptions(options || [], highlightText), [options, highlightText]);\n    const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n      options: filteredOptions,\n      filterValue: value,\n      filterText: highlightText,\n      filteringType: 'manual',\n      enteredTextLabel,\n      hideEnteredTextLabel: hideEnteredTextOption,\n      onSelectItem: (option: AutosuggestItem) => {\n        const value = option.value || '';\n        fireNonCancelableEvent(onChange, { value });\n        const selectedCancelled = fireCancelableEvent(onOptionClick, option);\n        if (!selectedCancelled) {\n          autosuggestInputRef.current?.close();\n        } else {\n          autosuggestItemsHandlers.resetHighlightWithKeyboard();\n        }\n      },\n    });\n\n    const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n      options,\n      statusType,\n      onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n    });\n\n    const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n      autosuggestItemsHandlers.resetHighlightWithKeyboard();\n      fireNonCancelableEvent(onChange, event.detail);\n    };\n\n    const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n    };\n\n    const handleFocus = () => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n      fireCancelableEvent(onFocus, null);\n    };\n\n    const handleBlur = () => {\n      fireCancelableEvent(onBlur, null);\n    };\n\n    const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n      fireCancelableEvent(onKeyDown, e.detail);\n    };\n\n    const handlePressArrowDown = () => {\n      autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n      if (customFormRef.current) {\n        getFirstFocusable(customFormRef.current)?.focus();\n      }\n    };\n\n    const handlePressArrowUp = () => {\n      autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n    };\n\n    const handlePressEnter = () => {\n      return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n    };\n\n    const handleCloseDropdown = () => {\n      autosuggestItemsHandlers.resetHighlightWithKeyboard();\n      onCloseDropdown?.();\n    };\n\n    const handleRecoveryClick = () => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n      autosuggestInputRef.current?.focus();\n    };\n\n    const selfControlId = useUniqueId('input');\n    const controlId = rest.controlId ?? selfControlId;\n    const listId = useUniqueId('list');\n    const footerId = useUniqueId('footer');\n    const highlightedOptionIdSource = useUniqueId();\n    const highlightedOptionId = autosuggestItemsState.highlightedOption ? highlightedOptionIdSource : undefined;\n\n    const isEmpty = !value && !autosuggestItemsState.items.length;\n    const dropdownStatus = useDropdownStatus({\n      ...props,\n      isEmpty,\n      onRecoveryClick: handleRecoveryClick,\n      hasRecoveryCallback: !!onLoadItems,\n    });\n\n    let content = null;\n    if (customForm) {\n      content = (\n        <div ref={customFormRef} className={styles['custom-content-wrapper']}>\n          {customForm.content}\n        </div>\n      );\n    } else if (autosuggestItemsState.items.length > 0) {\n      content = (\n        <AutosuggestOptionsList\n          statusType={statusType}\n          autosuggestItemsState={autosuggestItemsState}\n          autosuggestItemsHandlers={autosuggestItemsHandlers}\n          highlightedOptionId={highlightedOptionId}\n          highlightText={highlightText}\n          listId={listId}\n          controlId={controlId}\n          handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n          hasDropdownStatus={dropdownStatus.content !== null}\n          virtualScroll={virtualScroll}\n          listBottom={\n            !dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} id={footerId} /> : null\n          }\n          ariaDescribedby={dropdownStatus.content ? footerId : undefined}\n        />\n      );\n    }\n\n    return (\n      <AutosuggestInput\n        ref={mergedRef}\n        {...rest}\n        className={clsx(autosuggestStyles.root, styles.input)}\n        value={value}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        controlId={controlId}\n        placeholder={placeholder}\n        disabled={disabled}\n        ariaLabel={ariaLabel}\n        expandToViewport={expandToViewport}\n        ariaControls={listId}\n        ariaActivedescendant={highlightedOptionId}\n        ariaDescribedby={joinStrings(searchResultsId, rest.ariaDescribedby)}\n        dropdownExpanded={autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null || !!customForm}\n        dropdownContentKey={customForm ? 'custom' : 'options'}\n        dropdownContent={content}\n        dropdownFooter={\n          dropdownStatus.isSticky && dropdownStatus.content && !customForm ? (\n            <DropdownFooter\n              content={dropdownStatus.content}\n              hasItems={autosuggestItemsState.items.length >= 1}\n              id={footerId}\n            />\n          ) : customForm ? (\n            customForm.footer\n          ) : null\n        }\n        dropdownWidth={customForm ? DROPDOWN_WIDTH_CUSTOM_FORM : DROPDOWN_WIDTH_OPTIONS_LIST}\n        dropdownContentFocusable={!!customForm}\n        onCloseDropdown={handleCloseDropdown}\n        onDelayedInput={handleDelayedInput}\n        onPressArrowDown={handlePressArrowDown}\n        onPressArrowUp={handlePressArrowUp}\n        onPressEnter={handlePressEnter}\n        loopFocus={!!customForm || dropdownStatus.hasRecoveryButton}\n      />\n    );\n  }\n);\n\nexport default PropertyFilterAutosuggest;\n"]}

package/property-filter/styles.css.js

@@ -1,43 +1,41 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1wzqe_1t3yb_141",
-  "search-field": "awsui_search-field_1wzqe_1t3yb_176",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_1t3yb_182",
-  "add-token": "awsui_add-token_1wzqe_1t3yb_186",
-  "tokens": "awsui_tokens_1wzqe_1t3yb_193",
-  "token-operator": "awsui_token-operator_1wzqe_1t3yb_198",
-  "property-editor": "awsui_property-editor_1wzqe_1t3yb_202",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_1t3yb_209",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1t3yb_212",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1t3yb_215",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1t3yb_218",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1t3yb_221",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_1t3yb_224",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_1t3yb_227",
-  "token-editor": "awsui_token-editor_1wzqe_1t3yb_234",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_1t3yb_241",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1t3yb_244",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1t3yb_247",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1t3yb_250",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1t3yb_253",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_1t3yb_256",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_1t3yb_259",
-  "token-editor-grid": "awsui_token-editor-grid_1wzqe_1t3yb_268",
-  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_1t3yb_305",
-  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_1t3yb_308",
-  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_1t3yb_317",
-  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_1t3yb_321",
-  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_1t3yb_327",
-  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_1t3yb_336",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1t3yb_340",
-  "custom-control": "awsui_custom-control_1wzqe_1t3yb_344",
-  "input": "awsui_input_1wzqe_1t3yb_182",
-  "results": "awsui_results_1wzqe_1t3yb_352",
-  "token-trigger": "awsui_token-trigger_1wzqe_1t3yb_357",
-  "remove-all": "awsui_remove-all_1wzqe_1t3yb_362",
-  "join-operation": "awsui_join-operation_1wzqe_1t3yb_363",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_1t3yb_364",
-  "constraint": "awsui_constraint_1wzqe_1t3yb_368"
+  "root": "awsui_root_1wzqe_qti2i_141",
+  "search-field": "awsui_search-field_1wzqe_qti2i_176",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_qti2i_182",
+  "add-token": "awsui_add-token_1wzqe_qti2i_186",
+  "tokens": "awsui_tokens_1wzqe_qti2i_193",
+  "token-operator": "awsui_token-operator_1wzqe_qti2i_198",
+  "property-editor": "awsui_property-editor_1wzqe_qti2i_202",
+  "property-editor-header": "awsui_property-editor-header_1wzqe_qti2i_205",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_qti2i_218",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_qti2i_223",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_qti2i_226",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_qti2i_229",
+  "token-editor": "awsui_token-editor_1wzqe_qti2i_237",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_qti2i_244",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_qti2i_247",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_qti2i_250",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_qti2i_253",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_qti2i_256",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_qti2i_259",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_qti2i_262",
+  "token-editor-grid": "awsui_token-editor-grid_1wzqe_qti2i_271",
+  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_qti2i_308",
+  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_qti2i_311",
+  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_qti2i_320",
+  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_qti2i_324",
+  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_qti2i_330",
+  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_qti2i_339",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_qti2i_343",
+  "custom-control": "awsui_custom-control_1wzqe_qti2i_347",
+  "input": "awsui_input_1wzqe_qti2i_182",
+  "results": "awsui_results_1wzqe_qti2i_355",
+  "token-trigger": "awsui_token-trigger_1wzqe_qti2i_360",
+  "remove-all": "awsui_remove-all_1wzqe_qti2i_365",
+  "join-operation": "awsui_join-operation_1wzqe_qti2i_366",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_qti2i_367",
+  "constraint": "awsui_constraint_1wzqe_qti2i_371"
 };
   

package/property-filter/styles.scoped.css

@@ -138,7 +138,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_1t3yb_141:not(#\9) {
+.awsui_root_1wzqe_qti2i_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,90 +174,93 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_search-field_1wzqe_1t3yb_176:not(#\9) {
+.awsui_search-field_1wzqe_qti2i_176:not(#\9) {
   display: flex;
   align-items: flex-end;
   max-inline-size: calc(688px - 2 * var(--space-l-t419sm, 20px));
 }
 
-.awsui_input-wrapper_1wzqe_1t3yb_182:not(#\9) {
+.awsui_input-wrapper_1wzqe_qti2i_182:not(#\9) {
   flex-grow: 1;
 }
 
-.awsui_add-token_1wzqe_1t3yb_186:not(#\9) {
+.awsui_add-token_1wzqe_qti2i_186:not(#\9) {
   border-inline-start: 1px solid var(--color-border-divider-default-cx07f2, #c6c6cd);
   box-sizing: border-box;
   margin-inline-start: var(--space-m-udix3p, 16px);
   padding-inline-start: var(--space-m-udix3p, 16px);
 }
 
-.awsui_tokens_1wzqe_1t3yb_193:not(#\9) {
+.awsui_tokens_1wzqe_qti2i_193:not(#\9) {
   margin-block: var(--space-xs-zb16t3, 8px);
   margin-inline: 0;
 }
 
-.awsui_token-operator_1wzqe_1t3yb_198:not(#\9) {
+.awsui_token-operator_1wzqe_qti2i_198:not(#\9) {
   font-weight: bold;
 }
 
-.awsui_property-editor_1wzqe_1t3yb_202:not(#\9) {
-  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);
+.awsui_property-editor_1wzqe_qti2i_202:not(#\9) {
   overflow-y: auto;
 }
-.awsui_property-editor-form_1wzqe_1t3yb_209:not(#\9) {
-  margin-block-end: var(--space-scaled-l-0hpmd7, 20px);
-}
-.awsui_property-editor-field-property_1wzqe_1t3yb_212:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_property-editor-field-operator_1wzqe_1t3yb_215:not(#\9) {
-  margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
+.awsui_property-editor-header_1wzqe_qti2i_205:not(#\9) {
+  font-size: var(--font-size-body-m-x4okxb, 14px);
+  line-height: var(--line-height-body-m-30ar75, 20px);
+  color: var(--color-text-body-default-7v1jfn, #0f141a);
+  font-weight: 400;
+  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  font-weight: bold;
+  padding-block-start: var(--space-s-34lx8l, 12px);
+  padding-block-end: var(--space-xxs-p8yyaw, 4px);
+  padding-inline: var(--space-s-34lx8l, 12px);
 }
-.awsui_property-editor-field-value_1wzqe_1t3yb_218:not(#\9) {
-  margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
+.awsui_property-editor-form_1wzqe_qti2i_218:not(#\9) {
+  padding-block-start: var(--space-xxs-p8yyaw, 4px);
+  padding-block-end: var(--space-s-34lx8l, 12px);
+  padding-inline: var(--space-s-34lx8l, 12px);
 }
-.awsui_property-editor-cancel_1wzqe_1t3yb_221:not(#\9) {
+.awsui_property-editor-cancel_1wzqe_qti2i_223:not(#\9) {
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_property-editor-submit_1wzqe_1t3yb_224:not(#\9) {
+.awsui_property-editor-submit_1wzqe_qti2i_226:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-actions_1wzqe_1t3yb_227:not(#\9) {
+.awsui_property-editor-actions_1wzqe_qti2i_229: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-xiw1xo, #c6c6cd);
+  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-item-default-xiw1xo, #c6c6cd);
+  padding-inline: var(--space-l-t419sm, 20px);
+  padding-block: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_token-editor_1wzqe_1t3yb_234:not(#\9) {
+.awsui_token-editor_1wzqe_qti2i_237:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-34lx8l, 12px);
   margin-block: var(--space-xxs-p8yyaw, 4px);
   margin-inline: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_token-editor-form_1wzqe_1t3yb_241:not(#\9) {
+.awsui_token-editor-form_1wzqe_qti2i_244:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-field-property_1wzqe_1t3yb_244:not(#\9) {
+.awsui_token-editor-field-property_1wzqe_qti2i_247:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-field-operator_1wzqe_1t3yb_247:not(#\9) {
+.awsui_token-editor-field-operator_1wzqe_qti2i_250:not(#\9) {
   flex-grow: 1;
 }
-.awsui_token-editor-field-value_1wzqe_1t3yb_250:not(#\9) {
+.awsui_token-editor-field-value_1wzqe_qti2i_253:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-cancel_1wzqe_1t3yb_253:not(#\9) {
+.awsui_token-editor-cancel_1wzqe_qti2i_256:not(#\9) {
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_token-editor-submit_1wzqe_1t3yb_256:not(#\9) {
+.awsui_token-editor-submit_1wzqe_qti2i_259:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-actions_1wzqe_1t3yb_259:not(#\9) {
+.awsui_token-editor-actions_1wzqe_qti2i_262:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-block-start: var(--space-s-34lx8l, 12px);
@@ -266,7 +269,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-grid_1wzqe_1t3yb_268:not(#\9) {
+.awsui_token-editor-grid_1wzqe_qti2i_271:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -304,70 +307,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-s-34lx8l, 12px);
   grid-template-columns: minmax(min-content, 2fr) minmax(min-content, 120px) minmax(min-content, 3fr) min-content;
 }
-.awsui_token-editor-grid-group_1wzqe_1t3yb_305:not(#\9) {
+.awsui_token-editor-grid-group_1wzqe_qti2i_308:not(#\9) {
   display: contents;
 }
-.awsui_token-editor-grid_1wzqe_1t3yb_268.awsui_token-editor-narrow_1wzqe_1t3yb_308:not(#\9) {
+.awsui_token-editor-grid_1wzqe_qti2i_271.awsui_token-editor-narrow_1wzqe_qti2i_311:not(#\9) {
   grid-template-columns: minmax(100px, 1fr);
   gap: var(--space-m-udix3p, 16px);
 }
-.awsui_token-editor-grid_1wzqe_1t3yb_268.awsui_token-editor-narrow_1wzqe_1t3yb_308 > .awsui_token-editor-grid-group_1wzqe_1t3yb_305:not(#\9) {
+.awsui_token-editor-grid_1wzqe_qti2i_271.awsui_token-editor-narrow_1wzqe_qti2i_311 > .awsui_token-editor-grid-group_1wzqe_qti2i_308:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-34lx8l, 12px);
 }
-.awsui_token-editor-grid_1wzqe_1t3yb_268.awsui_token-editor-narrow_1wzqe_1t3yb_308 > .awsui_token-editor-grid-group_1wzqe_1t3yb_305.awsui_token-editor-supports-groups_1wzqe_1t3yb_317:not(#\9) {
+.awsui_token-editor-grid_1wzqe_qti2i_271.awsui_token-editor-narrow_1wzqe_qti2i_311 > .awsui_token-editor-grid-group_1wzqe_qti2i_308.awsui_token-editor-supports-groups_1wzqe_qti2i_320:not(#\9) {
   padding-block-end: var(--space-m-udix3p, 16px);
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_token-editor-grid-header_1wzqe_1t3yb_321:not(#\9) {
+.awsui_token-editor-grid-header_1wzqe_qti2i_324:not(#\9) {
   color: var(--color-text-column-header-18yqaj, #424650);
   font-weight: var(--font-weight-heading-s-cwn6wc, 700);
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   text-align: start;
 }
-.awsui_token-editor-grid-cell_1wzqe_1t3yb_327:not(#\9):not(.awsui_token-editor-narrow_1wzqe_1t3yb_308) {
+.awsui_token-editor-grid-cell_1wzqe_qti2i_330:not(#\9):not(.awsui_token-editor-narrow_1wzqe_qti2i_311) {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
 }
-.awsui_token-editor-grid-cell_1wzqe_1t3yb_327.awsui_token-editor-narrow_1wzqe_1t3yb_308:not(#\9):nth-child(4) {
+.awsui_token-editor-grid-cell_1wzqe_qti2i_330.awsui_token-editor-narrow_1wzqe_qti2i_311:not(#\9):nth-child(4) {
   display: flex;
   justify-content: flex-end;
 }
-.awsui_token-editor-add-token_1wzqe_1t3yb_336:not(#\9) {
+.awsui_token-editor-add-token_1wzqe_qti2i_339:not(#\9) {
   margin-block-start: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_custom-content-wrapper_1wzqe_1t3yb_340:not(#\9) {
+.awsui_custom-content-wrapper_1wzqe_qti2i_343:not(#\9) {
   display: contents;
 }
 
-.awsui_custom-control_1wzqe_1t3yb_344:not(#\9) {
+.awsui_custom-control_1wzqe_qti2i_347:not(#\9) {
   margin-inline-end: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_input_1wzqe_1t3yb_182:not(#\9) {
+.awsui_input_1wzqe_qti2i_182:not(#\9) {
   flex: 1;
 }
 
-.awsui_results_1wzqe_1t3yb_352:not(#\9) {
+.awsui_results_1wzqe_qti2i_355:not(#\9) {
   padding-block: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--border-field-width-09w7vk, 2px));
   padding-inline: 0;
 }
 
-.awsui_token-trigger_1wzqe_1t3yb_357:not(#\9) {
+.awsui_token-trigger_1wzqe_qti2i_360:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_remove-all_1wzqe_1t3yb_362:not(#\9),
-.awsui_join-operation_1wzqe_1t3yb_363:not(#\9),
-.awsui_custom-filter-actions_1wzqe_1t3yb_364:not(#\9) {
+.awsui_remove-all_1wzqe_qti2i_365:not(#\9),
+.awsui_join-operation_1wzqe_qti2i_366:not(#\9),
+.awsui_custom-filter-actions_1wzqe_qti2i_367:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_constraint_1wzqe_1t3yb_368:not(#\9) {
+.awsui_constraint_1wzqe_qti2i_371:not(#\9) {
   padding-block-start: var(--space-xxs-p8yyaw, 4px);
   color: var(--color-text-form-secondary-54emib, #656871);
   font-size: var(--font-size-body-s-asqx2i, 12px);