@cloudscape-design/components 3.0.236 → 3.0.238

package/text-filter/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,mEAAmE;AACnE,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAI/B,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EAW0B,EAC1B,GAAmC,EACnC,EAAE;QAbF,EACE,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,eAAe,EACf,iBAAiB,OAEO,EADrB,IAAI,cAVT,uKAWC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,aAAa,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC;IAE5D,OAAO,CACL,6CAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,iBAAiB;QAC3F,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kBAAkB,EAC7B,WAAW,EAAE,oBAAoB,EACjC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,eAAe,EAAE,WAAW,EAC5B,cAAc,EAAE,uBAAuB,EACvC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAC1F,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,eAAe,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,GACzG;QACF,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC;YAC7E,oBAAC,UAAU,IAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,IAAI;gBACjD,8BAAM,EAAE,EAAE,WAAW,IAAG,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAQ,CACjD,CACR,CACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport InternalInput from '../input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { TextFilterProps } from './interfaces';\nimport LiveRegion from '../internal/components/live-region';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\n\n// Debounce delay for live region (based on testing with VoiceOver)\nconst LIVE_REGION_DELAY = 2000;\n\ntype InternalTextFilterProps = TextFilterProps & InternalBaseComponentProps;\n\nconst InternalTextFilter = React.forwardRef(\n  (\n    {\n      filteringText,\n      filteringAriaLabel,\n      filteringPlaceholder,\n      filteringClearAriaLabel,\n      disabled,\n      countText,\n      onChange,\n      onDelayedChange,\n      __internalRootRef,\n      ...rest\n    }: InternalTextFilterProps,\n    ref: React.Ref<TextFilterProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const inputRef = useRef<HTMLInputElement>(null);\n    useForwardFocus(ref, inputRef);\n\n    const countTextId = useUniqueId('text-filter');\n    const showResults = filteringText && countText && !disabled;\n\n    return (\n      <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n        <InternalInput\n          ref={inputRef}\n          className={styles.input}\n          type=\"search\"\n          ariaLabel={filteringAriaLabel}\n          placeholder={filteringPlaceholder}\n          value={filteringText}\n          disabled={disabled}\n          autoComplete={false}\n          ariaDescribedby={countTextId}\n          clearAriaLabel={filteringClearAriaLabel}\n          onChange={event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value })}\n          __onDelayedInput={event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value })}\n        />\n        <span className={clsx(styles.results, showResults && styles['results-visible'])}>\n          <LiveRegion delay={LIVE_REGION_DELAY} visible={true}>\n            <span id={countTextId}>{showResults ? countText : ''}</span>\n          </LiveRegion>\n        </span>\n      </div>\n    );\n  }\n);\n\nexport default InternalTextFilter;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EAW0B,EAC1B,GAAmC,EACnC,EAAE;QAbF,EACE,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,eAAe,EACf,iBAAiB,OAEO,EADrB,IAAI,cAVT,uKAWC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE/B,MAAM,eAAe,GAAG,WAAW,CAAC,4BAA4B,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,aAAa,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC;IAE5D,OAAO,CACL,6CAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,iBAAiB;QAC3F,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kBAAkB,EAC7B,WAAW,EAAE,oBAAoB,EACjC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC1D,cAAc,EAAE,uBAAuB,EACvC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAC1F,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,eAAe,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,GACzG;QACD,WAAW,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,EAAE,EAAE,eAAe,IAAG,SAAS,CAAiB,CAAC,CAAC,CAAC,IAAI,CACjF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport InternalInput from '../input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { TextFilterProps } from './interfaces';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { SearchResults } from './search-results';\n\ntype InternalTextFilterProps = TextFilterProps & InternalBaseComponentProps;\n\nconst InternalTextFilter = React.forwardRef(\n  (\n    {\n      filteringText,\n      filteringAriaLabel,\n      filteringPlaceholder,\n      filteringClearAriaLabel,\n      disabled,\n      countText,\n      onChange,\n      onDelayedChange,\n      __internalRootRef,\n      ...rest\n    }: InternalTextFilterProps,\n    ref: React.Ref<TextFilterProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const inputRef = useRef<HTMLInputElement>(null);\n    useForwardFocus(ref, inputRef);\n\n    const searchResultsId = useUniqueId('text-filter-search-results');\n    const showResults = filteringText && countText && !disabled;\n\n    return (\n      <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n        <InternalInput\n          ref={inputRef}\n          className={styles.input}\n          type=\"search\"\n          ariaLabel={filteringAriaLabel}\n          placeholder={filteringPlaceholder}\n          value={filteringText}\n          disabled={disabled}\n          autoComplete={false}\n          ariaDescribedby={showResults ? searchResultsId : undefined}\n          clearAriaLabel={filteringClearAriaLabel}\n          onChange={event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value })}\n          __onDelayedInput={event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value })}\n        />\n        {showResults ? <SearchResults id={searchResultsId}>{countText}</SearchResults> : null}\n      </div>\n    );\n  }\n);\n\nexport default InternalTextFilter;\n"]}

package/text-filter/search-results.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface SearchResultsProps {
+    id: string;
+    children: string;
+}
+export declare function SearchResults({ id, children }: SearchResultsProps): JSX.Element;
+export {};
+//# sourceMappingURL=search-results.d.ts.map

package/text-filter/search-results.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-results.d.ts","sourceRoot":"","sources":["../../../src/text-filter/search-results.tsx"],"names":[],"mappings":";AAUA,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,kBAAkB,eAQjE"}

package/text-filter/search-results.js

@@ -0,0 +1,13 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import styles from './styles.css.js';
+import LiveRegion from '../internal/components/live-region';
+// Debounce delay for live region (based on testing with VoiceOver)
+const LIVE_REGION_DELAY = 2000;
+export function SearchResults({ id, children }) {
+    return (React.createElement("span", { className: styles.results },
+        React.createElement(LiveRegion, { delay: LIVE_REGION_DELAY, visible: true },
+            React.createElement("span", { id: id }, children))));
+}
+//# sourceMappingURL=search-results.js.map

package/text-filter/search-results.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-results.js","sourceRoot":"","sources":["../../../src/text-filter/search-results.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAE5D,mEAAmE;AACnE,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAO/B,MAAM,UAAU,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAsB;IAChE,OAAO,CACL,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO;QAC7B,oBAAC,UAAU,IAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,IAAI;YACjD,8BAAM,EAAE,EAAE,EAAE,IAAG,QAAQ,CAAQ,CACpB,CACR,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport styles from './styles.css.js';\nimport LiveRegion from '../internal/components/live-region';\n\n// Debounce delay for live region (based on testing with VoiceOver)\nconst LIVE_REGION_DELAY = 2000;\n\ninterface SearchResultsProps {\n  id: string;\n  children: string;\n}\n\nexport function SearchResults({ id, children }: SearchResultsProps) {\n  return (\n    <span className={styles.results}>\n      <LiveRegion delay={LIVE_REGION_DELAY} visible={true}>\n        <span id={id}>{children}</span>\n      </LiveRegion>\n    </span>\n  );\n}\n"]}

package/text-filter/styles.css.js

@@ -1,9 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1sdq3_p8s6x_93",
-  "input": "awsui_input_1sdq3_p8s6x_109",
-  "results": "awsui_results_1sdq3_p8s6x_113",
-  "results-visible": "awsui_results-visible_1sdq3_p8s6x_119"
+  "root": "awsui_root_1sdq3_16jvd_93",
+  "input": "awsui_input_1sdq3_16jvd_109",
+  "results": "awsui_results_1sdq3_16jvd_113"
 };
   

