@cloudscape-design/components 3.0.161 → 3.0.163

package/code-editor/resize-handler.js

@@ -1,7 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import styles from './styles.css.js';
-var ResizeHandler = React.createElement("span", { className: styles['resizable-box-handle'] });
-export default ResizeHandler;
-//# sourceMappingURL=resize-handler.js.map

package/code-editor/resize-handler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-handler.js","sourceRoot":"","sources":["../../../src/code-editor/resize-handler.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,IAAM,aAAa,GAAG,8BAAM,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,GAAI,CAAC;AAE1E,eAAe,aAAa,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport styles from './styles.css.js';\n\nconst ResizeHandler = <span className={styles['resizable-box-handle']} />;\n\nexport default ResizeHandler;\n"]}

package/internal/components/dynamic-aria-live/index.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { ScreenreaderOnlyProps } from '../screenreader-only';
-export interface DynamicAriaLiveProps extends ScreenreaderOnlyProps {
-    assertive?: boolean;
-    delay?: number;
-    children: React.ReactNode;
-}
-/**
- * Dynamic aria live component is hidden in the layout, but visible for screen readers.
- * Purpose of this component is to announce recurring changes for a content.
- *
- * To avoid merging words, provide all text nodes wrapped with elements, like:
- * <LiveRegion>
- *   <span>{title}</span>
- *   <span><Details /></span>
- * </LiveRegion>
- * Or create a single text node if possible:
- * <LiveRegion>
- *   {`${title} ${details}`}
- * </LiveRegion>
- *
- * @param delay time value in milliseconds to set minimal time interval between announcements.
- * @param assertive determine aria-live priority. Given value == false, aria-live have `polite` attribute value.
- */
-declare const _default: React.MemoExoticComponent<typeof DynamicAriaLive>;
-export default _default;
-declare function DynamicAriaLive({ delay, children, ...restProps }: DynamicAriaLiveProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/internal/components/dynamic-aria-live/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dynamic-aria-live/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAI7D,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;;AACH,wBAAqC;AAErC,iBAAS,eAAe,CAAC,EAAE,KAAY,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,eAiBtF"}

package/internal/components/dynamic-aria-live/index.js

@@ -1,38 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { __assign, __rest } from "tslib";
-import React, { memo, useEffect, useMemo, useRef } from 'react';
-import { throttle } from '../../utils/throttle';
-import { updateLiveRegion } from '../live-region/utils';
-import AriaLiveTag from '../live-region/aria-liva-tag';
-/**
- * Dynamic aria live component is hidden in the layout, but visible for screen readers.
- * Purpose of this component is to announce recurring changes for a content.
- *
- * To avoid merging words, provide all text nodes wrapped with elements, like:
- * <LiveRegion>
- *   <span>{title}</span>
- *   <span><Details /></span>
- * </LiveRegion>
- * Or create a single text node if possible:
- * <LiveRegion>
- *   {`${title} ${details}`}
- * </LiveRegion>
- *
- * @param delay time value in milliseconds to set minimal time interval between announcements.
- * @param assertive determine aria-live priority. Given value == false, aria-live have `polite` attribute value.
- */
-export default memo(DynamicAriaLive);
-function DynamicAriaLive(_a) {
-    var _b = _a.delay, delay = _b === void 0 ? 5000 : _b, children = _a.children, restProps = __rest(_a, ["delay", "children"]);
-    var sourceRef = useRef(null);
-    var targetRef = useRef(null);
-    var throttledUpdate = useMemo(function () {
-        return throttle(function () { return updateLiveRegion(targetRef, sourceRef); }, delay);
-    }, [delay]);
-    useEffect(function () {
-        throttledUpdate();
-    });
-    return (React.createElement(AriaLiveTag, __assign({ targetRef: targetRef, sourceRef: sourceRef }, restProps), children));
-}
-//# sourceMappingURL=index.js.map

package/internal/components/dynamic-aria-live/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/dynamic-aria-live/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,WAAW,MAAM,8BAA8B,CAAC;AAQvD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAe,IAAI,CAAC,eAAe,CAAC,CAAC;AAErC,SAAS,eAAe,CAAC,EAA8D;IAA5D,IAAA,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EAAE,QAAQ,cAAA,EAAK,SAAS,cAAtC,qBAAwC,CAAF;IAC7D,IAAM,SAAS,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAEhD,IAAM,eAAe,GAAG,OAAO,CAAC;QAC9B,OAAO,QAAQ,CAAC,cAAM,OAAA,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,EAAtC,CAAsC,EAAE,KAAK,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC;QACR,eAAe,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAW,aAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,IAAM,SAAS,GACnE,QAAQ,CACG,CACf,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { memo, useEffect, useMemo, useRef } from 'react';\nimport { throttle } from '../../utils/throttle';\nimport { ScreenreaderOnlyProps } from '../screenreader-only';\nimport { updateLiveRegion } from '../live-region/utils';\nimport AriaLiveTag from '../live-region/aria-liva-tag';\n\nexport interface DynamicAriaLiveProps extends ScreenreaderOnlyProps {\n  assertive?: boolean;\n  delay?: number;\n  children: React.ReactNode;\n}\n\n/**\n * Dynamic aria live component is hidden in the layout, but visible for screen readers.\n * Purpose of this component is to announce recurring changes for a content.\n *\n * To avoid merging words, provide all text nodes wrapped with elements, like:\n * <LiveRegion>\n *   <span>{title}</span>\n *   <span><Details /></span>\n * </LiveRegion>\n * Or create a single text node if possible:\n * <LiveRegion>\n *   {`${title} ${details}`}\n * </LiveRegion>\n *\n * @param delay time value in milliseconds to set minimal time interval between announcements.\n * @param assertive determine aria-live priority. Given value == false, aria-live have `polite` attribute value.\n */\nexport default memo(DynamicAriaLive);\n\nfunction DynamicAriaLive({ delay = 5000, children, ...restProps }: DynamicAriaLiveProps) {\n  const sourceRef = useRef<HTMLSpanElement>(null);\n  const targetRef = useRef<HTMLSpanElement>(null);\n\n  const throttledUpdate = useMemo(() => {\n    return throttle(() => updateLiveRegion(targetRef, sourceRef), delay);\n  }, [delay]);\n\n  useEffect(() => {\n    throttledUpdate();\n  });\n\n  return (\n    <AriaLiveTag targetRef={targetRef} sourceRef={sourceRef} {...restProps}>\n      {children}\n    </AriaLiveTag>\n  );\n}\n"]}

package/internal/components/live-region/aria-liva-tag.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ScreenreaderOnlyProps } from '../screenreader-only/index.js';
-export interface AriaLiveTagProps extends ScreenreaderOnlyProps {
-    assertive?: boolean;
-    visible?: boolean;
-    children: React.ReactNode;
-    targetRef: React.RefObject<HTMLSpanElement>;
-    sourceRef: React.RefObject<HTMLSpanElement>;
-}
-declare const _default: React.MemoExoticComponent<typeof AriaLiveTag>;
-export default _default;
-declare function AriaLiveTag({ assertive, visible, targetRef, sourceRef, children, ...restProps }: AriaLiveTagProps): JSX.Element;
-//# sourceMappingURL=aria-liva-tag.d.ts.map

