@cloudscape-design/components-themeable 3.0.1340 → 3.0.1342

package/lib/internal/template/steps/interfaces.d.ts

@@ -5,7 +5,7 @@ export interface StepsProps extends BaseComponentProps {
      * An array of individual steps
      *
      * Each step definition has the following properties:
-     *  * `status` (string) - Status of the step corresponding to a status indicator. The `log` status renders a neutral dot marker.
+     *  * `status` (string) - Status of the step corresponding to a status indicator.
      *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.
      *  * `header` (ReactNode) - Summary corresponding to the step.
      *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.
@@ -52,7 +52,7 @@ export interface StepsProps extends BaseComponentProps {
     ariaDescribedby?: string;
 }
 export declare namespace StepsProps {
-    type Status = StatusIndicatorProps.Type | 'log';
+    type Status = StatusIndicatorProps.Type;
     interface Step {
         status: Status;
         statusIconAriaLabel?: string;

package/lib/internal/template/steps/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;;OASG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;OAIG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;IAClD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,GAAG,KAAK,CAAC;IAEvD,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC9B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IAEpD,KAAY,qBAAqB,GAAG,SAAS,GAAG,MAAM,CAAC;CACxD"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;;OASG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;OAIG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;IAClD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC9B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IAEpD,KAAY,qBAAqB,GAAG,SAAS,GAAG,MAAM,CAAC;CACxD"}

package/lib/internal/template/steps/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface StepsProps extends BaseComponentProps {\n  /**\n   * An array of individual steps\n   *\n   * Each step definition has the following properties:\n   *  * `status` (string) - Status of the step corresponding to a status indicator. The `log` status renders a neutral dot marker.\n   *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n   *  * `header` (ReactNode) - Summary corresponding to the step.\n   *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n   *  * `annotation` (ReactNode) - (Optional) Content rendered at the start of the step, before the icon. Typically a timestamp in a timeline view.\n   */\n  steps: ReadonlyArray<StepsProps.Step>;\n  /**\n   * The visual orientation of the steps (vertical or horizontal).\n   * By default the orientation is vertical.\n   */\n  orientation?: StepsProps.Orientation;\n  /**\n   * Determines whether the connector lines between steps are displayed. The following variants are available:\n   * * `visible` - Shows connector lines between consecutive steps.\n   * * `none` - Hides the connector lines between steps.\n   */\n  connectorLines?: StepsProps.ConnectorLinesVariant;\n  /**\n   * Render a step. This overrides the default icon, header, and details provided by the component.\n   * The function is called for each step and should return an object with the following keys:\n   * * `header` (React.ReactNode) - Summary corresponding to the step.\n   * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n   * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n   */\n  renderStep?: (step: StepsProps.Step) => {\n    header: React.ReactNode;\n    details?: React.ReactNode;\n    icon?: React.ReactNode;\n  };\n  /**\n   * Provides an `aria-label` to the progress steps container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n  /**\n   * Sets the `aria-labelledby` property on the progress steps container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n  /**\n   * Sets the `aria-describedby` property on the progress steps container.\n   */\n  ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n  export type Status = StatusIndicatorProps.Type | 'log';\n\n  export interface Step {\n    status: Status;\n    statusIconAriaLabel?: string;\n    header: React.ReactNode;\n    details?: React.ReactNode;\n    annotation?: React.ReactNode;\n  }\n\n  export type Orientation = 'vertical' | 'horizontal';\n\n  export type ConnectorLinesVariant = 'visible' | 'none';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface StepsProps extends BaseComponentProps {\n  /**\n   * An array of individual steps\n   *\n   * Each step definition has the following properties:\n   *  * `status` (string) - Status of the step corresponding to a status indicator.\n   *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n   *  * `header` (ReactNode) - Summary corresponding to the step.\n   *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n   *  * `annotation` (ReactNode) - (Optional) Content rendered at the start of the step, before the icon. Typically a timestamp in a timeline view.\n   */\n  steps: ReadonlyArray<StepsProps.Step>;\n  /**\n   * The visual orientation of the steps (vertical or horizontal).\n   * By default the orientation is vertical.\n   */\n  orientation?: StepsProps.Orientation;\n  /**\n   * Determines whether the connector lines between steps are displayed. The following variants are available:\n   * * `visible` - Shows connector lines between consecutive steps.\n   * * `none` - Hides the connector lines between steps.\n   */\n  connectorLines?: StepsProps.ConnectorLinesVariant;\n  /**\n   * Render a step. This overrides the default icon, header, and details provided by the component.\n   * The function is called for each step and should return an object with the following keys:\n   * * `header` (React.ReactNode) - Summary corresponding to the step.\n   * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n   * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n   */\n  renderStep?: (step: StepsProps.Step) => {\n    header: React.ReactNode;\n    details?: React.ReactNode;\n    icon?: React.ReactNode;\n  };\n  /**\n   * Provides an `aria-label` to the progress steps container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n  /**\n   * Sets the `aria-labelledby` property on the progress steps container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n  /**\n   * Sets the `aria-describedby` property on the progress steps container.\n   */\n  ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n  export type Status = StatusIndicatorProps.Type;\n\n  export interface Step {\n    status: Status;\n    statusIconAriaLabel?: string;\n    header: React.ReactNode;\n    details?: React.ReactNode;\n    annotation?: React.ReactNode;\n  }\n\n  export type Orientation = 'vertical' | 'horizontal';\n\n  export type ConnectorLinesVariant = 'visible' | 'none';\n}\n"]}

package/lib/internal/template/test-utils/dom/input/index.d.ts

@@ -3,4 +3,6 @@ import BaseInputWrapper from './base-input';
 export default class InputWrapper extends BaseInputWrapper {
     static rootSelector: string;
     findClearButton(): ElementWrapper | null;
+    findPrefix(): ElementWrapper | null;
+    findSuffix(): ElementWrapper | null;
 }

package/lib/internal/template/test-utils/dom/input/index.js

@@ -6,6 +6,12 @@ class InputWrapper extends base_input_1.default {
     findClearButton() {
         return this.find(`.${styles_selectors_js_1.default['input-button-right']}`);
     }
+    findPrefix() {
+        return this.find(`.${styles_selectors_js_1.default['input-prefix']}`);
+    }
+    findSuffix() {
+        return this.find(`.${styles_selectors_js_1.default['input-suffix']}`);
+    }
 }
 InputWrapper.rootSelector = styles_selectors_js_1.default.root;
 exports.default = InputWrapper;

package/lib/internal/template/test-utils/dom/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/input/index.ts"],"names":[],"mappings":";;AAIA,6CAA4C;AAE5C,4EAAgE;AAEhE,MAAqB,YAAa,SAAQ,oBAAgB;IAGxD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;;AAJM,yBAAY,GAAW,6BAAc,CAAC,IAAI,CAAC;kBAD/B,YAAY"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/input/index.ts"],"names":[],"mappings":";;AAIA,6CAA4C;AAE5C,4EAAgE;AAEhE,MAAqB,YAAa,SAAQ,oBAAgB;IAGxD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC;;AAZM,yBAAY,GAAW,6BAAc,CAAC,IAAI,CAAC;kBAD/B,YAAY"}

package/lib/internal/template/test-utils/dom/multiselect/index.d.ts

@@ -22,6 +22,22 @@ export default class MultiselectWrapper extends DropdownHostComponentWrapper {
     }): InputWrapper | null;
     findPlaceholder(): ElementWrapper | null;
     findInlineLabel(): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

