@cloudscape-design/components 3.0.441 → 3.0.443

package/i18n/messages/all.id.json

@@ -449,7 +449,7 @@
         "i18nStrings.columnVersionID": [{ "type": 0, "value": "ID Versi" }],
         "i18nStrings.columnVersionLastModified": [{ "type": 0, "value": "Terakhir diubah" }],
         "i18nStrings.columnVersionSize": [{ "type": 0, "value": "Ukuran" }],
-        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "Jalur harus dimulai dengan s3://" }],
+        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "Jalur harus dimulai dengan s3:// agar valid." }],
         "i18nStrings.validationBucketLowerCase": [
           { "type": 0, "value": "Nama bucket harus diawali dengan karakter huruf kecil atau angka." }
         ],

package/i18n/messages/all.it.js

@@ -449,7 +449,9 @@ export default {
         'i18nStrings.columnVersionID': [{ type: 0, value: 'ID Versione' }],
         'i18nStrings.columnVersionLastModified': [{ type: 0, value: 'Ultima modifica' }],
         'i18nStrings.columnVersionSize': [{ type: 0, value: 'Dimensione' }],
-        'i18nStrings.validationPathMustBegin': [{ type: 0, value: 'Il percorso deve iniziare con s3://' }],
+        'i18nStrings.validationPathMustBegin': [
+          { type: 0, value: 'Il percorso deve iniziare con s3:// per essere valido.' },
+        ],
         'i18nStrings.validationBucketLowerCase': [
           { type: 0, value: 'Il nome del bucket deve iniziare con un carattere minuscolo o un numero.' },
         ],

package/i18n/messages/all.it.json

@@ -453,7 +453,9 @@
         "i18nStrings.columnVersionID": [{ "type": 0, "value": "ID Versione" }],
         "i18nStrings.columnVersionLastModified": [{ "type": 0, "value": "Ultima modifica" }],
         "i18nStrings.columnVersionSize": [{ "type": 0, "value": "Dimensione" }],
-        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "Il percorso deve iniziare con s3://" }],
+        "i18nStrings.validationPathMustBegin": [
+          { "type": 0, "value": "Il percorso deve iniziare con s3:// per essere valido." }
+        ],
         "i18nStrings.validationBucketLowerCase": [
           { "type": 0, "value": "Il nome del bucket deve iniziare con un carattere minuscolo o un numero." }
         ],

package/i18n/messages/all.ja.js

@@ -458,7 +458,9 @@ export default {
         'i18nStrings.columnVersionID': [{ type: 0, value: 'バージョン ID' }],
         'i18nStrings.columnVersionLastModified': [{ type: 0, value: '最終更新日' }],
         'i18nStrings.columnVersionSize': [{ type: 0, value: 'サイズ' }],
-        'i18nStrings.validationPathMustBegin': [{ type: 0, value: 'パスの先頭は s3:// である必要があります' }],
+        'i18nStrings.validationPathMustBegin': [
+          { type: 0, value: 'パスが有効であるためには、s3:// で始まる必要があります。' },
+        ],
         'i18nStrings.validationBucketLowerCase': [
           { type: 0, value: 'バケット名の先頭は小文字または数字である必要があります。' },
         ],

package/i18n/messages/all.ja.json

@@ -462,7 +462,9 @@
         "i18nStrings.columnVersionID": [{ "type": 0, "value": "バージョン ID" }],
         "i18nStrings.columnVersionLastModified": [{ "type": 0, "value": "最終更新日" }],
         "i18nStrings.columnVersionSize": [{ "type": 0, "value": "サイズ" }],
-        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "パスの先頭は s3:// である必要があります" }],
+        "i18nStrings.validationPathMustBegin": [
+          { "type": 0, "value": "パスが有効であるためには、s3:// で始まる必要があります。" }
+        ],
         "i18nStrings.validationBucketLowerCase": [
           { "type": 0, "value": "バケット名の先頭は小文字または数字である必要があります。" }
         ],

package/i18n/messages/all.ko.js

@@ -439,7 +439,7 @@ export default {
         'i18nStrings.columnVersionID': [{ type: 0, value: '버전 ID' }],
         'i18nStrings.columnVersionLastModified': [{ type: 0, value: '최종 수정 날짜' }],
         'i18nStrings.columnVersionSize': [{ type: 0, value: '크기' }],
-        'i18nStrings.validationPathMustBegin': [{ type: 0, value: '경로는 s3://로 시작해야 합니다.' }],
+        'i18nStrings.validationPathMustBegin': [{ type: 0, value: '유효한 경로는 s3://로 시작해야 합니다.' }],
         'i18nStrings.validationBucketLowerCase': [{ type: 0, value: '버킷 이름은 소문자나 숫자로 시작해야 합니다.' }],
         'i18nStrings.validationBucketMustNotContain': [{ type: 0, value: '버킷 이름에 대문자를 포함할 수 없습니다.' }],
         'i18nStrings.validationBucketLength': [{ type: 0, value: '버킷 이름은 3~63자여야 합니다.' }],

package/i18n/messages/all.ko.json

@@ -443,7 +443,7 @@
         "i18nStrings.columnVersionID": [{ "type": 0, "value": "버전 ID" }],
         "i18nStrings.columnVersionLastModified": [{ "type": 0, "value": "최종 수정 날짜" }],
         "i18nStrings.columnVersionSize": [{ "type": 0, "value": "크기" }],
-        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "경로는 s3://로 시작해야 합니다." }],
+        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "유효한 경로는 s3://로 시작해야 합니다." }],
         "i18nStrings.validationBucketLowerCase": [
           { "type": 0, "value": "버킷 이름은 소문자나 숫자로 시작해야 합니다." }
         ],