package/text-filter/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1sdq3_p8s6x_93:not(#\9) {
+.awsui_root_1sdq3_16jvd_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -132,16 +132,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-width: calc(688px - 2 * var(--space-l-4vl6xu, 20px));
 }
 
-.awsui_input_1sdq3_p8s6x_109:not(#\9) {
+.awsui_input_1sdq3_16jvd_109:not(#\9) {
   flex: 1;
 }
 
-.awsui_results_1sdq3_p8s6x_113:not(#\9) {
+.awsui_results_1sdq3_16jvd_113:not(#\9) {
   color: var(--color-text-form-label-k3j0b4, #000716);
   display: inline-block;
   box-sizing: border-box;
   white-space: nowrap;
-}
-.awsui_results-visible_1sdq3_p8s6x_119:not(#\9) {
   padding-left: var(--space-s-hv8c1d, 12px);
 }

package/text-filter/styles.selectors.js

@@ -2,9 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1sdq3_p8s6x_93",
-  "input": "awsui_input_1sdq3_p8s6x_109",
-  "results": "awsui_results_1sdq3_p8s6x_113",
-  "results-visible": "awsui_results-visible_1sdq3_p8s6x_119"
+  "root": "awsui_root_1sdq3_16jvd_93",
+  "input": "awsui_input_1sdq3_16jvd_109",
+  "results": "awsui_results_1sdq3_16jvd_113"
 };