npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.87 → 3.0.89 - Mend

@cloudscape-design/components-themeable 3.0.87 → 3.0.89

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 (76) hide show

package/lib/internal/template/header/styles.selectors.js CHANGED Viewed

@@ -2,45 +2,45 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2qdw9_dk6jz_93",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_dk6jz_108",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_dk6jz_108",
-  "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_dk6jz_111",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_dk6jz_114",
-  "root-has-description": "awsui_root-has-description_2qdw9_dk6jz_114",
-  "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_dk6jz_117",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_dk6jz_120",
-  "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_dk6jz_123",
-  "root-no-wrap": "awsui_root-no-wrap_2qdw9_dk6jz_126",
-  "main": "awsui_main_2qdw9_dk6jz_130",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_dk6jz_138",
-  "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_dk6jz_141",
-  "main-variant-h2": "awsui_main-variant-h2_2qdw9_dk6jz_147",
-  "main-variant-h3": "awsui_main-variant-h3_2qdw9_dk6jz_147",
-  "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_dk6jz_153",
-  "actions": "awsui_actions_2qdw9_dk6jz_160",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_dk6jz_164",
-  "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_dk6jz_167",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_dk6jz_170",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_dk6jz_170",
-  "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_dk6jz_176",
-  "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_dk6jz_179",
-  "title": "awsui_title_2qdw9_dk6jz_183",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_dk6jz_189",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_dk6jz_189",
-  "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_dk6jz_198",
-  "info": "awsui_info_2qdw9_dk6jz_208",
-  "description": "awsui_description_2qdw9_dk6jz_212",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_dk6jz_217",
-  "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_dk6jz_222",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_dk6jz_225",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_dk6jz_230",
-  "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_dk6jz_236",
-  "heading": "awsui_heading_2qdw9_dk6jz_240",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_dk6jz_249",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_dk6jz_255",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_dk6jz_258",
-  "heading-text": "awsui_heading-text_2qdw9_dk6jz_262",
-  "counter": "awsui_counter_2qdw9_dk6jz_266"
+  "root": "awsui_root_2qdw9_1vobd_93",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_1vobd_108",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1vobd_108",
+  "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_1vobd_111",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1vobd_114",
+  "root-has-description": "awsui_root-has-description_2qdw9_1vobd_114",
+  "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_1vobd_117",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1vobd_120",
+  "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_1vobd_123",
+  "root-no-wrap": "awsui_root-no-wrap_2qdw9_1vobd_126",
+  "main": "awsui_main_2qdw9_1vobd_130",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1vobd_138",
+  "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_1vobd_141",
+  "main-variant-h2": "awsui_main-variant-h2_2qdw9_1vobd_147",
+  "main-variant-h3": "awsui_main-variant-h3_2qdw9_1vobd_147",
+  "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_1vobd_153",
+  "actions": "awsui_actions_2qdw9_1vobd_160",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1vobd_164",
+  "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_1vobd_167",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1vobd_170",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1vobd_170",
+  "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_1vobd_176",
+  "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_1vobd_179",
+  "title": "awsui_title_2qdw9_1vobd_183",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1vobd_189",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1vobd_189",
+  "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_1vobd_198",
+  "info": "awsui_info_2qdw9_1vobd_208",
+  "description": "awsui_description_2qdw9_1vobd_212",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1vobd_217",
+  "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_1vobd_222",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1vobd_225",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1vobd_230",
+  "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_1vobd_236",
+  "heading": "awsui_heading_2qdw9_1vobd_240",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1vobd_249",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1vobd_255",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1vobd_259",
+  "heading-text": "awsui_heading-text_2qdw9_1vobd_264",
+  "counter": "awsui_counter_2qdw9_1vobd_268"
 };

package/lib/internal/template/hotspot/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,IAAc,EACd,SAAiB,EACjB,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,~~CAkC5B~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,IAAc,EACd,SAAiB,EACjB,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAqC5B"}

package/lib/internal/template/hotspot/index.js CHANGED Viewed

@@ -22,9 +22,9 @@ export default function Hotspot(_a) {
     if (children) {
         return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.wrapper), ref: __internalRootRef }),
             React.createElement("div", { className: styles.elementWrapper }, children),
-            React.createElement("div", { className: clsx(styles.markerWrapper, styles["placement-".concat(side)]) }, content)));
+            React.createElement("div", { className: clsx(styles.markerWrapper, styles["placement-".concat(side)]), onClick: function (e) { return e.stopPropagation(); } }, content)));
     }