package/i18n/messages/all.pt-BR.js

@@ -456,7 +456,9 @@ export default {
         'i18nStrings.columnVersionID': [{ type: 0, value: 'ID da versão' }],
         'i18nStrings.columnVersionLastModified': [{ type: 0, value: 'Última modificação' }],
         'i18nStrings.columnVersionSize': [{ type: 0, value: 'Tamanho' }],
-        'i18nStrings.validationPathMustBegin': [{ type: 0, value: 'O caminho precisa começar com s3://' }],
+        'i18nStrings.validationPathMustBegin': [
+          { type: 0, value: 'O caminho deve começar com s3:// para ser válido.' },
+        ],
         'i18nStrings.validationBucketLowerCase': [
           { type: 0, value: 'O nome do bucket deve começar com um caractere minúsculo ou com um número.' },
         ],

package/i18n/messages/all.pt-BR.json

@@ -457,7 +457,9 @@
         "i18nStrings.columnVersionID": [{ "type": 0, "value": "ID da versão" }],
         "i18nStrings.columnVersionLastModified": [{ "type": 0, "value": "Última modificação" }],
         "i18nStrings.columnVersionSize": [{ "type": 0, "value": "Tamanho" }],
-        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "O caminho precisa começar com s3://" }],
+        "i18nStrings.validationPathMustBegin": [
+          { "type": 0, "value": "O caminho deve começar com s3:// para ser válido." }
+        ],
         "i18nStrings.validationBucketLowerCase": [
           { "type": 0, "value": "O nome do bucket deve começar com um caractere minúsculo ou com um número." }
         ],

package/i18n/messages/all.tr.js

@@ -449,7 +449,9 @@ export default {
         'i18nStrings.columnVersionID': [{ type: 0, value: 'Sürüm kimliği' }],
         'i18nStrings.columnVersionLastModified': [{ type: 0, value: 'Son değiştirme' }],
         'i18nStrings.columnVersionSize': [{ type: 0, value: 'Boyut' }],
-        'i18nStrings.validationPathMustBegin': [{ type: 0, value: 'Yol s3:// ile başlamalıdır' }],
+        'i18nStrings.validationPathMustBegin': [
+          { type: 0, value: 'Yolun geçerli olması için s3:// ile başlaması gerekir.' },
+        ],
         'i18nStrings.validationBucketLowerCase': [
           { type: 0, value: 'Bucket adı, küçük harfli bir karakter veya sayı ile başlamalıdır.' },
         ],

package/i18n/messages/all.tr.json

@@ -457,7 +457,9 @@
         "i18nStrings.columnVersionID": [{ "type": 0, "value": "Sürüm kimliği" }],
         "i18nStrings.columnVersionLastModified": [{ "type": 0, "value": "Son değiştirme" }],
         "i18nStrings.columnVersionSize": [{ "type": 0, "value": "Boyut" }],
-        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "Yol s3:// ile başlamalıdır" }],
+        "i18nStrings.validationPathMustBegin": [
+          { "type": 0, "value": "Yolun geçerli olması için s3:// ile başlaması gerekir." }
+        ],
         "i18nStrings.validationBucketLowerCase": [
           { "type": 0, "value": "Bucket adı, küçük harfli bir karakter veya sayı ile başlamalıdır." }
         ],

package/i18n/messages/all.zh-CN.js

@@ -446,7 +446,7 @@ export default {
         'i18nStrings.columnVersionID': [{ type: 0, value: '版本 ID' }],
         'i18nStrings.columnVersionLastModified': [{ type: 0, value: '上次修改时间' }],
         'i18nStrings.columnVersionSize': [{ type: 0, value: '大小' }],
-        'i18nStrings.validationPathMustBegin': [{ type: 0, value: '路径必须以 s3:// 开头' }],
+        'i18nStrings.validationPathMustBegin': [{ type: 0, value: '路径必须以 s3:// 开头才有效。' }],
         'i18nStrings.validationBucketLowerCase': [{ type: 0, value: '存储桶名称必须以小写字符或数字开头。' }],
         'i18nStrings.validationBucketMustNotContain': [{ type: 0, value: '存储桶名称不得包含大写字符。' }],
         'i18nStrings.validationBucketLength': [{ type: 0, value: '存储桶名称必须介于 3 到 63 个字符之间。' }],

package/i18n/messages/all.zh-CN.json

@@ -448,7 +448,7 @@
         "i18nStrings.columnVersionID": [{ "type": 0, "value": "版本 ID" }],
         "i18nStrings.columnVersionLastModified": [{ "type": 0, "value": "上次修改时间" }],
         "i18nStrings.columnVersionSize": [{ "type": 0, "value": "大小" }],
-        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "路径必须以 s3:// 开头" }],
+        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "路径必须以 s3:// 开头才有效。" }],
         "i18nStrings.validationBucketLowerCase": [{ "type": 0, "value": "存储桶名称必须以小写字符或数字开头。" }],
         "i18nStrings.validationBucketMustNotContain": [{ "type": 0, "value": "存储桶名称不得包含大写字符。" }],
         "i18nStrings.validationBucketLength": [{ "type": 0, "value": "存储桶名称必须介于 3 到 63 个字符之间。" }],