package/lib/internal/template/test-utils/dom/multiselect/index.js

@@ -43,6 +43,22 @@ class MultiselectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_6.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-footer']);
+    }
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

package/lib/internal/template/test-utils/dom/multiselect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/multiselect/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/multiselect/index.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/test-utils/dom/pagination/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentWrapper } from '@cloudscape-design/test-utils-core/dom';
+import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
 import ButtonWrapper from '../button';
 import InputWrapper from '../input';
 import PopoverWrapper from '../popover';
@@ -17,6 +17,10 @@ export default class PaginationWrapper extends ComponentWrapper {
     findPageNumberByIndex(index: number): PaginationButtonWrapper | null;
     findPreviousPageButton(): PaginationButtonWrapper;
     findNextPageButton(): PaginationButtonWrapper;
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText(): ElementWrapper | null;
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/dom/pagination/index.js

@@ -14,6 +14,7 @@ const button_1 = require("../button");
 const input_1 = require("../input");
 const popover_1 = require("../popover");
 const styles_selectors_js_1 = require("../../../pagination/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../pagination/test-classes/styles.selectors.js");
 class PaginationButtonWrapper extends dom_1.ComponentWrapper {
     isDisabled() {
         return this.element.disabled || this.element.getAttribute('aria-disabled') === 'true';
@@ -46,6 +47,12 @@ class PaginationWrapper extends dom_1.ComponentWrapper {
     findNextPageButton() {
         return this.findComponent(`li:not(:first-child) .${styles_selectors_js_1.default.arrow}`, PaginationButtonWrapper);
     }
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText() {
+        return this.findByClassName(styles_selectors_js_2.default['pages-compact-text']);
+    }
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/dom/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/pagination/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAmF;AAEnF,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AAExC,iFAA6D;AAE7D,MAAa,uBAAwB,SAAQ,sBAAmC;IAE9E,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;CACF;AALD,0DAKC;AAHC;IADC,aAAO;yDAGP;AAGH,MAAqB,iBAAkB,SAAQ,sBAAgB;IAG7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAC1E,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAC7D,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IAED,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAClE,CAAC;;AAxDM,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB;AAuDpC;IADC,aAAO;mDAGP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/pagination/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAmG;AAEnG,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AAExC,iFAA6D;AAC7D,8FAA8E;AAE9E,MAAa,uBAAwB,SAAQ,sBAAmC;IAE9E,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;CACF;AALD,0DAKC;AAHC;IADC,aAAO;yDAGP;AAGH,MAAqB,iBAAkB,SAAQ,sBAAgB;IAG7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAoB,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAC1E,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAC7D,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IAED,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAClE,CAAC;;AA/DM,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB;AA8DpC;IADC,aAAO;mDAGP"}

package/lib/internal/template/test-utils/dom/select/index.d.ts

@@ -26,6 +26,22 @@ export default class SelectWrapper extends DropdownHostComponentWrapper {
         expandToViewport: boolean;
     }): InputWrapper | null;
     findInlineLabel(): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper | null;
     findPlaceholder(): ElementWrapper | null;
     findTrigger(): ElementWrapper;
     isDisabled(): boolean;

package/lib/internal/template/test-utils/dom/select/index.js

@@ -43,6 +43,22 @@ class SelectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_5.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = { expandToViewport: false }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-footer']);
+    }
     findPlaceholder() {
         return this.findByClassName(styles_selectors_js_5.default.placeholder);
     }

package/lib/internal/template/test-utils/dom/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/select/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAiF;AAEjF,oCAAoC;AACpC,6DAAqE;AAErE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAE/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAC3D,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACvD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;IAGD,UAAU;QACR,OAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAwB,CAAC,QAAQ,CAAC;IACzE,CAAC;;AA1CM,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa;AAyChC;IADC,aAAO;+CAGP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/select/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAiF;AAEjF,oCAAoC;AACpC,6DAAqE;AAErE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAE/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAC3D,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACvD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;IAGD,UAAU;QACR,OAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAwB,CAAC,QAAQ,CAAC;IACzE,CAAC;;AA5DM,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa;AA2DhC;IADC,aAAO;+CAGP"}

package/lib/internal/template/test-utils/selectors/input/index.d.ts

@@ -3,4 +3,6 @@ import BaseInputWrapper from './base-input';
 export default class InputWrapper extends BaseInputWrapper {
     static rootSelector: string;
     findClearButton(): ElementWrapper;
+    findPrefix(): ElementWrapper;
+    findSuffix(): ElementWrapper;
 }

package/lib/internal/template/test-utils/selectors/input/index.js

@@ -6,6 +6,12 @@ class InputWrapper extends base_input_1.default {
     findClearButton() {
         return this.find(`.${styles_selectors_js_1.default['input-button-right']}`);
     }
+    findPrefix() {
+        return this.find(`.${styles_selectors_js_1.default['input-prefix']}`);
+    }
+    findSuffix() {
+        return this.find(`.${styles_selectors_js_1.default['input-suffix']}`);
+    }
 }
 InputWrapper.rootSelector = styles_selectors_js_1.default.root;
 exports.default = InputWrapper;

package/lib/internal/template/test-utils/selectors/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/input/index.ts"],"names":[],"mappings":";;AAGA,6CAA4C;AAC5C,4EAAgE;AAChE,MAAqB,YAAa,SAAQ,oBAAgB;IAExD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;;AAHM,yBAAY,GAAW,6BAAc,CAAC,IAAI,CAAC;kBAD/B,YAAY"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/input/index.ts"],"names":[],"mappings":";;AAGA,6CAA4C;AAC5C,4EAAgE;AAChE,MAAqB,YAAa,SAAQ,oBAAgB;IAExD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;IACD,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC;IACD,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC;;AATM,yBAAY,GAAW,6BAAc,CAAC,IAAI,CAAC;kBAD/B,YAAY"}

