@cloudscape-design/components 3.0.716 → 3.0.717
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/internal/components/option/interfaces.d.ts +7 -7
- package/internal/components/option/interfaces.d.ts.map +1 -1
- package/internal/components/option/interfaces.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/select/interfaces.d.ts +12 -11
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/select/parts/item.d.ts.map +1 -1
- package/select/parts/item.js +1 -1
- package/select/parts/item.js.map +1 -1
- package/select/parts/multiselect-item.d.ts.map +1 -1
- package/select/parts/multiselect-item.js +1 -4
- package/select/parts/multiselect-item.js.map +1 -1
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +44 -40
- package/table/styles.selectors.js +34 -34
- package/tiles/index.js +1 -1
- package/tiles/index.js.map +1 -1
|
@@ -2,21 +2,21 @@ import React from 'react';
|
|
|
2
2
|
import { IconProps } from '../../../icon/interfaces';
|
|
3
3
|
import { BaseComponentProps } from '../../base-component';
|
|
4
4
|
export interface BaseOption {
|
|
5
|
+
value?: string;
|
|
5
6
|
label?: string;
|
|
7
|
+
lang?: string;
|
|
8
|
+
description?: string;
|
|
6
9
|
disabled?: boolean;
|
|
7
10
|
disabledReason?: string;
|
|
8
|
-
}
|
|
9
|
-
export interface OptionDefinition extends BaseOption {
|
|
10
|
-
value?: string;
|
|
11
|
-
lang?: string;
|
|
12
11
|
labelTag?: string;
|
|
13
|
-
|
|
12
|
+
tags?: ReadonlyArray<string>;
|
|
13
|
+
filteringTags?: ReadonlyArray<string>;
|
|
14
14
|
iconAlt?: string;
|
|
15
15
|
iconName?: IconProps.Name;
|
|
16
16
|
iconUrl?: string;
|
|
17
17
|
iconSvg?: React.ReactNode;
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
}
|
|
19
|
+
export interface OptionDefinition extends BaseOption {
|
|
20
20
|
__labelPrefix?: string;
|
|
21
21
|
}
|
|
22
22
|
export interface InternalOptionDefinition extends OptionDefinition {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAAC;CACxC;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport { BaseComponentProps } from '../../base-component';\n\nexport interface BaseOption {\n
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport { BaseComponentProps } from '../../base-component';\n\nexport interface BaseOption {\n value?: string;\n label?: string;\n lang?: string;\n description?: string;\n disabled?: boolean;\n disabledReason?: string;\n labelTag?: string;\n tags?: ReadonlyArray<string>;\n filteringTags?: ReadonlyArray<string>;\n iconAlt?: string;\n iconName?: IconProps.Name;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n}\n\nexport interface OptionDefinition extends BaseOption {\n __labelPrefix?: string;\n}\n\nexport interface InternalOptionDefinition extends OptionDefinition {\n __customIcon?: React.ReactNode;\n}\n\nexport interface OptionGroup extends BaseOption {\n options: ReadonlyArray<OptionDefinition>;\n}\n\nexport interface DropdownOption {\n type?: string;\n disabled?: boolean;\n disabledReason?: string;\n option: OptionDefinition | OptionGroup;\n}\n\nexport interface OptionProps extends BaseComponentProps {\n option?: InternalOptionDefinition;\n triggerVariant?: boolean;\n highlightText?: string;\n highlightedOption?: boolean;\n selectedOption?: boolean;\n isGroupOption?: boolean;\n isGenericGroup?: boolean;\n}\n"]}
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
package/select/interfaces.d.ts
CHANGED
|
@@ -12,24 +12,25 @@ export interface BaseSelectProps extends BaseDropdownHostProps, BaseComponentPro
|
|
|
12
12
|
*
|
|
13
13
|
* #### Option
|
|
14
14
|
* - `value` (string) - The returned value of the option when selected.
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
* - `
|
|
18
|
-
* - `
|
|
15
|
+
*
|
|
16
|
+
* #### OptionGroup
|
|
17
|
+
* - `value` (string) - Used to locate option group in test utils.
|
|
18
|
+
* - `options` (Option[]) - (Optional) The options under this group.
|
|
19
|
+
*
|
|
20
|
+
* #### Shared Option and OptionGroup properties
|
|
21
|
+
* - `label` (string) - (Optional) Option or group text displayed to the user.
|
|
22
|
+
* - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.
|
|
23
|
+
* - `description` (string) - (Optional) Further information about the option or group that appears below the label.
|
|
24
|
+
* - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.
|
|
19
25
|
* - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.
|
|
20
26
|
* - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.
|
|
21
|
-
* - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.
|
|
27
|
+
* - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option or group.
|
|
22
28
|
* - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.
|
|
23
|
-
* - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.
|
|
29
|
+
* - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option or group.
|
|
24
30
|
* - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.
|
|
25
31
|
* - `iconUrl` (string) - (Optional) URL of a custom icon.
|
|
26
32
|
* - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).
|
|
27
33
|
*
|
|
28
|
-
* #### OptionGroup
|
|
29
|
-
* - `label` (string) - Option group text displayed to the user.
|
|
30
|
-
* - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.
|
|
31
|
-
* - `options` (Option[]) - (Optional) The options under this group.
|
|
32
|
-
*
|
|
33
34
|
* Note: Only one level of option nesting is supported.
|
|
34
35
|
*
|
|
35
36
|
* If you want to use the built-in filtering capabilities of this component, provide
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,kBAAkB,EAClB,+BAA+B,EAC/B,mBAAmB;IACrB
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"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"}
|
package/select/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport {\n BaseDropdownHostProps,\n OptionsFilteringType,\n OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface BaseSelectProps\n extends BaseDropdownHostProps,\n BaseComponentProps,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n * - `label` (string) - (Optional) Option text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n *
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport {\n BaseDropdownHostProps,\n OptionsFilteringType,\n OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface BaseSelectProps\n extends BaseDropdownHostProps,\n BaseComponentProps,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n *\n * #### OptionGroup\n * - `value` (string) - Used to locate option group in test utils.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * #### Shared Option and OptionGroup properties\n * - `label` (string) - (Optional) Option or group text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option or group that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.\n * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option or group.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option or group.\n * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: SelectProps.Options;\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Determines whether the whole select component is disabled.\n */\n disabled?: boolean;\n /**\n * Specifies the placeholder to display in the filtering input if filtering is enabled.\n */\n filteringPlaceholder?: string;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n /**\n * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n */\n filteringAriaLabel?: string;\n /**\n * Adds an `aria-label` to the clear button inside the search input.\n * @i18n\n */\n filteringClearAriaLabel?: string;\n /**\n * @deprecated Has no effect.\n */\n name?: string;\n /**\n * Specifies the hint text that's displayed in the field when no option has been selected.\n */\n placeholder?: string;\n /**\n * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n */\n controlId?: string;\n /**\n * Adds `aria-required` to the native input element.\n */\n ariaRequired?: boolean;\n /**\n * Adds `aria-label` to the select element.\n * Use this if you don't have a visible label for this control.\n */\n ariaLabel?: string;\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n /**\n * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n */\n noMatch?: React.ReactNode;\n /**\n * Called when input focus is removed from the UI control.\n */\n onBlur?: NonCancelableEventHandler;\n /**\n * Called when input focus is set onto the UI control.\n */\n onFocus?: NonCancelableEventHandler;\n\n /**\n * Specifies if the control is read-only, which prevents the\n * user from both modifying the value and opening the dropdown. A read-only control is still focusable.\n */\n readOnly?: boolean;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n /**\n * Adds a small label inline with the input for saving vertical space in the UI.\n * For use with collection select filters only.\n */\n inlineLabelText?: string;\n /**\n * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n * don't set this property because the form field component automatically sets it.\n *\n * Use this property if the component isn't using `inlineLabelText` and isn't surrounded by a form field, or you want to override the value\n * automatically set by the form field (for example, if you have two components within a single form field).\n *\n * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n */\n ariaLabelledby?: string;\n /**\n * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n */\n triggerVariant?: SelectProps.TriggerVariant;\n /**\n * Specifies the currently selected option.\n * If you want to clear the selection, use `null`.\n */\n selectedOption: SelectProps.Option | null;\n /**\n * Called when the user selects an option.\n * The event `detail` contains the current `selectedOption`.\n */\n onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n}\n\nexport namespace SelectProps {\n export type FilteringType = OptionsFilteringType;\n export type TriggerVariant = 'label' | 'option';\n\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n\n export type LoadItemsDetail = OptionsLoadItemsDetail;\n\n export interface ChangeDetail {\n selectedOption: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,OAAO,EAAE,cAAc,EAAoB,MAAM,6CAA6C,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,sEAAsE,CAAC;AAQrG,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,cAAc,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CACvC;;
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,OAAO,EAAE,cAAc,EAAoB,MAAM,6CAA6C,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,sEAAsE,CAAC;AAQrG,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,cAAc,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CACvC;;AAuFD,wBAAkD"}
|
package/select/parts/item.js
CHANGED
|
@@ -27,7 +27,7 @@ const Item = (_a, ref) => {
|
|
|
27
27
|
React.createElement("div", { className: clsx(styles.item, !isParent && wrappedOption.labelTag && styles['show-label-tag']) },
|
|
28
28
|
hasCheckbox && !isParent && (React.createElement("div", { className: styles.checkbox },
|
|
29
29
|
React.createElement(CheckboxIcon, { checked: selected || false, disabled: option.disabled }))),
|
|
30
|
-
|
|
30
|
+
React.createElement(Option, { option: Object.assign(Object.assign({}, wrappedOption), { disabled }), highlightedOption: highlighted, selectedOption: selected, highlightText: filteringValue, isGroupOption: isParent }),
|
|
31
31
|
!hasCheckbox && !isParent && selected && (React.createElement("div", { className: styles['selected-icon'] },
|
|
32
32
|
React.createElement(InternalIcon, { name: "check" }))),
|
|
33
33
|
isDisabledWithReason && (React.createElement(React.Fragment, null,
|
package/select/parts/item.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/select/parts/item.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,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAGtD,OAAO,cAAc,MAAM,2CAA2C,CAAC;AACvE,OAAO,OAAO,MAAM,mCAAmC,CAAC;AACxD,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAiBrC,MAAM,IAAI,GAAG,CACX,EAcY,EACZ,GAA8B,EAC9B,EAAE;QAhBF,EACE,MAAM,EACN,WAAW,EACX,QAAQ,EACR,cAAc,EACd,WAAW,EACX,eAAe,EACf,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,aAAa,OAEH,EADP,SAAS,cAbd,+LAcC,CADa;IAId,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC1C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC;IACxC,MAAM,aAAa,GAAqB,MAAM,CAAC,MAAM,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,aAAa,CAAC,QAAQ,CAAC;IAC3D,MAAM,cAAc,GAAG,QAAQ,IAAI,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACpG,MAAM,oBAAoB,GAAG,CAAC,CAAC,cAAc,CAAC;IAC9C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAE9E,OAAO,CACL,oBAAC,cAAc,kBACb,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC/B,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,CAAC,EACnC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IACtD,SAAS;QAEb,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,IAAI,aAAa,CAAC,QAAQ,IAAI,MAAM,CAAC,gBAAgB,CAAC,CAAC;YAC/F,WAAW,IAAI,CAAC,QAAQ,IAAI,CAC3B,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ;gBAC7B,oBAAC,YAAY,IAAC,OAAO,EAAE,QAAQ,IAAI,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,GAAI,CACnE,CACP;
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/select/parts/item.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 InternalIcon from '../../icon/internal.js';\nimport { getBaseProps } from '../../internal/base-component';\nimport CheckboxIcon from '../../internal/components/checkbox-icon';\nimport Option from '../../internal/components/option';\nimport { DropdownOption, OptionDefinition } from '../../internal/components/option/interfaces';\nimport { HighlightType } from '../../internal/components/options-list/utils/use-highlight-option.js';\nimport SelectableItem from '../../internal/components/selectable-item';\nimport Tooltip from '../../internal/components/tooltip';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\n\nimport styles from './styles.css.js';\n\nexport interface ItemProps {\n option: DropdownOption;\n highlighted?: boolean;\n selected?: boolean;\n filteringValue?: string;\n hasCheckbox?: boolean;\n virtualPosition?: number;\n padBottom?: boolean;\n isNextSelected?: boolean;\n screenReaderContent?: string;\n ariaPosinset?: number;\n ariaSetsize?: number;\n highlightType?: HighlightType['type'];\n}\n\nconst Item = (\n {\n option,\n highlighted,\n selected,\n filteringValue,\n hasCheckbox,\n virtualPosition,\n padBottom,\n isNextSelected,\n screenReaderContent,\n ariaPosinset,\n ariaSetsize,\n highlightType,\n ...restProps\n }: ItemProps,\n ref: React.Ref<HTMLDivElement>\n) => {\n const baseProps = getBaseProps(restProps);\n\n const isParent = option.type === 'parent';\n const isChild = option.type === 'child';\n const wrappedOption: OptionDefinition = option.option;\n const disabled = option.disabled || wrappedOption.disabled;\n const disabledReason = disabled && wrappedOption.disabledReason ? wrappedOption.disabledReason : '';\n const isDisabledWithReason = !!disabledReason;\n const internalRef = useRef<HTMLDivElement>(null);\n\n const { descriptionEl, descriptionId } = useHiddenDescription(disabledReason);\n\n return (\n <SelectableItem\n ariaSelected={Boolean(selected)}\n selected={selected}\n isNextSelected={isNextSelected}\n highlighted={highlighted}\n disabled={option.disabled}\n isParent={isParent}\n isChild={isChild}\n ref={useMergeRefs(ref, internalRef)}\n virtualPosition={virtualPosition}\n padBottom={padBottom}\n screenReaderContent={screenReaderContent}\n ariaPosinset={ariaPosinset}\n ariaSetsize={ariaSetsize}\n highlightType={highlightType}\n ariaDescribedby={isDisabledWithReason ? descriptionId : ''}\n {...baseProps}\n >\n <div className={clsx(styles.item, !isParent && wrappedOption.labelTag && styles['show-label-tag'])}>\n {hasCheckbox && !isParent && (\n <div className={styles.checkbox}>\n <CheckboxIcon checked={selected || false} disabled={option.disabled} />\n </div>\n )}\n <Option\n option={{ ...wrappedOption, disabled }}\n highlightedOption={highlighted}\n selectedOption={selected}\n highlightText={filteringValue}\n isGroupOption={isParent}\n />\n {!hasCheckbox && !isParent && selected && (\n <div className={styles['selected-icon']}>\n <InternalIcon name=\"check\" />\n </div>\n )}\n {isDisabledWithReason && (\n <>\n {descriptionEl}\n {highlighted && (\n <Tooltip\n className={styles['disabled-reason-tooltip']}\n trackRef={internalRef}\n value={disabledReason!}\n position=\"right\"\n />\n )}\n </>\n )}\n </div>\n </SelectableItem>\n );\n};\n\nexport default React.memo(React.forwardRef(Item));\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect-item.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/multiselect-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"multiselect-item.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/multiselect-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnC,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;;AAwFD,wBAA6D"}
|
|
@@ -2,7 +2,6 @@ import { __rest } from "tslib";
|
|
|
2
2
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
import React, { useRef } from 'react';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
5
|
import { getBaseProps } from '../../internal/base-component';
|
|
7
6
|
import CheckboxIcon from '../../internal/components/checkbox-icon';
|
|
8
7
|
import Option from '../../internal/components/option';
|
|
@@ -23,9 +22,7 @@ const MultiSelectItem = (_a, ref) => {
|
|
|
23
22
|
: '';
|
|
24
23
|
const isDisabledWithReason = !!disabledReason;
|
|
25
24
|
const internalRef = useRef(null);
|
|
26
|
-
const className =
|
|
27
|
-
[styles.disabled]: disabled,
|
|
28
|
-
});
|
|
25
|
+
const className = styles.item;
|
|
29
26
|
const { descriptionId, descriptionEl } = useHiddenDescription(disabledReason);
|
|
30
27
|
return (React.createElement(SelectableItem, Object.assign({ ariaChecked: isParent && indeterminate ? 'mixed' : Boolean(selected), selected: selected, isNextSelected: isNextSelected, highlighted: highlighted, disabled: disabled, isParent: isParent, isChild: isChild, highlightType: highlightType, ref: useMergeRefs(ref, internalRef), virtualPosition: virtualPosition, padBottom: padBottom, useInteractiveGroups: true, screenReaderContent: screenReaderContent, ariaPosinset: ariaPosinset, ariaSetsize: ariaSetsize, ariaDescribedby: isDisabledWithReason ? descriptionId : '' }, baseProps),
|
|
31
28
|
React.createElement("div", { className: className },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect-item.js","sourceRoot":"","sources":["../../../../src/select/parts/multiselect-item.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"multiselect-item.js","sourceRoot":"","sources":["../../../../src/select/parts/multiselect-item.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';\n\nimport { getBaseProps } from '../../internal/base-component';\nimport CheckboxIcon from '../../internal/components/checkbox-icon';\nimport Option from '../../internal/components/option';\nimport { OptionDefinition } from '../../internal/components/option/interfaces';\nimport SelectableItem from '../../internal/components/selectable-item';\nimport Tooltip from '../../internal/components/tooltip';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport { ItemProps } from './item';\n\nimport styles from './styles.css.js';\ninterface MultiselectItemProps extends ItemProps {\n indeterminate?: boolean;\n}\n\nconst MultiSelectItem = (\n {\n option,\n highlighted,\n selected,\n filteringValue,\n hasCheckbox,\n virtualPosition,\n padBottom,\n isNextSelected,\n indeterminate,\n screenReaderContent,\n ariaPosinset,\n ariaSetsize,\n highlightType,\n ...restProps\n }: MultiselectItemProps,\n ref: React.Ref<HTMLDivElement>\n) => {\n const baseProps = getBaseProps(restProps);\n\n const isParent = option.type === 'parent';\n const isChild = option.type === 'child';\n const wrappedOption: OptionDefinition = option.option;\n const disabled = option.disabled || wrappedOption.disabled;\n const disabledReason =\n disabled && (option.disabledReason || wrappedOption.disabledReason)\n ? option.disabledReason || wrappedOption.disabledReason\n : '';\n const isDisabledWithReason = !!disabledReason;\n const internalRef = useRef<HTMLDivElement>(null);\n const className = styles.item;\n\n const { descriptionId, descriptionEl } = useHiddenDescription(disabledReason);\n\n return (\n <SelectableItem\n ariaChecked={isParent && indeterminate ? 'mixed' : Boolean(selected)}\n selected={selected}\n isNextSelected={isNextSelected}\n highlighted={highlighted}\n disabled={disabled}\n isParent={isParent}\n isChild={isChild}\n highlightType={highlightType}\n ref={useMergeRefs(ref, internalRef)}\n virtualPosition={virtualPosition}\n padBottom={padBottom}\n useInteractiveGroups={true}\n screenReaderContent={screenReaderContent}\n ariaPosinset={ariaPosinset}\n ariaSetsize={ariaSetsize}\n ariaDescribedby={isDisabledWithReason ? descriptionId : ''}\n {...baseProps}\n >\n <div className={className}>\n {hasCheckbox && (\n <div className={styles.checkbox}>\n <CheckboxIcon checked={selected} indeterminate={isParent && indeterminate} disabled={option.disabled} />\n </div>\n )}\n <Option\n option={{ ...wrappedOption, disabled }}\n highlightedOption={highlighted}\n selectedOption={selected}\n highlightText={filteringValue}\n isGroupOption={isParent}\n />\n </div>\n {isDisabledWithReason && (\n <>\n {descriptionEl}\n {highlighted && (\n <Tooltip\n className={styles['disabled-reason-tooltip']}\n trackRef={internalRef}\n value={disabledReason!}\n position=\"right\"\n />\n )}\n </>\n )}\n </SelectableItem>\n );\n};\n\nexport default React.memo(React.forwardRef(MultiSelectItem));\n"]}
|
package/table/styles.css.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"tools": "
|
|
6
|
-
"tools-filtering": "awsui_tools-
|
|
7
|
-
"tools-align-right": "awsui_tools-align-
|
|
8
|
-
"tools-pagination": "awsui_tools-
|
|
9
|
-
"tools-preferences": "awsui_tools-
|
|
10
|
-
"tools-small": "awsui_tools-
|
|
11
|
-
"table": "
|
|
12
|
-
"table-layout-fixed": "awsui_table-layout-
|
|
13
|
-
"wrapper": "
|
|
14
|
-
"variant-stacked": "awsui_variant-
|
|
15
|
-
"wrapper-content-measure": "awsui_wrapper-content-
|
|
16
|
-
"variant-container": "awsui_variant-
|
|
17
|
-
"has-footer": "awsui_has-
|
|
18
|
-
"has-header": "awsui_has-
|
|
19
|
-
"cell-merged": "awsui_cell-
|
|
20
|
-
"cell-merged-content": "awsui_cell-merged-
|
|
21
|
-
"empty": "
|
|
22
|
-
"loading": "
|
|
23
|
-
"selection-control": "awsui_selection-
|
|
24
|
-
"selection-control-header": "awsui_selection-control-
|
|
25
|
-
"header-secondary": "awsui_header-
|
|
26
|
-
"variant-full-page": "awsui_variant-full-
|
|
27
|
-
"table-has-header": "awsui_table-has-
|
|
28
|
-
"header-controls": "awsui_header-
|
|
29
|
-
"variant-embedded": "awsui_variant-
|
|
30
|
-
"variant-borderless": "awsui_variant-
|
|
31
|
-
"footer-wrapper": "awsui_footer-
|
|
32
|
-
"footer": "
|
|
33
|
-
"footer-with-pagination": "awsui_footer-with-
|
|
34
|
-
"footer-pagination": "awsui_footer-
|
|
35
|
-
"thead-active": "awsui_thead-
|
|
36
|
-
"row": "
|
|
37
|
-
"row-selected": "awsui_row-
|
|
4
|
+
"root": "awsui_root_wih1l_177zk_101",
|
|
5
|
+
"tools": "awsui_tools_wih1l_177zk_112",
|
|
6
|
+
"tools-filtering": "awsui_tools-filtering_wih1l_177zk_120",
|
|
7
|
+
"tools-align-right": "awsui_tools-align-right_wih1l_177zk_134",
|
|
8
|
+
"tools-pagination": "awsui_tools-pagination_wih1l_177zk_138",
|
|
9
|
+
"tools-preferences": "awsui_tools-preferences_wih1l_177zk_138",
|
|
10
|
+
"tools-small": "awsui_tools-small_wih1l_177zk_144",
|
|
11
|
+
"table": "awsui_table_wih1l_177zk_150",
|
|
12
|
+
"table-layout-fixed": "awsui_table-layout-fixed_wih1l_177zk_156",
|
|
13
|
+
"wrapper": "awsui_wrapper_wih1l_177zk_160",
|
|
14
|
+
"variant-stacked": "awsui_variant-stacked_wih1l_177zk_167",
|
|
15
|
+
"wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_177zk_167",
|
|
16
|
+
"variant-container": "awsui_variant-container_wih1l_177zk_167",
|
|
17
|
+
"has-footer": "awsui_has-footer_wih1l_177zk_170",
|
|
18
|
+
"has-header": "awsui_has-header_wih1l_177zk_173",
|
|
19
|
+
"cell-merged": "awsui_cell-merged_wih1l_177zk_190",
|
|
20
|
+
"cell-merged-content": "awsui_cell-merged-content_wih1l_177zk_202",
|
|
21
|
+
"empty": "awsui_empty_wih1l_177zk_218",
|
|
22
|
+
"loading": "awsui_loading_wih1l_177zk_222",
|
|
23
|
+
"selection-control": "awsui_selection-control_wih1l_177zk_231",
|
|
24
|
+
"selection-control-header": "awsui_selection-control-header_wih1l_177zk_238",
|
|
25
|
+
"header-secondary": "awsui_header-secondary_wih1l_177zk_244",
|
|
26
|
+
"variant-full-page": "awsui_variant-full-page_wih1l_177zk_256",
|
|
27
|
+
"table-has-header": "awsui_table-has-header_wih1l_177zk_262",
|
|
28
|
+
"header-controls": "awsui_header-controls_wih1l_177zk_273",
|
|
29
|
+
"variant-embedded": "awsui_variant-embedded_wih1l_177zk_282",
|
|
30
|
+
"variant-borderless": "awsui_variant-borderless_wih1l_177zk_282",
|
|
31
|
+
"footer-wrapper": "awsui_footer-wrapper_wih1l_177zk_287",
|
|
32
|
+
"footer": "awsui_footer_wih1l_177zk_287",
|
|
33
|
+
"footer-with-pagination": "awsui_footer-with-pagination_wih1l_177zk_295",
|
|
34
|
+
"footer-pagination": "awsui_footer-pagination_wih1l_177zk_303",
|
|
35
|
+
"thead-active": "awsui_thead-active_wih1l_177zk_307",
|
|
36
|
+
"row": "awsui_row_wih1l_177zk_308",
|
|
37
|
+
"row-selected": "awsui_row-selected_wih1l_177zk_309"
|
|
38
38
|
};
|
|
39
39
|
|
package/table/styles.scoped.css
CHANGED
|
@@ -98,7 +98,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
98
98
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
99
99
|
SPDX-License-Identifier: Apache-2.0
|
|
100
100
|
*/
|
|
101
|
-
.
|
|
101
|
+
.awsui_root_wih1l_177zk_101:not(#\9) {
|
|
102
102
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
103
103
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
104
104
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
@@ -109,7 +109,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
109
109
|
inline-size: 100%;
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
.
|
|
112
|
+
.awsui_tools_wih1l_177zk_112:not(#\9) {
|
|
113
113
|
display: flex;
|
|
114
114
|
align-items: flex-end;
|
|
115
115
|
flex-wrap: wrap;
|
|
@@ -117,67 +117,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
117
117
|
padding-block-end: var(--space-table-header-tools-bottom-25ubsj, 0px);
|
|
118
118
|
padding-inline: 0;
|
|
119
119
|
}
|
|
120
|
-
.awsui_tools-
|
|
120
|
+
.awsui_tools-filtering_wih1l_177zk_120:not(#\9) {
|
|
121
121
|
max-inline-size: 100%;
|
|
122
122
|
margin-inline-end: var(--space-l-t419sm, 20px);
|
|
123
123
|
}
|
|
124
124
|
@supports (flex-basis: fit-content) {
|
|
125
|
-
.awsui_tools-
|
|
125
|
+
.awsui_tools-filtering_wih1l_177zk_120:not(#\9) {
|
|
126
126
|
flex: 1 1 fit-content;
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
129
|
@supports not (flex-basis: fit-content) {
|
|
130
|
-
.awsui_tools-
|
|
130
|
+
.awsui_tools-filtering_wih1l_177zk_120:not(#\9) {
|
|
131
131
|
flex: 1 1 auto;
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
|
-
.awsui_tools-align-
|
|
134
|
+
.awsui_tools-align-right_wih1l_177zk_134:not(#\9) {
|
|
135
135
|
display: flex;
|
|
136
136
|
margin-inline-start: auto;
|
|
137
137
|
}
|
|
138
|
-
.awsui_tools-
|
|
138
|
+
.awsui_tools-pagination_wih1l_177zk_138 + .awsui_tools-preferences_wih1l_177zk_138:not(#\9) {
|
|
139
139
|
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
140
140
|
box-sizing: border-box;
|
|
141
141
|
margin-inline-start: var(--space-xs-zb16t3, 8px);
|
|
142
142
|
padding-inline-start: var(--space-xs-zb16t3, 8px);
|
|
143
143
|
}
|
|
144
|
-
.awsui_tools-
|
|
144
|
+
.awsui_tools-small_wih1l_177zk_144 > .awsui_tools-filtering_wih1l_177zk_120:not(#\9) {
|
|
145
145
|
margin-inline-end: 0;
|
|
146
146
|
margin-block-end: var(--space-scaled-xs-26e2du, 8px);
|
|
147
147
|
flex-basis: 100%;
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
.
|
|
150
|
+
.awsui_table_wih1l_177zk_150:not(#\9) {
|
|
151
151
|
inline-size: 100%;
|
|
152
152
|
border-spacing: 0;
|
|
153
153
|
position: relative;
|
|
154
154
|
box-sizing: border-box;
|
|
155
155
|
}
|
|
156
|
-
.awsui_table-layout-
|
|
156
|
+
.awsui_table-layout-fixed_wih1l_177zk_156:not(#\9) {
|
|
157
157
|
table-layout: fixed;
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
.
|
|
160
|
+
.awsui_wrapper_wih1l_177zk_160:not(#\9) {
|
|
161
161
|
position: relative;
|
|
162
162
|
box-sizing: border-box;
|
|
163
163
|
inline-size: 100%;
|
|
164
164
|
overflow-x: auto;
|
|
165
165
|
scrollbar-width: none; /* Hide scrollbar in Firefox */
|
|
166
166
|
}
|
|
167
|
-
.
|
|
167
|
+
.awsui_wrapper_wih1l_177zk_160.awsui_variant-stacked_wih1l_177zk_167 > .awsui_table_wih1l_177zk_150:not(#\9), .awsui_wrapper_wih1l_177zk_160.awsui_variant-stacked_wih1l_177zk_167 > .awsui_wrapper-content-measure_wih1l_177zk_167:not(#\9), .awsui_wrapper_wih1l_177zk_160.awsui_variant-container_wih1l_177zk_167 > .awsui_table_wih1l_177zk_150:not(#\9), .awsui_wrapper_wih1l_177zk_160.awsui_variant-container_wih1l_177zk_167 > .awsui_wrapper-content-measure_wih1l_177zk_167:not(#\9) {
|
|
168
168
|
padding-inline: var(--space-table-horizontal-8davlm, 20px);
|
|
169
169
|
}
|
|
170
|
-
.
|
|
170
|
+
.awsui_wrapper_wih1l_177zk_160.awsui_variant-container_wih1l_177zk_167:not(#\9):not(.awsui_has-footer_wih1l_177zk_170) {
|
|
171
171
|
padding-block-end: var(--space-table-content-bottom-9yr834, 4px);
|
|
172
172
|
}
|
|
173
|
-
.
|
|
173
|
+
.awsui_wrapper_wih1l_177zk_160:not(#\9):not(.awsui_has-header_wih1l_177zk_173) {
|
|
174
174
|
border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
175
175
|
border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
176
176
|
}
|
|
177
|
-
.
|
|
177
|
+
.awsui_wrapper_wih1l_177zk_160:not(#\9)::-webkit-scrollbar {
|
|
178
178
|
display: none; /* Hide scrollbar in Safari and Chrome */
|
|
179
179
|
}
|
|
180
|
-
body[data-awsui-focus-visible=true] .
|
|
180
|
+
body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_177zk_160:not(#\9):focus {
|
|
181
181
|
outline: 2px dotted transparent;
|
|
182
182
|
outline-offset: 2px;
|
|
183
183
|
border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
@@ -187,19 +187,19 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_rg19l_160:not(#\9):focu
|
|
|
187
187
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.awsui_cell-
|
|
190
|
+
.awsui_cell-merged_wih1l_177zk_190:not(#\9) {
|
|
191
191
|
text-align: center;
|
|
192
192
|
padding-block: 0;
|
|
193
193
|
padding-inline: 0;
|
|
194
194
|
}
|
|
195
|
-
.awsui_cell-
|
|
195
|
+
.awsui_cell-merged_wih1l_177zk_190.awsui_has-footer_wih1l_177zk_170:not(#\9) {
|
|
196
196
|
/*
|
|
197
197
|
Add a bottom border to the body cell of an empty table as a separator between the
|
|
198
198
|
table and the footer
|
|
199
199
|
*/
|
|
200
200
|
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
201
201
|
}
|
|
202
|
-
.awsui_cell-merged-
|
|
202
|
+
.awsui_cell-merged-content_wih1l_177zk_202:not(#\9) {
|
|
203
203
|
box-sizing: border-box;
|
|
204
204
|
inline-size: 100%;
|
|
205
205
|
padding-block-start: var(--space-scaled-m-mo5yse, 16px);
|
|
@@ -207,7 +207,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_rg19l_160:not(#\9):focu
|
|
|
207
207
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
208
208
|
}
|
|
209
209
|
@supports (position: sticky) {
|
|
210
|
-
.awsui_cell-merged-
|
|
210
|
+
.awsui_cell-merged-content_wih1l_177zk_202:not(#\9) {
|
|
211
211
|
position: sticky;
|
|
212
212
|
inset-inline-start: 0;
|
|
213
213
|
margin-block: 0;
|
|
@@ -215,11 +215,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_rg19l_160:not(#\9):focu
|
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
.
|
|
218
|
+
.awsui_empty_wih1l_177zk_218:not(#\9) {
|
|
219
219
|
color: var(--color-text-empty-2wfcyr, #5f6b7a);
|
|
220
220
|
}
|
|
221
221
|
|
|
222
|
-
.
|
|
222
|
+
.awsui_loading_wih1l_177zk_222:not(#\9) {
|
|
223
223
|
/* used in test-utils */
|
|
224
224
|
}
|
|
225
225
|
|
|
@@ -228,20 +228,20 @@ The min/max/width token values in Visual Refresh should align
|
|
|
228
228
|
the table header and body cells selection control with the table
|
|
229
229
|
filter search icon.
|
|
230
230
|
*/
|
|
231
|
-
.awsui_selection-
|
|
231
|
+
.awsui_selection-control_wih1l_177zk_231:not(#\9) {
|
|
232
232
|
box-sizing: border-box;
|
|
233
233
|
max-inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
|
|
234
234
|
min-inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
|
|
235
235
|
position: relative;
|
|
236
236
|
inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
|
|
237
237
|
}
|
|
238
|
-
.awsui_selection-
|
|
238
|
+
.awsui_selection-control_wih1l_177zk_231.awsui_selection-control-header_wih1l_177zk_238:not(#\9) {
|
|
239
239
|
padding-block: var(--space-scaled-xs-26e2du, 8px);
|
|
240
240
|
padding-inline: var(--space-scaled-l-0hpmd7, 20px);
|
|
241
241
|
border-inline-start: var(--border-item-width-yel47s, 2px) solid transparent;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.awsui_header-
|
|
244
|
+
.awsui_header-secondary_wih1l_177zk_244:not(#\9) {
|
|
245
245
|
overflow: auto;
|
|
246
246
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
247
247
|
scrollbar-width: none; /* Firefox */
|
|
@@ -253,42 +253,46 @@ filter search icon.
|
|
|
253
253
|
border-end-end-radius: 0;
|
|
254
254
|
background: var(--color-background-table-header-82ew8p, #ffffff);
|
|
255
255
|
}
|
|
256
|
-
.awsui_header-
|
|
256
|
+
.awsui_header-secondary_wih1l_177zk_244.awsui_variant-full-page_wih1l_177zk_256:not(#\9) {
|
|
257
257
|
background: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
258
258
|
}
|
|
259
|
-
.awsui_header-
|
|
259
|
+
.awsui_header-secondary_wih1l_177zk_244.awsui_variant-stacked_wih1l_177zk_167 > .awsui_table_wih1l_177zk_150:not(#\9), .awsui_header-secondary_wih1l_177zk_244.awsui_variant-container_wih1l_177zk_167 > .awsui_table_wih1l_177zk_150:not(#\9) {
|
|
260
260
|
padding-inline: var(--space-table-horizontal-8davlm, 20px);
|
|
261
261
|
}
|
|
262
|
-
.awsui_header-
|
|
262
|
+
.awsui_header-secondary_wih1l_177zk_244.awsui_variant-stacked_wih1l_177zk_167:not(#\9):not(.awsui_table-has-header_wih1l_177zk_262), .awsui_header-secondary_wih1l_177zk_244.awsui_variant-container_wih1l_177zk_167:not(#\9):not(.awsui_table-has-header_wih1l_177zk_262) {
|
|
263
|
+
border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
264
|
+
border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
|
|
265
|
+
}
|
|
266
|
+
.awsui_header-secondary_wih1l_177zk_244:not(#\9)::-webkit-scrollbar {
|
|
263
267
|
display: none; /* Safari and Chrome */
|
|
264
268
|
}
|
|
265
|
-
.awsui_header-
|
|
269
|
+
.awsui_header-secondary_wih1l_177zk_244.awsui_table-has-header_wih1l_177zk_262:not(#\9) {
|
|
266
270
|
border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-divider-p2uygo, transparent);
|
|
267
271
|
}
|
|
268
272
|
|
|
269
|
-
.awsui_header-
|
|
273
|
+
.awsui_header-controls_wih1l_177zk_273:not(#\9) {
|
|
270
274
|
padding-block: var(--space-container-header-top-5qav00, 12px) var(--space-container-header-bottom-vj01hn, 8px);
|
|
271
275
|
}
|
|
272
|
-
.awsui_header-
|
|
276
|
+
.awsui_header-controls_wih1l_177zk_273.awsui_variant-full-page_wih1l_177zk_256:not(#\9) {
|
|
273
277
|
padding-block: 0 calc(var(--space-container-header-bottom-vj01hn, 8px) + var(--space-table-header-tools-full-page-bottom-xulfq9, 4px));
|
|
274
278
|
}
|
|
275
|
-
.awsui_header-
|
|
279
|
+
.awsui_header-controls_wih1l_177zk_273.awsui_variant-stacked_wih1l_177zk_167:not(#\9), .awsui_header-controls_wih1l_177zk_273.awsui_variant-container_wih1l_177zk_167:not(#\9) {
|
|
276
280
|
padding-inline: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-table-header-horizontal-wl3ykr, 0px));
|
|
277
281
|
}
|
|
278
|
-
.awsui_header-
|
|
282
|
+
.awsui_header-controls_wih1l_177zk_273.awsui_variant-embedded_wih1l_177zk_282:not(#\9), .awsui_header-controls_wih1l_177zk_273.awsui_variant-borderless_wih1l_177zk_282:not(#\9) {
|
|
279
283
|
padding-inline: var(--space-table-header-horizontal-wl3ykr, 0px);
|
|
280
284
|
padding-block-start: var(--space-table-embedded-header-top-bfjeam, 0px);
|
|
281
285
|
}
|
|
282
286
|
|
|
283
|
-
.awsui_footer-
|
|
287
|
+
.awsui_footer-wrapper_wih1l_177zk_287.awsui_variant-stacked_wih1l_177zk_167:not(#\9), .awsui_footer-wrapper_wih1l_177zk_287.awsui_variant-container_wih1l_177zk_167:not(#\9) {
|
|
284
288
|
padding-inline: var(--space-table-horizontal-8davlm, 20px);
|
|
285
289
|
}
|
|
286
290
|
|
|
287
|
-
.
|
|
291
|
+
.awsui_footer_wih1l_177zk_287:not(#\9) {
|
|
288
292
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
289
293
|
padding-inline: var(--space-table-footer-horizontal-ptapb9, 0px);
|
|
290
294
|
}
|
|
291
|
-
.awsui_footer-with-
|
|
295
|
+
.awsui_footer-with-pagination_wih1l_177zk_295:not(#\9) {
|
|
292
296
|
display: flex;
|
|
293
297
|
flex-direction: row;
|
|
294
298
|
justify-content: space-between;
|
|
@@ -296,12 +300,12 @@ filter search icon.
|
|
|
296
300
|
flex-wrap: wrap;
|
|
297
301
|
gap: var(--space-scaled-s-aqzyko, 12px);
|
|
298
302
|
}
|
|
299
|
-
.awsui_footer-
|
|
303
|
+
.awsui_footer-pagination_wih1l_177zk_303:not(#\9) {
|
|
300
304
|
margin-inline-start: auto;
|
|
301
305
|
}
|
|
302
306
|
|
|
303
|
-
.awsui_thead-
|
|
304
|
-
.
|
|
305
|
-
.awsui_row-
|
|
307
|
+
.awsui_thead-active_wih1l_177zk_307:not(#\9),
|
|
308
|
+
.awsui_row_wih1l_177zk_308:not(#\9),
|
|
309
|
+
.awsui_row-selected_wih1l_177zk_309:not(#\9) {
|
|
306
310
|
/* used in test-utils */
|
|
307
311
|
}
|
|
@@ -2,39 +2,39 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"tools": "
|
|
7
|
-
"tools-filtering": "awsui_tools-
|
|
8
|
-
"tools-align-right": "awsui_tools-align-
|
|
9
|
-
"tools-pagination": "awsui_tools-
|
|
10
|
-
"tools-preferences": "awsui_tools-
|
|
11
|
-
"tools-small": "awsui_tools-
|
|
12
|
-
"table": "
|
|
13
|
-
"table-layout-fixed": "awsui_table-layout-
|
|
14
|
-
"wrapper": "
|
|
15
|
-
"variant-stacked": "awsui_variant-
|
|
16
|
-
"wrapper-content-measure": "awsui_wrapper-content-
|
|
17
|
-
"variant-container": "awsui_variant-
|
|
18
|
-
"has-footer": "awsui_has-
|
|
19
|
-
"has-header": "awsui_has-
|
|
20
|
-
"cell-merged": "awsui_cell-
|
|
21
|
-
"cell-merged-content": "awsui_cell-merged-
|
|
22
|
-
"empty": "
|
|
23
|
-
"loading": "
|
|
24
|
-
"selection-control": "awsui_selection-
|
|
25
|
-
"selection-control-header": "awsui_selection-control-
|
|
26
|
-
"header-secondary": "awsui_header-
|
|
27
|
-
"variant-full-page": "awsui_variant-full-
|
|
28
|
-
"table-has-header": "awsui_table-has-
|
|
29
|
-
"header-controls": "awsui_header-
|
|
30
|
-
"variant-embedded": "awsui_variant-
|
|
31
|
-
"variant-borderless": "awsui_variant-
|
|
32
|
-
"footer-wrapper": "awsui_footer-
|
|
33
|
-
"footer": "
|
|
34
|
-
"footer-with-pagination": "awsui_footer-with-
|
|
35
|
-
"footer-pagination": "awsui_footer-
|
|
36
|
-
"thead-active": "awsui_thead-
|
|
37
|
-
"row": "
|
|
38
|
-
"row-selected": "awsui_row-
|
|
5
|
+
"root": "awsui_root_wih1l_177zk_101",
|
|
6
|
+
"tools": "awsui_tools_wih1l_177zk_112",
|
|
7
|
+
"tools-filtering": "awsui_tools-filtering_wih1l_177zk_120",
|
|
8
|
+
"tools-align-right": "awsui_tools-align-right_wih1l_177zk_134",
|
|
9
|
+
"tools-pagination": "awsui_tools-pagination_wih1l_177zk_138",
|
|
10
|
+
"tools-preferences": "awsui_tools-preferences_wih1l_177zk_138",
|
|
11
|
+
"tools-small": "awsui_tools-small_wih1l_177zk_144",
|
|
12
|
+
"table": "awsui_table_wih1l_177zk_150",
|
|
13
|
+
"table-layout-fixed": "awsui_table-layout-fixed_wih1l_177zk_156",
|
|
14
|
+
"wrapper": "awsui_wrapper_wih1l_177zk_160",
|
|
15
|
+
"variant-stacked": "awsui_variant-stacked_wih1l_177zk_167",
|
|
16
|
+
"wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_177zk_167",
|
|
17
|
+
"variant-container": "awsui_variant-container_wih1l_177zk_167",
|
|
18
|
+
"has-footer": "awsui_has-footer_wih1l_177zk_170",
|
|
19
|
+
"has-header": "awsui_has-header_wih1l_177zk_173",
|
|
20
|
+
"cell-merged": "awsui_cell-merged_wih1l_177zk_190",
|
|
21
|
+
"cell-merged-content": "awsui_cell-merged-content_wih1l_177zk_202",
|
|
22
|
+
"empty": "awsui_empty_wih1l_177zk_218",
|
|
23
|
+
"loading": "awsui_loading_wih1l_177zk_222",
|
|
24
|
+
"selection-control": "awsui_selection-control_wih1l_177zk_231",
|
|
25
|
+
"selection-control-header": "awsui_selection-control-header_wih1l_177zk_238",
|
|
26
|
+
"header-secondary": "awsui_header-secondary_wih1l_177zk_244",
|
|
27
|
+
"variant-full-page": "awsui_variant-full-page_wih1l_177zk_256",
|
|
28
|
+
"table-has-header": "awsui_table-has-header_wih1l_177zk_262",
|
|
29
|
+
"header-controls": "awsui_header-controls_wih1l_177zk_273",
|
|
30
|
+
"variant-embedded": "awsui_variant-embedded_wih1l_177zk_282",
|
|
31
|
+
"variant-borderless": "awsui_variant-borderless_wih1l_177zk_282",
|
|
32
|
+
"footer-wrapper": "awsui_footer-wrapper_wih1l_177zk_287",
|
|
33
|
+
"footer": "awsui_footer_wih1l_177zk_287",
|
|
34
|
+
"footer-with-pagination": "awsui_footer-with-pagination_wih1l_177zk_295",
|
|
35
|
+
"footer-pagination": "awsui_footer-pagination_wih1l_177zk_303",
|
|
36
|
+
"thead-active": "awsui_thead-active_wih1l_177zk_307",
|
|
37
|
+
"row": "awsui_row_wih1l_177zk_308",
|
|
38
|
+
"row-selected": "awsui_row-selected_wih1l_177zk_309"
|
|
39
39
|
};
|
|
40
40
|
|
package/tiles/index.js
CHANGED
|
@@ -11,7 +11,7 @@ const Tiles = React.forwardRef((props, ref) => {
|
|
|
11
11
|
});
|
|
12
12
|
const componentAnalyticsMetadata = {
|
|
13
13
|
name: 'awsui.Tiles',
|
|
14
|
-
label: '',
|
|
14
|
+
label: { root: 'self' },
|
|
15
15
|
};
|
|
16
16
|
return (React.createElement(InternalTiles, Object.assign({ ref: ref }, props, baseComponentProps, getAnalyticsMetadataAttribute({
|
|
17
17
|
component: componentAnalyticsMetadata,
|
package/tiles/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tiles/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,aAAa,MAAM,YAAY,CAAC;AAIvC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAA8B,EAAE,EAAE;IACnF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;KAClC,CAAC,CAAC;IACH,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tiles/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,aAAa,MAAM,YAAY,CAAC;AAIvC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAA8B,EAAE,EAAE;IACnF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;KAClC,CAAC,CAAC;IACH,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KACxB,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,kBACZ,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,kBAAkB,EAClB,6BAA6B,CAAC;QAChC,SAAS,EAAE,0BAA0B;KACtC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,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 { GeneratedAnalyticsMetadataTilesComponent } from './analytics-metadata/interfaces';\nimport { TilesProps } from './interfaces';\nimport InternalTiles from './internal';\n\nexport { TilesProps };\n\nconst Tiles = React.forwardRef((props: TilesProps, ref: React.Ref<TilesProps.Ref>) => {\n const baseComponentProps = useBaseComponent('Tiles', {\n props: { columns: props.columns },\n });\n const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTilesComponent = {\n name: 'awsui.Tiles',\n label: { root: 'self' },\n };\n return (\n <InternalTiles\n ref={ref}\n {...props}\n {...baseComponentProps}\n {...getAnalyticsMetadataAttribute({\n component: componentAnalyticsMetadata,\n })}\n />\n );\n});\n\napplyDisplayName(Tiles, 'Tiles');\nexport default Tiles;\n"]}
|