npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.165 → 3.0.167 - Mend

@cloudscape-design/components-themeable 3.0.165 → 3.0.167

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

package/lib/internal/template/code-editor/pane.js CHANGED Viewed

@@ -3,19 +3,19 @@
 import React, { useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
 import FocusLock from 'react-focus-lock';
-import { ResizableBox } from 'react-resizable';
 import { KeyCode } from '../internal/keycode';
 import { scrollElementIntoView } from '../internal/utils/scrollable-containers';
 import { InternalButton } from '../button/internal';
-import handler from './resize-handler';
+import { ResizableBox } from './resizable-box';
 import styles from './styles.css.js';
 var ANNOTATION_ITEM_HEIGHT = 31;
 var PANE_ANNOTATIONS_PADDING = 12;
 var MIN_HEIGHT = 3 * ANNOTATION_ITEM_HEIGHT + 2 * PANE_ANNOTATIONS_PADDING;
 export var Pane = function (_a) {
     var id = _a.id, visible = _a.visible, annotations = _a.annotations, highlighted = _a.highlighted, onAllowlist = _a.onAllowlist, onClose = _a.onClose, onAnnotationClick = _a.onAnnotationClick, onAnnotationClear = _a.onAnnotationClear, cursorPositionLabel = _a.cursorPositionLabel, closeButtonAriaLabel = _a.closeButtonAriaLabel;
+    var _b = useState(MIN_HEIGHT), paneHeight = _b[0], setPaneHeight = _b[1];
     var listRef = useRef(null);
-    var _b = useState(false), isFocusTrapActive = _b[0], setFocusTrapActive = _b[1];
+    var _c = useState(false), isFocusTrapActive = _c[0], setFocusTrapActive = _c[1];
     useEffect(function () {
         var _a;
         if (!highlighted) {
@@ -54,7 +54,7 @@ export var Pane = function (_a) {
         return null;
     }
     return (React.createElement("div", { id: id, className: styles.pane, onKeyDown: onEscKeyDown, role: "tabpanel" },
-        React.createElement(ResizableBox, { className: styles['resizable-box'], width: Infinity, height: MIN_HEIGHT, minConstraints: [Infinity, MIN_HEIGHT], axis: "y", handle: handler },
+        React.createElement(ResizableBox, { height: paneHeight, minHeight: MIN_HEIGHT, onResize: function (newHeight) { return setPaneHeight(newHeight); } },
             React.createElement(FocusLock, { disabled: !isFocusTrapActive, className: styles['focus-lock'], autoFocus: false, returnFocus: false, whiteList: onAllowlist },
                 React.createElement("div", { className: styles.pane__list, tabIndex: -1 },
                     React.createElement("table", { className: styles.pane__table, role: "presentation" },

package/lib/internal/template/code-editor/pane.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pane.js","sourceRoot":"","sources":["../../../src/code-editor/pane.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,kBAAkB,CAAC;~~AACzC~~,OAAO,EAAE,~~YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,~~OAAO,EAAE,~~OAAO,EAAE,~~MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,~~OAAO~~,MAAM,~~kBAAkB~~,CAAC;~~AAEvC~~,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,IAAM,sBAAsB,GAAG,EAAE,CAAC;AAClC,IAAM,wBAAwB,GAAG,EAAE,CAAC;AACpC,IAAM,UAAU,GAAG,CAAC,GAAG,sBAAsB,GAAG,CAAC,GAAG,wBAAwB,CAAC;AAkB7E,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAWT;QAVV,EAAE,QAAA,EACF,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,oBAAoB,0BAAA;~~IAEpB~~,IAAM,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAChD,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,iBAAiB,QAAA,EAAE,kBAAkB,QAAmB,CAAC;IAEhE,SAAS,CAAC;;QACR,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QACO,IAAA,GAAG,GAAa,WAAW,IAAxB,EAAE,MAAM,GAAK,WAAW,OAAhB,CAAiB;QACpC,IAAM,0BAA0B,GAAG,WAAW,CAAC,OAAO,CACpD,WAAW,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,EAApC,CAAoC,CAAC,CAAC,CAAC,CAAC,CACjE,CAAC;QAEF,IAAI,0BAA0B,GAAG,CAAC,CAAC,EAAE;YACnC,IAAM,SAAS,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,0BAA0B,CAA4B,CAAC;YACnG,qBAAqB,CAAC,SAAS,CAAC,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE/B,IAAM,WAAW,GAAG;QAClB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,iBAAiB,EAAE,CAAC;IACtB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,UAA0B;QAC7C,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,IAAM,aAAa,GAAG,UAAC,UAA0B,EAAE,KAA0B;QAC3E,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;YACtE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC1B,iBAAiB,CAAC,UAAU,CAAC,CAAC;SAC/B;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA0B;QAC9C,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE;YACpC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAC,UAAU;QAC3E,oBAAC,YAAY,~~IACX~~,~~SAAS~~,EAAE,~~MAAM~~,~~CAAC,eAAe,CAAC,EAClC,KAAK,~~EAAE,~~QAAQ~~,~~EACf,MAAM,~~EAAE,UAAU,~~EAClB,cAAc,~~EAAE,~~CAAC,~~QAAQ,EAAE,~~UAAU~~,~~CAAC~~,~~EACtC,~~IAAI,~~EAAC~~,~~GAAG~~,~~EACR~~,~~MAAM~~,~~EAAE~~,~~OAAO~~;~~YAEf~~,oBAAC,SAAS,IACR,QAAQ,EAAE,CAAC,iBAAiB,EAC5B,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAC/B,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,WAAW;gBAEtB,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;oBAC7C,+BAAO,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,IAAI,EAAC,cAAc;wBACvD;4BACE,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,2BAA2B,GAAI;4BACxD,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CACxB;wBACX,+BAAO,GAAG,EAAE,OAAO,IAChB,WAAW,CAAC,GAAG,CAAC,UAAC,UAAU,EAAE,CAAC;;4BAAK,OAAA,CAClC,4BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU;oCAC/B,GAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,UAAU,KAAK,WAAW;wCAC/D,EACF,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAC3C,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAC/C,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,MAAM;gCAEX,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,IACxE,mBAAmB,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAC1E;gCACL,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,IAC3E,UAAU,CAAC,IAAI,CACb,CACF,CACN;wBApBmC,CAoBnC,CAAC,CACI,CACF,CACJ;gBACN,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;oBAC7C,oBAAC,cAAc,IACb,UAAU,EAAC,MAAM,EACjB,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,GAC/B,CACE,CACI,CACC,CACX,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport FocusLock from 'react-focus-lock';\nimport { ~~ResizableBox } from 'react-resizable';\nimport {~~ Ace } from 'ace-builds';\n\nimport { KeyCode } from '../internal/keycode';\nimport { scrollElementIntoView } from '../internal/utils/scrollable-containers';\n\nimport { InternalButton } from '../button/internal';\nimport ~~handler~~ from './~~resize~~-~~handler~~';\n\nimport styles from './styles.css.js';\n\nconst ANNOTATION_ITEM_HEIGHT = 31;\nconst PANE_ANNOTATIONS_PADDING = 12;\nconst MIN_HEIGHT = 3 * ANNOTATION_ITEM_HEIGHT + 2 * PANE_ANNOTATIONS_PADDING;\n\nexport interface PaneProps {\n id: string;\n\n visible: boolean;\n annotations: Ace.Annotation[];\n highlighted?: Ace.Annotation;\n\n cursorPositionLabel: (row: number, column: number) => string;\n closeButtonAriaLabel: string;\n\n onAllowlist: (activeElement: HTMLElement) => boolean;\n onClose: () => void;\n onAnnotationClick: (annotation: Ace.Annotation) => void;\n onAnnotationClear: () => void;\n}\n\nexport const Pane = ({\n id,\n visible,\n annotations,\n highlighted,\n onAllowlist,\n onClose,\n onAnnotationClick,\n onAnnotationClear,\n cursorPositionLabel,\n closeButtonAriaLabel,\n}: PaneProps) => {\n const listRef = useRef<HTMLTableSectionElement>(null);\n const [isFocusTrapActive, setFocusTrapActive] = useState(false);\n\n useEffect(() => {\n if (!highlighted) {\n return;\n }\n const { row, column } = highlighted;\n const highlightedAnnotationIndex = annotations.indexOf(\n annotations.filter(a => a.row === row && a.column === column)[0]\n );\n\n if (highlightedAnnotationIndex > -1) {\n const errorItem = listRef.current?.children[highlightedAnnotationIndex] as HTMLElement \| undefined;\n scrollElementIntoView(errorItem);\n }\n }, [highlighted, annotations]);\n\n const onItemFocus = () => {\n setFocusTrapActive(true);\n onAnnotationClear();\n };\n\n const onItemClick = (annotation: Ace.Annotation) => {\n setFocusTrapActive(false);\n onAnnotationClick(annotation);\n };\n const onItemKeyDown = (annotation: Ace.Annotation, event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.enter \|\| event.keyCode === KeyCode.space) {\n event.preventDefault();\n setFocusTrapActive(false);\n onAnnotationClick(annotation);\n }\n };\n\n const onEscKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n event.preventDefault();\n setFocusTrapActive(false);\n onClose();\n }\n };\n\n if (!visible) {\n return null;\n }\n\n return (\n <div id={id} className={styles.pane} onKeyDown={onEscKeyDown} role=\"tabpanel\">\n <ResizableBox~~\n className~~={~~styles['resizable-box']~~}~~\n width~~={~~Infinity}\n height={~~MIN_HEIGHT}~~\n minConstraints~~={~~[Infinity,~~ ~~MIN_HEIGHT]~~}~~\n axis=\"y\"\n handle={handler}\n~~ >\n <FocusLock\n disabled={!isFocusTrapActive}\n className={styles['focus-lock']}\n autoFocus={false}\n returnFocus={false}\n whiteList={onAllowlist}\n >\n <div className={styles.pane__list} tabIndex={-1}>\n <table className={styles.pane__table} role=\"presentation\">\n <colgroup>\n <col style={{ width: 1 } /* shrink to fit content */} />\n <col style={{ width: 'auto' }} />\n </colgroup>\n <tbody ref={listRef}>\n {annotations.map((annotation, i) => (\n <tr\n key={i}\n className={clsx(styles.pane__item, {\n [styles['pane__item--highlighted']]: annotation === highlighted,\n })}\n onFocus={onItemFocus}\n onMouseOver={onAnnotationClear}\n onClick={onItemClick.bind(null, annotation)}\n onKeyDown={onItemKeyDown.bind(null, annotation)}\n tabIndex={0}\n role=\"link\"\n >\n <td className={clsx(styles.pane__location, styles.pane__cell)} tabIndex={-1}>\n {cursorPositionLabel((annotation.row \|\| 0) + 1, (annotation.column \|\| 0) + 1)}\n </td>\n <td className={clsx(styles.pane__description, styles.pane__cell)} tabIndex={-1}>\n {annotation.text}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n <div className={styles['pane__close-container']}>\n <InternalButton\n formAction=\"none\"\n variant=\"icon\"\n iconName=\"close\"\n onClick={onClose}\n ariaLabel={closeButtonAriaLabel}\n />\n </div>\n </FocusLock>\n </ResizableBox>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"pane.js","sourceRoot":"","sources":["../../../src/code-editor/pane.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, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport FocusLock from 'react-focus-lock';\nimport { Ace } from 'ace-builds';\n\nimport { KeyCode } from '../internal/keycode';\nimport { scrollElementIntoView } from '../internal/utils/scrollable-containers';\n\nimport { InternalButton } from '../button/internal';\nimport { ResizableBox } from './resizable-box';\n\nimport styles from './styles.css.js';\n\nconst ANNOTATION_ITEM_HEIGHT = 31;\nconst PANE_ANNOTATIONS_PADDING = 12;\nconst MIN_HEIGHT = 3 * ANNOTATION_ITEM_HEIGHT + 2 * PANE_ANNOTATIONS_PADDING;\n\nexport interface PaneProps {\n id: string;\n\n visible: boolean;\n annotations: Ace.Annotation[];\n highlighted?: Ace.Annotation;\n\n cursorPositionLabel: (row: number, column: number) => string;\n closeButtonAriaLabel: string;\n\n onAllowlist: (activeElement: HTMLElement) => boolean;\n onClose: () => void;\n onAnnotationClick: (annotation: Ace.Annotation) => void;\n onAnnotationClear: () => void;\n}\n\nexport const Pane = ({\n id,\n visible,\n annotations,\n highlighted,\n onAllowlist,\n onClose,\n onAnnotationClick,\n onAnnotationClear,\n cursorPositionLabel,\n closeButtonAriaLabel,\n}: PaneProps) => {\n const [paneHeight, setPaneHeight] = useState(MIN_HEIGHT);\n const listRef = useRef<HTMLTableSectionElement>(null);\n const [isFocusTrapActive, setFocusTrapActive] = useState(false);\n\n useEffect(() => {\n if (!highlighted) {\n return;\n }\n const { row, column } = highlighted;\n const highlightedAnnotationIndex = annotations.indexOf(\n annotations.filter(a => a.row === row && a.column === column)[0]\n );\n\n if (highlightedAnnotationIndex > -1) {\n const errorItem = listRef.current?.children[highlightedAnnotationIndex] as HTMLElement \| undefined;\n scrollElementIntoView(errorItem);\n }\n }, [highlighted, annotations]);\n\n const onItemFocus = () => {\n setFocusTrapActive(true);\n onAnnotationClear();\n };\n\n const onItemClick = (annotation: Ace.Annotation) => {\n setFocusTrapActive(false);\n onAnnotationClick(annotation);\n };\n const onItemKeyDown = (annotation: Ace.Annotation, event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.enter \|\| event.keyCode === KeyCode.space) {\n event.preventDefault();\n setFocusTrapActive(false);\n onAnnotationClick(annotation);\n }\n };\n\n const onEscKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n event.preventDefault();\n setFocusTrapActive(false);\n onClose();\n }\n };\n\n if (!visible) {\n return null;\n }\n\n return (\n <div id={id} className={styles.pane} onKeyDown={onEscKeyDown} role=\"tabpanel\">\n <ResizableBox height={paneHeight} minHeight={MIN_HEIGHT} onResize={newHeight => setPaneHeight(newHeight)}>\n <FocusLock\n disabled={!isFocusTrapActive}\n className={styles['focus-lock']}\n autoFocus={false}\n returnFocus={false}\n whiteList={onAllowlist}\n >\n <div className={styles.pane__list} tabIndex={-1}>\n <table className={styles.pane__table} role=\"presentation\">\n <colgroup>\n <col style={{ width: 1 } /* shrink to fit content */} />\n <col style={{ width: 'auto' }} />\n </colgroup>\n <tbody ref={listRef}>\n {annotations.map((annotation, i) => (\n <tr\n key={i}\n className={clsx(styles.pane__item, {\n [styles['pane__item--highlighted']]: annotation === highlighted,\n })}\n onFocus={onItemFocus}\n onMouseOver={onAnnotationClear}\n onClick={onItemClick.bind(null, annotation)}\n onKeyDown={onItemKeyDown.bind(null, annotation)}\n tabIndex={0}\n role=\"link\"\n >\n <td className={clsx(styles.pane__location, styles.pane__cell)} tabIndex={-1}>\n {cursorPositionLabel((annotation.row \|\| 0) + 1, (annotation.column \|\| 0) + 1)}\n </td>\n <td className={clsx(styles.pane__description, styles.pane__cell)} tabIndex={-1}>\n {annotation.text}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n <div className={styles['pane__close-container']}>\n <InternalButton\n formAction=\"none\"\n variant=\"icon\"\n iconName=\"close\"\n onClick={onClose}\n ariaLabel={closeButtonAriaLabel}\n />\n </div>\n </FocusLock>\n </ResizableBox>\n </div>\n );\n};\n"]}

package/lib/internal/template/code-editor/resizable-box/index.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ResizeBoxProps {
+    children: React.ReactNode;
+    height: number;
+    minHeight: number;
+    onResize: (newHeight: number) => void;
+}
+export declare function ResizableBox({ children, height, minHeight, onResize }: ResizeBoxProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/code-editor/resizable-box/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/code-editor/resizable-box/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,eA2CrF"}

package/lib/internal/template/code-editor/resizable-box/index.js ADDED Viewed

@@ -0,0 +1,44 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect, useRef, useState } from 'react';
+import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
+import styles from './styles.css.js';
+export function ResizableBox(_a) {
+    var children = _a.children, height = _a.height, minHeight = _a.minHeight, onResize = _a.onResize;
+    var _b = useState(null), dragOffset = _b[0], setDragOffset = _b[1];
+    var onResizeStable = useStableEventHandler(onResize);
+    var containerRef = useRef(null);
+    var onMouseDown = function (event) {
+        if (event.button !== 0 || !containerRef.current) {
+            return;
+        }
+        var containerBottom = containerRef.current.getBoundingClientRect().bottom;
+        setDragOffset(containerBottom - event.clientY);
+    };
+    useEffect(function () {
+        if (dragOffset === null || !containerRef.current) {
+            return;
+        }
+        var container = containerRef.current;
+        var onMouseMove = function (event) {
+            var top = container.getBoundingClientRect().top;
+            var cursor = event.clientY;
+            onResizeStable(Math.max(cursor + dragOffset - top, minHeight));
+        };
+        var onMouseUp = function () {
+            setDragOffset(null);
+        };
+        document.body.classList.add(styles['resize-active']);
+        document.addEventListener('mousemove', onMouseMove);
+        document.addEventListener('mouseup', onMouseUp);
+        return function () {
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+            document.body.classList.remove(styles['resize-active']);
+        };
+    }, [dragOffset, minHeight, onResizeStable]);
+    return (React.createElement("div", { ref: containerRef, className: styles['resizable-box'], style: { height: height } },
+        children,
+        React.createElement("span", { className: styles['resizable-box-handle'], onMouseDown: onMouseDown })));
+}
+//# sourceMappingURL=index.js.map

package/lib/internal/template/code-editor/resizable-box/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/code-editor/resizable-box/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,MAAM,UAAU,YAAY,CAAC,EAAyD;QAAvD,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC5D,IAAA,KAA8B,QAAQ,CAAgB,IAAI,CAAC,EAA1D,UAAU,QAAA,EAAE,aAAa,QAAiC,CAAC;IAClE,IAAM,cAAc,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACvD,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,IAAM,WAAW,GAA4B,UAAA,KAAK;QAChD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAC/C,OAAO;SACR;QACD,IAAM,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAC5E,aAAa,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,UAAU,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAChD,OAAO;SACR;QACD,IAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QAEvC,IAAM,WAAW,GAAG,UAAC,KAAiB;YAC5B,IAAA,GAAG,GAAK,SAAS,CAAC,qBAAqB,EAAE,IAAtC,CAAuC;YAClD,IAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;YAC7B,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,UAAU,GAAG,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;QACjE,CAAC,CAAC;QACF,IAAM,SAAS,GAAG;YAChB,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACrD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YACnD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE;QAC1E,QAAQ;QACT,8BAAM,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,CACzE,CACP,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, useState } from 'react';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport styles from './styles.css.js';\n\nexport interface ResizeBoxProps {\n children: React.ReactNode;\n height: number;\n minHeight: number;\n onResize: (newHeight: number) => void;\n}\n\nexport function ResizableBox({ children, height, minHeight, onResize }: ResizeBoxProps) {\n const [dragOffset, setDragOffset] = useState<null | number>(null);\n const onResizeStable = useStableEventHandler(onResize);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const onMouseDown: React.MouseEventHandler = event => {\n if (event.button !== 0 || !containerRef.current) {\n return;\n }\n const containerBottom = containerRef.current.getBoundingClientRect().bottom;\n setDragOffset(containerBottom - event.clientY);\n };\n\n useEffect(() => {\n if (dragOffset === null || !containerRef.current) {\n return;\n }\n const container = containerRef.current;\n\n const onMouseMove = (event: MouseEvent) => {\n const { top } = container.getBoundingClientRect();\n const cursor = event.clientY;\n onResizeStable(Math.max(cursor + dragOffset - top, minHeight));\n };\n const onMouseUp = () => {\n setDragOffset(null);\n };\n document.body.classList.add(styles['resize-active']);\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n document.body.classList.remove(styles['resize-active']);\n };\n }, [dragOffset, minHeight, onResizeStable]);\n\n return (\n <div ref={containerRef} className={styles['resizable-box']} style={{ height }}>\n {children}\n <span className={styles['resizable-box-handle']} onMouseDown={onMouseDown} />\n </div>\n );\n}\n"]}

package/lib/internal/template/code-editor/resizable-box/styles.css.js ADDED Viewed

@@ -0,0 +1,8 @@
+    import './styles.scoped.css';
+    export default {
+  "resizable-box": "awsui_resizable-box_cufu9_14t5c_17",
+  "resizable-box-handle": "awsui_resizable-box-handle_cufu9_14t5c_22",
+  "resize-active": "awsui_resize-active_cufu9_14t5c_59"
+};

package/lib/internal/template/code-editor/resizable-box/styles.scoped.css ADDED Viewed

@@ -0,0 +1,62 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_resizable-box_cufu9_14t5c_17:not(#\9) {
+  position: relative;
+  width: 100%;
+}
+.awsui_resizable-box-handle_cufu9_14t5c_22:not(#\9) {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  width: var(--space-l-4vl6xu, 20px);
+  height: var(--space-l-4vl6xu, 20px);
+  background-repeat: no-repeat;
+  background-origin: content-box;
+  box-sizing: border-box;
+  background-position: bottom right;
+  background-size: var(--space-l-4vl6xu, 20px);
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23687078' fill-opacity='0' stroke-width='1'%3E %3Cpath d='M 8 13 L 13 8 M 13 11 L 11 13 M 5 13 L 13 5'/%3E %3C/svg%3E");
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  cursor: ns-resize;
+}
+@supports (--css-variable-support-check: #000) {
+  .awsui_resizable-box-handle_cufu9_14t5c_22:not(#\9) {
+    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+  }
+  .awsui-polaris-dark-mode .awsui_resizable-box-handle_cufu9_14t5c_22:not(#\9), .awsui-dark-mode .awsui_resizable-box-handle_cufu9_14t5c_22:not(#\9) {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23687078' fill-opacity='0' stroke-width='1'%3E %3Cpath d='M 8 13 L 13 8 M 13 11 L 11 13 M 5 13 L 13 5'/%3E %3C/svg%3E");
+  }
+}
+@supports (--css-variable-support-check: #000) {
+  .awsui_resizable-box-handle_cufu9_14t5c_22:not(#\9) {
+    /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
+  }
+  .awsui-visual-refresh .awsui_resizable-box-handle_cufu9_14t5c_22:not(#\9) {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23414d5c' fill-opacity='0' stroke-width='1'%3E %3Cpath d='M 8 13 L 13 8 M 13 11 L 11 13 M 5 13 L 13 5'/%3E %3C/svg%3E");
+  }
+  .awsui-visual-refresh.awsui-polaris-dark-mode .awsui_resizable-box-handle_cufu9_14t5c_22:not(#\9), .awsui-visual-refresh.awsui-dark-mode .awsui_resizable-box-handle_cufu9_14t5c_22:not(#\9) {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill-opacity='0' stroke-width='1'%3E %3Cpath d='M 8 13 L 13 8 M 13 11 L 11 13 M 5 13 L 13 5'/%3E %3C/svg%3E");
+  }
+}
+.awsui_resize-active_cufu9_14t5c_59:not(#\9) {
+  -webkit-user-select: none;
+          user-select: none;
+}

package/lib/internal/template/code-editor/resizable-box/styles.selectors.js ADDED Viewed

@@ -0,0 +1,9 @@
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "resizable-box": "awsui_resizable-box_cufu9_14t5c_17",
+  "resizable-box-handle": "awsui_resizable-box-handle_cufu9_14t5c_22",
+  "resize-active": "awsui_resize-active_cufu9_14t5c_59"
+};

package/lib/internal/template/code-editor/styles.css.js CHANGED Viewed

@@ -1,38 +1,37 @@
     import './styles.scoped.css';
     export default {
-  "code-editor": "awsui_code-editor_1gl9c_12bdt_98",
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_12bdt_534",
-  "pane": "awsui_pane_1gl9c_12bdt_546",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_12bdt_557",
-  "pane__list": "awsui_pane__list_1gl9c_12bdt_562",
-  "pane__table": "awsui_pane__table_1gl9c_12bdt_569",
-  "pane__item": "awsui_pane__item_1gl9c_12bdt_574",
-  "pane__cell": "awsui_pane__cell_1gl9c_12bdt_574",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_12bdt_588",
-  "pane__location": "awsui_pane__location_1gl9c_12bdt_609",
-  "pane__description": "awsui_pane__description_1gl9c_12bdt_609",
-  "focus-lock": "awsui_focus-lock_1gl9c_12bdt_624",
-  "resizable-box": "awsui_resizable-box_1gl9c_12bdt_647",
-  "resizable-box-handle": "awsui_resizable-box-handle_1gl9c_12bdt_652",
-  "editor": "awsui_editor_1gl9c_12bdt_689",
-  "status-bar": "awsui_status-bar_1gl9c_12bdt_722",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_12bdt_731",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_12bdt_735",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_12bdt_742",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_12bdt_746",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_12bdt_750",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_12bdt_750",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_12bdt_755",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_12bdt_759",
-  "tab-button": "awsui_tab-button_1gl9c_12bdt_765",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_12bdt_778",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_12bdt_792",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_12bdt_812",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_12bdt_842",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_12bdt_849",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_12bdt_849",
-  "loading-screen": "awsui_loading-screen_1gl9c_12bdt_853",
-  "error-screen": "awsui_error-screen_1gl9c_12bdt_854"
+  "code-editor": "awsui_code-editor_1gl9c_fk8aj_98",
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_fk8aj_534",
+  "pane": "awsui_pane_1gl9c_fk8aj_546",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_fk8aj_557",
+  "pane__list": "awsui_pane__list_1gl9c_fk8aj_562",
+  "pane__table": "awsui_pane__table_1gl9c_fk8aj_569",
+  "pane__item": "awsui_pane__item_1gl9c_fk8aj_574",
+  "pane__cell": "awsui_pane__cell_1gl9c_fk8aj_574",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_fk8aj_588",
+  "pane__location": "awsui_pane__location_1gl9c_fk8aj_609",
+  "pane__description": "awsui_pane__description_1gl9c_fk8aj_609",
+  "focus-lock": "awsui_focus-lock_1gl9c_fk8aj_624",
+  "editor": "awsui_editor_1gl9c_fk8aj_647",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_fk8aj_675",
+  "status-bar": "awsui_status-bar_1gl9c_fk8aj_680",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_fk8aj_689",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_fk8aj_693",
+  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_fk8aj_700",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_fk8aj_704",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_fk8aj_708",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_fk8aj_708",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_fk8aj_713",
+  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_fk8aj_717",
+  "tab-button": "awsui_tab-button_1gl9c_fk8aj_723",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_fk8aj_736",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_fk8aj_750",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_fk8aj_770",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_fk8aj_800",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_fk8aj_807",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_fk8aj_807",
+  "loading-screen": "awsui_loading-screen_1gl9c_fk8aj_811",
+  "error-screen": "awsui_error-screen_1gl9c_fk8aj_812"
 };