npm - @cloudscape-design/components - Versions diffs - 3.0.866 → 3.0.868 - Mend

@cloudscape-design/components 3.0.866 → 3.0.868

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/collection-preferences/content-display/content-display-option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"content-display-option.js","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/content-display-option.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,UAA+B,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAGnD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,eAAe,GAAG,wBAAwB,CAAC;AACjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAQ7G,MAAM,oBAAoB,GAAG,UAAU,CACrC,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAA6B,EAAE,GAAiC,EAAE,EAAE;IACtG,MAAM,QAAQ,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,GAAG,QAAQ,YAAY,MAAM,CAAC,EAAE,EAAE,CAAC;IACrD,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC;QAC/C,oBAAC,UAAU,oBAAK,eAAe,EAAI;~~QAEnC~~,+BAAO,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,IACxD,MAAM,CAAC,KAAK,CACP;QACR,6BAAK,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC;YACpC,oBAAC,cAAc,IACb,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,EAC5C,QAAQ,EAAE,MAAM,CAAC,aAAa,KAAK,IAAI,EACvC,SAAS,EAAE,SAAS,GACpB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ForwardedRef, forwardRef } from 'react';\n\nimport DragHandle, { DragHandleProps } from '../../internal/components/drag-handle';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport InternalToggle from '../../toggle/internal';\nimport { OptionWithVisibility } from './utils';\n\nimport styles from '../styles.css.js';\n\nconst componentPrefix = 'content-display-option';\nexport const getClassName = (suffix?: string) => styles[[componentPrefix, suffix].filter(Boolean).join('-')];\n\ninterface ContentDisplayOptionProps {\n dragHandleProps: DragHandleProps;\n onToggle?: (option: OptionWithVisibility) => void;\n option: OptionWithVisibility;\n}\n\nconst ContentDisplayOption = forwardRef(\n ({ dragHandleProps, onToggle, option }: ContentDisplayOptionProps, ref: ForwardedRef<HTMLDivElement>) => {\n const idPrefix = useUniqueId(componentPrefix);\n const controlId = `${idPrefix}-control-${option.id}`;\n return (\n <div ref={ref} className={getClassName('content')}>\n <DragHandle {...dragHandleProps} />\n\n <label className={getClassName('label')} htmlFor={controlId}>\n {option.label}\n </label>\n <div className={getClassName('toggle')}>\n <InternalToggle\n checked={!!option.visible}\n onChange={() => onToggle && onToggle(option)}\n disabled={option.alwaysVisible === true}\n controlId={controlId}\n />\n </div>\n </div>\n );\n }\n);\n\nexport default ContentDisplayOption;\n"]}
1	+ {"version":3,"file":"content-display-option.js","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/content-display-option.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,UAA+B,MAAM,uCAAuC,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAGnD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,eAAe,GAAG,wBAAwB,CAAC;AACjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAQ7G,MAAM,oBAAoB,GAAG,UAAU,CACrC,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAA6B,EAAE,GAAiC,EAAE,EAAE;IACtG,MAAM,QAAQ,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,GAAG,QAAQ,YAAY,MAAM,CAAC,EAAE,EAAE,CAAC;IACrD,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC;QAC/C,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC;YAC3C,oBAAC,UAAU,oBAAK,eAAe,EAAI,CAC/B;QAEN,+BAAO,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,IACxD,MAAM,CAAC,KAAK,CACP;QACR,6BAAK,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC;YACpC,oBAAC,cAAc,IACb,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,EAC5C,QAAQ,EAAE,MAAM,CAAC,aAAa,KAAK,IAAI,EACvC,SAAS,EAAE,SAAS,GACpB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ForwardedRef, forwardRef } from 'react';\n\nimport DragHandle, { DragHandleProps } from '../../internal/components/drag-handle';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport InternalToggle from '../../toggle/internal';\nimport { OptionWithVisibility } from './utils';\n\nimport styles from '../styles.css.js';\n\nconst componentPrefix = 'content-display-option';\nexport const getClassName = (suffix?: string) => styles[[componentPrefix, suffix].filter(Boolean).join('-')];\n\ninterface ContentDisplayOptionProps {\n dragHandleProps: DragHandleProps;\n onToggle?: (option: OptionWithVisibility) => void;\n option: OptionWithVisibility;\n}\n\nconst ContentDisplayOption = forwardRef(\n ({ dragHandleProps, onToggle, option }: ContentDisplayOptionProps, ref: ForwardedRef<HTMLDivElement>) => {\n const idPrefix = useUniqueId(componentPrefix);\n const controlId = `${idPrefix}-control-${option.id}`;\n return (\n <div ref={ref} className={getClassName('content')}>\n <div className={styles['drag-handle-wrapper']}>\n <DragHandle {...dragHandleProps} />\n </div>\n\n <label className={getClassName('label')} htmlFor={controlId}>\n {option.label}\n </label>\n <div className={getClassName('toggle')}>\n <InternalToggle\n checked={!!option.visible}\n onChange={() => onToggle && onToggle(option)}\n disabled={option.alwaysVisible === true}\n controlId={controlId}\n />\n </div>\n </div>\n );\n }\n);\n\nexport default ContentDisplayOption;\n"]}

package/collection-preferences/content-display/styles.css.js CHANGED Viewed

