@cloudscape-design/components 3.0.793 → 3.0.795
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.
- package/alert/internal.d.ts.map +1 -1
- package/alert/internal.js +3 -3
- package/alert/internal.js.map +1 -1
- package/alert/styles.css.js +28 -27
- package/alert/styles.scoped.css +47 -42
- package/alert/styles.selectors.js +28 -27
- package/app-layout/visual-refresh-toolbar/compute-layout.d.ts +1 -0
- package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/compute-layout.js +2 -2
- package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/contexts.d.ts +7 -0
- package/app-layout/visual-refresh-toolbar/contexts.d.ts.map +1 -0
- package/app-layout/visual-refresh-toolbar/contexts.js +6 -0
- package/app-layout/visual-refresh-toolbar/contexts.js.map +1 -0
- package/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/index.js +56 -20
- package/app-layout/visual-refresh-toolbar/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/index.js +3 -2
- package/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
- package/button-dropdown/internal.js +3 -3
- package/button-dropdown/internal.js.map +1 -1
- package/flashbar/flash.d.ts.map +1 -1
- package/flashbar/flash.js +3 -3
- package/flashbar/flash.js.map +1 -1
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +151 -164
- package/flashbar/styles.selectors.js +50 -50
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/internal/plugins/api.d.ts +3 -0
- package/internal/plugins/api.d.ts.map +1 -1
- package/internal/plugins/api.js +3 -0
- package/internal/plugins/api.js.map +1 -1
- package/internal/plugins/controllers/alert-flash-content.d.ts +9 -0
- package/internal/plugins/controllers/alert-flash-content.d.ts.map +1 -1
- package/internal/plugins/controllers/alert-flash-content.js +9 -1
- package/internal/plugins/controllers/alert-flash-content.js.map +1 -1
- package/internal/plugins/controllers/shared-react-contexts.d.ts +10 -0
- package/internal/plugins/controllers/shared-react-contexts.d.ts.map +1 -0
- package/internal/plugins/controllers/shared-react-contexts.js +27 -0
- package/internal/plugins/controllers/shared-react-contexts.js.map +1 -0
- package/internal/plugins/helpers/use-discovered-content.d.ts +3 -2
- package/internal/plugins/helpers/use-discovered-content.d.ts.map +1 -1
- package/internal/plugins/helpers/use-discovered-content.js +9 -2
- package/internal/plugins/helpers/use-discovered-content.js.map +1 -1
- package/internal/plugins/helpers/use-global-breadcrumbs.d.ts.map +1 -1
- package/internal/plugins/helpers/use-global-breadcrumbs.js +11 -3
- package/internal/plugins/helpers/use-global-breadcrumbs.js.map +1 -1
- package/multiselect/embedded.d.ts.map +1 -1
- package/multiselect/embedded.js +2 -7
- package/multiselect/embedded.js.map +1 -1
- package/multiselect/use-multiselect.d.ts +1 -1
- package/multiselect/use-multiselect.d.ts.map +1 -1
- package/multiselect/use-multiselect.js.map +1 -1
- package/package.json +1 -1
- package/property-filter/i18n-utils.d.ts.map +1 -1
- package/property-filter/i18n-utils.js +6 -3
- package/property-filter/i18n-utils.js.map +1 -1
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +20 -2
- package/property-filter/index.js.map +1 -1
- package/property-filter/interfaces.d.ts +4 -2
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/internal.d.ts.map +1 -1
- package/property-filter/internal.js +5 -3
- package/property-filter/internal.js.map +1 -1
- package/property-filter/property-editor.d.ts +13 -2
- package/property-filter/property-editor.d.ts.map +1 -1
- package/property-filter/property-editor.js +19 -1
- package/property-filter/property-editor.js.map +1 -1
- package/property-filter/styles.css.js +39 -35
- package/property-filter/styles.scoped.css +66 -37
- package/property-filter/styles.selectors.js +39 -35
- package/property-filter/token-editor-inputs.d.ts +3 -3
- package/property-filter/token-editor-inputs.d.ts.map +1 -1
- package/property-filter/token-editor-inputs.js +29 -4
- package/property-filter/token-editor-inputs.js.map +1 -1
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +9 -1
- package/property-filter/token-editor.js.map +1 -1
- package/property-filter/utils.d.ts.map +1 -1
- package/property-filter/utils.js +10 -3
- package/property-filter/utils.js.map +1 -1
- package/select/utils/use-select.d.ts.map +1 -1
- package/select/utils/use-select.js +14 -7
- package/select/utils/use-select.js.map +1 -1
- package/table/use-column-widths.d.ts.map +1 -1
- package/table/use-column-widths.js +7 -1
- package/table/use-column-widths.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-filter/index.d.ts.map +1 -1
- package/text-filter/index.js +3 -1
- package/text-filter/index.js.map +1 -1
- package/text-filter/interfaces.d.ts +2 -1
- package/text-filter/interfaces.d.ts.map +1 -1
- package/text-filter/interfaces.js.map +1 -1
- package/text-filter/internal.d.ts.map +1 -1
- package/text-filter/internal.js +2 -2
- package/text-filter/internal.js.map +1 -1
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +22 -21
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
package/text-filter/index.js
CHANGED
|
@@ -6,7 +6,9 @@ import useBaseComponent from '../internal/hooks/use-base-component';
|
|
|
6
6
|
import { applyDisplayName } from '../internal/utils/apply-display-name';
|
|
7
7
|
import InternalTextFilter from './internal';
|
|
8
8
|
const TextFilter = React.forwardRef((props, ref) => {
|
|
9
|
-
const baseComponentProps = useBaseComponent('TextFilter'
|
|
9
|
+
const baseComponentProps = useBaseComponent('TextFilter', {
|
|
10
|
+
props: { disabled: props.disabled, disableBrowserAutocorrect: props.disableBrowserAutocorrect },
|
|
11
|
+
});
|
|
10
12
|
const componentAnalyticsMetadata = {
|
|
11
13
|
name: 'awsui.TextFilter',
|
|
12
14
|
label: 'input',
|
package/text-filter/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-filter/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAmC,EAAE,EAAE;IAClG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-filter/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAmC,EAAE,EAAE;IAClG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE;QACxD,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,EAAE;KAChG,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAAkD;QAChF,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE;YACV,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE;SAChC;KACF,CAAC;IACF,OAAO,CACL,oBAAC,kBAAkB,oBACb,KAAK,EACL,kBAAkB,IACtB,GAAG,EAAE,GAAG,IACJ,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC,EAC5E,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataTextFilterComponent } from './analytics-metadata/interfaces';\nimport { TextFilterProps } from './interfaces';\nimport InternalTextFilter from './internal';\n\nexport { TextFilterProps };\n\nconst TextFilter = React.forwardRef((props: TextFilterProps, ref: React.Ref<TextFilterProps.Ref>) => {\n const baseComponentProps = useBaseComponent('TextFilter', {\n props: { disabled: props.disabled, disableBrowserAutocorrect: props.disableBrowserAutocorrect },\n });\n\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTextFilterComponent = {\n name: 'awsui.TextFilter',\n label: 'input',\n properties: {\n disabled: `${!!props.disabled}`,\n },\n };\n return (\n <InternalTextFilter\n {...props}\n {...baseComponentProps}\n ref={ref}\n {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n />\n );\n});\n\napplyDisplayName(TextFilter, 'TextFilter');\nexport default TextFilter;\n"]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { InputAutoCorrect } from '../input/interfaces';
|
|
1
2
|
import { BaseComponentProps } from '../internal/base-component';
|
|
2
3
|
import { FormFieldControlProps } from '../internal/context/form-field-context';
|
|
3
4
|
import { NonCancelableEventHandler } from '../internal/events';
|
|
4
|
-
export interface TextFilterProps extends BaseComponentProps, FormFieldControlProps {
|
|
5
|
+
export interface TextFilterProps extends BaseComponentProps, FormFieldControlProps, InputAutoCorrect {
|
|
5
6
|
/**
|
|
6
7
|
* The current value of the filtering input.
|
|
7
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB,EAAE,gBAAgB;IAClG;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;OAGG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3E;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAY;QAC3B,aAAa,EAAE,MAAM,CAAC;KACvB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TextFilterProps extends BaseComponentProps, FormFieldControlProps {\n /**\n * The current value of the filtering input.\n */\n filteringText: string;\n\n /**\n * Placeholder for the filtering input.\n */\n filteringPlaceholder?: string;\n\n /**\n * Label for the filtering input clear button.\n */\n filteringClearAriaLabel?: string;\n\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `filteringText` isn't empty.\n */\n countText?: string;\n\n /**\n * Specifies if the filtering input is disabled.\n * For example, you can use it if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering text.\n */\n disabled?: boolean;\n\n /**\n * Adds an `aria-label` on the filtering input.\n */\n filteringAriaLabel?: string;\n\n /**\n * Called when a change in filtering is caused by a user interaction. The event `detail` contains the current `filteringText`.\n */\n onChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n\n /**\n * Called after the user changes the value of the filtering input field and stops typing for a certain\n * period of time. If you want a delayed handler to invoke a filtering API call, you can use this event in addition to `onChange`.\n */\n onDelayedChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n}\n\nexport namespace TextFilterProps {\n export interface ChangeDetail {\n filteringText: string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { InputAutoCorrect } from '../input/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TextFilterProps extends BaseComponentProps, FormFieldControlProps, InputAutoCorrect {\n /**\n * The current value of the filtering input.\n */\n filteringText: string;\n\n /**\n * Placeholder for the filtering input.\n */\n filteringPlaceholder?: string;\n\n /**\n * Label for the filtering input clear button.\n */\n filteringClearAriaLabel?: string;\n\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `filteringText` isn't empty.\n */\n countText?: string;\n\n /**\n * Specifies if the filtering input is disabled.\n * For example, you can use it if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering text.\n */\n disabled?: boolean;\n\n /**\n * Adds an `aria-label` on the filtering input.\n */\n filteringAriaLabel?: string;\n\n /**\n * Called when a change in filtering is caused by a user interaction. The event `detail` contains the current `filteringText`.\n */\n onChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n\n /**\n * Called after the user changes the value of the filtering input field and stops typing for a certain\n * period of time. If you want a delayed handler to invoke a filtering API call, you can use this event in addition to `onChange`.\n */\n onDelayedChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n}\n\nexport namespace TextFilterProps {\n export interface ChangeDetail {\n filteringText: string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAO/C,QAAA,MAAM,kBAAkB,+
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAO/C,QAAA,MAAM,kBAAkB,+HAuDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
package/text-filter/internal.js
CHANGED
|
@@ -14,7 +14,7 @@ import { SearchResults } from './search-results';
|
|
|
14
14
|
import styles from './styles.css.js';
|
|
15
15
|
const InternalTextFilter = React.forwardRef((_a, ref) => {
|
|
16
16
|
var _b;
|
|
17
|
-
var { filteringText, filteringAriaLabel, filteringPlaceholder, filteringClearAriaLabel, controlId, ariaLabelledby, ariaDescribedby, disabled, countText, onChange, onDelayedChange, __internalRootRef } = _a, rest = __rest(_a, ["filteringText", "filteringAriaLabel", "filteringPlaceholder", "filteringClearAriaLabel", "controlId", "ariaLabelledby", "ariaDescribedby", "disabled", "countText", "onChange", "onDelayedChange", "__internalRootRef"]);
|
|
17
|
+
var { filteringText, filteringAriaLabel, filteringPlaceholder, filteringClearAriaLabel, controlId, ariaLabelledby, ariaDescribedby, disabled, countText, disableBrowserAutocorrect, onChange, onDelayedChange, __internalRootRef } = _a, rest = __rest(_a, ["filteringText", "filteringAriaLabel", "filteringPlaceholder", "filteringClearAriaLabel", "controlId", "ariaLabelledby", "ariaDescribedby", "disabled", "countText", "disableBrowserAutocorrect", "onChange", "onDelayedChange", "__internalRootRef"]);
|
|
18
18
|
const baseProps = getBaseProps(rest);
|
|
19
19
|
const inputRef = useRef(null);
|
|
20
20
|
useForwardFocus(ref, inputRef);
|
|
@@ -25,7 +25,7 @@ const InternalTextFilter = React.forwardRef((_a, ref) => {
|
|
|
25
25
|
tableComponentContext.filterRef.current.filterText = filteringText;
|
|
26
26
|
}
|
|
27
27
|
return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }),
|
|
28
|
-
React.createElement(InternalInput, { __inheritFormFieldProps: true, ref: inputRef, className: styles.input, type: "search", ariaLabel: filteringAriaLabel, placeholder: filteringPlaceholder, value: filteringText, disabled: disabled, controlId: controlId, ariaLabelledby: ariaLabelledby, ariaDescribedby: joinStrings(showResults ? searchResultsId : undefined, ariaDescribedby), autoComplete: false, clearAriaLabel: filteringClearAriaLabel, onChange: event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value }), __onDelayedInput: event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value }) }),
|
|
28
|
+
React.createElement(InternalInput, { __inheritFormFieldProps: true, disableBrowserAutocorrect: disableBrowserAutocorrect, ref: inputRef, className: styles.input, type: "search", ariaLabel: filteringAriaLabel, placeholder: filteringPlaceholder, value: filteringText, disabled: disabled, controlId: controlId, ariaLabelledby: ariaLabelledby, ariaDescribedby: joinStrings(showResults ? searchResultsId : undefined, ariaDescribedby), autoComplete: false, clearAriaLabel: filteringClearAriaLabel, onChange: event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value }), __onDelayedInput: event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value }) }),
|
|
29
29
|
showResults ? React.createElement(SearchResults, { id: searchResultsId }, countText) : null));
|
|
30
30
|
});
|
|
31
31
|
export default InternalTextFilter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/internal.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\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport InternalInput from '../input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { useTableComponentsContext } from '../internal/context/table-component-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { joinStrings } from '../internal/utils/strings';\nimport { TextFilterProps } from './interfaces';\nimport { SearchResults } from './search-results';\n\nimport styles from './styles.css.js';\n\ntype InternalTextFilterProps = TextFilterProps & InternalBaseComponentProps;\n\nconst InternalTextFilter = React.forwardRef(\n (\n {\n filteringText,\n filteringAriaLabel,\n filteringPlaceholder,\n filteringClearAriaLabel,\n controlId,\n ariaLabelledby,\n ariaDescribedby,\n disabled,\n countText,\n disableBrowserAutocorrect,\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 const tableComponentContext = useTableComponentsContext();\n if (tableComponentContext?.filterRef?.current) {\n tableComponentContext.filterRef.current.filterText = filteringText;\n }\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <InternalInput\n __inheritFormFieldProps={true}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n ref={inputRef}\n className={styles.input}\n type=\"search\"\n ariaLabel={filteringAriaLabel}\n placeholder={filteringPlaceholder}\n value={filteringText}\n disabled={disabled}\n controlId={controlId}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={joinStrings(showResults ? searchResultsId : undefined, ariaDescribedby)}\n autoComplete={false}\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"]}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"tutorial-list": "awsui_tutorial-
|
|
5
|
-
"tutorial-title": "awsui_tutorial-
|
|
6
|
-
"task": "
|
|
7
|
-
"task-title": "awsui_task-
|
|
8
|
-
"task-title--status": "awsui_task-title--
|
|
9
|
-
"current-task": "awsui_current-
|
|
10
|
-
"successful-task": "awsui_successful-
|
|
11
|
-
"congratulation-message": "awsui_congratulation-
|
|
12
|
-
"congratulation-message--status": "awsui_congratulation-message--
|
|
13
|
-
"plaintext-congratulation-description": "awsui_plaintext-congratulation-
|
|
14
|
-
"divider": "
|
|
15
|
-
"step-list": "awsui_step-
|
|
16
|
-
"step": "
|
|
17
|
-
"expandable-section-wrapper": "awsui_expandable-section-
|
|
18
|
-
"expandable-section-header": "awsui_expandable-section-
|
|
19
|
-
"step-title": "awsui_step-
|
|
20
|
-
"feedback-link": "awsui_feedback-
|
|
21
|
-
"dismiss-button": "awsui_dismiss-
|
|
22
|
-
"completion-screen-title": "awsui_completion-screen-
|
|
23
|
-
"completion-screen-description": "awsui_completion-screen-
|
|
4
|
+
"tutorial-list": "awsui_tutorial-list_1u70p_uow6c_177",
|
|
5
|
+
"tutorial-title": "awsui_tutorial-title_1u70p_uow6c_216",
|
|
6
|
+
"task": "awsui_task_1u70p_uow6c_223",
|
|
7
|
+
"task-title": "awsui_task-title_1u70p_uow6c_231",
|
|
8
|
+
"task-title--status": "awsui_task-title--status_1u70p_uow6c_239",
|
|
9
|
+
"current-task": "awsui_current-task_1u70p_uow6c_243",
|
|
10
|
+
"successful-task": "awsui_successful-task_1u70p_uow6c_247",
|
|
11
|
+
"congratulation-message": "awsui_congratulation-message_1u70p_uow6c_251",
|
|
12
|
+
"congratulation-message--status": "awsui_congratulation-message--status_1u70p_uow6c_259",
|
|
13
|
+
"plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_uow6c_264",
|
|
14
|
+
"divider": "awsui_divider_1u70p_uow6c_268",
|
|
15
|
+
"step-list": "awsui_step-list_1u70p_uow6c_272",
|
|
16
|
+
"step": "awsui_step_1u70p_uow6c_272",
|
|
17
|
+
"expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_uow6c_283",
|
|
18
|
+
"expandable-section-header": "awsui_expandable-section-header_1u70p_uow6c_287",
|
|
19
|
+
"step-title": "awsui_step-title_1u70p_uow6c_292",
|
|
20
|
+
"feedback-link": "awsui_feedback-link_1u70p_uow6c_293",
|
|
21
|
+
"dismiss-button": "awsui_dismiss-button_1u70p_uow6c_294",
|
|
22
|
+
"completion-screen-title": "awsui_completion-screen-title_1u70p_uow6c_295",
|
|
23
|
+
"completion-screen-description": "awsui_completion-screen-description_1u70p_uow6c_296"
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
*/
|
|
175
175
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
176
176
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
177
|
-
.awsui_tutorial-
|
|
177
|
+
.awsui_tutorial-list_1u70p_uow6c_177:not(#\9) {
|
|
178
178
|
border-collapse: separate;
|
|
179
179
|
border-spacing: 0;
|
|
180
180
|
box-sizing: border-box;
|
|
@@ -214,22 +214,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
214
214
|
margin-inline: 0;
|
|
215
215
|
}
|
|
216
216
|
|
|
217
|
-
.awsui_tutorial-
|
|
217
|
+
.awsui_tutorial-title_1u70p_uow6c_216:not(#\9) {
|
|
218
218
|
display: flex;
|
|
219
219
|
align-items: flex-start;
|
|
220
220
|
margin-inline-start: calc(-1 * var(--space-xxs-p8yyaw, 4px));
|
|
221
221
|
padding-block-end: var(--space-xxxs-zbmxqb, 2px);
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.
|
|
224
|
+
.awsui_task_1u70p_uow6c_223:not(#\9) {
|
|
225
225
|
list-style: none;
|
|
226
226
|
padding-block-start: 0;
|
|
227
227
|
}
|
|
228
|
-
.
|
|
228
|
+
.awsui_task_1u70p_uow6c_223:not(#\9):not(:first-child) {
|
|
229
229
|
margin-block-start: var(--space-xl-lmui9r, 24px);
|
|
230
230
|
}
|
|
231
231
|
|
|
232
|
-
.awsui_task-
|
|
232
|
+
.awsui_task-title_1u70p_uow6c_231:not(#\9) {
|
|
233
233
|
display: flex;
|
|
234
234
|
align-items: flex-start;
|
|
235
235
|
padding-inline-start: var(--border-divider-section-width-1061zr, 1px);
|
|
@@ -237,19 +237,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
237
237
|
line-height: var(--line-height-heading-s-4i6ewn, 20px);
|
|
238
238
|
letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
|
|
239
239
|
}
|
|
240
|
-
.awsui_task-title--
|
|
240
|
+
.awsui_task-title--status_1u70p_uow6c_239:not(#\9) {
|
|
241
241
|
line-height: inherit;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.awsui_current-
|
|
244
|
+
.awsui_current-task_1u70p_uow6c_243:not(#\9) {
|
|
245
245
|
font-weight: 700;
|
|
246
246
|
}
|
|
247
247
|
|
|
248
|
-
.awsui_successful-
|
|
248
|
+
.awsui_successful-task_1u70p_uow6c_247:not(#\9) {
|
|
249
249
|
color: var(--color-text-status-success-gqp5xk, #00802f);
|
|
250
250
|
}
|
|
251
251
|
|
|
252
|
-
.awsui_congratulation-
|
|
252
|
+
.awsui_congratulation-message_1u70p_uow6c_251:not(#\9) {
|
|
253
253
|
display: flex;
|
|
254
254
|
font-size: var(--font-size-heading-s-yykzif, 16px);
|
|
255
255
|
line-height: var(--line-height-heading-s-4i6ewn, 20px);
|
|
@@ -257,42 +257,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
257
257
|
font-weight: var(--font-weight-heading-xs-l7rqme, 700);
|
|
258
258
|
color: var(--color-text-status-success-gqp5xk, #00802f);
|
|
259
259
|
}
|
|
260
|
-
.awsui_congratulation-message--
|
|
260
|
+
.awsui_congratulation-message--status_1u70p_uow6c_259:not(#\9) {
|
|
261
261
|
line-height: inherit;
|
|
262
|
+
flex-shrink: 0;
|
|
262
263
|
}
|
|
263
264
|
|
|
264
|
-
.awsui_plaintext-congratulation-
|
|
265
|
+
.awsui_plaintext-congratulation-description_1u70p_uow6c_264:not(#\9) {
|
|
265
266
|
white-space: pre-line;
|
|
266
267
|
}
|
|
267
268
|
|
|
268
|
-
.
|
|
269
|
+
.awsui_divider_1u70p_uow6c_268:not(#\9) {
|
|
269
270
|
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
270
271
|
}
|
|
271
272
|
|
|
272
|
-
.awsui_step-
|
|
273
|
+
.awsui_step-list_1u70p_uow6c_272:not(#\9) {
|
|
273
274
|
list-style: none;
|
|
274
275
|
padding-block: 0;
|
|
275
276
|
padding-inline-start: var(--space-xxxs-zbmxqb, 2px);
|
|
276
277
|
padding-inline-end: 0;
|
|
277
278
|
}
|
|
278
279
|
|
|
279
|
-
.
|
|
280
|
+
.awsui_step_1u70p_uow6c_272:not(#\9):not(:first-child) {
|
|
280
281
|
padding-block-start: var(--space-xxs-p8yyaw, 4px);
|
|
281
282
|
}
|
|
282
283
|
|
|
283
|
-
.awsui_expandable-section-
|
|
284
|
+
.awsui_expandable-section-wrapper_1u70p_uow6c_283:not(#\9) {
|
|
284
285
|
inline-size: 100%;
|
|
285
286
|
}
|
|
286
287
|
|
|
287
|
-
.awsui_expandable-section-
|
|
288
|
+
.awsui_expandable-section-header_1u70p_uow6c_287:not(#\9) {
|
|
288
289
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
289
290
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
290
291
|
}
|
|
291
292
|
|
|
292
|
-
.awsui_step-
|
|
293
|
-
.awsui_feedback-
|
|
294
|
-
.awsui_dismiss-
|
|
295
|
-
.awsui_completion-screen-
|
|
296
|
-
.awsui_completion-screen-
|
|
293
|
+
.awsui_step-title_1u70p_uow6c_292:not(#\9),
|
|
294
|
+
.awsui_feedback-link_1u70p_uow6c_293:not(#\9),
|
|
295
|
+
.awsui_dismiss-button_1u70p_uow6c_294:not(#\9),
|
|
296
|
+
.awsui_completion-screen-title_1u70p_uow6c_295:not(#\9),
|
|
297
|
+
.awsui_completion-screen-description_1u70p_uow6c_296:not(#\9) {
|
|
297
298
|
/* used in test-utils */
|
|
298
299
|
}
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"tutorial-list": "awsui_tutorial-
|
|
6
|
-
"tutorial-title": "awsui_tutorial-
|
|
7
|
-
"task": "
|
|
8
|
-
"task-title": "awsui_task-
|
|
9
|
-
"task-title--status": "awsui_task-title--
|
|
10
|
-
"current-task": "awsui_current-
|
|
11
|
-
"successful-task": "awsui_successful-
|
|
12
|
-
"congratulation-message": "awsui_congratulation-
|
|
13
|
-
"congratulation-message--status": "awsui_congratulation-message--
|
|
14
|
-
"plaintext-congratulation-description": "awsui_plaintext-congratulation-
|
|
15
|
-
"divider": "
|
|
16
|
-
"step-list": "awsui_step-
|
|
17
|
-
"step": "
|
|
18
|
-
"expandable-section-wrapper": "awsui_expandable-section-
|
|
19
|
-
"expandable-section-header": "awsui_expandable-section-
|
|
20
|
-
"step-title": "awsui_step-
|
|
21
|
-
"feedback-link": "awsui_feedback-
|
|
22
|
-
"dismiss-button": "awsui_dismiss-
|
|
23
|
-
"completion-screen-title": "awsui_completion-screen-
|
|
24
|
-
"completion-screen-description": "awsui_completion-screen-
|
|
5
|
+
"tutorial-list": "awsui_tutorial-list_1u70p_uow6c_177",
|
|
6
|
+
"tutorial-title": "awsui_tutorial-title_1u70p_uow6c_216",
|
|
7
|
+
"task": "awsui_task_1u70p_uow6c_223",
|
|
8
|
+
"task-title": "awsui_task-title_1u70p_uow6c_231",
|
|
9
|
+
"task-title--status": "awsui_task-title--status_1u70p_uow6c_239",
|
|
10
|
+
"current-task": "awsui_current-task_1u70p_uow6c_243",
|
|
11
|
+
"successful-task": "awsui_successful-task_1u70p_uow6c_247",
|
|
12
|
+
"congratulation-message": "awsui_congratulation-message_1u70p_uow6c_251",
|
|
13
|
+
"congratulation-message--status": "awsui_congratulation-message--status_1u70p_uow6c_259",
|
|
14
|
+
"plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_uow6c_264",
|
|
15
|
+
"divider": "awsui_divider_1u70p_uow6c_268",
|
|
16
|
+
"step-list": "awsui_step-list_1u70p_uow6c_272",
|
|
17
|
+
"step": "awsui_step_1u70p_uow6c_272",
|
|
18
|
+
"expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_uow6c_283",
|
|
19
|
+
"expandable-section-header": "awsui_expandable-section-header_1u70p_uow6c_287",
|
|
20
|
+
"step-title": "awsui_step-title_1u70p_uow6c_292",
|
|
21
|
+
"feedback-link": "awsui_feedback-link_1u70p_uow6c_293",
|
|
22
|
+
"dismiss-button": "awsui_dismiss-button_1u70p_uow6c_294",
|
|
23
|
+
"completion-screen-title": "awsui_completion-screen-title_1u70p_uow6c_295",
|
|
24
|
+
"completion-screen-description": "awsui_completion-screen-description_1u70p_uow6c_296"
|
|
25
25
|
};
|
|
26
26
|
|