npm - @cloudscape-design/components - Versions diffs - 3.0.824 → 3.0.826 - Mend

@cloudscape-design/components 3.0.824 → 3.0.826

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

package/internal/components/token-list/styles.scoped.css CHANGED Viewed

@@ -178,20 +178,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gfwv3_5sril_181:not(#\9) {
-  display: flex;
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_gfwv3_1rcgd_189:not(#\9) {
   gap: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_root_gfwv3_5sril_181.awsui_horizontal_gfwv3_5sril_185:not(#\9) {
+.awsui_root_gfwv3_1rcgd_189.awsui_horizontal_gfwv3_1rcgd_192:not(#\9) {
+  display: flex;
   gap: var(--space-xs-zb16t3, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_5sril_181.awsui_vertical_gfwv3_5sril_190:not(#\9) {
+.awsui_root_gfwv3_1rcgd_189.awsui_vertical_gfwv3_1rcgd_198:not(#\9) {
+  display: flex;
   flex-direction: column;
 }
-.awsui_list_gfwv3_5sril_194:not(#\9) {
+.awsui_list_gfwv3_1rcgd_203:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -199,32 +208,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_5sril_194.awsui_horizontal_gfwv3_5sril_185:not(#\9), .awsui_list_gfwv3_5sril_194.awsui_vertical_gfwv3_5sril_190:not(#\9) {
+.awsui_list_gfwv3_1rcgd_203.awsui_horizontal_gfwv3_1rcgd_192:not(#\9), .awsui_list_gfwv3_1rcgd_203.awsui_vertical_gfwv3_1rcgd_198:not(#\9) {
   display: flex;
   gap: var(--space-xs-zb16t3, 8px);
 }
-.awsui_list_gfwv3_5sril_194.awsui_horizontal_gfwv3_5sril_185:not(#\9) {
+.awsui_list_gfwv3_1rcgd_203.awsui_horizontal_gfwv3_1rcgd_192:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_5sril_194.awsui_vertical_gfwv3_5sril_190:not(#\9) {
+.awsui_list_gfwv3_1rcgd_203.awsui_vertical_gfwv3_1rcgd_198:not(#\9) {
   flex-direction: column;
 }
+.awsui_list_gfwv3_1rcgd_203.awsui_grid_gfwv3_1rcgd_222:not(#\9) {
+  display: grid;
+  gap: var(--space-xs-zb16t3, 8px);
+  grid-template-columns: repeat(auto-fill, 230px);
+}
+@media (max-width: 688px) {
+  .awsui_list_gfwv3_1rcgd_203.awsui_grid_gfwv3_1rcgd_222:not(#\9) {
+    display: flex;
+    flex-direction: column;
+  }
+}
-.awsui_list-item_gfwv3_5sril_214:not(#\9) {
+.awsui_list-item_gfwv3_1rcgd_234:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_toggle-container-inline_gfwv3_5sril_221:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_1rcgd_241:not(#\9) {
   padding-inline-start: var(--space-xs-zb16t3, 8px);
   display: flex;
   align-items: center;
 }
-.awsui_toggle_gfwv3_5sril_221:not(#\9) {
+.awsui_toggle_gfwv3_1rcgd_241:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -279,34 +299,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_5sril_221:not(#\9) {
+  .awsui_toggle_gfwv3_1rcgd_241:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_5sril_221:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_5sril_221:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1rcgd_241:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1rcgd_241:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_5sril_221:not(#\9):hover {
+.awsui_toggle_gfwv3_1rcgd_241:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_toggle_gfwv3_5sril_221:not(#\9):focus {
+.awsui_toggle_gfwv3_1rcgd_241:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_5sril_221:not(#\9):active {
+.awsui_toggle_gfwv3_1rcgd_241:not(#\9):active {
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_toggle_gfwv3_5sril_221:not(#\9):active, .awsui_toggle_gfwv3_5sril_221:not(#\9):focus, .awsui_toggle_gfwv3_5sril_221:not(#\9):hover {
+.awsui_toggle_gfwv3_1rcgd_241:not(#\9):active, .awsui_toggle_gfwv3_1rcgd_241:not(#\9):focus, .awsui_toggle_gfwv3_1rcgd_241:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_5sril_221:not(#\9):active, .awsui_toggle_gfwv3_5sril_221:not(#\9):focus, .awsui_toggle_gfwv3_5sril_221:not(#\9):hover {
+.awsui_toggle_gfwv3_1rcgd_241:not(#\9):active, .awsui_toggle_gfwv3_1rcgd_241:not(#\9):focus, .awsui_toggle_gfwv3_1rcgd_241:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_5sril_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1rcgd_241:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-nv6mhz, #006ce0);
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-nv6mhz, #006ce0);
@@ -316,11 +336,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_5sril_221:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_toggle_gfwv3_5sril_221 > .awsui_description_gfwv3_5sril_316:not(#\9) {
+.awsui_toggle_gfwv3_1rcgd_241 > .awsui_description_gfwv3_1rcgd_336:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_separator_gfwv3_5sril_320:not(#\9) {
+.awsui_separator_gfwv3_1rcgd_340:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-mo5yse, 16px);
   inline-size: var(--border-divider-section-width-1061zr, 1px);

package/internal/components/token-list/styles.selectors.js CHANGED Viewed

@@ -2,14 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_5sril_181",
-  "horizontal": "awsui_horizontal_gfwv3_5sril_185",
-  "vertical": "awsui_vertical_gfwv3_5sril_190",
-  "list": "awsui_list_gfwv3_5sril_194",
-  "list-item": "awsui_list-item_gfwv3_5sril_214",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_5sril_221",
-  "toggle": "awsui_toggle_gfwv3_5sril_221",
-  "description": "awsui_description_gfwv3_5sril_316",
-  "separator": "awsui_separator_gfwv3_5sril_320"
+  "root": "awsui_root_gfwv3_1rcgd_189",
+  "horizontal": "awsui_horizontal_gfwv3_1rcgd_192",
+  "vertical": "awsui_vertical_gfwv3_1rcgd_198",
+  "list": "awsui_list_gfwv3_1rcgd_203",
+  "grid": "awsui_grid_gfwv3_1rcgd_222",
+  "list-item": "awsui_list-item_gfwv3_1rcgd_234",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1rcgd_241",
+  "toggle": "awsui_toggle_gfwv3_1rcgd_241",
+  "description": "awsui_description_gfwv3_1rcgd_336",
+  "separator": "awsui_separator_gfwv3_1rcgd_340"
 };

package/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (89c8f435)";
+export var PACKAGE_VERSION = "3.0.0 (5aefc242)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (89c8f435)",
+  "PACKAGE_VERSION": "3.0.0 (5aefc242)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "89c8f435bbf69639e0fc84b39b7c783c4131f581"
+  "commit": "5aefc242c6b2e2cf4562591f67d98690ec7111b3"
 }

package/package.json CHANGED Viewed

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

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

@@ -56,19 +56,19 @@ export function ValueInput(props) {
     }
     return React.createElement(ValueInputAuto, Object.assign({}, props));
 }
-function ValueInputAuto({ property, operator, value, onChangeValue, asyncProps, filteringOptions, onLoadItems, i18nStrings, }) {
-    var _a, _b;
+function ValueInputAuto({ property, operator, value: unknownValue, onChangeValue, asyncProps, filteringOptions, onLoadItems, i18nStrings, }) {
+    var _a;
+    const value = (unknownValue !== null && unknownValue !== void 0 ? unknownValue : '') + '';
     const valueOptions = property
         ? filteringOptions
             .filter(option => { var _a; return ((_a = option.property) === null || _a === void 0 ? void 0 : _a.propertyKey) === property.propertyKey; })
             .map(({ label, value }) => ({ label, value }))
         : [];
-    const valueFilter = typeof value === 'string' ? value : '';
-    const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property === null || property === void 0 ? void 0 : property.externalProperty, valueFilter, operator);
+    const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property === null || property === void 0 ? void 0 : property.externalProperty, value, operator);
     const asyncValueAutosuggestProps = (property === null || property === void 0 ? void 0 : property.propertyKey)
         ? Object.assign(Object.assign({}, valueAutosuggestHandlers), asyncProps) : { empty: asyncProps.empty };
     const [matchedOption] = valueOptions.filter(option => option.value === value);
-    return (React.createElement(InternalAutosuggest, Object.assign({ enteredTextLabel: i18nStrings.enteredTextLabel, value: (_b = (_a = matchedOption === null || matchedOption === void 0 ? void 0 : matchedOption.label) !== null && _a !== void 0 ? _a : value) !== null && _b !== void 0 ? _b : '', clearAriaLabel: i18nStrings.clearAriaLabel, onChange: e => onChangeValue(e.detail.value), disabled: !operator, options: valueOptions }, asyncValueAutosuggestProps, { virtualScroll: true })));
+    return (React.createElement(InternalAutosuggest, Object.assign({ enteredTextLabel: i18nStrings.enteredTextLabel, value: (_a = matchedOption === null || matchedOption === void 0 ? void 0 : matchedOption.label) !== null && _a !== void 0 ? _a : value, clearAriaLabel: i18nStrings.clearAriaLabel, onChange: e => onChangeValue(e.detail.value), disabled: !operator, options: valueOptions }, asyncValueAutosuggestProps, { virtualScroll: true })));
 }
 function ValueInputEnum({ property, operator, value: unknownValue, onChangeValue, asyncProps, filteringOptions, onLoadItems, }) {
     const valueOptions = filteringOptions

package/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 { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces.js';\nimport { NonCancelableEventHandler } from '../internal/events/index.js';\nimport InternalMultiselect from '../multiselect/internal.js';\nimport { SelectProps } from '../select/interfaces.js';\nimport InternalSelect from '../select/internal.js';\nimport { getAllowedOperators, getPropertySuggestions } from './controller.js';\nimport { I18nStringsInternal, operatorToDescription } from './i18n-utils.js';\nimport {\n ComparisonOperator,\n GroupText,\n InternalFilteringOption,\n InternalFilteringProperty,\n InternalFreeTextFiltering,\n LoadItemsDetail,\n} from './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 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 operatorOptions = (property ? getAllowedOperators(property) : freeTextFiltering.operators).map(operator => ({\n value: operator,\n label: operator,\n description: operatorToDescription(operator, i18nStrings),\n }));\n return (\n <InternalSelect\n options={operatorOptions}\n triggerVariant={triggerVariant}\n selectedOption={\n operator\n ? {\n value: operator,\n label: operator,\n description: operatorToDescription(operator, i18nStrings),\n }\n : null\n }\n onChange={e => onChangeOperator(e.detail.selectedOption.value as ComparisonOperator)}\n />\n );\n}\n\ninterface ValueInputProps {\n asyncProps: DropdownStatusProps;\n filteringOptions: readonly InternalFilteringOption[];\n i18nStrings: 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,\n onChangeValue,\n asyncProps,\n filteringOptions,\n onLoadItems,\n i18nStrings,\n}: ValueInputProps) {\n const valueOptions = property\n ? filteringOptions\n .filter(option => option.property?.propertyKey === property.propertyKey)\n .map(({ label, value }) => ({ label, value }))\n : [];\n\n const valueFilter = typeof value === 'string' ? value : '';\n const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property?.externalProperty, valueFilter, 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 }) => ({ label, value }));\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 { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces.js';\nimport { NonCancelableEventHandler } from '../internal/events/index.js';\nimport InternalMultiselect from '../multiselect/internal.js';\nimport { SelectProps } from '../select/interfaces.js';\nimport InternalSelect from '../select/internal.js';\nimport { getAllowedOperators, getPropertySuggestions } from './controller.js';\nimport { I18nStringsInternal, operatorToDescription } from './i18n-utils.js';\nimport {\n ComparisonOperator,\n GroupText,\n InternalFilteringOption,\n InternalFilteringProperty,\n InternalFreeTextFiltering,\n LoadItemsDetail,\n} from './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 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 operatorOptions = (property ? getAllowedOperators(property) : freeTextFiltering.operators).map(operator => ({\n value: operator,\n label: operator,\n description: operatorToDescription(operator, i18nStrings),\n }));\n return (\n <InternalSelect\n options={operatorOptions}\n triggerVariant={triggerVariant}\n selectedOption={\n operator\n ? {\n value: operator,\n label: operator,\n description: operatorToDescription(operator, i18nStrings),\n }\n : null\n }\n onChange={e => onChangeOperator(e.detail.selectedOption.value as ComparisonOperator)}\n />\n );\n}\n\ninterface ValueInputProps {\n asyncProps: DropdownStatusProps;\n filteringOptions: readonly InternalFilteringOption[];\n i18nStrings: 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 }) => ({ label, value }))\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 }) => ({ label, value }));\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/test-utils/dom/file-upload/index.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
 import ButtonWrapper from '../button';
+import { FileTokenWrapper } from '../internal/file-token-group';
 export default class FileUploadWrapper extends ComponentWrapper<HTMLElement> {
     static rootSelector: string;
     findUploadButton(): ButtonWrapper;
@@ -19,13 +20,3 @@ export default class FileUploadWrapper extends ComponentWrapper<HTMLElement> {
     findError(): null | ElementWrapper;
     findWarning(): null | ElementWrapper;
 }
-declare class FileTokenWrapper extends ComponentWrapper {
-    findFileName(): ElementWrapper;
-    findFileSize(): null | ElementWrapper;
-    findFileLastModified(): null | ElementWrapper;
-    findFileThumbnail(): null | ElementWrapper;
-    findFileError(): null | ElementWrapper;
-    findFileWarning(): null | ElementWrapper;
-    findRemoveButton(): ElementWrapper;
-}
-export {};

package/test-utils/dom/file-upload/index.js CHANGED Viewed

@@ -4,21 +4,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // SPDX-License-Identifier: Apache-2.0
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
 const button_1 = require("../button");
-const styles_selectors_js_1 = require("../../../file-upload/file-option/styles.selectors.js");
-const styles_selectors_js_2 = require("../../../file-upload/styles.selectors.js");
-const styles_selectors_js_3 = require("../../../form-field/styles.selectors.js");
-const styles_selectors_js_4 = require("../../../internal/components/file-input/styles.selectors.js");
+const file_token_group_1 = require("../internal/file-token-group");
+const styles_selectors_js_1 = require("../../../file-upload/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../form-field/styles.selectors.js");
+const styles_selectors_js_3 = require("../../../internal/components/file-input/styles.selectors.js");
+const styles_selectors_js_4 = require("../../../internal/components/file-token-group/styles.selectors.js");
 const styles_selectors_js_5 = require("../../../internal/components/token-list/styles.selectors.js");
-const styles_selectors_js_6 = require("../../../token-group/styles.selectors.js");
 class FileUploadWrapper extends dom_1.ComponentWrapper {
     findUploadButton() {
-        return this.findComponent(`.${styles_selectors_js_4.default['file-input-button']}`, button_1.default);
+        return this.findComponent(`.${styles_selectors_js_3.default['file-input-button']}`, button_1.default);
     }
     findNativeInput() {
-        return this.findByClassName(styles_selectors_js_4.default['file-input']);
+        return this.findByClassName(styles_selectors_js_3.default['file-input']);
     }
     findFileTokens() {
-        return this.findAllByClassName(styles_selectors_js_6.default.token).map(tokenElement => new FileTokenWrapper(tokenElement.getElement()));
+        return this.findAllByClassName(styles_selectors_js_4.default.token).map(tokenElement => new file_token_group_1.FileTokenWrapper(tokenElement.getElement()));
     }
     /**
      * Returns a file token from for a given index.
@@ -26,7 +26,7 @@ class FileUploadWrapper extends dom_1.ComponentWrapper {
      * @param tokenIndex 1-based index of the file token to return.
      */
     findFileToken(fileTokenIndex) {
-        return this.findComponent(`.${styles_selectors_js_6.default.token}[data-index="${fileTokenIndex - 1}"]`, FileTokenWrapper);
+        return this.findComponent(`.${styles_selectors_js_4.default.token}[data-index="${fileTokenIndex - 1}"]`, file_token_group_1.FileTokenWrapper);
     }
     /**
      * Returns the token toggle button.
@@ -35,38 +35,15 @@ class FileUploadWrapper extends dom_1.ComponentWrapper {
         return this.findByClassName(styles_selectors_js_5.default.toggle);
     }
     findConstraint() {
-        return this.find(`.${styles_selectors_js_2.default.hints} .${styles_selectors_js_3.default.constraint}`);
+        return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default.constraint}`);
     }
     findError() {
-        return this.find(`.${styles_selectors_js_2.default.hints} .${styles_selectors_js_3.default.error} .${styles_selectors_js_3.default.error__message}`);
+        return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default.error} .${styles_selectors_js_2.default.error__message}`);
     }
     findWarning() {
-        return this.find(`.${styles_selectors_js_2.default.hints} .${styles_selectors_js_3.default.warning} .${styles_selectors_js_3.default.warning__message}`);
+        return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default.warning} .${styles_selectors_js_2.default.warning__message}`);
     }
 }
 exports.default = FileUploadWrapper;
-FileUploadWrapper.rootSelector = styles_selectors_js_2.default.root;
-class FileTokenWrapper extends dom_1.ComponentWrapper {
-    findFileName() {
-        return this.findByClassName(styles_selectors_js_1.default['file-option-name']);
-    }
-    findFileSize() {
-        return this.findByClassName(styles_selectors_js_1.default['file-option-size']);
-    }
-    findFileLastModified() {
-        return this.findByClassName(styles_selectors_js_1.default['file-option-last-modified']);
-    }
-    findFileThumbnail() {
-        return this.findByClassName(styles_selectors_js_1.default['file-option-thumbnail-image']);
-    }
-    findFileError() {
-        return this.find(`.${styles_selectors_js_3.default.error} .${styles_selectors_js_3.default.error__message}`);
-    }
-    findFileWarning() {
-        return this.find(`.${styles_selectors_js_3.default.warning} .${styles_selectors_js_3.default.warning__message}`);
-    }
-    findRemoveButton() {
-        return this.findByClassName(styles_selectors_js_6.default['dismiss-button']);
-    }
-}
+FileUploadWrapper.rootSelector = styles_selectors_js_1.default.root;
 //# sourceMappingURL=index.js.map

package/test-utils/dom/file-upload/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,sCAAsC;~~AAEtC~~,~~8FAA6F~~;~~AAC7F~~,kFAA2E;AAC3E,iFAAsE;AACtE,qGAAmG;AACnG,~~qGAA6F~~;~~AAC7F~~,~~kFAA2E~~;~~AAE3E~~,MAAqB,iBAAkB,SAAQ,sBAA6B;IAG1E,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,mBAAmB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IACjG,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,YAAY,CAAC,CAAE,CAAC;IACvE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAC3D,YAAY,CAAC,EAAE,CAAC,IAAI,~~gBAAgB~~,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAChE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,~~gBAAgB~~,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACrH,CAAC;;AA3CH,oCA4CC;AA3CQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC;AA6CzD,MAAM,gBAAiB,SAAQ,sBAAgB;IAC7C,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9E,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACtF,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,6BAA6B,CAAC,CAAC,CAAC;IACxF,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvF,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;CACF"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,sCAAsC;AACtC,mEAAgE;AAEhE,kFAA2E;AAC3E,iFAAsE;AACtE,qGAAmG;AACnG,2GAAoG;AACpG,qGAA6F;AAE7F,MAAqB,iBAAkB,SAAQ,sBAA6B;IAG1E,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,mBAAmB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IACjG,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,YAAY,CAAC,CAAE,CAAC;IACvE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAC3D,YAAY,CAAC,EAAE,CAAC,IAAI,mCAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAChE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,mCAAgB,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACrH,CAAC;;AA3CH,oCA4CC;AA3CQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC"}

package/test-utils/dom/internal/file-token-group.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
+export default class FileTokenGroupWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findFileTokens(): Array<FileTokenWrapper>;
+    /**
+     * Returns a file token from for a given index.
+     *
+     * @param tokenIndex 1-based index of the file token to return.
+     */
+    findFileToken(fileTokenIndex: number): null | FileTokenWrapper;
+}
+export declare class FileTokenWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findFileName(): ElementWrapper;
+    findFileSize(): ElementWrapper;
+    findFileLastModified(): ElementWrapper;
+    findFileThumbnail(): ElementWrapper;
+    findFileError(): ElementWrapper;
+    findFileWarning(): ElementWrapper;
+    findRemoveButton(): ElementWrapper;
+}

package/test-utils/dom/internal/file-token-group.js ADDED Viewed

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileTokenWrapper = void 0;
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const dom_1 = require("@cloudscape-design/test-utils-core/dom");
+const styles_selectors_js_1 = require("../../../form-field/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../internal/components/file-token-group/styles.selectors.js");
+const styles_selectors_js_3 = require("../../../internal/components/file-token-group/test-classes/styles.selectors.js");
+const styles_selectors_js_4 = require("../../../token-group/styles.selectors.js");
+class FileTokenGroupWrapper extends dom_1.ComponentWrapper {
+    findFileTokens() {
+        return this.findAllByClassName(styles_selectors_js_2.default.token).map(tokenElement => new FileTokenWrapper(tokenElement.getElement()));
+    }
+    /**
+     * Returns a file token from for a given index.
+     *
+     * @param tokenIndex 1-based index of the file token to return.
+     */
+    findFileToken(fileTokenIndex) {
+        return this.findComponent(`.${styles_selectors_js_2.default.token}[data-index="${fileTokenIndex - 1}"]`, FileTokenWrapper);
+    }
+}
+exports.default = FileTokenGroupWrapper;
+FileTokenGroupWrapper.rootSelector = styles_selectors_js_3.default.root;
+class FileTokenWrapper extends dom_1.ComponentWrapper {
+    findFileName() {
+        return this.findByClassName(styles_selectors_js_2.default['file-option-name']);
+    }
+    findFileSize() {
+        return this.findByClassName(styles_selectors_js_2.default['file-option-size']);
+    }
+    findFileLastModified() {
+        return this.findByClassName(styles_selectors_js_2.default['file-option-last-modified']);
+    }
+    findFileThumbnail() {
+        return this.findByClassName(styles_selectors_js_2.default['file-option-thumbnail']);
+    }
+    findFileError() {
+        return this.find(`.${styles_selectors_js_1.default.error} .${styles_selectors_js_1.default.error__message}`);
+    }
+    findFileWarning() {
+        return this.find(`.${styles_selectors_js_1.default.warning} .${styles_selectors_js_1.default.warning__message}`);
+    }
+    findRemoveButton() {
+        return this.findByClassName(styles_selectors_js_4.default['dismiss-button']);
+    }
+}
+exports.FileTokenWrapper = FileTokenWrapper;
+FileTokenWrapper.rootSelector = styles_selectors_js_2.default.token;
+//# sourceMappingURL=file-token-group.js.map

package/test-utils/dom/internal/file-token-group.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file-token-group.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/internal/file-token-group.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,iFAAsE;AACtE,2GAA0F;AAC1F,wHAA2G;AAC3G,kFAA2E;AAE3E,MAAqB,qBAAsB,SAAQ,sBAAgB;IAGjE,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CACjD,YAAY,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAChE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAS,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IACzG,CAAC;;AAhBH,wCAiBC;AAhBQ,kCAAY,GAAW,6BAAa,CAAC,IAAI,CAAC;AAkBnD,MAAa,gBAAiB,SAAQ,sBAAgB;IAGpD,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAS,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9D,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAS,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9D,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAS,CAAC,2BAA2B,CAAC,CAAE,CAAC;IACvE,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAS,CAAC,uBAAuB,CAAC,CAAE,CAAC;IACnE,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAE,CAAC;IACpF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAE,CAAC;IACxF,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;;AA7BH,4CA8BC;AA7BQ,6BAAY,GAAW,6BAAS,CAAC,KAAK,CAAC"}

package/test-utils/selectors/file-upload/index.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
 import ButtonWrapper from '../button';
+import { FileTokenWrapper } from '../internal/file-token-group';
 export default class FileUploadWrapper extends ComponentWrapper {
     static rootSelector: string;
     findUploadButton(): ButtonWrapper;
@@ -19,13 +20,3 @@ export default class FileUploadWrapper extends ComponentWrapper {
     findError(): ElementWrapper;
     findWarning(): ElementWrapper;
 }
-declare class FileTokenWrapper extends ComponentWrapper {
-    findFileName(): ElementWrapper;
-    findFileSize(): ElementWrapper;
-    findFileLastModified(): ElementWrapper;
-    findFileThumbnail(): ElementWrapper;
-    findFileError(): ElementWrapper;
-    findFileWarning(): ElementWrapper;
-    findRemoveButton(): ElementWrapper;
-}
-export {};

package/test-utils/selectors/file-upload/index.js CHANGED Viewed

@@ -4,21 +4,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // SPDX-License-Identifier: Apache-2.0
 const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
 const button_1 = require("../button");
-const styles_selectors_js_1 = require("../../../file-upload/file-option/styles.selectors.js");
-const styles_selectors_js_2 = require("../../../file-upload/styles.selectors.js");
-const styles_selectors_js_3 = require("../../../form-field/styles.selectors.js");
-const styles_selectors_js_4 = require("../../../internal/components/file-input/styles.selectors.js");
+const file_token_group_1 = require("../internal/file-token-group");
+const styles_selectors_js_1 = require("../../../file-upload/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../form-field/styles.selectors.js");
+const styles_selectors_js_3 = require("../../../internal/components/file-input/styles.selectors.js");
+const styles_selectors_js_4 = require("../../../internal/components/file-token-group/styles.selectors.js");
 const styles_selectors_js_5 = require("../../../internal/components/token-list/styles.selectors.js");
-const styles_selectors_js_6 = require("../../../token-group/styles.selectors.js");
 class FileUploadWrapper extends selectors_1.ComponentWrapper {
     findUploadButton() {
-        return this.findComponent(`.${styles_selectors_js_4.default['file-input-button']}`, button_1.default);
+        return this.findComponent(`.${styles_selectors_js_3.default['file-input-button']}`, button_1.default);
     }
     findNativeInput() {
-        return this.findByClassName(styles_selectors_js_4.default['file-input']);
+        return this.findByClassName(styles_selectors_js_3.default['file-input']);
     }
     findFileTokens() {
-        return this.findAllByClassName(styles_selectors_js_6.default.token).map(tokenElement => new FileTokenWrapper(tokenElement.getElement()));
+        return this.findAllByClassName(styles_selectors_js_4.default.token).map(tokenElement => new file_token_group_1.FileTokenWrapper(tokenElement.getElement()));
     }
     /**
      * Returns a file token from for a given index.
@@ -26,7 +26,7 @@ class FileUploadWrapper extends selectors_1.ComponentWrapper {
      * @param tokenIndex 1-based index of the file token to return.
      */
     findFileToken(fileTokenIndex) {
-        return this.findComponent(`.${styles_selectors_js_6.default.token}[data-index="${fileTokenIndex - 1}"]`, FileTokenWrapper);
+        return this.findComponent(`.${styles_selectors_js_4.default.token}[data-index="${fileTokenIndex - 1}"]`, file_token_group_1.FileTokenWrapper);
     }
     /**
      * Returns the token toggle button.
@@ -35,38 +35,15 @@ class FileUploadWrapper extends selectors_1.ComponentWrapper {
         return this.findByClassName(styles_selectors_js_5.default.toggle);
     }
     findConstraint() {
-        return this.find(`.${styles_selectors_js_2.default.hints} .${styles_selectors_js_3.default.constraint}`);
+        return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default.constraint}`);
     }
     findError() {
-        return this.find(`.${styles_selectors_js_2.default.hints} .${styles_selectors_js_3.default.error} .${styles_selectors_js_3.default.error__message}`);
+        return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default.error} .${styles_selectors_js_2.default.error__message}`);
     }
     findWarning() {
-        return this.find(`.${styles_selectors_js_2.default.hints} .${styles_selectors_js_3.default.warning} .${styles_selectors_js_3.default.warning__message}`);
+        return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_2.default.warning} .${styles_selectors_js_2.default.warning__message}`);
     }
 }
 exports.default = FileUploadWrapper;
-FileUploadWrapper.rootSelector = styles_selectors_js_2.default.root;
-class FileTokenWrapper extends selectors_1.ComponentWrapper {
-    findFileName() {
-        return this.findByClassName(styles_selectors_js_1.default['file-option-name']);
-    }
-    findFileSize() {
-        return this.findByClassName(styles_selectors_js_1.default['file-option-size']);
-    }
-    findFileLastModified() {
-        return this.findByClassName(styles_selectors_js_1.default['file-option-last-modified']);
-    }
-    findFileThumbnail() {
-        return this.findByClassName(styles_selectors_js_1.default['file-option-thumbnail-image']);
-    }
-    findFileError() {
-        return this.find(`.${styles_selectors_js_3.default.error} .${styles_selectors_js_3.default.error__message}`);
-    }
-    findFileWarning() {
-        return this.find(`.${styles_selectors_js_3.default.warning} .${styles_selectors_js_3.default.warning__message}`);
-    }
-    findRemoveButton() {
-        return this.findByClassName(styles_selectors_js_6.default['dismiss-button']);
-    }
-}
+FileUploadWrapper.rootSelector = styles_selectors_js_1.default.root;
 //# sourceMappingURL=index.js.map

package/test-utils/selectors/file-upload/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,sCAAsC;AACtC,~~8FAA6F~~;~~AAC7F~~,kFAA2E;AAC3E,iFAAsE;AACtE,qGAAmG;AACnG,qGAA6F;AAC7F,~~kFAA2E;AAC3E,~~MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,mBAAmB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IACjG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,YAAY,CAAC,CAAE,CAAC;IACvE,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,~~gBAAgB~~,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IACjI,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,~~gBAAgB~~,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACrH,CAAC;;AAnCH,oCAoCC;AAnCQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC;AAoCzD,MAAM,gBAAiB,SAAQ,4BAAgB;IAC7C,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9E,CAAC;IACD,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7E,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACtF,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,6BAA6B,CAAC,CAAC,CAAC;IACxF,CAAC;IACD,aAAa;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACnF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvF,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;CACF"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,sCAAsC;AACtC,mEAAgE;AAChE,kFAA2E;AAC3E,iFAAsE;AACtE,qGAAmG;AACnG,2GAAoG;AACpG,qGAA6F;AAC7F,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,mBAAmB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IACjG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,YAAY,CAAC,CAAE,CAAC;IACvE,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,mCAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IACjI,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,mCAAgB,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACrH,CAAC;;AAnCH,oCAoCC;AAnCQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC"}

package/test-utils/selectors/internal/file-token-group.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
+export default class FileTokenGroupWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findFileTokens(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<FileTokenWrapper>;
+    /**
+     * Returns a file token from for a given index.
+     *
+     * @param tokenIndex 1-based index of the file token to return.
+     */
+    findFileToken(fileTokenIndex: number): FileTokenWrapper;
+}
+export declare class FileTokenWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findFileName(): ElementWrapper;
+    findFileSize(): ElementWrapper;
+    findFileLastModified(): ElementWrapper;
+    findFileThumbnail(): ElementWrapper;
+    findFileError(): ElementWrapper;
+    findFileWarning(): ElementWrapper;
+    findRemoveButton(): ElementWrapper;
+}