-    return (React.createElement("span", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.inlineWrapper), ref: __internalRootRef }), content));
+    return (React.createElement("span", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.inlineWrapper), ref: __internalRootRef, onClick: function (e) { return e.stopPropagation(); } }), content));
 }
 applyDisplayName(Hotspot, 'Hotspot');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/hotspot/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAMjB;IALb,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,SAAS,cALkB,8CAM/B,CADa;IAEJ,IAAA,iBAAiB,GAAK,gBAAgB,CAAC,SAAS,CAAC,kBAAhC,CAAiC;IAC1D,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,IAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,IAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7D,IAAA,iBAAiB,GAAsB,cAAc,kBAApC,EAAE,eAAe,GAAK,cAAc,gBAAnB,CAAoB;IAE9D,SAAS,CAAC;QACR,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3B,OAAO,cAAM,OAAA,iBAAiB,CAAC,SAAS,CAAC,EAA5B,CAA4B,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,iBAAiB;YAC3G,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,QAAQ,CAAO;YACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,oBAAa,IAAI,CAAE,CAAC,CAAC,~~IAAG~~,OAAO,~~CAAO~~,~~CACpF~~,CACP,CAAC;KACH;IAED,OAAO,CACL,yCACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EACvE,GAAG,EAAE,iBAAiB,~~KAErB~~,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect } from 'react';\n\nimport { HotspotProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { hotspotContext as hotspotContextType } from '../annotation-context/context';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { HotspotProps };\n\nexport default function Hotspot({\n children,\n hotspotId,\n side = 'right',\n direction = 'top',\n ...restProps\n}: HotspotProps): JSX.Element {\n const { __internalRootRef } = useBaseComponent('Hotspot');\n const baseProps = getBaseProps(restProps);\n\n const hotspotContext = useContext(hotspotContextType);\n\n const content = hotspotContext.getContentForId(hotspotId, direction);\n\n const { unregisterHotspot, registerHotspot } = hotspotContext;\n\n useEffect(() => {\n registerHotspot(hotspotId);\n\n return () => unregisterHotspot(hotspotId);\n }, [hotspotId, unregisterHotspot, registerHotspot]);\n\n if (children) {\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root, styles.wrapper)} ref={__internalRootRef}>\n <div className={styles.elementWrapper}>{children}</div>\n <div className={clsx(styles.markerWrapper, styles[`placement-${side}`])}>{content}</div>\n </div>\n );\n }\n\n return (\n <span\n {...baseProps}\n className={clsx(baseProps.className, styles.root, styles.inlineWrapper)}\n ref={__internalRootRef}\n >\n {content}\n </span>\n );\n}\n\napplyDisplayName(Hotspot, 'Hotspot');\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAMjB;IALb,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,SAAS,cALkB,8CAM/B,CADa;IAEJ,IAAA,iBAAiB,GAAK,gBAAgB,CAAC,SAAS,CAAC,kBAAhC,CAAiC;IAC1D,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,IAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,IAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7D,IAAA,iBAAiB,GAAsB,cAAc,kBAApC,EAAE,eAAe,GAAK,cAAc,gBAAnB,CAAoB;IAE9D,SAAS,CAAC;QACR,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3B,OAAO,cAAM,OAAA,iBAAiB,CAAC,SAAS,CAAC,EAA5B,CAA4B,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,iBAAiB;YAC3G,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,QAAQ,CAAO;YACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,oBAAa,IAAI,CAAE,CAAC,CAAC,EAAE,OAAO,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,IACvG,OAAO,CACJ,CACF,CACP,CAAC;KACH;IAED,OAAO,CACL,yCACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EACvE,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,KAEhC,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect } from 'react';\n\nimport { HotspotProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { hotspotContext as hotspotContextType } from '../annotation-context/context';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { HotspotProps };\n\nexport default function Hotspot({\n children,\n hotspotId,\n side = 'right',\n direction = 'top',\n ...restProps\n}: HotspotProps): JSX.Element {\n const { __internalRootRef } = useBaseComponent('Hotspot');\n const baseProps = getBaseProps(restProps);\n\n const hotspotContext = useContext(hotspotContextType);\n\n const content = hotspotContext.getContentForId(hotspotId, direction);\n\n const { unregisterHotspot, registerHotspot } = hotspotContext;\n\n useEffect(() => {\n registerHotspot(hotspotId);\n\n return () => unregisterHotspot(hotspotId);\n }, [hotspotId, unregisterHotspot, registerHotspot]);\n\n if (children) {\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root, styles.wrapper)} ref={__internalRootRef}>\n <div className={styles.elementWrapper}>{children}</div>\n <div className={clsx(styles.markerWrapper, styles[`placement-${side}`])} onClick={e => e.stopPropagation()}>\n {content}\n </div>\n </div>\n );\n }\n\n return (\n <span\n {...baseProps}\n className={clsx(baseProps.className, styles.root, styles.inlineWrapper)}\n ref={__internalRootRef}\n onClick={e => e.stopPropagation()}\n >\n {content}\n </span>\n );\n}\n\napplyDisplayName(Hotspot, 'Hotspot');\n"]}

package/lib/internal/template/internal/components/abstract-switch/index.d.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>,
     ariaLabel?: string;
     ariaLabelledby?: string;
     ariaDescribedby?: string;
-    withoutLabel?: boolean;
+    onClick: () => void;
 }
