@cloudscape-design/components 3.0.221 → 3.0.223

package/split-panel/icons/resize-handler.js

@@ -1,11 +1,8 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
-var ResizeHandler = function (_a) {
-    var className = _a.className;
-    return (React.createElement("svg", { focusable: false, className: className, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16" },
-        React.createElement("line", { strokeWidth: "2", x1: "2", y1: "5", x2: "14", y2: "5" }),
-        React.createElement("line", { strokeWidth: "2", x1: "14", y1: "10", x2: "2", y2: "10" })));
-};
+const ResizeHandler = ({ className }) => (React.createElement("svg", { focusable: false, className: className, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16" },
+    React.createElement("line", { strokeWidth: "2", x1: "2", y1: "5", x2: "14", y2: "5" }),
+    React.createElement("line", { strokeWidth: "2", x1: "14", y1: "10", x2: "2", y2: "10" })));
 export default ResizeHandler;
 //# sourceMappingURL=resize-handler.js.map

package/split-panel/icons/resize-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-handler.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/resize-handler.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,IAAM,aAAa,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,OAAA,CAC/D,6BACE,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW;QAEnB,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;QACrD,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,CACnD,CACP;AAZgE,CAYhE,CAAC;AAEF,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\nconst ResizeHandler = ({ className }: { className?: string }) => (\n  <svg\n    focusable={false}\n    className={className}\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n  >\n    <line strokeWidth=\"2\" x1=\"2\" y1=\"5\" x2=\"14\" y2=\"5\" />\n    <line strokeWidth=\"2\" x1=\"14\" y1=\"10\" x2=\"2\" y2=\"10\" />\n  </svg>\n);\n\nexport default ResizeHandler;\n"]}
+{"version":3,"file":"resize-handler.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/resize-handler.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE,CAAC,CAC/D,6BACE,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW;IAEnB,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;IACrD,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,CACnD,CACP,CAAC;AAEF,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\nconst ResizeHandler = ({ className }: { className?: string }) => (\n  <svg\n    focusable={false}\n    className={className}\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n  >\n    <line strokeWidth=\"2\" x1=\"2\" y1=\"5\" x2=\"14\" y2=\"5\" />\n    <line strokeWidth=\"2\" x1=\"14\" y1=\"10\" x2=\"2\" y2=\"10\" />\n  </svg>\n);\n\nexport default ResizeHandler;\n"]}

package/split-panel/icons/side-position-refresh.js