package/i18n/messages/all.zh-TW.js

@@ -446,7 +446,7 @@ export default {
         'i18nStrings.columnVersionID': [{ type: 0, value: '版本 ID' }],
         'i18nStrings.columnVersionLastModified': [{ type: 0, value: '上次修改' }],
         'i18nStrings.columnVersionSize': [{ type: 0, value: '尺寸' }],
-        'i18nStrings.validationPathMustBegin': [{ type: 0, value: '路徑必須以 s3:// 開頭' }],
+        'i18nStrings.validationPathMustBegin': [{ type: 0, value: '路徑必須以 s3:// 開頭才有效。' }],
         'i18nStrings.validationBucketLowerCase': [{ type: 0, value: '儲存貯體名稱必須以小寫字元或數字開頭。' }],
         'i18nStrings.validationBucketMustNotContain': [{ type: 0, value: '儲存貯體名稱不得包含大寫字元。' }],
         'i18nStrings.validationBucketLength': [{ type: 0, value: '儲存貯體名稱必須介於 3 到 63 個字元之間。' }],

package/i18n/messages/all.zh-TW.json

@@ -448,7 +448,7 @@
         "i18nStrings.columnVersionID": [{ "type": 0, "value": "版本 ID" }],
         "i18nStrings.columnVersionLastModified": [{ "type": 0, "value": "上次修改" }],
         "i18nStrings.columnVersionSize": [{ "type": 0, "value": "尺寸" }],
-        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "路徑必須以 s3:// 開頭" }],
+        "i18nStrings.validationPathMustBegin": [{ "type": 0, "value": "路徑必須以 s3:// 開頭才有效。" }],
         "i18nStrings.validationBucketLowerCase": [{ "type": 0, "value": "儲存貯體名稱必須以小寫字元或數字開頭。" }],
         "i18nStrings.validationBucketMustNotContain": [{ "type": 0, "value": "儲存貯體名稱不得包含大寫字元。" }],
         "i18nStrings.validationBucketLength": [{ "type": 0, "value": "儲存貯體名稱必須介於 3 到 63 個字元之間。" }],

package/internal/components/live-region/index.d.ts

@@ -5,8 +5,15 @@ export interface LiveRegionProps extends ScreenreaderOnlyProps {
     delay?: number;
     visible?: boolean;
     tagName?: 'span' | 'div';
-    children: React.ReactNode;
     id?: string;
+    /**
+     * Use a list of strings and/or existing DOM elements for building the
+     * announcement text. This avoids rendering separate content just for this
+     * LiveRegion.
+     *
+     * If this property is set, the `children` will be ignored.
+     */
+    source?: Array<string | React.RefObject<HTMLElement> | undefined>;
 }
 /**
  * The live region is hidden in the layout, but visible for screen readers.
@@ -17,31 +24,42 @@ export interface LiveRegionProps extends ScreenreaderOnlyProps {
  *
  * If you notice there are different words being merged together,
  * check if there are text nodes not being wrapped in elements, like:
+ * ```
  * <LiveRegion>
  *   {title}
  *   <span><Details /></span>
  * </LiveRegion>
+ * ```
  *
  * To fix, wrap "title" in an element:
+ * ```
  * <LiveRegion>
  *   <span>{title}</span>
  *   <span><Details /></span>
  * </LiveRegion>
+ * ```
  *
  * Or create a single text node if possible:
+ * ```
  * <LiveRegion>
  *   {`${title} ${details}`}
  * </LiveRegion>
+ * ```
  *
  * The live region is always atomic, because non-atomic regions can be treated by screen readers
  * differently and produce unexpected results. To imitate non-atomic announcements simply use
  * multiple live regions:
+ * ```
  * <>
  *   <LiveRegion>{title}</LiveRegion>
  *   <LiveRegion><Details /></LiveRegion>
  * </>
+ * ```
+ *
+ * If you place interactive content inside the LiveRegion, the content will still be
+ * interactive (e.g. as a tab stop). Consider using the `source` property instead.
  */
 declare const _default: React.MemoExoticComponent<typeof LiveRegion>;
 export default _default;