package/internal/components/live-region/aria-liva-tag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"aria-liva-tag.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/live-region/aria-liva-tag.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAyB,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAGxF,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAC5C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC7C;;AAED,wBAAiC;AAEjC,iBAAS,WAAW,CAAC,EACnB,SAAiB,EACjB,OAAe,EACf,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,gBAAgB,eAgBlB"}

package/internal/components/live-region/aria-liva-tag.js

@@ -1,18 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { __assign, __rest } from "tslib";
-/* eslint-disable @cloudscape-design/prefer-live-region */
-import clsx from 'clsx';
-import React, { memo } from 'react';
-import ScreenreaderOnly from '../screenreader-only/index.js';
-import styles from './styles.css.js';
-export default memo(AriaLiveTag);
-function AriaLiveTag(_a) {
-    var _b = _a.assertive, assertive = _b === void 0 ? false : _b, _c = _a.visible, visible = _c === void 0 ? false : _c, targetRef = _a.targetRef, sourceRef = _a.sourceRef, children = _a.children, restProps = __rest(_a, ["assertive", "visible", "targetRef", "sourceRef", "children"]);
-    return (React.createElement(React.Fragment, null,
-        visible && React.createElement("span", { ref: sourceRef }, children),
-        React.createElement(ScreenreaderOnly, __assign({}, restProps, { className: clsx(styles.root, restProps.className) }),
-            !visible && (React.createElement("span", { ref: sourceRef, "aria-hidden": "true" }, children)),
-            React.createElement("span", { ref: targetRef, "aria-atomic": "true", "aria-live": assertive ? 'assertive' : 'polite' }))));
-}
-//# sourceMappingURL=aria-liva-tag.js.map