package/lib/internal/template/test-utils/selectors/multiselect/index.d.ts

@@ -22,6 +22,22 @@ export default class MultiselectWrapper extends DropdownHostComponentWrapper {
     }): InputWrapper;
     findPlaceholder(): ElementWrapper;
     findInlineLabel(): ElementWrapper;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

package/lib/internal/template/test-utils/selectors/multiselect/index.js

@@ -38,6 +38,26 @@ class MultiselectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_6.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_5.default['dropdown-footer']);
+    }
     /**
      * @param options
      * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.

package/lib/internal/template/test-utils/selectors/multiselect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/multiselect/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,oCAAoC;AACpC,gDAA+C;AAE/C,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,kFAAyE;AACzE,mFAA0E;AAC1E,yFAAiF;AACjF,kFAAwE;AACxE,MAAqB,kBAAmB,SAAQ,uBAA4B;IAG1E;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG;QAChC,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,WAAW,CAAC,CAAC;IAC/D,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG;QAC5B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,UAAkB;QAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACH,eAAe;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,UAAW,CAAC,eAAe,EAAE,CAAC;IACvC,CAAC;IACD,UAAU;QACR,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,IAAI,EAAE,EAAE,qBAAiB,CAAC,CAAC;QACtF,OAAO,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,EAAE,KAAI,EAAE,CAAC;IACxC,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;IACD,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,mBAAmB,CAAC,CAAC,0CAAE,kBAAkB,CAAC,6BAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,eAAY,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,mCAAI,EAAE,CAAC;IAC1L,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,UAAkB;QAChC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAiB,CAAC,mBAAmB,CAAC,OAAO,6BAAkB,CAAC,IAAI,cAAc,UAAU,GAAG,EAAE,eAAY,CAAC,CAAC;IAC/I,CAAC;;AA1EM,+BAAY,GAAW,6BAAiB,CAAC,IAAI,CAAC;kBADlC,kBAAkB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/multiselect/index.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/test-utils/selectors/pagination/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
+import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
 import ButtonWrapper from '../button';
 import InputWrapper from '../input';
 import PopoverWrapper from '../popover';
@@ -16,6 +16,10 @@ export default class PaginationWrapper extends ComponentWrapper {
     findPageNumberByIndex(index: number): PaginationButtonWrapper;
     findPreviousPageButton(): PaginationButtonWrapper;
     findNextPageButton(): PaginationButtonWrapper;
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText(): ElementWrapper;
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/selectors/pagination/index.js

@@ -8,6 +8,7 @@ const button_1 = require("../button");
 const input_1 = require("../input");
 const popover_1 = require("../popover");
 const styles_selectors_js_1 = require("../../../pagination/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../pagination/test-classes/styles.selectors.js");
 class PaginationButtonWrapper extends selectors_1.ComponentWrapper {
 }
 exports.PaginationButtonWrapper = PaginationButtonWrapper;
@@ -34,6 +35,12 @@ class PaginationWrapper extends selectors_1.ComponentWrapper {
     findNextPageButton() {
         return this.findComponent(`li:not(:first-child) .${styles_selectors_js_1.default.arrow}`, PaginationButtonWrapper);
     }
+    /**
+     * Returns the visible text for compact pages (for example, `3 of 12` or `3 of 12+`).
+     */
+    findPagesCompactText() {
+        return this.findByClassName(styles_selectors_js_2.default['pages-compact-text']);
+    }
     /**
      * Returns the jump to page input field.
      */