@@ -1,15 +1,16 @@
     import './styles.scoped.css';
     export default {
-  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1r7a5_289",
-  "content-display-option-content": "awsui_content-display-option-content_1f3h0_1r7a5_293",
-  "content-display-option": "awsui_content-display-option_1f3h0_1r7a5_289",
-  "content-display-option-label": "awsui_content-display-option-label_1f3h0_1r7a5_341",
-  "content-display": "awsui_content-display_1f3h0_1r7a5_289",
-  "content-display-text-filter": "awsui_content-display-text-filter_1f3h0_1r7a5_349",
-  "content-display-no-match": "awsui_content-display-no-match_1f3h0_1r7a5_350",
-  "content-display-title": "awsui_content-display-title_1f3h0_1r7a5_354",
-  "content-display-description": "awsui_content-display-description_1f3h0_1r7a5_363",
-  "content-display-option-list": "awsui_content-display-option-list_1f3h0_1r7a5_371"
+  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1aj8k_289",
+  "content-display-option-content": "awsui_content-display-option-content_1f3h0_1aj8k_293",
+  "content-display-option": "awsui_content-display-option_1f3h0_1aj8k_289",
+  "content-display-option-label": "awsui_content-display-option-label_1f3h0_1aj8k_341",
+  "drag-handle-wrapper": "awsui_drag-handle-wrapper_1f3h0_1aj8k_348",
+  "content-display": "awsui_content-display_1f3h0_1aj8k_289",
+  "content-display-text-filter": "awsui_content-display-text-filter_1f3h0_1aj8k_353",
+  "content-display-no-match": "awsui_content-display-no-match_1f3h0_1aj8k_354",
+  "content-display-title": "awsui_content-display-title_1f3h0_1aj8k_358",
+  "content-display-description": "awsui_content-display-description_1f3h0_1aj8k_367",
+  "content-display-option-list": "awsui_content-display-option-list_1f3h0_1aj8k_375"
 };

package/collection-preferences/content-display/styles.scoped.css CHANGED Viewed