package/internal/components/live-region/aria-liva-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aria-liva-tag.js","sourceRoot":"","sources":["../../../../../src/internal/components/live-region/aria-liva-tag.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,0DAA0D;AAE1D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,gBAA2C,MAAM,+BAA+B,CAAC;AACxF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC;AAEjC,SAAS,WAAW,CAAC,EAOF;IANjB,IAAA,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,SAAS,cANO,8DAOpB,CADa;IAEZ,OAAO,CACL;QACG,OAAO,IAAI,8BAAM,GAAG,EAAE,SAAS,IAAG,QAAQ,CAAQ;QAEnD,oBAAC,gBAAgB,eAAK,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC;YAC/E,CAAC,OAAO,IAAI,CACX,8BAAM,GAAG,EAAE,SAAS,iBAAc,MAAM,IACrC,QAAQ,CACJ,CACR;YAED,8BAAM,GAAG,EAAE,SAAS,iBAAc,MAAM,eAAY,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,GAAS,CAC9E,CAClB,CACJ,CAAC;AACJ,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 } from 'react';\nimport ScreenreaderOnly, { ScreenreaderOnlyProps } from '../screenreader-only/index.js';\nimport styles from './styles.css.js';\n\nexport interface AriaLiveTagProps extends ScreenreaderOnlyProps {\n  assertive?: boolean;\n  visible?: boolean;\n  children: React.ReactNode;\n  targetRef: React.RefObject<HTMLSpanElement>;\n  sourceRef: React.RefObject<HTMLSpanElement>;\n}\n\nexport default memo(AriaLiveTag);\n\nfunction AriaLiveTag({\n  assertive = false,\n  visible = false,\n  targetRef,\n  sourceRef,\n  children,\n  ...restProps\n}: AriaLiveTagProps) {\n  return (\n    <>\n      {visible && <span ref={sourceRef}>{children}</span>}\n\n      <ScreenreaderOnly {...restProps} className={clsx(styles.root, restProps.className)}>\n        {!visible && (\n          <span ref={sourceRef} aria-hidden=\"true\">\n            {children}\n          </span>\n        )}\n\n        <span ref={targetRef} aria-atomic=\"true\" aria-live={assertive ? 'assertive' : 'polite'}></span>\n      </ScreenreaderOnly>\n    </>\n  );\n}\n"]}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-/**
- * Updates text of the target node if it's differ from source node.
- * @param targetRef - Ref to the element with aria-live
- * @param sourceRef - Ref to the element to be announced
- */
-export declare function updateLiveRegion(targetRef: React.RefObject<HTMLSpanElement>, sourceRef: React.RefObject<HTMLSpanElement>): void;
-//# sourceMappingURL=utils.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/live-region/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EAC3C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,QAY5C"}

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

@@ -1,24 +0,0 @@
-/**
- * Updates text of the target node if it's differ from source node.
- * @param targetRef - Ref to the element with aria-live
- * @param sourceRef - Ref to the element to be announced
- */
-export function updateLiveRegion(targetRef, sourceRef) {
-    if (targetRef.current && sourceRef.current) {
-        var sourceContent = extractInnerText(sourceRef.current);
-        var targetContent = extractInnerText(targetRef.current);
-        if (targetContent !== sourceContent) {
-            // The aria-atomic does not work properly in Voice Over, causing
-            // certain parts of the content to be ignored. To fix that,
-            // we assign the source text content as a single node.
-            targetRef.current.innerText = sourceContent;
-        }
-    }
-}
-// This only extracts text content from the node including all its children which is enough for now.
-// To make it more powerful, it is possible to create a more sophisticated extractor with respect to
-// ARIA properties to ignore aria-hidden nodes and read ARIA labels from the live content.
-function extractInnerText(node) {
-    return (node.innerText || '').replace(/\s+/g, ' ').trim();
-}
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/internal/components/live-region/utils.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAC9B,SAA2C,EAC3C,SAA2C;IAE3C,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE;QAC1C,IAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC1D,IAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC1D,IAAI,aAAa,KAAK,aAAa,EAAE;YACnC,gEAAgE;YAChE,2DAA2D;YAC3D,sDAAsD;YACtD,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,aAAa,CAAC;SAC7C;KACF;AACH,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\nimport React from 'react';\n\n/**\n * Updates text of the target node if it's differ from source node.\n * @param targetRef - Ref to the element with aria-live\n * @param sourceRef - Ref to the element to be announced\n */\nexport function updateLiveRegion(\n  targetRef: React.RefObject<HTMLSpanElement>,\n  sourceRef: React.RefObject<HTMLSpanElement>\n) {\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// 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"]}