@@ -2,25 +2,23 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import styles from '../styles.css.js';
-export var getClassName = function (suffix) { return styles["preference-icon-refresh--".concat(suffix)]; };
-var TableRow = function (_a) {
-    var offset = _a.offset, _b = _a.separator, separator = _b === void 0 ? true : _b, isHeader = _a.isHeader;
-    var offsetTop = 0.4482;
-    var offsetBottom = 3.4482;
-    return (React.createElement("g", { transform: "translate(0, ".concat(offset, ")"), className: getClassName(isHeader ? 'column-header' : 'disabled') },
-        React.createElement("path", { d: "M19 ".concat(offsetTop, "2H22V").concat(offsetBottom, "H19V").concat(offsetTop, "Z") }),
-        React.createElement("path", { d: "M27 ".concat(offsetTop, "H51V").concat(offsetBottom, "H27V").concat(offsetTop, "Z"), className: !isHeader ? getClassName('secondary') : undefined }),
-        React.createElement("path", { d: "M90 ".concat(offsetTop, "H110V").concat(offsetBottom, "H90V").concat(offsetTop, "Z") }),
-        React.createElement("path", { d: "M113 ".concat(offsetTop, "H157V").concat(offsetBottom, "H113V").concat(offsetTop, "Z") }),
+export const getClassName = (suffix) => styles[`preference-icon-refresh--${suffix}`];
+const TableRow = ({ offset, separator = true, isHeader }) => {
+    const offsetTop = 0.4482;
+    const offsetBottom = 3.4482;
+    return (React.createElement("g", { transform: `translate(0, ${offset})`, className: getClassName(isHeader ? 'column-header' : 'disabled') },
+        React.createElement("path", { d: `M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z` }),
+        React.createElement("path", { d: `M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`, className: !isHeader ? getClassName('secondary') : undefined }),
+        React.createElement("path", { d: `M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z` }),
+        React.createElement("path", { d: `M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z` }),
         separator && React.createElement("path", { d: "M14 8H159.387", className: getClassName('separator'), strokeLinecap: "square" })));
 };
-var SidePanelRow = function (_a) {
-    var offset = _a.offset;
-    return (React.createElement("g", { transform: "translate(0, ".concat(offset, ")"), className: getClassName('secondary') },
+const SidePanelRow = ({ offset }) => {
+    return (React.createElement("g", { transform: `translate(0, ${offset})`, className: getClassName('secondary') },
         React.createElement("path", { d: "M177 0H190V3H177V0Z" }),
         React.createElement("path", { d: "M195 0H208V3H195V0Z" })));
 };
-var bottomPositionIcon = (React.createElement("svg", { focusable: false, viewBox: "0 0 230 128", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
+const bottomPositionIcon = (React.createElement("svg", { focusable: false, viewBox: "0 0 230 128", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
     React.createElement("path", { d: "M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z", className: getClassName('window'), strokeWidth: "2" }),
     React.createElement("g", { className: "awsui-context-top-navigation" },
         React.createElement("rect", { x: "2", y: "2", width: "212", height: "6", className: getClassName('layout-top') })),

package/split-panel/icons/side-position-refresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-position-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\n\nexport interface SVGTableRowProps {\n  offset: number;\n  separator?: boolean;\n  isHeader?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n      <path\n        d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n      <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n      {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M177 0H190V3H177V0Z\" />\n      <path d=\"M195 0H208V3H195V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g className=\"awsui-context-content-header\">\n      <path d=\"M2 8H214V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M16 14H46.1484V17H16V14Z\" />\n        <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n        <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n        <path\n          d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n          className={getClassName('primary')}\n        />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n    <TableRow offset={75} />\n    <TableRow offset={87} />\n    <TableRow offset={99} />\n    <TableRow offset={111} separator={false} />\n\n    <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M216 14V120\" className={getClassName('separator')} />\n    <g className={getClassName('disabled')}>\n      <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n      <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n    </g>\n    <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M207 23H212V28H207V23Z\" />\n      <path d=\"M199 23H204V28H199V23Z\" />\n    </g>\n    <SidePanelRow offset={36} />\n    <SidePanelRow offset={48} />\n    <SidePanelRow offset={60} />\n    <SidePanelRow offset={72} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
+{"version":3,"file":"side-position-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\n\nexport interface SVGTableRowProps {\n  offset: number;\n  separator?: boolean;\n  isHeader?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n      <path\n        d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n      <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n      {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M177 0H190V3H177V0Z\" />\n      <path d=\"M195 0H208V3H195V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g className=\"awsui-context-content-header\">\n      <path d=\"M2 8H214V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M16 14H46.1484V17H16V14Z\" />\n        <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n        <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n        <path\n          d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n          className={getClassName('primary')}\n        />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n    <TableRow offset={75} />\n    <TableRow offset={87} />\n    <TableRow offset={99} />\n    <TableRow offset={111} separator={false} />\n\n    <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M216 14V120\" className={getClassName('separator')} />\n    <g className={getClassName('disabled')}>\n      <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n      <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n    </g>\n    <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M207 23H212V28H207V23Z\" />\n      <path d=\"M199 23H204V28H199V23Z\" />\n    </g>\n    <SidePanelRow offset={36} />\n    <SidePanelRow offset={48} />\n    <SidePanelRow offset={60} />\n    <SidePanelRow offset={72} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}

package/split-panel/icons/side-position.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import styles from '../styles.css.js';
-var sidePositionIcon = (React.createElement("svg", { focusable: false, viewBox: "0 0 239 134", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
+const sidePositionIcon = (React.createElement("svg", { focusable: false, viewBox: "0 0 239 134", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
     React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
         React.createElement("g", null,
             React.createElement("rect", { className: styles['preference-icon--layout-border'], strokeWidth: "2", x: "1", y: "1", width: "223", height: "125", rx: "2" }),

package/split-panel/icons/side-position.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-position.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\n\nconst sidePositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 239 134\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <rect\n          className={styles['preference-icon--layout-border']}\n          strokeWidth=\"2\"\n          x=\"1\"\n          y=\"1\"\n          width=\"223\"\n          height=\"125\"\n          rx=\"2\"\n        ></rect>\n        <rect\n          className={styles['preference-icon--layout-background']}\n          x=\"11.25\"\n          y=\"0\"\n          width=\"203.4375\"\n          height=\"125\"\n        ></rect>\n        <path\n          className={styles['preference-icon--layout-header']}\n          d=\"M2,0 L223,0 C224.104569,-2.02906125e-16 225,0.8954305 225,2 L225,10 L225,10 L0,10 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z\"\n        ></path>\n      </g>\n      <g transform=\"translate(20.000000, 22.000000)\">\n        <rect\n          className={styles['preference-icon--border']}\n          strokeWidth=\"2\"\n          x=\"1\"\n          y=\"1\"\n          width=\"182\"\n          height=\"110\"\n          rx=\"2\"\n        ></rect>\n        <rect className={styles['preference-icon--primary-button']} x=\"152\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"29\" width=\"55\" height=\"3\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"29\" width=\"26\" height=\"3\"></rect>\n        <polygon className={styles['preference-icon--focus-text']} points=\"19 29 49 29 49 32 19 32\"></polygon>\n        <polygon className={styles['preference-icon--focus-text']} points=\"10 10 40 10 40 13 10 13\"></polygon>\n        <polygon className={styles['preference-icon--disabled-element']} points=\"10 29 13 29 13 32 10 32\"></polygon>\n        <line\n          className={styles['preference-icon--separator']}\n          x1=\"3\"\n          y1=\"22.7619048\"\n          x2=\"181\"\n          y2=\"22.7619048\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"square\"\n        ></line>\n        <g transform=\"translate(3.000000, 37.285714)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 51.714286)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 80.571429)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 66.142857)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 95.000000)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n      </g>\n      <g transform=\"translate(182.000000, 28.000000)\">\n        <g>\n          <rect\n            className={styles['preference-icon--border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"55\"\n            height=\"97\"\n            rx=\"2\"\n          ></rect>\n          <rect\n            className={styles['preference-icon--secondary']}\n            x=\"39.5474354\"\n            y=\"5.86666667\"\n            width=\"14\"\n            height=\"6.41666667\"\n          ></rect>\n          <polygon\n            className={styles['preference-icon--focus-text']}\n            points=\"3.62672811 7.88333333 24.6267281 7.88333333 24.6267281 10.6333333 3.62672811 10.6333333\"\n          ></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 22.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 32.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 43.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 51.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default sidePositionIcon;\n"]}
+{"version":3,"file":"side-position.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\n\nconst sidePositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 239 134\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <rect\n          className={styles['preference-icon--layout-border']}\n          strokeWidth=\"2\"\n          x=\"1\"\n          y=\"1\"\n          width=\"223\"\n          height=\"125\"\n          rx=\"2\"\n        ></rect>\n        <rect\n          className={styles['preference-icon--layout-background']}\n          x=\"11.25\"\n          y=\"0\"\n          width=\"203.4375\"\n          height=\"125\"\n        ></rect>\n        <path\n          className={styles['preference-icon--layout-header']}\n          d=\"M2,0 L223,0 C224.104569,-2.02906125e-16 225,0.8954305 225,2 L225,10 L225,10 L0,10 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z\"\n        ></path>\n      </g>\n      <g transform=\"translate(20.000000, 22.000000)\">\n        <rect\n          className={styles['preference-icon--border']}\n          strokeWidth=\"2\"\n          x=\"1\"\n          y=\"1\"\n          width=\"182\"\n          height=\"110\"\n          rx=\"2\"\n        ></rect>\n        <rect className={styles['preference-icon--primary-button']} x=\"152\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"29\" width=\"55\" height=\"3\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"29\" width=\"26\" height=\"3\"></rect>\n        <polygon className={styles['preference-icon--focus-text']} points=\"19 29 49 29 49 32 19 32\"></polygon>\n        <polygon className={styles['preference-icon--focus-text']} points=\"10 10 40 10 40 13 10 13\"></polygon>\n        <polygon className={styles['preference-icon--disabled-element']} points=\"10 29 13 29 13 32 10 32\"></polygon>\n        <line\n          className={styles['preference-icon--separator']}\n          x1=\"3\"\n          y1=\"22.7619048\"\n          x2=\"181\"\n          y2=\"22.7619048\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"square\"\n        ></line>\n        <g transform=\"translate(3.000000, 37.285714)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 51.714286)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 80.571429)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 66.142857)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 95.000000)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n      </g>\n      <g transform=\"translate(182.000000, 28.000000)\">\n        <g>\n          <rect\n            className={styles['preference-icon--border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"55\"\n            height=\"97\"\n            rx=\"2\"\n          ></rect>\n          <rect\n            className={styles['preference-icon--secondary']}\n            x=\"39.5474354\"\n            y=\"5.86666667\"\n            width=\"14\"\n            height=\"6.41666667\"\n          ></rect>\n          <polygon\n            className={styles['preference-icon--focus-text']}\n            points=\"3.62672811 7.88333333 24.6267281 7.88333333 24.6267281 10.6333333 3.62672811 10.6333333\"\n          ></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 22.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 32.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 43.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 51.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default sidePositionIcon;\n"]}

package/split-panel/index.js

@@ -1,4 +1,4 @@
-import { __assign, __rest } from "tslib";
+import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useState, useEffect, useLayoutEffect, useRef } from 'react';
@@ -23,71 +23,71 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { SplitPanelContentSide } from './side';
 import { SplitPanelContentBottom } from './bottom';
-var MIN_HEIGHT = 160;
-var MIN_WIDTH = 280;
+const MIN_HEIGHT = 160;
+const MIN_WIDTH = 280;
 export default function SplitPanel(_a) {
-    var header = _a.header, children = _a.children, _b = _a.hidePreferencesButton, hidePreferencesButton = _b === void 0 ? false : _b, _c = _a.closeBehavior, closeBehavior = _c === void 0 ? 'collapse' : _c, i18nStrings = _a.i18nStrings, restProps = __rest(_a, ["header", "children", "hidePreferencesButton", "closeBehavior", "i18nStrings"]);
-    var isRefresh = useVisualRefresh();
-    var __internalRootRef = useBaseComponent('SplitPanel').__internalRootRef;
-    var _d = useSplitPanelContext(), size = _d.size, getMaxWidth = _d.getMaxWidth, getMaxHeight = _d.getMaxHeight, position = _d.position, topOffset = _d.topOffset, bottomOffset = _d.bottomOffset, rightOffset = _d.rightOffset, contentWidthStyles = _d.contentWidthStyles, isOpen = _d.isOpen, isForcedPosition = _d.isForcedPosition, lastInteraction = _d.lastInteraction, onPreferencesChange = _d.onPreferencesChange, onResize = _d.onResize, onToggle = _d.onToggle, reportSize = _d.reportSize, setSplitPanelToggle = _d.setSplitPanelToggle;
-    var baseProps = getBaseProps(restProps);
-    var focusVisible = useFocusVisible();
-    var _e = useState(false), isPreferencesOpen = _e[0], setPreferencesOpen = _e[1];
-    var _f = useState(0), relativeSize = _f[0], setRelativeSize = _f[1];
-    var _g = useState(size), maxSize = _g[0], setMaxSize = _g[1];
-    var minSize = position === 'bottom' ? MIN_HEIGHT : MIN_WIDTH;
-    var cappedSize = getLimitedValue(minSize, size, maxSize);
-    var appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;
-    useEffect(function () {
+    var { header, children, hidePreferencesButton = false, closeBehavior = 'collapse', i18nStrings } = _a, restProps = __rest(_a, ["header", "children", "hidePreferencesButton", "closeBehavior", "i18nStrings"]);
+    const isRefresh = useVisualRefresh();
+    const { __internalRootRef } = useBaseComponent('SplitPanel');
+    const { size, getMaxWidth, getMaxHeight, position, topOffset, bottomOffset, rightOffset, contentWidthStyles, isOpen, isForcedPosition, lastInteraction, onPreferencesChange, onResize, onToggle, reportSize, setSplitPanelToggle, } = useSplitPanelContext();
+    const baseProps = getBaseProps(restProps);
+    const focusVisible = useFocusVisible();
+    const [isPreferencesOpen, setPreferencesOpen] = useState(false);
+    const [relativeSize, setRelativeSize] = useState(0);
+    const [maxSize, setMaxSize] = useState(size);
+    const minSize = position === 'bottom' ? MIN_HEIGHT : MIN_WIDTH;
+    const cappedSize = getLimitedValue(minSize, size, maxSize);
+    const appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;
+    useEffect(() => {
         setSplitPanelToggle({ displayed: closeBehavior === 'collapse', ariaLabel: i18nStrings.openButtonAriaLabel });
     }, [setSplitPanelToggle, i18nStrings.openButtonAriaLabel, closeBehavior]);
-    useEffect(function () {
+    useEffect(() => {
         // effects are called inside out in the components tree
         // wait one frame to allow app-layout to complete its calculations
-        var handle = requestAnimationFrame(function () {
-            var maxSize = position === 'bottom' ? getMaxHeight() : getMaxWidth();
+        const handle = requestAnimationFrame(() => {
+            const maxSize = position === 'bottom' ? getMaxHeight() : getMaxWidth();
             setRelativeSize((size / maxSize) * 100);
             setMaxSize(maxSize);
         });
-        return function () { return cancelAnimationFrame(handle); };
+        return () => cancelAnimationFrame(handle);
     }, [size, position, getMaxHeight, getMaxWidth]);
-    useEffect(function () {
+    useEffect(() => {
         reportSize(cappedSize);
     }, [reportSize, cappedSize]);
-    useEffect(function () {
-        var handler = function () { return setMaxSize(position === 'bottom' ? getMaxHeight() : getMaxWidth()); };
+    useEffect(() => {
+        const handler = () => setMaxSize(position === 'bottom' ? getMaxHeight() : getMaxWidth());
         window.addEventListener('resize', handler);
-        return function () { return window.removeEventListener('resize', handler); };
+        return () => window.removeEventListener('resize', handler);
     }, [position, getMaxWidth, getMaxHeight]);
-    var setSidePanelWidth = function (width) {
-        var maxWidth = getMaxWidth();
-        var size = getLimitedValue(MIN_WIDTH, width, maxWidth);
+    const setSidePanelWidth = (width) => {
+        const maxWidth = getMaxWidth();
+        const size = getLimitedValue(MIN_WIDTH, width, maxWidth);
         if (isOpen && maxWidth >= MIN_WIDTH) {
-            onResize({ size: size });
+            onResize({ size });
         }
     };
-    var setBottomPanelHeight = function (height) {
-        var maxHeight = getMaxHeight();
-        var size = getLimitedValue(MIN_HEIGHT, height, maxHeight);
+    const setBottomPanelHeight = (height) => {
+        const maxHeight = getMaxHeight();
+        const size = getLimitedValue(MIN_HEIGHT, height, maxHeight);
         if (isOpen && maxHeight >= MIN_HEIGHT) {
-            onResize({ size: size });
+            onResize({ size });
         }
     };
-    var splitPanelRefObject = useRef(null);
-    var handleRef = useRef(null);
-    var sizeControlProps = {
-        position: position,
+    const splitPanelRefObject = useRef(null);
+    const handleRef = useRef(null);
+    const sizeControlProps = {
+        position,
         splitPanelRef: splitPanelRefObject,
-        handleRef: handleRef,
-        setSidePanelWidth: setSidePanelWidth,
-        setBottomPanelHeight: setBottomPanelHeight
+        handleRef,
+        setSidePanelWidth,
+        setBottomPanelHeight,
     };
-    var onSliderPointerDown = usePointerEvents(sizeControlProps);
-    var onKeyDown = useKeyboardEvents(sizeControlProps);
-    var toggleRef = useRef(null);
-    var closeRef = useRef(null);
-    var preferencesRef = useRef(null);
-    useEffectOnUpdate(function () {
+    const onSliderPointerDown = usePointerEvents(sizeControlProps);
+    const onKeyDown = useKeyboardEvents(sizeControlProps);
+    const toggleRef = useRef(null);
+    const closeRef = useRef(null);
+    const preferencesRef = useRef(null);
+    useEffectOnUpdate(() => {
         var _a, _b, _c;
         switch (lastInteraction === null || lastInteraction === void 0 ? void 0 : lastInteraction.type) {
             case 'open':
@@ -100,21 +100,21 @@ export default function SplitPanel(_a) {
                 return;
         }
     }, [lastInteraction]);
-    var wrappedChildren = (React.createElement(AppLayoutContext.Provider, { value: {
+    const wrappedChildren = (React.createElement(AppLayoutContext.Provider, { value: {
             stickyOffsetTop: topOffset,
             stickyOffsetBottom: bottomOffset,
-            hasBreadcrumbs: false
+            hasBreadcrumbs: false,
         } }, children));
-    var panelHeaderId = useUniqueId('split-panel-header');
-    var wrappedHeader = (React.createElement("div", { className: styles.header, style: appLayoutMaxWidth },
+    const panelHeaderId = useUniqueId('split-panel-header');
+    const wrappedHeader = (React.createElement("div", { className: styles.header, style: appLayoutMaxWidth },
         React.createElement("h2", { className: styles['header-text'], id: panelHeaderId }, header),
         React.createElement("div", { className: styles['header-actions'] },
             !hidePreferencesButton && isOpen && (React.createElement(React.Fragment, null,
-                React.createElement(InternalButton, { className: styles['preferences-button'], iconName: "settings", variant: "icon", onClick: function () { return setPreferencesOpen(true); }, formAction: "none", ariaLabel: i18nStrings.preferencesTitle, ref: preferencesRef }),
+                React.createElement(InternalButton, { className: styles['preferences-button'], iconName: "settings", variant: "icon", onClick: () => setPreferencesOpen(true), formAction: "none", ariaLabel: i18nStrings.preferencesTitle, ref: preferencesRef }),
                 React.createElement("span", { className: styles.divider }))),
             isOpen ? (React.createElement(InternalButton, { className: styles['close-button'], iconName: isRefresh && closeBehavior === 'collapse' ? (position === 'side' ? 'angle-right' : 'angle-down') : 'close', variant: "icon", onClick: onToggle, formAction: "none", ariaLabel: i18nStrings.closeButtonAriaLabel, ref: closeRef, ariaExpanded: isOpen })) : position === 'side' ? null : (React.createElement(InternalButton, { className: styles['open-button'], iconName: "angle-up", variant: "icon", formAction: "none", ariaLabel: i18nStrings.openButtonAriaLabel, ref: toggleRef, ariaExpanded: isOpen })))));
-    var resizeHandle = (React.createElement("div", __assign({ ref: handleRef, role: "slider", tabIndex: 0, "aria-label": i18nStrings.resizeHandleAriaLabel, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": relativeSize, className: clsx(styles.slider, styles["slider-".concat(position)]), onKeyDown: onKeyDown, onPointerDown: onSliderPointerDown }, focusVisible),
-        React.createElement(ResizeHandler, { className: clsx(styles['slider-icon'], styles["slider-icon-".concat(position)]) })));
+    const resizeHandle = (React.createElement("div", Object.assign({ ref: handleRef, role: "slider", tabIndex: 0, "aria-label": i18nStrings.resizeHandleAriaLabel, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": relativeSize, className: clsx(styles.slider, styles[`slider-${position}`]), onKeyDown: onKeyDown, onPointerDown: onSliderPointerDown }, focusVisible),
+        React.createElement(ResizeHandler, { className: clsx(styles['slider-icon'], styles[`slider-icon-${position}`]) })));
     /*
       This effect forces the browser to recalculate the layout
       whenever the split panel might have moved.
@@ -123,19 +123,19 @@ export default function SplitPanel(_a) {
       not automatically calculate the new position of the split panel
       _content_ when the split panel moves.
     */
-    useLayoutEffect(function () {
-        var root = __internalRootRef.current;
+    useLayoutEffect(() => {
+        const root = __internalRootRef.current;
         if (root) {
-            var property = 'transform';
-            var temporaryValue = 'translateZ(0)';
-            var valueBefore = root.style[property];
+            const property = 'transform';
+            const temporaryValue = 'translateZ(0)';
+            const valueBefore = root.style[property];
             root.style[property] = temporaryValue;
             // This line forces the browser to recalculate the layout
             void root.offsetHeight;
             root.style[property] = valueBefore;
         }
     }, [rightOffset, __internalRootRef]);
-    var mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);
+    const mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);
     if (closeBehavior === 'hide' && !isOpen) {
         return React.createElement(React.Fragment, null);
     }
@@ -148,23 +148,23 @@ export default function SplitPanel(_a) {
     if (isRefresh && !isOpen && position === 'side') {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement(Transition, { "in": isOpen !== null && isOpen !== void 0 ? isOpen : false }, function (state, transitioningElementRef) { return (React.createElement(React.Fragment, null,
+    return (React.createElement(Transition, { in: isOpen !== null && isOpen !== void 0 ? isOpen : false }, (state, transitioningElementRef) => (React.createElement(React.Fragment, null,
         position === 'side' && (React.createElement(SplitPanelContentSide, { resizeHandle: resizeHandle, baseProps: baseProps, isOpen: isOpen, splitPanelRef: mergedRef, cappedSize: cappedSize, onToggle: onToggle, i18nStrings: i18nStrings, toggleRef: toggleRef, header: wrappedHeader, panelHeaderId: panelHeaderId }, wrappedChildren)),
         position === 'bottom' && (React.createElement(SplitPanelContentBottom, { resizeHandle: resizeHandle, baseProps: baseProps, isOpen: isOpen, splitPanelRef: mergedRef, cappedSize: cappedSize, onToggle: onToggle, header: wrappedHeader, panelHeaderId: panelHeaderId, state: state, transitioningElementRef: transitioningElementRef, appLayoutMaxWidth: appLayoutMaxWidth }, wrappedChildren)),
-        isPreferencesOpen && (React.createElement(PreferencesModal, { visible: true, preferences: { position: position }, disabledSidePosition: position === 'bottom' && isForcedPosition, isRefresh: isRefresh, i18nStrings: {
+        isPreferencesOpen && (React.createElement(PreferencesModal, { visible: true, preferences: { position }, disabledSidePosition: position === 'bottom' && isForcedPosition, isRefresh: isRefresh, i18nStrings: {
                 header: i18nStrings.preferencesTitle,
                 confirm: i18nStrings.preferencesConfirm,
                 cancel: i18nStrings.preferencesCancel,
                 positionLabel: i18nStrings.preferencesPositionLabel,
                 positionDescription: i18nStrings.preferencesPositionDescription,
                 positionBottom: i18nStrings.preferencesPositionBottom,
-                positionSide: i18nStrings.preferencesPositionSide
-            }, onConfirm: function (preferences) {
-                onPreferencesChange(__assign({}, preferences));
+                positionSide: i18nStrings.preferencesPositionSide,
+            }, onConfirm: preferences => {
+                onPreferencesChange(Object.assign({}, preferences));
                 setPreferencesOpen(false);
-            }, onDismiss: function () {
+            }, onDismiss: () => {
                 setPreferencesOpen(false);
-            } })))); }));
+            } }))))));
 }
 applyDisplayName(SplitPanel, 'SplitPanel');
 //# sourceMappingURL=index.js.map

package/split-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/split-panel/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { InternalButton } from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\n\nimport { SplitPanelProps, SizeControlProps } from './interfaces';\nimport ResizeHandler from './icons/resize-handler';\nimport PreferencesModal from './preferences-modal';\nimport { usePointerEvents } from './utils/use-pointer-events';\nimport { useKeyboardEvents } from './utils/use-keyboard-events';\n\nimport styles from './styles.css.js';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { AppLayoutContext } from '../internal/context/app-layout-context';\nimport { getLimitedValue } from './utils/size-utils';\nimport { Transition } from '../internal/components/transition';\nimport { ButtonProps } from '../button/interfaces';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { SplitPanelContentSide } from './side';\nimport { SplitPanelContentBottom } from './bottom';\n\nexport { SplitPanelProps };\n\nconst MIN_HEIGHT = 160;\nconst MIN_WIDTH = 280;\n\nexport default function SplitPanel({\n  header,\n  children,\n  hidePreferencesButton = false,\n  closeBehavior = 'collapse',\n  i18nStrings,\n  ...restProps\n}: SplitPanelProps) {\n  const isRefresh = useVisualRefresh();\n  const { __internalRootRef } = useBaseComponent('SplitPanel');\n  const {\n    size,\n    getMaxWidth,\n    getMaxHeight,\n    position,\n    topOffset,\n    bottomOffset,\n    rightOffset,\n    contentWidthStyles,\n    isOpen,\n    isForcedPosition,\n    lastInteraction,\n    onPreferencesChange,\n    onResize,\n    onToggle,\n    reportSize,\n    setSplitPanelToggle,\n  } = useSplitPanelContext();\n  const baseProps = getBaseProps(restProps);\n  const focusVisible = useFocusVisible();\n  const [isPreferencesOpen, setPreferencesOpen] = useState<boolean>(false);\n  const [relativeSize, setRelativeSize] = useState(0);\n  const [maxSize, setMaxSize] = useState(size);\n  const minSize = position === 'bottom' ? MIN_HEIGHT : MIN_WIDTH;\n  const cappedSize = getLimitedValue(minSize, size, maxSize);\n  const appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;\n\n  useEffect(() => {\n    setSplitPanelToggle({ displayed: closeBehavior === 'collapse', ariaLabel: i18nStrings.openButtonAriaLabel });\n  }, [setSplitPanelToggle, i18nStrings.openButtonAriaLabel, closeBehavior]);\n\n  useEffect(() => {\n    // effects are called inside out in the components tree\n    // wait one frame to allow app-layout to complete its calculations\n    const handle = requestAnimationFrame(() => {\n      const maxSize = position === 'bottom' ? getMaxHeight() : getMaxWidth();\n      setRelativeSize((size / maxSize) * 100);\n      setMaxSize(maxSize);\n    });\n    return () => cancelAnimationFrame(handle);\n  }, [size, position, getMaxHeight, getMaxWidth]);\n\n  useEffect(() => {\n    reportSize(cappedSize);\n  }, [reportSize, cappedSize]);\n\n  useEffect(() => {\n    const handler = () => setMaxSize(position === 'bottom' ? getMaxHeight() : getMaxWidth());\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, [position, getMaxWidth, getMaxHeight]);\n\n  const setSidePanelWidth = (width: number) => {\n    const maxWidth = getMaxWidth();\n    const size = getLimitedValue(MIN_WIDTH, width, maxWidth);\n\n    if (isOpen && maxWidth >= MIN_WIDTH) {\n      onResize({ size });\n    }\n  };\n\n  const setBottomPanelHeight = (height: number) => {\n    const maxHeight = getMaxHeight();\n    const size = getLimitedValue(MIN_HEIGHT, height, maxHeight);\n\n    if (isOpen && maxHeight >= MIN_HEIGHT) {\n      onResize({ size });\n    }\n  };\n\n  const splitPanelRefObject = useRef<HTMLDivElement>(null);\n  const handleRef = useRef<HTMLDivElement>(null);\n\n  const sizeControlProps: SizeControlProps = {\n    position,\n    splitPanelRef: splitPanelRefObject,\n    handleRef,\n    setSidePanelWidth,\n    setBottomPanelHeight,\n  };\n  const onSliderPointerDown = usePointerEvents(sizeControlProps);\n  const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n  const toggleRef = useRef<ButtonProps.Ref>(null);\n  const closeRef = useRef<ButtonProps.Ref>(null);\n  const preferencesRef = useRef<ButtonProps.Ref>(null);\n\n  useEffectOnUpdate(() => {\n    switch (lastInteraction?.type) {\n      case 'open':\n        return handleRef.current?.focus();\n      case 'close':\n        return toggleRef.current?.focus();\n      case 'position':\n        return preferencesRef.current?.focus();\n      default:\n        return;\n    }\n  }, [lastInteraction]);\n\n  const wrappedChildren = (\n    <AppLayoutContext.Provider\n      value={{\n        stickyOffsetTop: topOffset,\n        stickyOffsetBottom: bottomOffset,\n        hasBreadcrumbs: false,\n      }}\n    >\n      {children}\n    </AppLayoutContext.Provider>\n  );\n\n  const panelHeaderId = useUniqueId('split-panel-header');\n\n  const wrappedHeader = (\n    <div className={styles.header} style={appLayoutMaxWidth}>\n      <h2 className={styles['header-text']} id={panelHeaderId}>\n        {header}\n      </h2>\n      <div className={styles['header-actions']}>\n        {!hidePreferencesButton && isOpen && (\n          <>\n            <InternalButton\n              className={styles['preferences-button']}\n              iconName=\"settings\"\n              variant=\"icon\"\n              onClick={() => setPreferencesOpen(true)}\n              formAction=\"none\"\n              ariaLabel={i18nStrings.preferencesTitle}\n              ref={preferencesRef}\n            />\n            <span className={styles.divider} />\n          </>\n        )}\n\n        {isOpen ? (\n          <InternalButton\n            className={styles['close-button']}\n            iconName={\n              isRefresh && closeBehavior === 'collapse' ? (position === 'side' ? 'angle-right' : 'angle-down') : 'close'\n            }\n            variant=\"icon\"\n            onClick={onToggle}\n            formAction=\"none\"\n            ariaLabel={i18nStrings.closeButtonAriaLabel}\n            ref={closeRef}\n            ariaExpanded={isOpen}\n          />\n        ) : position === 'side' ? null : (\n          <InternalButton\n            className={styles['open-button']}\n            iconName=\"angle-up\"\n            variant=\"icon\"\n            formAction=\"none\"\n            ariaLabel={i18nStrings.openButtonAriaLabel}\n            ref={toggleRef}\n            ariaExpanded={isOpen}\n          />\n        )}\n      </div>\n    </div>\n  );\n\n  const resizeHandle = (\n    <div\n      ref={handleRef}\n      role=\"slider\"\n      tabIndex={0}\n      aria-label={i18nStrings.resizeHandleAriaLabel}\n      aria-valuemax={100}\n      aria-valuemin={0}\n      aria-valuenow={relativeSize}\n      className={clsx(styles.slider, styles[`slider-${position}`])}\n      onKeyDown={onKeyDown}\n      onPointerDown={onSliderPointerDown}\n      {...focusVisible}\n    >\n      <ResizeHandler className={clsx(styles['slider-icon'], styles[`slider-icon-${position}`])} />\n    </div>\n  );\n\n  /*\n    This effect forces the browser to recalculate the layout\n    whenever the split panel might have moved.\n\n    This is needed as a workaround for a bug in Safari, which does\n    not automatically calculate the new position of the split panel\n    _content_ when the split panel moves.\n  */\n  useLayoutEffect(() => {\n    const root = __internalRootRef.current;\n\n    if (root) {\n      const property = 'transform';\n      const temporaryValue = 'translateZ(0)';\n\n      const valueBefore = root.style[property];\n      root.style[property] = temporaryValue;\n\n      // This line forces the browser to recalculate the layout\n      void root.offsetHeight;\n\n      root.style[property] = valueBefore;\n    }\n  }, [rightOffset, __internalRootRef]);\n\n  const mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);\n\n  if (closeBehavior === 'hide' && !isOpen) {\n    return <></>;\n  }\n\n  /**\n   * The AppLayout factor moved the circular buttons out of the\n   * SplitPanel and into the Tools component. This conditional\n   * is still needed for the early return to prevent execution\n   * of the following code.\n   */\n  if (isRefresh && !isOpen && position === 'side') {\n    return <></>;\n  }\n\n  return (\n    <Transition in={isOpen ?? false}>\n      {(state, transitioningElementRef) => (\n        <>\n          {position === 'side' && (\n            <SplitPanelContentSide\n              resizeHandle={resizeHandle}\n              baseProps={baseProps}\n              isOpen={isOpen}\n              splitPanelRef={mergedRef}\n              cappedSize={cappedSize}\n              onToggle={onToggle}\n              i18nStrings={i18nStrings}\n              toggleRef={toggleRef}\n              header={wrappedHeader}\n              panelHeaderId={panelHeaderId}\n            >\n              {wrappedChildren}\n            </SplitPanelContentSide>\n          )}\n\n          {position === 'bottom' && (\n            <SplitPanelContentBottom\n              resizeHandle={resizeHandle}\n              baseProps={baseProps}\n              isOpen={isOpen}\n              splitPanelRef={mergedRef}\n              cappedSize={cappedSize}\n              onToggle={onToggle}\n              header={wrappedHeader}\n              panelHeaderId={panelHeaderId}\n              state={state}\n              transitioningElementRef={transitioningElementRef}\n              appLayoutMaxWidth={appLayoutMaxWidth}\n            >\n              {wrappedChildren}\n            </SplitPanelContentBottom>\n          )}\n          {isPreferencesOpen && (\n            <PreferencesModal\n              visible={true}\n              preferences={{ position }}\n              disabledSidePosition={position === 'bottom' && isForcedPosition}\n              isRefresh={isRefresh}\n              i18nStrings={{\n                header: i18nStrings.preferencesTitle,\n                confirm: i18nStrings.preferencesConfirm,\n                cancel: i18nStrings.preferencesCancel,\n                positionLabel: i18nStrings.preferencesPositionLabel,\n                positionDescription: i18nStrings.preferencesPositionDescription,\n                positionBottom: i18nStrings.preferencesPositionBottom,\n                positionSide: i18nStrings.preferencesPositionSide,\n              }}\n              onConfirm={preferences => {\n                onPreferencesChange({ ...preferences });\n                setPreferencesOpen(false);\n              }}\n              onDismiss={() => {\n                setPreferencesOpen(false);\n              }}\n            />\n          )}\n        </>\n      )}\n    </Transition>\n  );\n}\n\napplyDisplayName(SplitPanel, 'SplitPanel');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/split-panel/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { InternalButton } from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\n\nimport { SplitPanelProps, SizeControlProps } from './interfaces';\nimport ResizeHandler from './icons/resize-handler';\nimport PreferencesModal from './preferences-modal';\nimport { usePointerEvents } from './utils/use-pointer-events';\nimport { useKeyboardEvents } from './utils/use-keyboard-events';\n\nimport styles from './styles.css.js';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { AppLayoutContext } from '../internal/context/app-layout-context';\nimport { getLimitedValue } from './utils/size-utils';\nimport { Transition } from '../internal/components/transition';\nimport { ButtonProps } from '../button/interfaces';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { SplitPanelContentSide } from './side';\nimport { SplitPanelContentBottom } from './bottom';\n\nexport { SplitPanelProps };\n\nconst MIN_HEIGHT = 160;\nconst MIN_WIDTH = 280;\n\nexport default function SplitPanel({\n  header,\n  children,\n  hidePreferencesButton = false,\n  closeBehavior = 'collapse',\n  i18nStrings,\n  ...restProps\n}: SplitPanelProps) {\n  const isRefresh = useVisualRefresh();\n  const { __internalRootRef } = useBaseComponent('SplitPanel');\n  const {\n    size,\n    getMaxWidth,\n    getMaxHeight,\n    position,\n    topOffset,\n    bottomOffset,\n    rightOffset,\n    contentWidthStyles,\n    isOpen,\n    isForcedPosition,\n    lastInteraction,\n    onPreferencesChange,\n    onResize,\n    onToggle,\n    reportSize,\n    setSplitPanelToggle,\n  } = useSplitPanelContext();\n  const baseProps = getBaseProps(restProps);\n  const focusVisible = useFocusVisible();\n  const [isPreferencesOpen, setPreferencesOpen] = useState<boolean>(false);\n  const [relativeSize, setRelativeSize] = useState(0);\n  const [maxSize, setMaxSize] = useState(size);\n  const minSize = position === 'bottom' ? MIN_HEIGHT : MIN_WIDTH;\n  const cappedSize = getLimitedValue(minSize, size, maxSize);\n  const appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;\n\n  useEffect(() => {\n    setSplitPanelToggle({ displayed: closeBehavior === 'collapse', ariaLabel: i18nStrings.openButtonAriaLabel });\n  }, [setSplitPanelToggle, i18nStrings.openButtonAriaLabel, closeBehavior]);\n\n  useEffect(() => {\n    // effects are called inside out in the components tree\n    // wait one frame to allow app-layout to complete its calculations\n    const handle = requestAnimationFrame(() => {\n      const maxSize = position === 'bottom' ? getMaxHeight() : getMaxWidth();\n      setRelativeSize((size / maxSize) * 100);\n      setMaxSize(maxSize);\n    });\n    return () => cancelAnimationFrame(handle);\n  }, [size, position, getMaxHeight, getMaxWidth]);\n\n  useEffect(() => {\n    reportSize(cappedSize);\n  }, [reportSize, cappedSize]);\n\n  useEffect(() => {\n    const handler = () => setMaxSize(position === 'bottom' ? getMaxHeight() : getMaxWidth());\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, [position, getMaxWidth, getMaxHeight]);\n\n  const setSidePanelWidth = (width: number) => {\n    const maxWidth = getMaxWidth();\n    const size = getLimitedValue(MIN_WIDTH, width, maxWidth);\n\n    if (isOpen && maxWidth >= MIN_WIDTH) {\n      onResize({ size });\n    }\n  };\n\n  const setBottomPanelHeight = (height: number) => {\n    const maxHeight = getMaxHeight();\n    const size = getLimitedValue(MIN_HEIGHT, height, maxHeight);\n\n    if (isOpen && maxHeight >= MIN_HEIGHT) {\n      onResize({ size });\n    }\n  };\n\n  const splitPanelRefObject = useRef<HTMLDivElement>(null);\n  const handleRef = useRef<HTMLDivElement>(null);\n\n  const sizeControlProps: SizeControlProps = {\n    position,\n    splitPanelRef: splitPanelRefObject,\n    handleRef,\n    setSidePanelWidth,\n    setBottomPanelHeight,\n  };\n  const onSliderPointerDown = usePointerEvents(sizeControlProps);\n  const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n  const toggleRef = useRef<ButtonProps.Ref>(null);\n  const closeRef = useRef<ButtonProps.Ref>(null);\n  const preferencesRef = useRef<ButtonProps.Ref>(null);\n\n  useEffectOnUpdate(() => {\n    switch (lastInteraction?.type) {\n      case 'open':\n        return handleRef.current?.focus();\n      case 'close':\n        return toggleRef.current?.focus();\n      case 'position':\n        return preferencesRef.current?.focus();\n      default:\n        return;\n    }\n  }, [lastInteraction]);\n\n  const wrappedChildren = (\n    <AppLayoutContext.Provider\n      value={{\n        stickyOffsetTop: topOffset,\n        stickyOffsetBottom: bottomOffset,\n        hasBreadcrumbs: false,\n      }}\n    >\n      {children}\n    </AppLayoutContext.Provider>\n  );\n\n  const panelHeaderId = useUniqueId('split-panel-header');\n\n  const wrappedHeader = (\n    <div className={styles.header} style={appLayoutMaxWidth}>\n      <h2 className={styles['header-text']} id={panelHeaderId}>\n        {header}\n      </h2>\n      <div className={styles['header-actions']}>\n        {!hidePreferencesButton && isOpen && (\n          <>\n            <InternalButton\n              className={styles['preferences-button']}\n              iconName=\"settings\"\n              variant=\"icon\"\n              onClick={() => setPreferencesOpen(true)}\n              formAction=\"none\"\n              ariaLabel={i18nStrings.preferencesTitle}\n              ref={preferencesRef}\n            />\n            <span className={styles.divider} />\n          </>\n        )}\n\n        {isOpen ? (\n          <InternalButton\n            className={styles['close-button']}\n            iconName={\n              isRefresh && closeBehavior === 'collapse' ? (position === 'side' ? 'angle-right' : 'angle-down') : 'close'\n            }\n            variant=\"icon\"\n            onClick={onToggle}\n            formAction=\"none\"\n            ariaLabel={i18nStrings.closeButtonAriaLabel}\n            ref={closeRef}\n            ariaExpanded={isOpen}\n          />\n        ) : position === 'side' ? null : (\n          <InternalButton\n            className={styles['open-button']}\n            iconName=\"angle-up\"\n            variant=\"icon\"\n            formAction=\"none\"\n            ariaLabel={i18nStrings.openButtonAriaLabel}\n            ref={toggleRef}\n            ariaExpanded={isOpen}\n          />\n        )}\n      </div>\n    </div>\n  );\n\n  const resizeHandle = (\n    <div\n      ref={handleRef}\n      role=\"slider\"\n      tabIndex={0}\n      aria-label={i18nStrings.resizeHandleAriaLabel}\n      aria-valuemax={100}\n      aria-valuemin={0}\n      aria-valuenow={relativeSize}\n      className={clsx(styles.slider, styles[`slider-${position}`])}\n      onKeyDown={onKeyDown}\n      onPointerDown={onSliderPointerDown}\n      {...focusVisible}\n    >\n      <ResizeHandler className={clsx(styles['slider-icon'], styles[`slider-icon-${position}`])} />\n    </div>\n  );\n\n  /*\n    This effect forces the browser to recalculate the layout\n    whenever the split panel might have moved.\n\n    This is needed as a workaround for a bug in Safari, which does\n    not automatically calculate the new position of the split panel\n    _content_ when the split panel moves.\n  */\n  useLayoutEffect(() => {\n    const root = __internalRootRef.current;\n\n    if (root) {\n      const property = 'transform';\n      const temporaryValue = 'translateZ(0)';\n\n      const valueBefore = root.style[property];\n      root.style[property] = temporaryValue;\n\n      // This line forces the browser to recalculate the layout\n      void root.offsetHeight;\n\n      root.style[property] = valueBefore;\n    }\n  }, [rightOffset, __internalRootRef]);\n\n  const mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);\n\n  if (closeBehavior === 'hide' && !isOpen) {\n    return <></>;\n  }\n\n  /**\n   * The AppLayout factor moved the circular buttons out of the\n   * SplitPanel and into the Tools component. This conditional\n   * is still needed for the early return to prevent execution\n   * of the following code.\n   */\n  if (isRefresh && !isOpen && position === 'side') {\n    return <></>;\n  }\n\n  return (\n    <Transition in={isOpen ?? false}>\n      {(state, transitioningElementRef) => (\n        <>\n          {position === 'side' && (\n            <SplitPanelContentSide\n              resizeHandle={resizeHandle}\n              baseProps={baseProps}\n              isOpen={isOpen}\n              splitPanelRef={mergedRef}\n              cappedSize={cappedSize}\n              onToggle={onToggle}\n              i18nStrings={i18nStrings}\n              toggleRef={toggleRef}\n              header={wrappedHeader}\n              panelHeaderId={panelHeaderId}\n            >\n              {wrappedChildren}\n            </SplitPanelContentSide>\n          )}\n\n          {position === 'bottom' && (\n            <SplitPanelContentBottom\n              resizeHandle={resizeHandle}\n              baseProps={baseProps}\n              isOpen={isOpen}\n              splitPanelRef={mergedRef}\n              cappedSize={cappedSize}\n              onToggle={onToggle}\n              header={wrappedHeader}\n              panelHeaderId={panelHeaderId}\n              state={state}\n              transitioningElementRef={transitioningElementRef}\n              appLayoutMaxWidth={appLayoutMaxWidth}\n            >\n              {wrappedChildren}\n            </SplitPanelContentBottom>\n          )}\n          {isPreferencesOpen && (\n            <PreferencesModal\n              visible={true}\n              preferences={{ position }}\n              disabledSidePosition={position === 'bottom' && isForcedPosition}\n              isRefresh={isRefresh}\n              i18nStrings={{\n                header: i18nStrings.preferencesTitle,\n                confirm: i18nStrings.preferencesConfirm,\n                cancel: i18nStrings.preferencesCancel,\n                positionLabel: i18nStrings.preferencesPositionLabel,\n                positionDescription: i18nStrings.preferencesPositionDescription,\n                positionBottom: i18nStrings.preferencesPositionBottom,\n                positionSide: i18nStrings.preferencesPositionSide,\n              }}\n              onConfirm={preferences => {\n                onPreferencesChange({ ...preferences });\n                setPreferencesOpen(false);\n              }}\n              onDismiss={() => {\n                setPreferencesOpen(false);\n              }}\n            />\n          )}\n        </>\n      )}\n    </Transition>\n  );\n}\n\napplyDisplayName(SplitPanel, 'SplitPanel');\n"]}

package/split-panel/preferences-modal.js

@@ -11,32 +11,32 @@ import sidePositionIconClassic from './icons/side-position';
 import bottomPositionIconClassic from './icons/bottom-icon';
 import sidePositionIconRefresh from './icons/side-position-refresh';
 import bottomPositionIconRefresh from './icons/bottom-icon-refresh';
-export default (function (props) {
-    var _a = useState(props.preferences.position), position = _a[0], setPosition = _a[1];
-    var onCancel = function () {
+export default (props) => {
+    const [position, setPosition] = useState(props.preferences.position);
+    const onCancel = () => {
         setPosition(props.preferences.position);
         props.onDismiss();
     };
-    var onConfirm = function () {
-        props.onConfirm({ position: position });
+    const onConfirm = () => {
+        props.onConfirm({ position });
     };
     return (React.createElement(InternalModal, { size: "medium", visible: props.visible, onDismiss: props.onDismiss, header: props.i18nStrings.header, closeAriaLabel: props.i18nStrings.cancel, footer: React.createElement(InternalBox, { float: "right" },
             React.createElement(InternalSpaceBetween, { direction: "horizontal", size: "xs" },
                 React.createElement(InternalButton, { onClick: onCancel, formAction: "none", variant: "link" }, props.i18nStrings.cancel),
                 React.createElement(InternalButton, { onClick: onConfirm, variant: "primary" }, props.i18nStrings.confirm))), __internalRootRef: props.__internalRootRef },
         React.createElement(InternalFormField, { label: props.i18nStrings.positionLabel, description: props.i18nStrings.positionDescription },
-            React.createElement(InternalTiles, { onChange: function (e) { return setPosition(e.detail.value); }, value: position, columns: 2, items: [
+            React.createElement(InternalTiles, { onChange: e => setPosition(e.detail.value), value: position, columns: 2, items: [
                     {
                         label: props.i18nStrings.positionBottom,
                         image: props.isRefresh ? bottomPositionIconRefresh : bottomPositionIconClassic,
-                        value: 'bottom'
+                        value: 'bottom',
                     },
                     {
                         label: props.i18nStrings.positionSide,
                         image: props.isRefresh ? sidePositionIconRefresh : sidePositionIconClassic,
                         value: 'side',
-                        disabled: props.disabledSidePosition
+                        disabled: props.disabledSidePosition,
                     },
                 ] }))));
-});
+};
 //# sourceMappingURL=preferences-modal.js.map