-export default function AbstractSwitch({ controlId, controlClassName, outlineClassName, disabled, nativeControl, styledControl, label, description, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, withoutLabel, __internalRootRef, ...rest }: AbstractSwitchProps): JSX.Element;
+export default function AbstractSwitch({ controlId, controlClassName, outlineClassName, disabled, nativeControl, styledControl, label, description, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, onClick, __internalRootRef, ...rest }: AbstractSwitchProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/abstract-switch/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,~~YAAY~~,~~CAAC,~~EAAE,~~OAAO~~,CAAC;~~CACxB~~;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,~~YAAY~~,~~EACZ~~,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,~~eAyErB~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAiErB"}

package/lib/internal/template/internal/components/abstract-switch/index.js CHANGED Viewed

@@ -11,19 +11,12 @@ function joinString(values) {
 }
 export default function AbstractSwitch(_a) {
     var _b, _c;
-    var controlId = _a.controlId, controlClassName = _a.controlClassName, outlineClassName = _a.outlineClassName, disabled = _a.disabled, nativeControl = _a.nativeControl, styledControl = _a.styledControl, label = _a.label, description = _a.description, descriptionBottomPadding = _a.descriptionBottomPadding, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, withoutLabel = _a.withoutLabel, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["controlId", "controlClassName", "outlineClassName", "disabled", "nativeControl", "styledControl", "label", "description", "descriptionBottomPadding", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "withoutLabel", "__internalRootRef"]);
+    var controlId = _a.controlId, controlClassName = _a.controlClassName, outlineClassName = _a.outlineClassName, disabled = _a.disabled, nativeControl = _a.nativeControl, styledControl = _a.styledControl, label = _a.label, description = _a.description, descriptionBottomPadding = _a.descriptionBottomPadding, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, onClick = _a.onClick, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["controlId", "controlClassName", "outlineClassName", "disabled", "nativeControl", "styledControl", "label", "description", "descriptionBottomPadding", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onClick", "__internalRootRef"]);
     var uniqueId = useUniqueId();
     var id = controlId || uniqueId;
     var focusVisible = useFocusVisible();
-    var wrapperId = "".concat(id, "-wrapper");
     var labelId = "".concat(id, "-label");
     var descriptionId = "".concat(id, "-description");
-    var WrapperElement = withoutLabel ? 'div' : 'label';
-    var wrapperAttributes = {};
-    if (!withoutLabel) {
-        wrapperAttributes.id = wrapperId;
-        wrapperAttributes.htmlFor = id;
-    }
     var ariaLabelledByIds = [];
     if (label) {
         ariaLabelledByIds.push(labelId);
@@ -39,7 +32,7 @@ export default function AbstractSwitch(_a) {
         ariaDescriptons.push(descriptionId);
     }
     return (React.createElement("div", __assign({}, rest, { className: clsx(styles.wrapper, rest.className), ref: __internalRootRef }),
-        React.createElement(WrapperElement, __assign({}, wrapperAttributes, { className: styles['label-wrapper'], "aria-disabled": disabled ? 'true' : undefined }),
+        React.createElement("div", { className: styles['label-wrapper'], "aria-disabled": disabled ? 'true' : undefined, onClick: disabled ? undefined : onClick },
             React.createElement("span", { className: clsx(styles.control, controlClassName) },
                 styledControl,
                 nativeControl(__assign(__assign({}, focusVisible), { id: id, disabled: disabled, className: styles['native-input'], 'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined, 'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined, 'aria-label': ariaLabel })),

package/lib/internal/template/internal/components/abstract-switch/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAmBxD,SAAS,UAAU,CAAC,MAA8B;IAChD,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK,IAAsB,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAgBjB;;IAfpB,IAAA,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,wBAAwB,8BAAA,EACxB,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,~~YAAY~~,~~kBAAA~~,~~EACZ~~,iBAAiB,uBAAA,EACd,IAAI,cAf8B,~~8OAgBtC~~,CADQ;IAEP,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,EAAE,GAAG,SAAS,IAAI,QAAQ,CAAC;IAEjC,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,~~SAAS,GAAG,UAAG,EAAE,aAAU,CAAC;IAClC,IAAM,~~OAAO,GAAG,UAAG,EAAE,WAAQ,CAAC;IAC9B,IAAM,aAAa,GAAG,UAAG,EAAE,iBAAc,CAAC;IAE1C,IAAM,~~cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;IACtD,IAAM,~~iBAAiB,~~GAAuC,EAAE,CAAC;IACjE,IAAI,CAAC,YAAY,EAAE;QACjB,iBAAiB,CAAC,EAAE,~~GAAG,~~SAAS,CAAC;QACjC,iBAAiB,CAAC,OAAO,GAAG,~~EAAE,CAAC;~~KAChC;IAED,IAAM,iBAAiB,GAAG,EAAE,CAAC;~~IAC7B,IAAI,KAAK,EAAE;QACT,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACjC;IACD,IAAI,cAAc,EAAE;QAClB,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KACxC;IAED,IAAM,eAAe,GAAG,EAAE,CAAC;IAC3B,IAAI,eAAe,EAAE;QACnB,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACvC;IACD,IAAI,WAAW,EAAE;QACf,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KACrC;IAED,OAAO,CACL,wCAAS,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,iBAAiB;QACpF,~~oBAAC~~,~~cAAc,eACT,iBAAiB,IACrB,~~SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,mBACnB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;~~YAE5C~~,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC;gBACpD,aAAa;gBACb,aAAa,uBACT,YAAY,KACf,EAAE,IAAA,EACF,QAAQ,UAAA,EACR,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACjC,kBAAkB,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EACpF,iBAAiB,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,EACvF,YAAY,EAAE,SAAS,IACvB;gBACF,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,GAAI,CACtD;YACP,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC;gBACrF,KAAK,IAAI,CACR,8BAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,YAAI,GAAC,MAAM,CAAC,gBAAgB,CAAC,IAAG,QAAQ,MAAG,IACvF,KAAK,CACD,CACR;gBACA,WAAW,IAAI,CACd,8BACE,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW;wBAChC,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,QAAQ;wBAC1C,GAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,wBAAwB;4BAChE,IAED,WAAW,CACP,CACR,CACI,~~CACQ~~,~~CACb~~,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../../hooks/focus-visible';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n controlId?: string;\n controlClassName: string;\n outlineClassName: string;\n disabled?: boolean;\n nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n styledControl: React.ReactElement;\n label?: React.ReactNode;\n description?: React.ReactNode;\n descriptionBottomPadding?: boolean;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n ~~withoutLabel?:~~ ~~boolean~~;\n}\n\nfunction joinString(values: (string \| undefined)[]) {\n return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n controlId,\n controlClassName,\n outlineClassName,\n disabled,\n nativeControl,\n styledControl,\n label,\n description,\n descriptionBottomPadding,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ~~withoutLabel~~,\n __internalRootRef,\n ...rest\n}: AbstractSwitchProps) {\n const uniqueId = useUniqueId();\n const id = controlId \|\| uniqueId;\n\n const focusVisible = useFocusVisible();\n const ~~wrapperId = `${id}-wrapper`;\n const~~ labelId = `${id}-label`;\n const descriptionId = `${id}-description`;\n\n const WrapperElement = withoutLabel ? 'div' : 'label';\n const wrapperAttributes: Record<string, string \| undefined> = {};\n if (!withoutLabel) {\n wrapperAttributes.id = wrapperId;\n wrapperAttributes.htmlFor = id;\n }\n\n const ariaLabelledByIds = [];\n if (label) {\n ariaLabelledByIds.push(labelId);\n }\n if (ariaLabelledby) {\n ariaLabelledByIds.push(ariaLabelledby);\n }\n\n const ariaDescriptons = [];\n if (ariaDescribedby) {\n ariaDescriptons.push(ariaDescribedby);\n }\n if (description) {\n ariaDescriptons.push(descriptionId);\n }\n\n return (\n <div {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n <~~WrapperElement~~\n ~~{...wrapperAttributes}\n~~ className={styles['label-wrapper']}\n aria-disabled={disabled ? 'true' : undefined}\n >\n <span className={clsx(styles.control, controlClassName)}>\n {styledControl}\n {nativeControl({\n ...focusVisible,\n id,\n disabled,\n className: styles['native-input'],\n 'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,\n 'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n 'aria-label': ariaLabel,\n })}\n <span className={clsx(styles.outline, outlineClassName)} />\n </span>\n <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n {label && (\n <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n {label}\n </span>\n )}\n {description && (\n <span\n id={descriptionId}\n className={clsx(styles.description, {\n [styles['description-disabled']]: disabled,\n [styles['description-bottom-padding']]: descriptionBottomPadding,\n })}\n >\n {description}\n </span>\n )}\n </span>\n </~~WrapperElement~~>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/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 from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../../hooks/focus-visible';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n controlId?: string;\n controlClassName: string;\n outlineClassName: string;\n disabled?: boolean;\n nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n styledControl: React.ReactElement;\n label?: React.ReactNode;\n description?: React.ReactNode;\n descriptionBottomPadding?: boolean;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onClick: () => void;\n}\n\nfunction joinString(values: (string \| undefined)[]) {\n return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n controlId,\n controlClassName,\n outlineClassName,\n disabled,\n nativeControl,\n styledControl,\n label,\n description,\n descriptionBottomPadding,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n onClick,\n __internalRootRef,\n ...rest\n}: AbstractSwitchProps) {\n const uniqueId = useUniqueId();\n const id = controlId \|\| uniqueId;\n\n const focusVisible = useFocusVisible();\n const labelId = `${id}-label`;\n const descriptionId = `${id}-description`;\n\n const ariaLabelledByIds = [];\n if (label) {\n ariaLabelledByIds.push(labelId);\n }\n if (ariaLabelledby) {\n ariaLabelledByIds.push(ariaLabelledby);\n }\n\n const ariaDescriptons = [];\n if (ariaDescribedby) {\n ariaDescriptons.push(ariaDescribedby);\n }\n if (description) {\n ariaDescriptons.push(descriptionId);\n }\n\n return (\n <div {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n <div\n className={styles['label-wrapper']}\n aria-disabled={disabled ? 'true' : undefined}\n onClick={disabled ? undefined : onClick}\n >\n <span className={clsx(styles.control, controlClassName)}>\n {styledControl}\n {nativeControl({\n ...focusVisible,\n id,\n disabled,\n className: styles['native-input'],\n 'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,\n 'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n 'aria-label': ariaLabel,\n })}\n <span className={clsx(styles.outline, outlineClassName)} />\n </span>\n <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n {label && (\n <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n {label}\n </span>\n )}\n {description && (\n <span\n id={descriptionId}\n className={clsx(styles.description, {\n [styles['description-disabled']]: disabled,\n [styles['description-bottom-padding']]: descriptionBottomPadding,\n })}\n >\n {description}\n </span>\n )}\n </span>\n </div>\n </div>\n );\n}\n"]}

package/lib/internal/template/internal/components/abstract-switch/styles.css.js CHANGED Viewed

@@ -1,17 +1,17 @@
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_1wepg_15e8a_93",
-  "description": "awsui_description_1wepg_15e8a_94",
-  "label": "awsui_label_1wepg_15e8a_95",
-  "outline": "awsui_outline_1wepg_15e8a_99",
-  "native-input": "awsui_native-input_1wepg_15e8a_103",
-  "wrapper": "awsui_wrapper_1wepg_15e8a_110",
-  "label-wrapper": "awsui_label-wrapper_1wepg_15e8a_117",
-  "empty-content": "awsui_empty-content_1wepg_15e8a_128",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_15e8a_138",
-  "label-disabled": "awsui_label-disabled_1wepg_15e8a_146",
-  "description-disabled": "awsui_description-disabled_1wepg_15e8a_147",
-  "control": "awsui_control_1wepg_15e8a_152"
+  "content": "awsui_content_1wepg_1angf_93",
+  "description": "awsui_description_1wepg_1angf_94",
+  "label": "awsui_label_1wepg_1angf_95",
+  "outline": "awsui_outline_1wepg_1angf_99",
+  "native-input": "awsui_native-input_1wepg_1angf_103",
+  "wrapper": "awsui_wrapper_1wepg_1angf_110",
+  "label-wrapper": "awsui_label-wrapper_1wepg_1angf_117",
+  "empty-content": "awsui_empty-content_1wepg_1angf_129",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1angf_139",
+  "label-disabled": "awsui_label-disabled_1wepg_1angf_147",
+  "description-disabled": "awsui_description-disabled_1wepg_1angf_148",
+  "control": "awsui_control_1wepg_1angf_153"
 };

package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css CHANGED Viewed

@@ -90,76 +90,77 @@ 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_1wepg_15e8a_93:not(#\9),
-.awsui_description_1wepg_15e8a_94:not(#\9),
-.awsui_label_1wepg_15e8a_95:not(#\9) {
+.awsui_content_1wepg_1angf_93:not(#\9),
+.awsui_description_1wepg_1angf_94:not(#\9),
+.awsui_label_1wepg_1angf_95:not(#\9) {
   display: block;
 }
-.awsui_outline_1wepg_15e8a_99:not(#\9) {
+.awsui_outline_1wepg_1angf_99:not(#\9) {
   display: none;
 }
-.awsui_native-input_1wepg_15e8a_103[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_native-input_1wepg_1angf_103[data-awsui-focus-visible=true]:not(#\9):focus {
   /* stylelint-disable-next-line selector-max-type, @cloudscape-design/no-implicit-descendant */
 }
-.awsui_native-input_1wepg_15e8a_103[data-awsui-focus-visible=true]:not(#\9):focus + .awsui_outline_1wepg_15e8a_99 {
+.awsui_native-input_1wepg_1angf_103[data-awsui-focus-visible=true]:not(#\9):focus + .awsui_outline_1wepg_1angf_99 {
   display: block;
 }
-.awsui_wrapper_1wepg_15e8a_110:not(#\9) {
+.awsui_wrapper_1wepg_1angf_110:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: flex;
 }
-.awsui_label-wrapper_1wepg_15e8a_117:not(#\9) {
+.awsui_label-wrapper_1wepg_1angf_117:not(#\9) {
   position: relative;
   display: flex;
+  cursor: default;
 }
-.awsui_content_1wepg_15e8a_93:not(#\9) {
+.awsui_content_1wepg_1angf_93:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
-.awsui_empty-content_1wepg_15e8a_128:not(#\9) {
+.awsui_empty-content_1wepg_1angf_129:not(#\9) {
   width: 0px;
 }
-.awsui_description_1wepg_15e8a_94:not(#\9) {
+.awsui_description_1wepg_1angf_94:not(#\9) {
   color: var(--color-text-form-secondary-1c3szk, #687078);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
 }
-.awsui_description-bottom-padding_1wepg_15e8a_138:not(#\9) {
+.awsui_description-bottom-padding_1wepg_1angf_139:not(#\9) {
   padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_label_1wepg_15e8a_95:not(#\9),
-.awsui_description_1wepg_15e8a_94:not(#\9) {
+.awsui_label_1wepg_1angf_95:not(#\9),
+.awsui_description_1wepg_1angf_94:not(#\9) {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_label-disabled_1wepg_15e8a_146:not(#\9),
-.awsui_description-disabled_1wepg_15e8a_147:not(#\9) {
+.awsui_label-disabled_1wepg_1angf_147:not(#\9),
+.awsui_description-disabled_1wepg_1angf_148:not(#\9) {
   color: var(--color-text-control-disabled-l34dfo, #aab7b8);
 }
 /* stylelint-disable selector-max-type */
-.awsui_control_1wepg_15e8a_152:not(#\9) {
+.awsui_control_1wepg_1angf_153:not(#\9) {
   position: relative;
 }
-.awsui_control_1wepg_15e8a_152 > input:not(#\9), .awsui_control_1wepg_15e8a_152 > svg:not(#\9), .awsui_control_1wepg_15e8a_152 > .awsui_outline_1wepg_15e8a_99:not(#\9) {
+.awsui_control_1wepg_1angf_153 > input:not(#\9), .awsui_control_1wepg_1angf_153 > svg:not(#\9), .awsui_control_1wepg_1angf_153 > .awsui_outline_1wepg_1angf_99:not(#\9) {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-.awsui_control_1wepg_15e8a_152 > input:not(#\9) {
+.awsui_control_1wepg_1angf_153 > input:not(#\9) {
   opacity: 0;
   z-index: 1;
   -webkit-user-select: none;

package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js CHANGED Viewed

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_1wepg_15e8a_93",
-  "description": "awsui_description_1wepg_15e8a_94",
-  "label": "awsui_label_1wepg_15e8a_95",
-  "outline": "awsui_outline_1wepg_15e8a_99",
-  "native-input": "awsui_native-input_1wepg_15e8a_103",
-  "wrapper": "awsui_wrapper_1wepg_15e8a_110",
-  "label-wrapper": "awsui_label-wrapper_1wepg_15e8a_117",
-  "empty-content": "awsui_empty-content_1wepg_15e8a_128",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_15e8a_138",
-  "label-disabled": "awsui_label-disabled_1wepg_15e8a_146",
-  "description-disabled": "awsui_description-disabled_1wepg_15e8a_147",
-  "control": "awsui_control_1wepg_15e8a_152"
+  "content": "awsui_content_1wepg_1angf_93",
+  "description": "awsui_description_1wepg_1angf_94",
+  "label": "awsui_label_1wepg_1angf_95",
+  "outline": "awsui_outline_1wepg_1angf_99",
+  "native-input": "awsui_native-input_1wepg_1angf_103",
+  "wrapper": "awsui_wrapper_1wepg_1angf_110",
+  "label-wrapper": "awsui_label-wrapper_1wepg_1angf_117",
+  "empty-content": "awsui_empty-content_1wepg_1angf_129",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1angf_139",
+  "label-disabled": "awsui_label-disabled_1wepg_1angf_147",
+  "description-disabled": "awsui_description-disabled_1wepg_1angf_148",
+  "control": "awsui_control_1wepg_1angf_153"
 };

package/lib/internal/template/internal/components/focus-lock/index.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import React from 'react';
 export interface FocusLockProps {
+    className?: string;
     disabled?: boolean;
     autoFocus?: boolean;
     children: React.ReactNode;
 }
-export default function FocusLock({ disabled, autoFocus, children }: FocusLockProps): JSX.Element;
+export default function FocusLock({ className, disabled, autoFocus, children }: FocusLockProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/focus-lock/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,~~eA4BlF~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,eA8B7F"}

package/lib/internal/template/internal/components/focus-lock/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ import React, { useEffect, useRef } from 'react';
 import TabTrap from '../tab-trap/index';
 import { getFirstFocusable, getLastFocusable } from './utils';
 export default function FocusLock(_a) {
-    var disabled = _a.disabled, autoFocus = _a.autoFocus, children = _a.children;
+    var className = _a.className, disabled = _a.disabled, autoFocus = _a.autoFocus, children = _a.children;
     var containerRef = useRef(null);
     var focusFirst = function () {
         var _a;
@@ -25,7 +25,7 @@ export default function FocusLock(_a) {
     }, [autoFocus]);
     return (React.createElement(React.Fragment, null,
         React.createElement(TabTrap, { disabled: disabled, focusNextCallback: focusLast }),
-        React.createElement("div", { ref: containerRef }, children),
+        React.createElement("div", { className: className, ref: containerRef }, children),
         React.createElement(TabTrap, { disabled: disabled, focusNextCallback: focusFirst })));
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/components/focus-lock/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;~~AAQ9D~~,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,~~EAAiD~~;~~QAA/C~~,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;~~IAC/D~~,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,IAAM,UAAU,GAAG;;QACjB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;;QAChB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SACjD;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,SAAS,EAAE;YACb,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,GAAI;QAC7D,6BAAK,GAAG,EAAE,YAAY,~~IAAG~~,QAAQ,~~CAAO~~;~~QACxC~~,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,GAAI,CAC7D,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport TabTrap from '../tab-trap/index';\nimport { getFirstFocusable, getLastFocusable } from './utils';\n\nexport interface FocusLockProps {\n disabled?: boolean;\n autoFocus?: boolean;\n children: React.ReactNode;\n}\n\nexport default function FocusLock({ disabled, autoFocus, children }: FocusLockProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n\n const focusFirst = () => {\n if (containerRef.current) {\n getFirstFocusable(containerRef.current)?.focus();\n }\n };\n\n const focusLast = () => {\n if (containerRef.current) {\n getLastFocusable(containerRef.current)?.focus();\n }\n };\n\n useEffect(() => {\n if (autoFocus) {\n focusFirst();\n }\n }, [autoFocus]);\n\n return (\n <>\n <TabTrap disabled={disabled} focusNextCallback={focusLast} />\n <div ref={containerRef}>{children}</div>\n <TabTrap disabled={disabled} focusNextCallback={focusFirst} />\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAS9D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAA4D;QAA1D,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC1E,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,IAAM,UAAU,GAAG;;QACjB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;;QAChB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SACjD;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,SAAS,EAAE;YACb,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,GAAI;QAC7D,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,YAAY,IACzC,QAAQ,CACL;QACN,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,GAAI,CAC7D,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport TabTrap from '../tab-trap/index';\nimport { getFirstFocusable, getLastFocusable } from './utils';\n\nexport interface FocusLockProps {\n className?: string;\n disabled?: boolean;\n autoFocus?: boolean;\n children: React.ReactNode;\n}\n\nexport default function FocusLock({ className, disabled, autoFocus, children }: FocusLockProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n\n const focusFirst = () => {\n if (containerRef.current) {\n getFirstFocusable(containerRef.current)?.focus();\n }\n };\n\n const focusLast = () => {\n if (containerRef.current) {\n getLastFocusable(containerRef.current)?.focus();\n }\n };\n\n useEffect(() => {\n if (autoFocus) {\n focusFirst();\n }\n }, [autoFocus]);\n\n return (\n <>\n <TabTrap disabled={disabled} focusNextCallback={focusLast} />\n <div className={className} ref={containerRef}>\n {children}\n </div>\n <TabTrap disabled={disabled} focusNextCallback={focusFirst} />\n </>\n );\n}\n"]}

package/lib/internal/template/internal/components/screenreader-only/index.js CHANGED Viewed

@@ -19,6 +19,6 @@ import styles from './styles.css.js';
  * ```
  */
 export default function ScreenreaderOnly(props) {
-    return React.createElement("div", __assign({}, props, { className: clsx(styles.root, props.className) }));
+    return React.createElement("span", __assign({}, props, { className: clsx(styles.root, props.className) }));
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/components/screenreader-only/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,OAAO,~~wCAAS~~,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;~~AAC3E~~,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\n\nexport interface ScreenreaderOnlyProps {\n id?: string;\n className?: string;\n children: React.ReactNode;\n}\n\n/*\n Makes content now shown on a screen but still announced by screen-reader users.\n * The component is suitable when the aria-label cannot be used, e.g. to avoid elemnts being announced as \"blank\".\n \n To exclude screenreader-only content use `:not(.${screenreaderOnlyStyles.root})` selector, for example:\n \n ```\n * import screenreaderOnlyStyles from '~internal/components/screenreader-only/styles.css.js'\n \n let visibleContent = wrapper.find(`${styles.label}`).find(`:not(.${screenreaderOnlyStyles.root})`).getElement().textContent\n \n let screenreaderContent = wrapper.find(`${styles.label}`).find(`.${screenreaderOnlyStyles.root}`).getElement().textContent\n * ```\n */\nexport default function ScreenreaderOnly(props: ScreenreaderOnlyProps) {\n return <~~div~~ {...props} className={clsx(styles.root, props.className)} />;\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,OAAO,yCAAU,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;AAC5E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\n\nexport interface ScreenreaderOnlyProps {\n id?: string;\n className?: string;\n children: React.ReactNode;\n}\n\n/*\n Makes content now shown on a screen but still announced by screen-reader users.\n * The component is suitable when the aria-label cannot be used, e.g. to avoid elemnts being announced as \"blank\".\n \n To exclude screenreader-only content use `:not(.${screenreaderOnlyStyles.root})` selector, for example:\n \n ```\n * import screenreaderOnlyStyles from '~internal/components/screenreader-only/styles.css.js'\n \n let visibleContent = wrapper.find(`${styles.label}`).find(`:not(.${screenreaderOnlyStyles.root})`).getElement().textContent\n \n let screenreaderContent = wrapper.find(`${styles.label}`).find(`.${screenreaderOnlyStyles.root}`).getElement().textContent\n * ```\n */\nexport default function ScreenreaderOnly(props: ScreenreaderOnlyProps) {\n return <span {...props} className={clsx(styles.root, props.className)} />;\n}\n"]}

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,5 +1,5 @@
-    export var PACKAGE_VERSION = '3.0.0 (d6e884f)';
+    export var PACKAGE_VERSION = '3.0.0 (ee61cc1)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/property-filter/controller.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { ComparisonOperator, FilteringOption, FilteringProperty, GroupText, I18nStrings, JoinOperation, ParsedText, Query, Token } from './interfaces';
 import { NonCancelableEventHandler } from '../internal/events';
-import { AutosuggestProps } from '../autosuggest/interfaces';
 import { AutosuggestInputRef } from '../internal/components/autosuggest-input';
 export declare const getQueryActions: (query: Query, onChange: NonCancelableEventHandler<Query>, inputRef: React.RefObject<AutosuggestInputRef>) => {
     setToken: (index: number, newToken: Token) => void;
@@ -16,10 +15,7 @@ interface OptionGroup<T> {
     label: string;
     options: T[];
 }
-interface ExtendedAutosuggestOption extends AutosuggestProps.Option {
-    tokenValue: string;
-}
-export declare const getAllValueSuggestions: (filteringOptions: readonly FilteringOption[], filteringProperties: readonly FilteringProperty[], operator: ComparisonOperator | undefined, i18nStrings: I18nStrings, customGroupsText: readonly GroupText[]) => OptionGroup<ExtendedAutosuggestOption>[];
+export declare const getAllValueSuggestions: (filteringOptions: readonly FilteringOption[], filteringProperties: readonly FilteringProperty[], operator: ComparisonOperator | undefined, i18nStrings: I18nStrings, customGroupsText: readonly GroupText[]) => OptionGroup<import("../internal/components/option/interfaces").OptionDefinition>[];
 export declare const getPropertyByKey: (filteringProperties: readonly FilteringProperty[], key: string) => import("./interfaces").PropertyFilterProps.FilteringProperty | undefined;
 export declare function getExtendedOperator(filteringProperties: readonly FilteringProperty[], property: string, operator: ComparisonOperator): import("@cloudscape-design/collection-hooks").PropertyFilterOperatorExtended<any> | null;
 export declare function createPropertiesCompatibilityMap(filteringProperties: readonly FilteringProperty[]): (propertyA: string, propertyB: string) => boolean;
@@ -28,7 +24,7 @@ export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOp
     filterText: string;
     options: {
         options: {
-            tokenValue: string;
+            value: string;
             label: string;
             __labelPrefix: string;
         }[];
@@ -36,8 +32,9 @@ export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOp
     }[];
 } | {
     filterText: string;
-    options: (OptionGroup<ExtendedAutosuggestOption> | OptionGroup<{
+    options: (OptionGroup<import("../internal/components/option/interfaces").OptionDefinition> | OptionGroup<{
         value: string;
+        label: string;
         keepOpenOnSelect: boolean;
     }>)[];
 };

package/lib/internal/template/property-filter/controller.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/property-filter/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAElB,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACN,MAAM,cAAc,CAAC;AACtB,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;~~AACvF~~,OAAO,EAAE,~~gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,~~mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,eAAO,MAAM,eAAe,UACnB,KAAK,YACF,0BAA0B,KAAK,CAAC,YAChC,MAAM,SAAS,CAAC,mBAAmB,CAAC;sBAKrB,MAAM,YAAY,KAAK;yBAOpB,MAAM;;yBASN,KAAK;iCAKG,aAAa;CAUlD,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,iBAAiB,KAAG,kBAAkB,EAQnF,CAAC;AAQF,eAAO,MAAM,SAAS,kBACL,MAAM,sIAEK,OAAO,KAChC,UA6CF,CAAC;AAEF,eAAO,MAAM,kBAAkB,sBACV,iBAAiB,oBAClB,SAAS,eAAe,EAAE,yEAG7C,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;CACd;AAED,~~UAAU,yBAA0B,SAAQ,gBAAgB,CAAC,MAAM;IACjE,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,~~eAAO,MAAM,sBAAsB,qBACf,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,YACvC,kBAAkB,GAAG,SAAS,eAC3B,WAAW,oBACN,SAAS,SAAS,EAAE,~~6CAmCvC~~,CAAC;AAEF,eAAO,MAAM,gBAAgB,wBAAyB,SAAS,iBAAiB,EAAE,OAAO,MAAM,6EAM9F,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,EACjD,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,kBAAkB,4FAS7B;AAED,wBAAgB,gCAAgC,CAC9C,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,GAChD,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CA6BnD;~~AAOD~~,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,EACjD,gBAAgB,EAAE,SAAS,SAAS,EAAE,EACtC,WAAW,EAAE,WAAW,EACxB,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,CAAC,oBA0BvE;AAED,eAAO,MAAM,qBAAqB,eACpB,UAAU,oBACJ,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,oBAC/B,SAAS,SAAS,EAAE,eACzB,WAAW~~;;;;;;;;;;;;;;;;~~CAqEzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,kBAAkB,eAAe,WAAW,WAY3F,CAAC"}
1	+ {"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/property-filter/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAElB,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACN,MAAM,cAAc,CAAC;AACtB,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAGvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,eAAO,MAAM,eAAe,UACnB,KAAK,YACF,0BAA0B,KAAK,CAAC,YAChC,MAAM,SAAS,CAAC,mBAAmB,CAAC;sBAKrB,MAAM,YAAY,KAAK;yBAOpB,MAAM;;yBASN,KAAK;iCAKG,aAAa;CAUlD,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,iBAAiB,KAAG,kBAAkB,EAQnF,CAAC;AAQF,eAAO,MAAM,SAAS,kBACL,MAAM,sIAEK,OAAO,KAChC,UA6CF,CAAC;AAEF,eAAO,MAAM,kBAAkB,sBACV,iBAAiB,oBAClB,SAAS,eAAe,EAAE,yEAG7C,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;CACd;AAED,eAAO,MAAM,sBAAsB,qBACf,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,YACvC,kBAAkB,GAAG,SAAS,eAC3B,WAAW,oBACN,SAAS,SAAS,EAAE,uFAmCvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,wBAAyB,SAAS,iBAAiB,EAAE,OAAO,MAAM,6EAM9F,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,EACjD,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,kBAAkB,4FAS7B;AAED,wBAAgB,gCAAgC,CAC9C,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,GAChD,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CA6BnD;AAQD,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,EACjD,gBAAgB,EAAE,SAAS,SAAS,EAAE,EACtC,WAAW,EAAE,WAAW,EACxB,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,CAAC,oBA0BvE;AAED,eAAO,MAAM,qBAAqB,eACpB,UAAU,oBACJ,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,oBAC/B,SAAS,SAAS,EAAE,eACzB,WAAW;;;;;;;;;;;;;;;;;CAqEzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,kBAAkB,eAAe,WAAW,WAY3F,CAAC"}

package/lib/internal/template/property-filter/controller.js CHANGED Viewed

@@ -128,7 +128,7 @@ export var getAllValueSuggestions = function (filteringOptions, filteringPropert
         }
         var propertyGroup = property.group ? customGroups[property.group] : defaultGroup;
         propertyGroup.options.push({
-            tokenValue: property.propertyLabel + (operator || '=') + filteringOption.value,
+            value: property.propertyLabel + ' ' + (operator || '=') + ' ' + filteringOption.value,
             label: filteringOption.value,
             __labelPrefix: property.propertyLabel + ' ' + (operator || '=')
         });
@@ -181,6 +181,7 @@ export function createPropertiesCompatibilityMap(filteringProperties) {
 }
 var filteringPropertyToAutosuggestOption = function (filteringProperty) { return ({
     value: filteringProperty.propertyLabel,
+    label: filteringProperty.propertyLabel,
     keepOpenOnSelect: true
 }); };
 export function getPropertySuggestions(filteringProperties, customGroupsText, i18nStrings, filteringPropertyToOption) {
@@ -217,7 +218,7 @@ export var getAutosuggestOptions = function (parsedText, filteringOptions, filte
                         options: options.map(function (_a) {
                             var value = _a.value;
                             return ({
-                                tokenValue: propertyLabel_1 + parsedText.operator + value,
+                                value: propertyLabel_1 + ' ' + parsedText.operator + ' ' + value,
                                 label: value,
                                 __labelPrefix: propertyLabel_1 + ' ' + parsedText.operator
                             });