package/lib/internal/template/test-utils/selectors/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/pagination/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgF;AAChF,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AACxC,iFAA6D;AAC7D,MAAa,uBAAwB,SAAQ,4BAAgB;CAAG;AAAhE,0DAAgE;AAChE,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC1H,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IACD,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;;AA7CM,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/pagination/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,sCAAsC;AACtC,oCAAoC;AACpC,wCAAwC;AACxC,iFAA6D;AAC7D,8FAA8E;AAC9E,MAAa,uBAAwB,SAAQ,4BAAgB;CAAG;AAAhE,0DAAgE;AAChE,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACtF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC1H,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,KAAa;QACjC,6CAA6C;QAC7C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,6BAAM,CAAC,MAAM,EAAE,EAAE,uBAAuB,CAAC,CAAC;IACrG,CAAC;IACD,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,mBAAmB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IACzF,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,yBAAyB,6BAAM,CAAC,KAAK,EAAE,EAAE,uBAAuB,CAAE,CAAC;IAC/F,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QACzE,OAAO,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjG,CAAC;IAED;;OAEG;IACH,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,iBAAc,CAAC,YAAY,EAAE,EAAE,iBAAc,CAAC,CAAC;IAC/E,CAAC;;AApDM,8BAAY,GAAG,6BAAM,CAAC,IAAI,CAAC;kBADf,iBAAiB"}