-declare function LiveRegion({ assertive, delay, visible, tagName: TagName, children, id, ...restProps }: LiveRegionProps): JSX.Element;
+declare function LiveRegion({ assertive, delay, visible, tagName: TagName, children, id, source, ...restProps }: LiveRegionProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/internal/components/live-region/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/live-region/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAyB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAG/E,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;;AACH,wBAAgC;AAEhC,iBAAS,UAAU,CAAC,EAClB,SAAiB,EACjB,KAAU,EACV,OAAe,EACf,OAAO,EAAE,OAAgB,EACzB,QAAQ,EACR,EAAE,EACF,GAAG,SAAS,EACb,EAAE,eAAe,eA8DjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/live-region/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAyB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAG/E,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,CAAC;CACnE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;;AACH,wBAAgC;AAEhC,iBAAS,UAAU,CAAC,EAClB,SAAiB,EACjB,KAAU,EACV,OAAe,EACf,OAAO,EAAE,OAAgB,EACzB,QAAQ,EACR,EAAE,EACF,MAAM,EACN,GAAG,SAAS,EACb,EAAE,eAAe,eAqFjB"}

package/internal/components/live-region/index.js

@@ -15,33 +15,44 @@ import styles from './styles.css.js';
  *
  * If you notice there are different words being merged together,
  * check if there are text nodes not being wrapped in elements, like:
+ * ```
  * <LiveRegion>
  *   {title}
  *   <span><Details /></span>
  * </LiveRegion>
+ * ```
  *
  * To fix, wrap "title" in an element:
+ * ```
  * <LiveRegion>
  *   <span>{title}</span>
  *   <span><Details /></span>
  * </LiveRegion>
+ * ```
  *
  * Or create a single text node if possible:
+ * ```
  * <LiveRegion>
  *   {`${title} ${details}`}
  * </LiveRegion>
+ * ```
  *
  * The live region is always atomic, because non-atomic regions can be treated by screen readers
  * differently and produce unexpected results. To imitate non-atomic announcements simply use
  * multiple live regions:
+ * ```
  * <>
  *   <LiveRegion>{title}</LiveRegion>
  *   <LiveRegion><Details /></LiveRegion>
  * </>
+ * ```
+ *
+ * If you place interactive content inside the LiveRegion, the content will still be
+ * interactive (e.g. as a tab stop). Consider using the `source` property instead.
  */
 export default memo(LiveRegion);
 function LiveRegion(_a) {
-    var { assertive = false, delay = 10, visible = false, tagName: TagName = 'span', children, id } = _a, restProps = __rest(_a, ["assertive", "delay", "visible", "tagName", "children", "id"]);
+    var { assertive = false, delay = 10, visible = false, tagName: TagName = 'span', children, id, source } = _a, restProps = __rest(_a, ["assertive", "delay", "visible", "tagName", "children", "id", "source"]);
     const sourceRef = useRef(null);
     const targetRef = useRef(null);
     /*
@@ -56,9 +67,30 @@ function LiveRegion(_a) {
       does not impact the performance. If it does, prefer using a string as children prop.
     */
     useEffect(() => {
+        function getSourceContent() {
+            if (source) {
+                return source
+                    .map(item => {
+                    if (!item) {
+                        return undefined;
+                    }
+                    if (typeof item === 'string') {
+                        return item;
+                    }
+                    if (item.current) {
+                        return extractInnerText(item.current);
+                    }
+                })
+                    .filter(Boolean)
+                    .join(' ');
+            }
+            if (sourceRef.current) {
+                return extractInnerText(sourceRef.current);
+            }
+        }
         function updateLiveRegion() {
-            if (targetRef.current && sourceRef.current) {
-                const sourceContent = extractInnerText(sourceRef.current);
+            const sourceContent = getSourceContent();
+            if (targetRef.current && sourceContent) {
                 const targetContent = extractInnerText(targetRef.current);
                 if (targetContent !== sourceContent) {
                     // The aria-atomic does not work properly in Voice Over, causing
@@ -82,9 +114,9 @@ function LiveRegion(_a) {
         };
     });
     return (React.createElement(React.Fragment, null,
-        visible && (React.createElement(TagName, { ref: sourceRef, id: id }, children)),
+        visible && !source && (React.createElement(TagName, { ref: sourceRef, id: id }, children)),
         React.createElement(ScreenreaderOnly, Object.assign({}, restProps, { className: clsx(styles.root, restProps.className) }),
-            !visible && (React.createElement(TagName, { ref: sourceRef, "aria-hidden": "true" }, children)),
+            !visible && !source && (React.createElement(TagName, { ref: sourceRef, "aria-hidden": "true" }, children)),
             React.createElement("span", { ref: targetRef, "aria-atomic": "true", "aria-live": assertive ? 'assertive' : 'polite' }))));
 }
 // This only extracts text content from the node including all its children which is enough for now.

package/internal/components/live-region/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/live-region/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,0DAA0D;AAE1D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,gBAA2C,MAAM,sBAAsB,CAAC;AAC/E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAWrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC;AAEhC,SAAS,UAAU,CAAC,EAQF;QARE,EAClB,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,KAAK,EACf,OAAO,EAAE,OAAO,GAAG,MAAM,EACzB,QAAQ,EACR,EAAE,OAEc,EADb,SAAS,cAPM,8DAQnB,CADa;IAEZ,MAAM,SAAS,GAAG,MAAM,CAAmC,IAAI,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,MAAM,CAAmC,IAAI,CAAC,CAAC;IAEjE;;;;;;;;;;MAUE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,gBAAgB;YACvB,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE;gBAC1C,MAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;gBAC1D,MAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;gBAC1D,IAAI,aAAa,KAAK,aAAa,EAAE;oBACnC,gEAAgE;oBAChE,2DAA2D;oBAC3D,sDAAsD;oBACtD,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,aAAa,CAAC;iBAC7C;aACF;QACH,CAAC;QAED,IAAI,SAAwB,CAAC;QAC7B,IAAI,KAAK,EAAE;YACT,SAAS,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;SACjD;aAAM;YACL,gBAAgB,EAAE,CAAC;SACpB;QAED,OAAO,GAAG,EAAE;YACV,IAAI,SAAS,EAAE;gBACb,YAAY,CAAC,SAAS,CAAC,CAAC;aACzB;QACH,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL;QACG,OAAO,IAAI,CACV,oBAAC,OAAO,IAAC,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,IAC5B,QAAQ,CACD,CACX;QAED,oBAAC,gBAAgB,oBAAK,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC;YAC/E,CAAC,OAAO,IAAI,CACX,oBAAC,OAAO,IAAC,GAAG,EAAE,SAAS,iBAAc,MAAM,IACxC,QAAQ,CACD,CACX;YAED,8BAAM,GAAG,EAAE,SAAS,iBAAc,MAAM,eAAY,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,GAAS,CAC9E,CAClB,CACJ,CAAC;AACJ,CAAC;AAED,oGAAoG;AACpG,oGAAoG;AACpG,0FAA0F;AAC1F,SAAS,gBAAgB,CAAC,IAAiB;IACzC,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AAC5D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/* eslint-disable @cloudscape-design/prefer-live-region */\n\nimport clsx from 'clsx';\nimport React, { memo, useEffect, useRef } from 'react';\nimport ScreenreaderOnly, { ScreenreaderOnlyProps } from '../screenreader-only';\nimport styles from './styles.css.js';\n\nexport interface LiveRegionProps extends ScreenreaderOnlyProps {\n  assertive?: boolean;\n  delay?: number;\n  visible?: boolean;\n  tagName?: 'span' | 'div';\n  children: React.ReactNode;\n  id?: string;\n}\n\n/**\n * The live region is hidden in the layout, but visible for screen readers.\n * It's purpose it to announce changes e.g. when custom navigation logic is used.\n *\n * The way live region works differently in different browsers and screen readers and\n * it is recommended to manually test every new implementation.\n *\n * If you notice there are different words being merged together,\n * check if there are text nodes not being wrapped in elements, like:\n * <LiveRegion>\n *   {title}\n *   <span><Details /></span>\n * </LiveRegion>\n *\n * To fix, wrap \"title\" in an element:\n * <LiveRegion>\n *   <span>{title}</span>\n *   <span><Details /></span>\n * </LiveRegion>\n *\n * Or create a single text node if possible:\n * <LiveRegion>\n *   {`${title} ${details}`}\n * </LiveRegion>\n *\n * The live region is always atomic, because non-atomic regions can be treated by screen readers\n * differently and produce unexpected results. To imitate non-atomic announcements simply use\n * multiple live regions:\n * <>\n *   <LiveRegion>{title}</LiveRegion>\n *   <LiveRegion><Details /></LiveRegion>\n * </>\n */\nexport default memo(LiveRegion);\n\nfunction LiveRegion({\n  assertive = false,\n  delay = 10,\n  visible = false,\n  tagName: TagName = 'span',\n  children,\n  id,\n  ...restProps\n}: LiveRegionProps) {\n  const sourceRef = useRef<HTMLSpanElement & HTMLDivElement>(null);\n  const targetRef = useRef<HTMLSpanElement & HTMLDivElement>(null);\n\n  /*\n    When React state changes, React often produces too many DOM updates, causing NVDA to\n    issue many announcements for the same logical event (See https://github.com/nvaccess/nvda/issues/7996).\n\n    The code below imitates a debouncing, scheduling a callback every time new React state\n    update is detected. When a callback resolves, it copies content from a muted element\n    to the live region, which is recognized by screen readers as an update.\n\n    If the use case requires no announcement to be ignored, use delay = 0, but ensure it\n    does not impact the performance. If it does, prefer using a string as children prop.\n  */\n  useEffect(() => {\n    function updateLiveRegion() {\n      if (targetRef.current && sourceRef.current) {\n        const sourceContent = extractInnerText(sourceRef.current);\n        const targetContent = extractInnerText(targetRef.current);\n        if (targetContent !== sourceContent) {\n          // The aria-atomic does not work properly in Voice Over, causing\n          // certain parts of the content to be ignored. To fix that,\n          // we assign the source text content as a single node.\n          targetRef.current.innerText = sourceContent;\n        }\n      }\n    }\n\n    let timeoutId: null | number;\n    if (delay) {\n      timeoutId = setTimeout(updateLiveRegion, delay);\n    } else {\n      updateLiveRegion();\n    }\n\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  });\n\n  return (\n    <>\n      {visible && (\n        <TagName ref={sourceRef} id={id}>\n          {children}\n        </TagName>\n      )}\n\n      <ScreenreaderOnly {...restProps} className={clsx(styles.root, restProps.className)}>\n        {!visible && (\n          <TagName ref={sourceRef} aria-hidden=\"true\">\n            {children}\n          </TagName>\n        )}\n\n        <span ref={targetRef} aria-atomic=\"true\" aria-live={assertive ? 'assertive' : 'polite'}></span>\n      </ScreenreaderOnly>\n    </>\n  );\n}\n\n// This only extracts text content from the node including all its children which is enough for now.\n// To make it more powerful, it is possible to create a more sophisticated extractor with respect to\n// ARIA properties to ignore aria-hidden nodes and read ARIA labels from the live content.\nfunction extractInnerText(node: HTMLElement) {\n  return (node.innerText || '').replace(/\\s+/g, ' ').trim();\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/live-region/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\n\n/* eslint-disable @cloudscape-design/prefer-live-region */\n\nimport clsx from 'clsx';\nimport React, { memo, useEffect, useRef } from 'react';\nimport ScreenreaderOnly, { ScreenreaderOnlyProps } from '../screenreader-only';\nimport styles from './styles.css.js';\n\nexport interface LiveRegionProps extends ScreenreaderOnlyProps {\n  assertive?: boolean;\n  delay?: number;\n  visible?: boolean;\n  tagName?: 'span' | 'div';\n  id?: string;\n  /**\n   * Use a list of strings and/or existing DOM elements for building the\n   * announcement text. This avoids rendering separate content just for this\n   * LiveRegion.\n   *\n   * If this property is set, the `children` will be ignored.\n   */\n  source?: Array<string | React.RefObject<HTMLElement> | undefined>;\n}\n\n/**\n * The live region is hidden in the layout, but visible for screen readers.\n * It's purpose it to announce changes e.g. when custom navigation logic is used.\n *\n * The way live region works differently in different browsers and screen readers and\n * it is recommended to manually test every new implementation.\n *\n * If you notice there are different words being merged together,\n * check if there are text nodes not being wrapped in elements, like:\n * ```\n * <LiveRegion>\n *   {title}\n *   <span><Details /></span>\n * </LiveRegion>\n * ```\n *\n * To fix, wrap \"title\" in an element:\n * ```\n * <LiveRegion>\n *   <span>{title}</span>\n *   <span><Details /></span>\n * </LiveRegion>\n * ```\n *\n * Or create a single text node if possible:\n * ```\n * <LiveRegion>\n *   {`${title} ${details}`}\n * </LiveRegion>\n * ```\n *\n * The live region is always atomic, because non-atomic regions can be treated by screen readers\n * differently and produce unexpected results. To imitate non-atomic announcements simply use\n * multiple live regions:\n * ```\n * <>\n *   <LiveRegion>{title}</LiveRegion>\n *   <LiveRegion><Details /></LiveRegion>\n * </>\n * ```\n *\n * If you place interactive content inside the LiveRegion, the content will still be\n * interactive (e.g. as a tab stop). Consider using the `source` property instead.\n */\nexport default memo(LiveRegion);\n\nfunction LiveRegion({\n  assertive = false,\n  delay = 10,\n  visible = false,\n  tagName: TagName = 'span',\n  children,\n  id,\n  source,\n  ...restProps\n}: LiveRegionProps) {\n  const sourceRef = useRef<HTMLSpanElement & HTMLDivElement>(null);\n  const targetRef = useRef<HTMLSpanElement & HTMLDivElement>(null);\n\n  /*\n    When React state changes, React often produces too many DOM updates, causing NVDA to\n    issue many announcements for the same logical event (See https://github.com/nvaccess/nvda/issues/7996).\n\n    The code below imitates a debouncing, scheduling a callback every time new React state\n    update is detected. When a callback resolves, it copies content from a muted element\n    to the live region, which is recognized by screen readers as an update.\n\n    If the use case requires no announcement to be ignored, use delay = 0, but ensure it\n    does not impact the performance. If it does, prefer using a string as children prop.\n  */\n  useEffect(() => {\n    function getSourceContent() {\n      if (source) {\n        return source\n          .map(item => {\n            if (!item) {\n              return undefined;\n            }\n            if (typeof item === 'string') {\n              return item;\n            }\n            if (item.current) {\n              return extractInnerText(item.current);\n            }\n          })\n          .filter(Boolean)\n          .join(' ');\n      }\n\n      if (sourceRef.current) {\n        return extractInnerText(sourceRef.current);\n      }\n    }\n    function updateLiveRegion() {\n      const sourceContent = getSourceContent();\n\n      if (targetRef.current && sourceContent) {\n        const targetContent = extractInnerText(targetRef.current);\n        if (targetContent !== sourceContent) {\n          // The aria-atomic does not work properly in Voice Over, causing\n          // certain parts of the content to be ignored. To fix that,\n          // we assign the source text content as a single node.\n          targetRef.current.innerText = sourceContent;\n        }\n      }\n    }\n\n    let timeoutId: null | number;\n    if (delay) {\n      timeoutId = setTimeout(updateLiveRegion, delay);\n    } else {\n      updateLiveRegion();\n    }\n\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  });\n\n  return (\n    <>\n      {visible && !source && (\n        <TagName ref={sourceRef} id={id}>\n          {children}\n        </TagName>\n      )}\n\n      <ScreenreaderOnly {...restProps} className={clsx(styles.root, restProps.className)}>\n        {!visible && !source && (\n          <TagName ref={sourceRef} aria-hidden=\"true\">\n            {children}\n          </TagName>\n        )}\n\n        <span ref={targetRef} aria-atomic=\"true\" aria-live={assertive ? 'assertive' : 'polite'}></span>\n      </ScreenreaderOnly>\n    </>\n  );\n}\n\n// This only extracts text content from the node including all its children which is enough for now.\n// To make it more powerful, it is possible to create a more sophisticated extractor with respect to\n// ARIA properties to ignore aria-hidden nodes and read ARIA labels from the live content.\nfunction extractInnerText(node: HTMLElement) {\n  return (node.innerText || '').replace(/\\s+/g, ' ').trim();\n}\n"]}

package/internal/components/screenreader-only/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 export interface ScreenreaderOnlyProps {
     id?: string;
     className?: string;
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }
 /**
  * Makes content now shown on a screen but still announced by screen-reader users.

package/internal/components/screenreader-only/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAEpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAEpE"}

package/internal/components/screenreader-only/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["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,8CAAU,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"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["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,8CAAU,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/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (40b9e815)";
+export var PACKAGE_VERSION = "3.0.0 (be8a0396)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (40b9e815)",
+  "PACKAGE_VERSION": "3.0.0 (be8a0396)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "40b9e81540697f609a9901db3c0d5ad98a5710ae"
+  "commit": "be8a0396919c2f0cc51c918ff929d0508c4958f0"
 }

package/package.json

@@ -113,7 +113,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.441",
+  "version": "3.0.443",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/table/column-widths-utils.d.ts

@@ -1,4 +1,3 @@
 import { TableProps } from './interfaces';
 export declare function checkColumnWidths(columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>): void;
-export declare function setElementWidths(element: undefined | HTMLElement, styles: React.CSSProperties): void;
 //# sourceMappingURL=column-widths-utils.d.ts.map

package/table/column-widths-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column-widths-utils.d.ts","sourceRoot":"lib/default/","sources":["table/column-widths-utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,wBAAgB,iBAAiB,CAAC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,QAKnG;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,GAAG,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,QAiB7F"}
+{"version":3,"file":"column-widths-utils.d.ts","sourceRoot":"lib/default/","sources":["table/column-widths-utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,wBAAgB,iBAAiB,CAAC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,QAKnG"}

package/table/column-widths-utils.js

@@ -7,24 +7,6 @@ export function checkColumnWidths(columnDefinitions) {
         checkProperty(column, 'width');
     }
 }
-export function setElementWidths(element, styles) {
-    function setProperty(property) {
-        const value = styles[property];
-        let widthCssValue = '';
-        if (typeof value === 'number') {
-            widthCssValue = value + 'px';
-        }
-        if (typeof value === 'string') {
-            widthCssValue = value;
-        }
-        if (element && element.style[property] !== widthCssValue) {
-            element.style[property] = widthCssValue;
-        }
-    }
-    setProperty('width');
-    setProperty('minWidth');
-    setProperty('maxWidth');
-}
 function checkProperty(column, name) {
     const value = column[name];
     if (typeof value !== 'number' && typeof value !== 'undefined') {

package/table/column-widths-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-widths-utils.js","sourceRoot":"lib/default/","sources":["table/column-widths-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAGzE,MAAM,UAAU,iBAAiB,CAAC,iBAAkE;IAClG,KAAK,MAAM,MAAM,IAAI,iBAAiB,EAAE;QACtC,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAClC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAChC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAgC,EAAE,MAA2B;IAC5F,SAAS,WAAW,CAAC,QAA2C;QAC9D,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC/B,IAAI,aAAa,GAAG,EAAE,CAAC;QACvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC;SAC9B;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,aAAa,GAAG,KAAK,CAAC;SACvB;QACD,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,aAAa,EAAE;YACxD,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC;SACzC;IACH,CAAC;IACD,WAAW,CAAC,OAAO,CAAC,CAAC;IACrB,WAAW,CAAC,UAAU,CAAC,CAAC;IACxB,WAAW,CAAC,UAAU,CAAC,CAAC;AAC1B,CAAC;AAED,SAAS,aAAa,CAAC,MAAwC,EAAE,IAA0B;IACzF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QAC7D,QAAQ,CACN,OAAO,EACP,qCAAqC,IAAI,iCAAiC,KAAK,uCAAuC,CACvH,CAAC;KACH;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { TableProps } from './interfaces';\n\nexport function checkColumnWidths(columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>) {\n  for (const column of columnDefinitions) {\n    checkProperty(column, 'minWidth');\n    checkProperty(column, 'width');\n  }\n}\n\nexport function setElementWidths(element: undefined | HTMLElement, styles: React.CSSProperties) {\n  function setProperty(property: 'width' | 'minWidth' | 'maxWidth') {\n    const value = styles[property];\n    let widthCssValue = '';\n    if (typeof value === 'number') {\n      widthCssValue = value + 'px';\n    }\n    if (typeof value === 'string') {\n      widthCssValue = value;\n    }\n    if (element && element.style[property] !== widthCssValue) {\n      element.style[property] = widthCssValue;\n    }\n  }\n  setProperty('width');\n  setProperty('minWidth');\n  setProperty('maxWidth');\n}\n\nfunction checkProperty(column: TableProps.ColumnDefinition<any>, name: 'width' | 'minWidth') {\n  const value = column[name];\n  if (typeof value !== 'number' && typeof value !== 'undefined') {\n    warnOnce(\n      'Table',\n      `resizableColumns feature requires ${name} property to be a number, got ${value}. The component may work incorrectly.`\n    );\n  }\n}\n"]}
+{"version":3,"file":"column-widths-utils.js","sourceRoot":"lib/default/","sources":["table/column-widths-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAGzE,MAAM,UAAU,iBAAiB,CAAC,iBAAkE;IAClG,KAAK,MAAM,MAAM,IAAI,iBAAiB,EAAE;QACtC,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAClC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAChC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,MAAwC,EAAE,IAA0B;IACzF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QAC7D,QAAQ,CACN,OAAO,EACP,qCAAqC,IAAI,iCAAiC,KAAK,uCAAuC,CACvH,CAAC;KACH;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { TableProps } from './interfaces';\n\nexport function checkColumnWidths(columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>) {\n  for (const column of columnDefinitions) {\n    checkProperty(column, 'minWidth');\n    checkProperty(column, 'width');\n  }\n}\n\nfunction checkProperty(column: TableProps.ColumnDefinition<any>, name: 'width' | 'minWidth') {\n  const value = column[name];\n  if (typeof value !== 'number' && typeof value !== 'undefined') {\n    warnOnce(\n      'Table',\n      `resizableColumns feature requires ${name} property to be a number, got ${value}. The component may work incorrectly.`\n    );\n  }\n}\n"]}

package/table/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AA+C/D,eAAO,MAAM,sBAAsB,qBAWX,CAAC;AAEzB,QAAA,MAAM,aAAa,qBAqbK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AA+C/D,eAAO,MAAM,sBAAsB,qBAWX,CAAC;AAEzB,QAAA,MAAM,aAAa,qBAgbK,CAAC;AAEzB,eAAe,aAAa,CAAC"}

package/table/internal.js

@@ -52,8 +52,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
     stickyHeader = stickyHeader && supportsStickyPosition();
     const isMobile = useMobile();
     const [containerWidth, wrapperMeasureRef] = useContainerQuery(rect => rect.contentBoxWidth);
-    const wrapperMeasureRefObject = useRef(null);
-    const wrapperMeasureMergedRef = useMergeRefs(wrapperMeasureRef, wrapperMeasureRefObject);
+    const wrapperRefObject = useRef(null);
     const [tableWidth, tableMeasureRef] = useContainerQuery(rect => rect.contentBoxWidth);
     const tableRefObject = useRef(null);
     const secondaryWrapperRef = React.useRef(null);
@@ -68,7 +67,6 @@ const InternalTable = React.forwardRef((_a, ref) => {
             cancelEdit,
         });
     }, [cancelEdit]);
-    const wrapperRefObject = useRef(null);
     const handleScroll = useScrollSync([wrapperRefObject, scrollbarRef, secondaryWrapperRef]);
     const { moveFocusDown, moveFocusUp, moveFocus } = useSelectionFocusMove(selectionType, items.length);
     const { onRowClickHandler, onRowContextMenuHandler } = useRowEvents({ onRowClick, onRowContextMenu });
@@ -130,6 +128,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
     const hasEditableCells = !!columnDefinitions.find(col => col.editConfig);
     const tableRole = hasEditableCells ? 'grid-default' : 'table';
     const theadProps = {
+        containerWidth,
         selectionType,
         getSelectAllProps,
         columnDefinitions: visibleColumnDefinitions,
@@ -171,7 +170,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
     const toolsHeaderHeight = (_f = (_e = toolsHeaderWrapper === null || toolsHeaderWrapper === void 0 ? void 0 : toolsHeaderWrapper.current) === null || _e === void 0 ? void 0 : _e.getBoundingClientRect().height) !== null && _f !== void 0 ? _f : 0;
     const totalColumnsCount = selectionType ? visibleColumnDefinitions.length + 1 : visibleColumnDefinitions.length;
     return (React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
-        React.createElement(ColumnWidthsProvider, { visibleColumns: visibleColumnWidthsWithSelection, resizableColumns: resizableColumns, containerRef: wrapperMeasureRefObject },
+        React.createElement(ColumnWidthsProvider, { visibleColumns: visibleColumnWidthsWithSelection, resizableColumns: resizableColumns },
             React.createElement(InternalContainer, Object.assign({}, baseProps, { __internalRootRef: __internalRootRef, className: clsx(baseProps.className, styles.root), __funnelSubStepProps: __funnelSubStepProps, header: React.createElement(React.Fragment, null,
                     hasHeader && (React.createElement("div", { ref: overlapElement, className: clsx(hasDynamicHeight && [styles['dark-header'], 'awsui-context-content-header']) },
                         React.createElement("div", { ref: toolsHeaderWrapper, className: clsx(styles['header-controls'], styles[`variant-${computedVariant}`]) },
@@ -185,7 +184,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
                         [styles['has-footer']]: hasFooter,
                         [styles['has-header']]: hasHeader,
                     }), style: stickyState.style.wrapper, onScroll: handleScroll }, wrapperProps),
-                    React.createElement("div", { className: styles['wrapper-content-measure'], ref: wrapperMeasureMergedRef }),
+                    React.createElement("div", { className: styles['wrapper-content-measure'], ref: wrapperMeasureRef }),
                     !!renderAriaLive && !!firstIndex && (React.createElement(LiveRegion, null,
                         React.createElement("span", null, renderAriaLive({ totalItemsCount, firstIndex, lastIndex: firstIndex + items.length - 1 })))),
                     React.createElement("table", Object.assign({ ref: tableRef, className: clsx(styles.table, resizableColumns && styles['table-layout-fixed'], contentDensity === 'compact' && getVisualContextClassname('compact-table')) }, getTableRoleProps({