@@ -286,11 +286,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content-display-option-toggle_1f3h0_1r7a5_289:not(#\9) {
+.awsui_content-display-option-toggle_1f3h0_1aj8k_289:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content-display-option-content_1f3h0_1r7a5_293:not(#\9) {
+.awsui_content-display-option-content_1f3h0_1aj8k_293:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -333,26 +333,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_content-display-option_1f3h0_1r7a5_289:not(#\9) {
+.awsui_content-display-option_1f3h0_1aj8k_289:not(#\9) {
   list-style: none;
   position: relative;
   border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-alwp8z, #ebebf0);
 }
-.awsui_content-display-option-label_1f3h0_1r7a5_341:not(#\9) {
+.awsui_content-display-option-label_1f3h0_1aj8k_341:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
   word-break: break-word;
   padding-inline-end: var(--space-l-t419sm, 20px);
 }
-.awsui_content-display_1f3h0_1r7a5_289:not(#\9),
-.awsui_content-display-text-filter_1f3h0_1r7a5_349:not(#\9),
-.awsui_content-display-no-match_1f3h0_1r7a5_350:not(#\9) {
+.awsui_drag-handle-wrapper_1f3h0_1aj8k_348:not(#\9) {
+  margin-inline: var(--space-scaled-xxs-7597g1, 4px);
+}
+.awsui_content-display_1f3h0_1aj8k_289:not(#\9),
+.awsui_content-display-text-filter_1f3h0_1aj8k_353:not(#\9),
+.awsui_content-display-no-match_1f3h0_1aj8k_354:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content-display-title_1f3h0_1r7a5_354:not(#\9) {
+.awsui_content-display-title_1f3h0_1aj8k_358:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: var(--font-display-label-weight-815ja9, 700);
@@ -361,7 +365,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
-.awsui_content-display-description_1f3h0_1r7a5_363:not(#\9) {
+.awsui_content-display-description_1f3h0_1aj8k_367:not(#\9) {
   color: var(--color-text-form-secondary-54emib, #656871);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
@@ -369,7 +373,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-scaled-xxxs-27y4hv, 2px);
 }
-.awsui_content-display-option-list_1f3h0_1r7a5_371:not(#\9) {
+.awsui_content-display-option-list_1f3h0_1aj8k_375:not(#\9) {
   position: relative;
   list-style: none;
   padding-block: 0;

package/collection-preferences/content-display/styles.selectors.js CHANGED Viewed

@@ -2,15 +2,16 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1r7a5_289",
-  "content-display-option-content": "awsui_content-display-option-content_1f3h0_1r7a5_293",
-  "content-display-option": "awsui_content-display-option_1f3h0_1r7a5_289",
-  "content-display-option-label": "awsui_content-display-option-label_1f3h0_1r7a5_341",
-  "content-display": "awsui_content-display_1f3h0_1r7a5_289",
-  "content-display-text-filter": "awsui_content-display-text-filter_1f3h0_1r7a5_349",
-  "content-display-no-match": "awsui_content-display-no-match_1f3h0_1r7a5_350",
-  "content-display-title": "awsui_content-display-title_1f3h0_1r7a5_354",
-  "content-display-description": "awsui_content-display-description_1f3h0_1r7a5_363",
-  "content-display-option-list": "awsui_content-display-option-list_1f3h0_1r7a5_371"
+  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1aj8k_289",
+  "content-display-option-content": "awsui_content-display-option-content_1f3h0_1aj8k_293",
+  "content-display-option": "awsui_content-display-option_1f3h0_1aj8k_289",
+  "content-display-option-label": "awsui_content-display-option-label_1f3h0_1aj8k_341",
+  "drag-handle-wrapper": "awsui_drag-handle-wrapper_1f3h0_1aj8k_348",
+  "content-display": "awsui_content-display_1f3h0_1aj8k_289",
+  "content-display-text-filter": "awsui_content-display-text-filter_1f3h0_1aj8k_353",
+  "content-display-no-match": "awsui_content-display-no-match_1f3h0_1aj8k_354",
+  "content-display-title": "awsui_content-display-title_1f3h0_1aj8k_358",
+  "content-display-description": "awsui_content-display-description_1f3h0_1aj8k_367",
+  "content-display-option-list": "awsui_content-display-option-list_1f3h0_1aj8k_375"
 };

package/collection-preferences/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/index.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAiB1D,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAItC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,YAAY,EACZ,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,wBAAwB,EACxB,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,0BAA0B,~~eAoM5B~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/index.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAiB1D,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAItC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,YAAY,EACZ,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,wBAAwB,EACxB,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,0BAA0B,eAqM5B"}

package/collection-preferences/index.js CHANGED Viewed

@@ -30,7 +30,7 @@ export default function CollectionPreferences(_a) {
     const parentMetadata = useContext(CollectionPreferencesMetadata);
     const { __internalRootRef } = useBaseComponent('CollectionPreferences', {
         props: {},
-        metadata: Object.assign(Object.assign({}, parentMetadata), { hasStripedRowsPreference: !!stripedRowsPreference, hasVisibleContentPreference: !!visibleContentPreference, hasContentDisplayPreference: !!contentDisplayPreference, hasContentDensityPreference: !!contentDensityPreference, hasStickyColumnsPreference: !!stickyColumnsPreference, visibleContentOptionsCount: (_b = visibleContentPreference === null || visibleContentPreference === void 0 ? void 0 : visibleContentPreference.options) === null || _b === void 0 ? void 0 : _b.length }),
+        metadata: Object.assign(Object.assign({}, parentMetadata), { hasStripedRowsPreference: !!stripedRowsPreference, hasVisibleContentPreference: !!visibleContentPreference, hasContentDisplayPreference: !!contentDisplayPreference, hasContentDensityPreference: !!contentDensityPreference, hasStickyColumnsPreference: !!stickyColumnsPreference, hasContentDisplayColumnFiltering: !!(contentDisplayPreference === null || contentDisplayPreference === void 0 ? void 0 : contentDisplayPreference.enableColumnFiltering), visibleContentOptionsCount: (_b = visibleContentPreference === null || visibleContentPreference === void 0 ? void 0 : visibleContentPreference.options) === null || _b === void 0 ? void 0 : _b.length }),
     });
     checkControlled('CollectionPreferences', 'preferences', preferences, 'onConfirm', onConfirm);
     const i18n = useInternalI18n('collection-preferences');

package/collection-preferences/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/collection-preferences/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { CollectionPreferencesMetadata } from '../internal/context/collection-preferences-metadata-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalModal from '../modal/internal';\nimport InternalSpaceBetween from '../space-between/internal';\nimport { getComponentAnalyticsMetadata } from './analytics-metadata/utils';\nimport ContentDisplayPreference from './content-display';\nimport { CollectionPreferencesProps } from './interfaces';\nimport {\n ContentDensityPreference,\n copyPreferences,\n CustomPreference,\n mergePreferences,\n ModalContentLayout,\n PageSizePreference,\n StickyColumnsPreference,\n StripedRowsPreference,\n WrapLinesPreference,\n} from './utils';\nimport VisibleContentPreference from './visible-content';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { CollectionPreferencesProps };\n\nconst componentName = 'CollectionPreferences';\n\nexport default function CollectionPreferences({\n title,\n confirmLabel,\n cancelLabel,\n disabled = false,\n onConfirm,\n onCancel,\n visibleContentPreference,\n contentDisplayPreference,\n pageSizePreference,\n wrapLinesPreference,\n stripedRowsPreference,\n contentDensityPreference,\n stickyColumnsPreference,\n preferences,\n customPreference,\n getModalRoot,\n removeModalRoot,\n contentBefore,\n ...rest\n}: CollectionPreferencesProps) {\n const parentMetadata = useContext(CollectionPreferencesMetadata);\n const { __internalRootRef } = useBaseComponent('CollectionPreferences', {\n props: {},\n metadata: {\n ...parentMetadata,\n hasStripedRowsPreference: !!stripedRowsPreference,\n hasVisibleContentPreference: !!visibleContentPreference,\n hasContentDisplayPreference: !!contentDisplayPreference,\n hasContentDensityPreference: !!contentDensityPreference,\n hasStickyColumnsPreference: !!stickyColumnsPreference,\n visibleContentOptionsCount: visibleContentPreference?.options?.length,\n },\n });\n checkControlled('CollectionPreferences', 'preferences', preferences, 'onConfirm', onConfirm);\n\n const i18n = useInternalI18n('collection-preferences');\n const baseProps = getBaseProps(rest);\n const [modalVisible, setModalVisible] = useState(false);\n const [temporaryPreferences, setTemporaryPreferences] = useState(copyPreferences(preferences \|\| {}));\n const triggerRef = useRef<ButtonProps.Ref>(null);\n const dialogPreviouslyOpen = useRef(false);\n\n useEffect(() => {\n if (!modalVisible) {\n dialogPreviouslyOpen.current && triggerRef.current && triggerRef.current.focus();\n } else {\n dialogPreviouslyOpen.current = true;\n }\n }, [modalVisible]);\n\n const onConfirmListener = () => {\n setModalVisible(false);\n fireNonCancelableEvent(onConfirm, temporaryPreferences);\n };\n\n const onCancelListener = () => {\n fireNonCancelableEvent(onCancel, {});\n setModalVisible(false);\n setTemporaryPreferences(copyPreferences(preferences \|\| {}));\n };\n\n const hasContentOnTheLeft = !!(\n pageSizePreference \|\|\n wrapLinesPreference \|\|\n stripedRowsPreference \|\|\n contentDensityPreference \|\|\n stickyColumnsPreference \|\|\n customPreference\n );\n const hasContentOnTheRight = !!(visibleContentPreference \|\| contentDisplayPreference);\n\n const onChange = (changedPreferences: CollectionPreferencesProps.Preferences) =>\n setTemporaryPreferences(mergePreferences(changedPreferences, temporaryPreferences));\n\n if (visibleContentPreference && contentDisplayPreference) {\n warnOnce(\n componentName,\n 'You provided both `visibleContentPreference` and `contentDisplayPreference` props. `visibleContentPreference` will be ignored and only `contentDisplayPreference` will be rendered.'\n );\n }\n\n const referrerId = useUniqueId();\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <div\n id={referrerId}\n {...getAnalyticsMetadataAttribute({ component: getComponentAnalyticsMetadata(disabled, preferences) })}\n >\n <InternalButton\n ref={triggerRef}\n className={clsx(styles['trigger-button'], analyticsSelectors['trigger-button'])}\n disabled={disabled}\n ariaLabel={i18n('title', title)}\n onClick={() => {\n setTemporaryPreferences(copyPreferences(preferences \|\| {}));\n setModalVisible(true);\n }}\n variant=\"icon\"\n iconName=\"settings\"\n formAction=\"none\"\n analyticsAction=\"open\"\n />\n {!disabled && modalVisible && (\n <InternalModal\n className={styles['modal-root']}\n visible={true}\n getModalRoot={getModalRoot}\n removeModalRoot={removeModalRoot}\n header={i18n('title', title)}\n referrerId={referrerId}\n footer={\n <InternalBox float=\"right\">\n <InternalSpaceBetween direction=\"horizontal\" size=\"xs\">\n <InternalButton\n className={styles['cancel-button']}\n variant=\"link\"\n formAction=\"none\"\n onClick={onCancelListener}\n analyticsAction=\"cancel\"\n >\n {i18n('cancelLabel', cancelLabel)}\n </InternalButton>\n <InternalButton\n className={styles['confirm-button']}\n variant=\"primary\"\n formAction=\"none\"\n onClick={onConfirmListener}\n analyticsAction=\"confirm\"\n >\n {i18n('confirmLabel', confirmLabel)}\n </InternalButton>\n </InternalSpaceBetween>\n </InternalBox>\n }\n closeAriaLabel={cancelLabel}\n size={hasContentOnTheLeft && hasContentOnTheRight ? 'large' : 'medium'}\n onDismiss={onCancelListener}\n >\n {/* Content before /}\n <div className={styles['content-before']}>{contentBefore}</div>\n\n {/ Preferences content */}\n <ModalContentLayout\n left={\n hasContentOnTheLeft && (\n <InternalSpaceBetween size=\"l\">\n {pageSizePreference && (\n <PageSizePreference\n value={temporaryPreferences.pageSize}\n {...pageSizePreference}\n onChange={pageSize => onChange({ pageSize })}\n />\n )}\n {wrapLinesPreference && (\n <WrapLinesPreference\n value={temporaryPreferences.wrapLines}\n {...wrapLinesPreference}\n onChange={wrapLines => onChange({ wrapLines })}\n />\n )}\n {stripedRowsPreference && (\n <StripedRowsPreference\n value={temporaryPreferences.stripedRows}\n {...stripedRowsPreference}\n onChange={stripedRows => onChange({ stripedRows })}\n />\n )}\n {contentDensityPreference && (\n <ContentDensityPreference\n value={temporaryPreferences.contentDensity}\n {...contentDensityPreference}\n onChange={contentDensity => onChange({ contentDensity })}\n />\n )}\n {stickyColumnsPreference && (\n <StickyColumnsPreference\n value={temporaryPreferences.stickyColumns}\n {...stickyColumnsPreference}\n onChange={stickyColumns => onChange({ stickyColumns })}\n />\n )}\n {customPreference && (\n <CustomPreference\n value={temporaryPreferences.custom}\n customPreference={customPreference}\n onChange={custom => onChange({ custom })}\n />\n )}\n </InternalSpaceBetween>\n )\n }\n right={\n contentDisplayPreference ? (\n <ContentDisplayPreference\n {...contentDisplayPreference}\n value={temporaryPreferences.contentDisplay}\n onChange={contentDisplay => onChange({ contentDisplay })}\n />\n ) : (\n visibleContentPreference && (\n <VisibleContentPreference\n value={temporaryPreferences.visibleContent}\n {...visibleContentPreference}\n onChange={visibleItems => onChange({ visibleContent: visibleItems })}\n />\n )\n )\n }\n />\n </InternalModal>\n )}\n </div>\n </div>\n );\n}\n\napplyDisplayName(CollectionPreferences, componentName);\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/collection-preferences/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { CollectionPreferencesMetadata } from '../internal/context/collection-preferences-metadata-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalModal from '../modal/internal';\nimport InternalSpaceBetween from '../space-between/internal';\nimport { getComponentAnalyticsMetadata } from './analytics-metadata/utils';\nimport ContentDisplayPreference from './content-display';\nimport { CollectionPreferencesProps } from './interfaces';\nimport {\n ContentDensityPreference,\n copyPreferences,\n CustomPreference,\n mergePreferences,\n ModalContentLayout,\n PageSizePreference,\n StickyColumnsPreference,\n StripedRowsPreference,\n WrapLinesPreference,\n} from './utils';\nimport VisibleContentPreference from './visible-content';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { CollectionPreferencesProps };\n\nconst componentName = 'CollectionPreferences';\n\nexport default function CollectionPreferences({\n title,\n confirmLabel,\n cancelLabel,\n disabled = false,\n onConfirm,\n onCancel,\n visibleContentPreference,\n contentDisplayPreference,\n pageSizePreference,\n wrapLinesPreference,\n stripedRowsPreference,\n contentDensityPreference,\n stickyColumnsPreference,\n preferences,\n customPreference,\n getModalRoot,\n removeModalRoot,\n contentBefore,\n ...rest\n}: CollectionPreferencesProps) {\n const parentMetadata = useContext(CollectionPreferencesMetadata);\n const { __internalRootRef } = useBaseComponent('CollectionPreferences', {\n props: {},\n metadata: {\n ...parentMetadata,\n hasStripedRowsPreference: !!stripedRowsPreference,\n hasVisibleContentPreference: !!visibleContentPreference,\n hasContentDisplayPreference: !!contentDisplayPreference,\n hasContentDensityPreference: !!contentDensityPreference,\n hasStickyColumnsPreference: !!stickyColumnsPreference,\n hasContentDisplayColumnFiltering: !!contentDisplayPreference?.enableColumnFiltering,\n visibleContentOptionsCount: visibleContentPreference?.options?.length,\n },\n });\n checkControlled('CollectionPreferences', 'preferences', preferences, 'onConfirm', onConfirm);\n\n const i18n = useInternalI18n('collection-preferences');\n const baseProps = getBaseProps(rest);\n const [modalVisible, setModalVisible] = useState(false);\n const [temporaryPreferences, setTemporaryPreferences] = useState(copyPreferences(preferences \|\| {}));\n const triggerRef = useRef<ButtonProps.Ref>(null);\n const dialogPreviouslyOpen = useRef(false);\n\n useEffect(() => {\n if (!modalVisible) {\n dialogPreviouslyOpen.current && triggerRef.current && triggerRef.current.focus();\n } else {\n dialogPreviouslyOpen.current = true;\n }\n }, [modalVisible]);\n\n const onConfirmListener = () => {\n setModalVisible(false);\n fireNonCancelableEvent(onConfirm, temporaryPreferences);\n };\n\n const onCancelListener = () => {\n fireNonCancelableEvent(onCancel, {});\n setModalVisible(false);\n setTemporaryPreferences(copyPreferences(preferences \|\| {}));\n };\n\n const hasContentOnTheLeft = !!(\n pageSizePreference \|\|\n wrapLinesPreference \|\|\n stripedRowsPreference \|\|\n contentDensityPreference \|\|\n stickyColumnsPreference \|\|\n customPreference\n );\n const hasContentOnTheRight = !!(visibleContentPreference \|\| contentDisplayPreference);\n\n const onChange = (changedPreferences: CollectionPreferencesProps.Preferences) =>\n setTemporaryPreferences(mergePreferences(changedPreferences, temporaryPreferences));\n\n if (visibleContentPreference && contentDisplayPreference) {\n warnOnce(\n componentName,\n 'You provided both `visibleContentPreference` and `contentDisplayPreference` props. `visibleContentPreference` will be ignored and only `contentDisplayPreference` will be rendered.'\n );\n }\n\n const referrerId = useUniqueId();\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <div\n id={referrerId}\n {...getAnalyticsMetadataAttribute({ component: getComponentAnalyticsMetadata(disabled, preferences) })}\n >\n <InternalButton\n ref={triggerRef}\n className={clsx(styles['trigger-button'], analyticsSelectors['trigger-button'])}\n disabled={disabled}\n ariaLabel={i18n('title', title)}\n onClick={() => {\n setTemporaryPreferences(copyPreferences(preferences \|\| {}));\n setModalVisible(true);\n }}\n variant=\"icon\"\n iconName=\"settings\"\n formAction=\"none\"\n analyticsAction=\"open\"\n />\n {!disabled && modalVisible && (\n <InternalModal\n className={styles['modal-root']}\n visible={true}\n getModalRoot={getModalRoot}\n removeModalRoot={removeModalRoot}\n header={i18n('title', title)}\n referrerId={referrerId}\n footer={\n <InternalBox float=\"right\">\n <InternalSpaceBetween direction=\"horizontal\" size=\"xs\">\n <InternalButton\n className={styles['cancel-button']}\n variant=\"link\"\n formAction=\"none\"\n onClick={onCancelListener}\n analyticsAction=\"cancel\"\n >\n {i18n('cancelLabel', cancelLabel)}\n </InternalButton>\n <InternalButton\n className={styles['confirm-button']}\n variant=\"primary\"\n formAction=\"none\"\n onClick={onConfirmListener}\n analyticsAction=\"confirm\"\n >\n {i18n('confirmLabel', confirmLabel)}\n </InternalButton>\n </InternalSpaceBetween>\n </InternalBox>\n }\n closeAriaLabel={cancelLabel}\n size={hasContentOnTheLeft && hasContentOnTheRight ? 'large' : 'medium'}\n onDismiss={onCancelListener}\n >\n {/* Content before /}\n <div className={styles['content-before']}>{contentBefore}</div>\n\n {/ Preferences content */}\n <ModalContentLayout\n left={\n hasContentOnTheLeft && (\n <InternalSpaceBetween size=\"l\">\n {pageSizePreference && (\n <PageSizePreference\n value={temporaryPreferences.pageSize}\n {...pageSizePreference}\n onChange={pageSize => onChange({ pageSize })}\n />\n )}\n {wrapLinesPreference && (\n <WrapLinesPreference\n value={temporaryPreferences.wrapLines}\n {...wrapLinesPreference}\n onChange={wrapLines => onChange({ wrapLines })}\n />\n )}\n {stripedRowsPreference && (\n <StripedRowsPreference\n value={temporaryPreferences.stripedRows}\n {...stripedRowsPreference}\n onChange={stripedRows => onChange({ stripedRows })}\n />\n )}\n {contentDensityPreference && (\n <ContentDensityPreference\n value={temporaryPreferences.contentDensity}\n {...contentDensityPreference}\n onChange={contentDensity => onChange({ contentDensity })}\n />\n )}\n {stickyColumnsPreference && (\n <StickyColumnsPreference\n value={temporaryPreferences.stickyColumns}\n {...stickyColumnsPreference}\n onChange={stickyColumns => onChange({ stickyColumns })}\n />\n )}\n {customPreference && (\n <CustomPreference\n value={temporaryPreferences.custom}\n customPreference={customPreference}\n onChange={custom => onChange({ custom })}\n />\n )}\n </InternalSpaceBetween>\n )\n }\n right={\n contentDisplayPreference ? (\n <ContentDisplayPreference\n {...contentDisplayPreference}\n value={temporaryPreferences.contentDisplay}\n onChange={contentDisplay => onChange({ contentDisplay })}\n />\n ) : (\n visibleContentPreference && (\n <VisibleContentPreference\n value={temporaryPreferences.visibleContent}\n {...visibleContentPreference}\n onChange={visibleItems => onChange({ visibleContent: visibleItems })}\n />\n )\n )\n }\n />\n </InternalModal>\n )}\n </div>\n </div>\n );\n}\n\napplyDisplayName(CollectionPreferences, componentName);\n"]}

package/collection-preferences/styles.css.js CHANGED Viewed

@@ -1,42 +1,43 @@
     import './styles.scoped.css';
     export default {
-  "visible-content": "awsui_visible-content_tc96w_mcyrz_289",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_mcyrz_290",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_mcyrz_291",
-  "visible-content-group": "awsui_visible-content-group_tc96w_mcyrz_291",
-  "visible-content-title": "awsui_visible-content-title_tc96w_mcyrz_296",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_mcyrz_306",
-  "visible-content-option": "awsui_visible-content-option_tc96w_mcyrz_312",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_mcyrz_325",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_mcyrz_620",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_mcyrz_624",
-  "content-display-option": "awsui_content-display-option_tc96w_mcyrz_620",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_mcyrz_672",
-  "content-display": "awsui_content-display_tc96w_mcyrz_620",
-  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_mcyrz_680",
-  "content-display-no-match": "awsui_content-display-no-match_tc96w_mcyrz_681",
-  "content-display-title": "awsui_content-display-title_tc96w_mcyrz_685",
-  "content-display-description": "awsui_content-display-description_tc96w_mcyrz_694",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_mcyrz_702",
-  "root": "awsui_root_tc96w_mcyrz_709",
-  "modal-root": "awsui_modal-root_tc96w_mcyrz_710",
-  "trigger-button": "awsui_trigger-button_tc96w_mcyrz_711",
-  "cancel-button": "awsui_cancel-button_tc96w_mcyrz_712",
-  "confirm-button": "awsui_confirm-button_tc96w_mcyrz_713",
-  "custom": "awsui_custom_tc96w_mcyrz_714",
-  "content-before": "awsui_content-before_tc96w_mcyrz_715",
-  "second-column-small": "awsui_second-column-small_tc96w_mcyrz_719",
-  "wrap-lines": "awsui_wrap-lines_tc96w_mcyrz_723",
-  "striped-rows": "awsui_striped-rows_tc96w_mcyrz_724",
-  "content-density": "awsui_content-density_tc96w_mcyrz_725",
-  "page-size": "awsui_page-size_tc96w_mcyrz_726",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_mcyrz_727",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_mcyrz_728",
-  "sticky-columns": "awsui_sticky-columns_tc96w_mcyrz_729",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_mcyrz_730",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_mcyrz_731",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_mcyrz_732",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_mcyrz_733"
+  "visible-content": "awsui_visible-content_tc96w_dqnby_289",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_dqnby_290",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_dqnby_291",
+  "visible-content-group": "awsui_visible-content-group_tc96w_dqnby_291",
+  "visible-content-title": "awsui_visible-content-title_tc96w_dqnby_296",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_dqnby_306",
+  "visible-content-option": "awsui_visible-content-option_tc96w_dqnby_312",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_dqnby_325",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_dqnby_620",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_dqnby_624",
+  "content-display-option": "awsui_content-display-option_tc96w_dqnby_620",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_dqnby_672",
+  "drag-handle-wrapper": "awsui_drag-handle-wrapper_tc96w_dqnby_679",
+  "content-display": "awsui_content-display_tc96w_dqnby_620",
+  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_dqnby_684",
+  "content-display-no-match": "awsui_content-display-no-match_tc96w_dqnby_685",
+  "content-display-title": "awsui_content-display-title_tc96w_dqnby_689",
+  "content-display-description": "awsui_content-display-description_tc96w_dqnby_698",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_dqnby_706",
+  "root": "awsui_root_tc96w_dqnby_713",
+  "modal-root": "awsui_modal-root_tc96w_dqnby_714",
+  "trigger-button": "awsui_trigger-button_tc96w_dqnby_715",
+  "cancel-button": "awsui_cancel-button_tc96w_dqnby_716",
+  "confirm-button": "awsui_confirm-button_tc96w_dqnby_717",
+  "custom": "awsui_custom_tc96w_dqnby_718",
+  "content-before": "awsui_content-before_tc96w_dqnby_719",
+  "second-column-small": "awsui_second-column-small_tc96w_dqnby_723",
+  "wrap-lines": "awsui_wrap-lines_tc96w_dqnby_727",
+  "striped-rows": "awsui_striped-rows_tc96w_dqnby_728",
+  "content-density": "awsui_content-density_tc96w_dqnby_729",
+  "page-size": "awsui_page-size_tc96w_dqnby_730",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_dqnby_731",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_dqnby_732",
+  "sticky-columns": "awsui_sticky-columns_tc96w_dqnby_733",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_dqnby_734",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_dqnby_735",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_dqnby_736",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_dqnby_737"
 };

package/collection-preferences/styles.scoped.css CHANGED Viewed

@@ -286,14 +286,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_visible-content_tc96w_mcyrz_289:not(#\9),
-.awsui_visible-content-toggle_tc96w_mcyrz_290:not(#\9),
-.awsui_visible-content-groups_tc96w_mcyrz_291:not(#\9),
-.awsui_visible-content-group_tc96w_mcyrz_291:not(#\9) {
+.awsui_visible-content_tc96w_dqnby_289:not(#\9),
+.awsui_visible-content-toggle_tc96w_dqnby_290:not(#\9),
+.awsui_visible-content-groups_tc96w_dqnby_291:not(#\9),
+.awsui_visible-content-group_tc96w_dqnby_291:not(#\9) {
   /* used in test-utils */
 }
-.awsui_visible-content-title_tc96w_mcyrz_296:not(#\9) {
+.awsui_visible-content-title_tc96w_dqnby_296:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: var(--font-display-label-weight-815ja9, 700);
@@ -303,13 +303,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
-.awsui_visible-content-group-label_tc96w_mcyrz_306:not(#\9) {
+.awsui_visible-content-group-label_tc96w_dqnby_306:not(#\9) {
   color: var(--color-text-group-label-8pk3es, #424650);
   padding-block-end: var(--space-xs-zb16t3, 8px);
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-alwp8z, #ebebf0);
 }
-.awsui_visible-content-option_tc96w_mcyrz_312:not(#\9) {
+.awsui_visible-content-option_tc96w_dqnby_312:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
@@ -318,11 +318,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: 0px;
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-alwp8z, #ebebf0);
 }
-.awsui_visible-content-option_tc96w_mcyrz_312:not(#\9):last-child {
+.awsui_visible-content-option_tc96w_dqnby_312:not(#\9):last-child {
   border-block-end: none;
 }
-.awsui_visible-content-option-label_tc96w_mcyrz_325:not(#\9) {
+.awsui_visible-content-option-label_tc96w_dqnby_325:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   padding-inline-end: var(--space-l-t419sm, 20px);
@@ -617,11 +617,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content-display-option-toggle_tc96w_mcyrz_620:not(#\9) {
+.awsui_content-display-option-toggle_tc96w_dqnby_620:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content-display-option-content_tc96w_mcyrz_624:not(#\9) {
+.awsui_content-display-option-content_tc96w_dqnby_624:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -664,26 +664,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_content-display-option_tc96w_mcyrz_620:not(#\9) {
+.awsui_content-display-option_tc96w_dqnby_620:not(#\9) {
   list-style: none;
   position: relative;
   border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-alwp8z, #ebebf0);
 }
-.awsui_content-display-option-label_tc96w_mcyrz_672:not(#\9) {
+.awsui_content-display-option-label_tc96w_dqnby_672:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
   word-break: break-word;
   padding-inline-end: var(--space-l-t419sm, 20px);
 }
-.awsui_content-display_tc96w_mcyrz_620:not(#\9),
-.awsui_content-display-text-filter_tc96w_mcyrz_680:not(#\9),
-.awsui_content-display-no-match_tc96w_mcyrz_681:not(#\9) {
+.awsui_drag-handle-wrapper_tc96w_dqnby_679:not(#\9) {
+  margin-inline: var(--space-scaled-xxs-7597g1, 4px);
+}
+.awsui_content-display_tc96w_dqnby_620:not(#\9),
+.awsui_content-display-text-filter_tc96w_dqnby_684:not(#\9),
+.awsui_content-display-no-match_tc96w_dqnby_685:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content-display-title_tc96w_mcyrz_685:not(#\9) {
+.awsui_content-display-title_tc96w_dqnby_689:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: var(--font-display-label-weight-815ja9, 700);
@@ -692,7 +696,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
-.awsui_content-display-description_tc96w_mcyrz_694:not(#\9) {
+.awsui_content-display-description_tc96w_dqnby_698:not(#\9) {
   color: var(--color-text-form-secondary-54emib, #656871);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
@@ -700,37 +704,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-scaled-xxxs-27y4hv, 2px);
 }
-.awsui_content-display-option-list_tc96w_mcyrz_702:not(#\9) {
+.awsui_content-display-option-list_tc96w_dqnby_706:not(#\9) {
   position: relative;
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_root_tc96w_mcyrz_709:not(#\9),
-.awsui_modal-root_tc96w_mcyrz_710:not(#\9),
-.awsui_trigger-button_tc96w_mcyrz_711:not(#\9),
-.awsui_cancel-button_tc96w_mcyrz_712:not(#\9),
-.awsui_confirm-button_tc96w_mcyrz_713:not(#\9),
-.awsui_custom_tc96w_mcyrz_714:not(#\9),
-.awsui_content-before_tc96w_mcyrz_715:not(#\9) {
+.awsui_root_tc96w_dqnby_713:not(#\9),
+.awsui_modal-root_tc96w_dqnby_714:not(#\9),
+.awsui_trigger-button_tc96w_dqnby_715:not(#\9),
+.awsui_cancel-button_tc96w_dqnby_716:not(#\9),
+.awsui_confirm-button_tc96w_dqnby_717:not(#\9),
+.awsui_custom_tc96w_dqnby_718:not(#\9),
+.awsui_content-before_tc96w_dqnby_719:not(#\9) {
   /* used in test-utils */
 }
-.awsui_second-column-small_tc96w_mcyrz_719:not(#\9) {
+.awsui_second-column-small_tc96w_dqnby_723:not(#\9) {
   padding-block-start: calc(2 * var(--space-scaled-l-0hpmd7, 20px));
 }
-.awsui_wrap-lines_tc96w_mcyrz_723:not(#\9),
-.awsui_striped-rows_tc96w_mcyrz_724:not(#\9),
-.awsui_content-density_tc96w_mcyrz_725:not(#\9),
-.awsui_page-size_tc96w_mcyrz_726:not(#\9),
-.awsui_page-size-form-field_tc96w_mcyrz_727:not(#\9),
-.awsui_page-size-radio-group_tc96w_mcyrz_728:not(#\9),
-.awsui_sticky-columns_tc96w_mcyrz_729:not(#\9),
-.awsui_sticky-columns-form-field_tc96w_mcyrz_730:not(#\9),
-.awsui_sticky-columns-radio-group_tc96w_mcyrz_731:not(#\9),
-.awsui_sticky-columns-first_tc96w_mcyrz_732:not(#\9),
-.awsui_sticky-columns-last_tc96w_mcyrz_733:not(#\9) {
+.awsui_wrap-lines_tc96w_dqnby_727:not(#\9),
+.awsui_striped-rows_tc96w_dqnby_728:not(#\9),
+.awsui_content-density_tc96w_dqnby_729:not(#\9),
+.awsui_page-size_tc96w_dqnby_730:not(#\9),
+.awsui_page-size-form-field_tc96w_dqnby_731:not(#\9),
+.awsui_page-size-radio-group_tc96w_dqnby_732:not(#\9),
+.awsui_sticky-columns_tc96w_dqnby_733:not(#\9),
+.awsui_sticky-columns-form-field_tc96w_dqnby_734:not(#\9),
+.awsui_sticky-columns-radio-group_tc96w_dqnby_735:not(#\9),
+.awsui_sticky-columns-first_tc96w_dqnby_736:not(#\9),
+.awsui_sticky-columns-last_tc96w_dqnby_737:not(#\9) {
   /* used in test-utils */
 }

package/collection-preferences/styles.selectors.js CHANGED Viewed

@@ -2,42 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "visible-content": "awsui_visible-content_tc96w_mcyrz_289",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_mcyrz_290",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_mcyrz_291",
-  "visible-content-group": "awsui_visible-content-group_tc96w_mcyrz_291",
-  "visible-content-title": "awsui_visible-content-title_tc96w_mcyrz_296",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_mcyrz_306",
-  "visible-content-option": "awsui_visible-content-option_tc96w_mcyrz_312",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_mcyrz_325",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_mcyrz_620",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_mcyrz_624",
-  "content-display-option": "awsui_content-display-option_tc96w_mcyrz_620",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_mcyrz_672",
-  "content-display": "awsui_content-display_tc96w_mcyrz_620",
-  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_mcyrz_680",
-  "content-display-no-match": "awsui_content-display-no-match_tc96w_mcyrz_681",
-  "content-display-title": "awsui_content-display-title_tc96w_mcyrz_685",
-  "content-display-description": "awsui_content-display-description_tc96w_mcyrz_694",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_mcyrz_702",
-  "root": "awsui_root_tc96w_mcyrz_709",
-  "modal-root": "awsui_modal-root_tc96w_mcyrz_710",
-  "trigger-button": "awsui_trigger-button_tc96w_mcyrz_711",
-  "cancel-button": "awsui_cancel-button_tc96w_mcyrz_712",
-  "confirm-button": "awsui_confirm-button_tc96w_mcyrz_713",
-  "custom": "awsui_custom_tc96w_mcyrz_714",
-  "content-before": "awsui_content-before_tc96w_mcyrz_715",
-  "second-column-small": "awsui_second-column-small_tc96w_mcyrz_719",
-  "wrap-lines": "awsui_wrap-lines_tc96w_mcyrz_723",
-  "striped-rows": "awsui_striped-rows_tc96w_mcyrz_724",
-  "content-density": "awsui_content-density_tc96w_mcyrz_725",
-  "page-size": "awsui_page-size_tc96w_mcyrz_726",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_mcyrz_727",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_mcyrz_728",
-  "sticky-columns": "awsui_sticky-columns_tc96w_mcyrz_729",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_mcyrz_730",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_mcyrz_731",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_mcyrz_732",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_mcyrz_733"
+  "visible-content": "awsui_visible-content_tc96w_dqnby_289",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_dqnby_290",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_dqnby_291",
+  "visible-content-group": "awsui_visible-content-group_tc96w_dqnby_291",
+  "visible-content-title": "awsui_visible-content-title_tc96w_dqnby_296",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_dqnby_306",
+  "visible-content-option": "awsui_visible-content-option_tc96w_dqnby_312",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_dqnby_325",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_dqnby_620",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_dqnby_624",
+  "content-display-option": "awsui_content-display-option_tc96w_dqnby_620",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_dqnby_672",
+  "drag-handle-wrapper": "awsui_drag-handle-wrapper_tc96w_dqnby_679",
+  "content-display": "awsui_content-display_tc96w_dqnby_620",
+  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_dqnby_684",
+  "content-display-no-match": "awsui_content-display-no-match_tc96w_dqnby_685",
+  "content-display-title": "awsui_content-display-title_tc96w_dqnby_689",
+  "content-display-description": "awsui_content-display-description_tc96w_dqnby_698",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_dqnby_706",
+  "root": "awsui_root_tc96w_dqnby_713",
+  "modal-root": "awsui_modal-root_tc96w_dqnby_714",
+  "trigger-button": "awsui_trigger-button_tc96w_dqnby_715",
+  "cancel-button": "awsui_cancel-button_tc96w_dqnby_716",
+  "confirm-button": "awsui_confirm-button_tc96w_dqnby_717",
+  "custom": "awsui_custom_tc96w_dqnby_718",
+  "content-before": "awsui_content-before_tc96w_dqnby_719",
+  "second-column-small": "awsui_second-column-small_tc96w_dqnby_723",
+  "wrap-lines": "awsui_wrap-lines_tc96w_dqnby_727",
+  "striped-rows": "awsui_striped-rows_tc96w_dqnby_728",
+  "content-density": "awsui_content-density_tc96w_dqnby_729",
+  "page-size": "awsui_page-size_tc96w_dqnby_730",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_dqnby_731",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_dqnby_732",
+  "sticky-columns": "awsui_sticky-columns_tc96w_dqnby_733",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_dqnby_734",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_dqnby_735",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_dqnby_736",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_dqnby_737"
 };

package/internal/components/drag-handle/index.d.ts CHANGED Viewed

@@ -1,10 +1,6 @@
 import React from 'react';
-export interface DragHandleProps {
-    ariaLabel: string;
-    ariaDescribedby?: string;
-    disabled?: boolean;
-    onPointerDown?: React.PointerEventHandler;
-    onKeyDown?: React.KeyboardEventHandler;
-}
-export default function DragHandle({ ariaLabel, ariaDescribedby, disabled, onPointerDown, onKeyDown, }: DragHandleProps): JSX.Element;
+import { DragHandleProps } from './interfaces';
+export { DragHandleProps };
+declare const DragHandle: React.ForwardRefExoticComponent<DragHandleProps & React.RefAttributes<DragHandleProps.Ref>>;
+export default DragHandle;
 //# sourceMappingURL=index.d.ts.map

package/internal/components/drag-handle/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,~~KAAK~~,MAAM,OAAO,CAAC;~~AAO1B~~,~~MAAM~~,~~WAAW~~,eAAe~~;IAC9B~~,~~SAAS,~~EAAE,MAAM,~~CAAC;IAClB~~,~~eAAe,~~CAAC~~,EAAE,MAAM,CAAC~~;~~IACzB~~,~~QAAQ~~,~~CAAC,~~EAAE,~~OAAO~~,~~CAAC;IACnB,aAAa,CAAC,~~EAAE,~~KAAK,~~CAAC~~,mBAAmB,CAAC~~;~~IAC1C~~,~~SAAS~~,~~CAAC~~,~~EAAE~~,~~KAAK~~,CAAC~~,oBAAoB,CAAC~~;~~CACxC;AAED~~,~~MAAM~~,~~CAAC,OAAO,~~UAAU,~~UAAU,~~CAAC~~,EACjC,SAAS,EACT,eAAe,EACf,QAAQ,EACR,aAAa,EACb,SAAS,GACV,EAAE,eAAe,eAoBjB~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FA+Df,CAAC;AAEF,eAAe,UAAU,CAAC"}