package/lib/internal/template/test-utils/selectors/select/index.d.ts

@@ -26,6 +26,22 @@ export default class SelectWrapper extends DropdownHostComponentWrapper {
         expandToViewport: boolean;
     }): InputWrapper;
     findInlineLabel(): ElementWrapper;
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options?: {
+        expandToViewport: boolean;
+    }): ElementWrapper;
     findPlaceholder(): ElementWrapper;
     findTrigger(): ElementWrapper;
 }

package/lib/internal/template/test-utils/selectors/select/index.js

@@ -40,6 +40,26 @@ class SelectWrapper extends dropdown_host_1.default {
     findInlineLabel() {
         return this.findByClassName(styles_selectors_js_5.default['inline-label']);
     }
+    /**
+     * Returns the custom dropdown header region rendered by `renderDropdownHeader`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownHeader(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-header']);
+    }
+    /**
+     * Returns the custom dropdown footer region rendered by `renderDropdownFooter`, if present.
+     * @param options
+     * * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
+     */
+    findDropdownFooter(options = {
+        expandToViewport: false
+    }) {
+        return this.findDropdown(options).findByClassName(styles_selectors_js_6.default['dropdown-footer']);
+    }
     findPlaceholder() {
         return this.findByClassName(styles_selectors_js_5.default.placeholder);
     }

package/lib/internal/template/test-utils/selectors/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/select/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAC/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG;QAChC,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG;QAC5B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;;AAxCM,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/select/index.ts"],"names":[],"mappings":";;AAGA,oCAAoC;AACpC,6DAAqE;AACrE,4EAA6D;AAC7D,yGAAkG;AAClG,0GAAoG;AACpG,0GAA4F;AAC5F,mFAA0E;AAC1E,6EAA+D;AAC/D,MAAqB,aAAc,SAAQ,uBAA4B;IAGrE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG;QAChC,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG;QAC5B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,6BAAW,CAAC,iBAAiB,CAAC,EAAE,EAAE,eAAY,CAAC,CAAC;IACtG,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,GAAG;QAC3B,gBAAgB,EAAE,KAAK;KACxB;QACC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAiB,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;;AA9DM,0BAAY,GAAW,6BAAY,CAAC,IAAI,CAAC;kBAD7B,aAAa"}

package/lib/internal/template/textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAc3C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,yFAqGb,CAAC;AAGF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAc3C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,yFA8Gb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

package/lib/internal/template/textarea/index.js

@@ -14,9 +14,17 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import WithNativeAttributes from '../internal/utils/with-native-attributes';
 import { getTextareaStyles } from './styles';
 import styles from './styles.css.js';
-const Textarea = React.forwardRef(({ value, autoComplete = true, disabled, readOnly, disableBrowserAutocorrect, disableBrowserSpellcheck, spellcheck, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, rows, placeholder, autoFocus, ariaLabel, nativeTextareaAttributes, style, ...rest }, ref) => {
+const Textarea = React.forwardRef(({ value, autoComplete = true, disabled, readOnly, disableBrowserAutocorrect, disableBrowserSpellcheck, spellcheck, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, rows, resize = 'both', placeholder, autoFocus, ariaLabel, nativeTextareaAttributes, style, ...rest }, ref) => {
     const { __internalRootRef } = useBaseComponent('Textarea', {
-        props: { autoComplete, autoFocus, disableBrowserAutocorrect, disableBrowserSpellcheck, readOnly, spellcheck },
+        props: {
+            autoComplete,
+            autoFocus,
+            disableBrowserAutocorrect,
+            disableBrowserSpellcheck,
+            readOnly,
+            resize,
+            spellcheck,
+        },
     });
     const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);
     const baseProps = getBaseProps(rest);
@@ -31,7 +39,7 @@ const Textarea = React.forwardRef(({ value, autoComplete = true, disabled, readO
         name,
         placeholder,
         autoFocus,
-        className: clsx(styles.textarea, {
+        className: clsx(styles.textarea, styles[`textarea-resize-${resize}`], {
             [styles['textarea-readonly']]: readOnly,
             [styles['textarea-invalid']]: invalid,
             [styles['textarea-warning']]: warning && !invalid,

package/lib/internal/template/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.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'use client';\nimport React, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataTextareaComponent } from './analytics-metadata/interfaces';\nimport { TextareaProps } from './interfaces';\nimport { getTextareaStyles } from './styles';\n\nimport styles from './styles.css.js';\n\nexport { TextareaProps };\n\nconst Textarea = React.forwardRef(\n  (\n    {\n      value,\n      autoComplete = true,\n      disabled,\n      readOnly,\n      disableBrowserAutocorrect,\n      disableBrowserSpellcheck,\n      spellcheck,\n      onKeyDown,\n      onKeyUp,\n      onChange,\n      onBlur,\n      onFocus,\n      ariaRequired,\n      name,\n      rows,\n      placeholder,\n      autoFocus,\n      ariaLabel,\n      nativeTextareaAttributes,\n      style,\n      ...rest\n    }: TextareaProps,\n    ref: Ref<TextareaProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('Textarea', {\n      props: { autoComplete, autoFocus, disableBrowserAutocorrect, disableBrowserSpellcheck, readOnly, spellcheck },\n    });\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n    const baseProps = getBaseProps(rest);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    useForwardFocus(ref, textareaRef);\n\n    const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-required': ariaRequired ? 'true' : undefined,\n      'aria-invalid': invalid ? 'true' : undefined,\n      name,\n      placeholder,\n      autoFocus,\n      className: clsx(styles.textarea, {\n        [styles['textarea-readonly']]: readOnly,\n        [styles['textarea-invalid']]: invalid,\n        [styles['textarea-warning']]: warning && !invalid,\n      }),\n      autoComplete: convertAutoComplete(autoComplete),\n      spellCheck: spellcheck,\n      disabled,\n      readOnly: readOnly ? true : undefined,\n      rows: rows || 3,\n      onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      // We set a default value on the component in order to force it into the controlled mode.\n      value: value || '',\n      onChange: onChange && (event => fireNonCancelableEvent(onChange, { value: event.target.value })),\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    if (disableBrowserAutocorrect) {\n      attributes.autoCorrect = 'off';\n      attributes.autoCapitalize = 'off';\n    }\n\n    if (disableBrowserSpellcheck) {\n      attributes.spellCheck = 'false';\n    }\n\n    const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTextareaComponent = {\n      name: 'awsui.Textarea',\n      label: 'textarea',\n      properties: {\n        value: value || '',\n      },\n    };\n\n    return (\n      <span\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        ref={__internalRootRef}\n        {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n      >\n        <WithNativeAttributes\n          {...attributes}\n          tag=\"textarea\"\n          componentName=\"Textarea\"\n          nativeAttributes={nativeTextareaAttributes}\n          ref={textareaRef}\n          id={controlId}\n          style={getTextareaStyles(style)}\n        />\n      </span>\n    );\n  }\n);\n\napplyDisplayName(Textarea, 'Textarea');\nexport default Textarea;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.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'use client';\nimport React, { Ref, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataTextareaComponent } from './analytics-metadata/interfaces';\nimport { TextareaProps } from './interfaces';\nimport { getTextareaStyles } from './styles';\n\nimport styles from './styles.css.js';\n\nexport { TextareaProps };\n\nconst Textarea = React.forwardRef(\n  (\n    {\n      value,\n      autoComplete = true,\n      disabled,\n      readOnly,\n      disableBrowserAutocorrect,\n      disableBrowserSpellcheck,\n      spellcheck,\n      onKeyDown,\n      onKeyUp,\n      onChange,\n      onBlur,\n      onFocus,\n      ariaRequired,\n      name,\n      rows,\n      resize = 'both',\n      placeholder,\n      autoFocus,\n      ariaLabel,\n      nativeTextareaAttributes,\n      style,\n      ...rest\n    }: TextareaProps,\n    ref: Ref<TextareaProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('Textarea', {\n      props: {\n        autoComplete,\n        autoFocus,\n        disableBrowserAutocorrect,\n        disableBrowserSpellcheck,\n        readOnly,\n        resize,\n        spellcheck,\n      },\n    });\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n    const baseProps = getBaseProps(rest);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    useForwardFocus(ref, textareaRef);\n\n    const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-required': ariaRequired ? 'true' : undefined,\n      'aria-invalid': invalid ? 'true' : undefined,\n      name,\n      placeholder,\n      autoFocus,\n      className: clsx(styles.textarea, styles[`textarea-resize-${resize}`], {\n        [styles['textarea-readonly']]: readOnly,\n        [styles['textarea-invalid']]: invalid,\n        [styles['textarea-warning']]: warning && !invalid,\n      }),\n      autoComplete: convertAutoComplete(autoComplete),\n      spellCheck: spellcheck,\n      disabled,\n      readOnly: readOnly ? true : undefined,\n      rows: rows || 3,\n      onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      // We set a default value on the component in order to force it into the controlled mode.\n      value: value || '',\n      onChange: onChange && (event => fireNonCancelableEvent(onChange, { value: event.target.value })),\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    if (disableBrowserAutocorrect) {\n      attributes.autoCorrect = 'off';\n      attributes.autoCapitalize = 'off';\n    }\n\n    if (disableBrowserSpellcheck) {\n      attributes.spellCheck = 'false';\n    }\n\n    const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTextareaComponent = {\n      name: 'awsui.Textarea',\n      label: 'textarea',\n      properties: {\n        value: value || '',\n      },\n    };\n\n    return (\n      <span\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        ref={__internalRootRef}\n        {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n      >\n        <WithNativeAttributes\n          {...attributes}\n          tag=\"textarea\"\n          componentName=\"Textarea\"\n          nativeAttributes={nativeTextareaAttributes}\n          ref={textareaRef}\n          id={controlId}\n          style={getTextareaStyles(style)}\n        />\n      </span>\n    );\n  }\n);\n\napplyDisplayName(Textarea, 'Textarea');\nexport default Textarea;\n"]}

package/lib/internal/template/textarea/interfaces.d.ts

@@ -11,6 +11,17 @@ export interface TextareaProps extends Omit<BaseInputProps, 'nativeInputAttribut
      * Specifies the number of lines of text to set the height to.
      */
     rows?: number;
+    /**
+     * Specifies the directions in which the user can resize the textarea:
+     *
+     * * `both` (default) - The user can change both the width and the height.
+     * * `vertical` - The user can only change the height. Use this when the textarea
+     *   is next to other content that a width change would disrupt.
+     * * `horizontal` - The user can only change the width.
+     * * `none` - The user can't resize the textarea. Longer content scrolls instead.
+     *   Consider using the `rows` property to make the initial height fit the expected content.
+     */
+    resize?: TextareaProps.Resize;
     /**
      * Specifies whether to disable browser spellcheck feature.
      * If you set this to `true`, it disables native browser capability
@@ -41,6 +52,7 @@ export interface TextareaProps extends Omit<BaseInputProps, 'nativeInputAttribut
 }
 export declare namespace TextareaProps {
     type KeyDetail = BaseKeyDetail;
+    type Resize = 'both' | 'horizontal' | 'vertical' | 'none';
     interface ChangeDetail {
         /**
          * The new value of this textarea.

package/lib/internal/template/textarea/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AACtE;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,EAAE,uBAAuB,CAAC,EACnD,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,+BAA+B;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC;;;;;;;;;OASG;IACH,wBAAwB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE/F;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;CAC7B;AAED,yBAAiB,aAAa,CAAC;IAC7B,KAAY,SAAS,GAAG,aAAa,CAAC;IAEtC,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IACD,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,eAAe,CAAC,EAAE;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,WAAW,CAAC,EAAE;gBACZ,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE;gBACV,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;KACH;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AACtE;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,EAAE,uBAAuB,CAAC,EACnD,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,+BAA+B;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC;IAE9B;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC;;;;;;;;;OASG;IACH,wBAAwB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE/F;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;CAC7B;AAED,yBAAiB,aAAa,CAAC;IAC7B,KAAY,SAAS,GAAG,aAAa,CAAC;IAEtC,KAAY,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAEjE,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IACD,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,eAAe,CAAC,EAAE;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,WAAW,CAAC,EAAE;gBACZ,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE;gBACV,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;KACH;CACF"}

package/lib/internal/template/textarea/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport {\n  BaseInputProps,\n  InputAutoComplete,\n  InputAutoCorrect,\n  InputKeyEvents,\n  InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface TextareaProps\n  extends Omit<BaseInputProps, 'nativeInputAttributes'>,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    BaseComponentProps,\n    FormFieldValidationControlProps {\n  /**\n   * Specifies the number of lines of text to set the height to.\n   */\n  rows?: number;\n\n  /**\n   * Specifies whether to disable browser spellcheck feature.\n   * If you set this to `true`, it disables native browser capability\n   * that checks for spelling/grammar errors.\n   * If you don't set it, the behavior follows the default behavior\n   * of the user's browser.\n   *\n   * @deprecated Use the `spellcheck` property instead.\n   */\n  disableBrowserSpellcheck?: boolean;\n\n  /**\n   * Attributes to add to the native `textarea` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\n\n  /**\n   * An object containing CSS properties to customize the textarea's visual appearance.\n   * Refer to the [style](/components/textarea/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: TextareaProps.Style;\n}\n\nexport namespace TextareaProps {\n  export type KeyDetail = BaseKeyDetail;\n\n  export interface ChangeDetail {\n    /**\n     * The new value of this textarea.\n     */\n    value: string;\n  }\n  export interface Ref {\n    /**\n     * Sets input focus on the textarea control.\n     */\n    focus(): void;\n  }\n\n  export interface Style {\n    root?: {\n      backgroundColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      color?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      fontSize?: string;\n      fontWeight?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    placeholder?: {\n      color?: string;\n      fontSize?: string;\n      fontStyle?: string;\n      fontWeight?: string;\n    };\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport {\n  BaseInputProps,\n  InputAutoComplete,\n  InputAutoCorrect,\n  InputKeyEvents,\n  InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface TextareaProps\n  extends Omit<BaseInputProps, 'nativeInputAttributes'>,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    BaseComponentProps,\n    FormFieldValidationControlProps {\n  /**\n   * Specifies the number of lines of text to set the height to.\n   */\n  rows?: number;\n\n  /**\n   * Specifies the directions in which the user can resize the textarea:\n   *\n   * * `both` (default) - The user can change both the width and the height.\n   * * `vertical` - The user can only change the height. Use this when the textarea\n   *   is next to other content that a width change would disrupt.\n   * * `horizontal` - The user can only change the width.\n   * * `none` - The user can't resize the textarea. Longer content scrolls instead.\n   *   Consider using the `rows` property to make the initial height fit the expected content.\n   */\n  resize?: TextareaProps.Resize;\n\n  /**\n   * Specifies whether to disable browser spellcheck feature.\n   * If you set this to `true`, it disables native browser capability\n   * that checks for spelling/grammar errors.\n   * If you don't set it, the behavior follows the default behavior\n   * of the user's browser.\n   *\n   * @deprecated Use the `spellcheck` property instead.\n   */\n  disableBrowserSpellcheck?: boolean;\n\n  /**\n   * Attributes to add to the native `textarea` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\n\n  /**\n   * An object containing CSS properties to customize the textarea's visual appearance.\n   * Refer to the [style](/components/textarea/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: TextareaProps.Style;\n}\n\nexport namespace TextareaProps {\n  export type KeyDetail = BaseKeyDetail;\n\n  export type Resize = 'both' | 'horizontal' | 'vertical' | 'none';\n\n  export interface ChangeDetail {\n    /**\n     * The new value of this textarea.\n     */\n    value: string;\n  }\n  export interface Ref {\n    /**\n     * Sets input focus on the textarea control.\n     */\n    focus(): void;\n  }\n\n  export interface Style {\n    root?: {\n      backgroundColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      color?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      fontSize?: string;\n      fontWeight?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    placeholder?: {\n      color?: string;\n      fontSize?: string;\n      fontStyle?: string;\n      fontWeight?: string;\n    };\n  }\n}\n"]}