@cloudscape-design/components-themeable 3.0.226 → 3.0.228

package/lib/internal/template/internal/hooks/use-debounce-callback/index.js

@@ -3,17 +3,13 @@
 import { useCallback, useRef } from 'react';
 import debounce from '../../debounce';
 export function useDebounceCallback(callback, delay) {
-    var callbackRef = useRef();
+    const callbackRef = useRef();
     callbackRef.current = callback;
     // ESLint rule requires an inline function which we cannot provide here
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    return useCallback(debounce((function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
+    return useCallback(debounce(((...args) => {
         if (callbackRef.current) {
-            callbackRef.current.apply(callbackRef, args);
+            callbackRef.current(...args);
         }
     }), delay), []);
 }

package/lib/internal/template/internal/hooks/use-debounce-callback/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-debounce-callback/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,MAAM,UAAU,mBAAmB,CAAqC,QAAW,EAAE,KAAc;IACjG,IAAM,WAAW,GAAG,MAAM,EAAK,CAAC;IAChC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,uEAAuE;IACvE,uDAAuD;IACvD,OAAO,WAAW,CAChB,QAAQ,CACN,CAAC;QAAC,cAAO;aAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;YAAP,yBAAO;;QACP,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,WAAW,CAAC,OAAO,OAAnB,WAAW,EAAY,IAAI,EAAE;SAC9B;IACH,CAAC,CAAM,EACP,KAAK,CACN,EACD,EAAE,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, useRef } from 'react';\nimport debounce from '../../debounce';\n\nexport function useDebounceCallback<T extends (...args: any[]) => void>(callback: T, delay?: number): T {\n  const callbackRef = useRef<T>();\n  callbackRef.current = callback;\n\n  // ESLint rule requires an inline function which we cannot provide here\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useCallback(\n    debounce(\n      ((...args) => {\n        if (callbackRef.current) {\n          callbackRef.current(...args);\n        }\n      }) as T,\n      delay\n    ),\n    []\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-debounce-callback/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,MAAM,UAAU,mBAAmB,CAAqC,QAAW,EAAE,KAAc;IACjG,MAAM,WAAW,GAAG,MAAM,EAAK,CAAC;IAChC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,uEAAuE;IACvE,uDAAuD;IACvD,OAAO,WAAW,CAChB,QAAQ,CACN,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE;QACX,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;SAC9B;IACH,CAAC,CAAM,EACP,KAAK,CACN,EACD,EAAE,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, useRef } from 'react';\nimport debounce from '../../debounce';\n\nexport function useDebounceCallback<T extends (...args: any[]) => void>(callback: T, delay?: number): T {\n  const callbackRef = useRef<T>();\n  callbackRef.current = callback;\n\n  // ESLint rule requires an inline function which we cannot provide here\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useCallback(\n    debounce(\n      ((...args) => {\n        if (callbackRef.current) {\n          callbackRef.current(...args);\n        }\n      }) as T,\n      delay\n    ),\n    []\n  );\n}\n"]}

package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js

@@ -11,14 +11,14 @@ import { useContainerQuery } from '../container-queries';
  */
 export function useDynamicOverlap(props) {
     var _a;
-    var disabled = (_a = props === null || props === void 0 ? void 0 : props.disabled) !== null && _a !== void 0 ? _a : false;
-    var setDynamicOverlapHeight = useAppLayoutContext().setDynamicOverlapHeight;
-    var _b = useContainerQuery(function (rect) { return rect.height; }), overlapContainerQuery = _b[0], overlapElementRef = _b[1];
+    const disabled = (_a = props === null || props === void 0 ? void 0 : props.disabled) !== null && _a !== void 0 ? _a : false;
+    const { setDynamicOverlapHeight } = useAppLayoutContext();
+    const [overlapContainerQuery, overlapElementRef] = useContainerQuery(rect => rect.height);
     useLayoutEffect(function handleDynamicOverlapHeight() {
         if (!disabled) {
             setDynamicOverlapHeight === null || setDynamicOverlapHeight === void 0 ? void 0 : setDynamicOverlapHeight(overlapContainerQuery !== null && overlapContainerQuery !== void 0 ? overlapContainerQuery : 0);
         }
-        return function () {
+        return () => {
             if (!disabled) {
                 setDynamicOverlapHeight === null || setDynamicOverlapHeight === void 0 ? void 0 : setDynamicOverlapHeight(0);
             }

package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-dynamic-overlap/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA8B;;IAC9D,IAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,KAAK,CAAC;IAClC,IAAA,uBAAuB,GAAK,mBAAmB,EAAE,wBAA1B,CAA2B;IACpD,IAAA,KAA6C,iBAAiB,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,MAAM,EAAX,CAAW,CAAC,EAAlF,qBAAqB,QAAA,EAAE,iBAAiB,QAA0C,CAAC;IAE1F,eAAe,CACb,SAAS,0BAA0B;QACjC,IAAI,CAAC,QAAQ,EAAE;YACb,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,CAAC,CAAC,CAAC;SACvD;QAED,OAAO;YACL,IAAI,CAAC,QAAQ,EAAE;gBACb,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,CAAC,CAAC,CAAC;aAC9B;QACH,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,CAC3D,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useLayoutEffect } from 'react';\n\nimport { useAppLayoutContext } from '../../context/app-layout-context';\nimport { useContainerQuery } from '../container-queries';\n\nexport interface UseDynamicOverlapProps {\n  /**\n   * Disables hook if not needed. By default, `false`.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Observes the height of an element referenced by the returning ref and sets the value as overlapping\n * height for the surrounding AppLayout component.\n * @param props.disabled disables hook if not applicable\n * @returns ref to be measured as overlapping height\n */\nexport function useDynamicOverlap(props?: UseDynamicOverlapProps) {\n  const disabled = props?.disabled ?? false;\n  const { setDynamicOverlapHeight } = useAppLayoutContext();\n  const [overlapContainerQuery, overlapElementRef] = useContainerQuery(rect => rect.height);\n\n  useLayoutEffect(\n    function handleDynamicOverlapHeight() {\n      if (!disabled) {\n        setDynamicOverlapHeight?.(overlapContainerQuery ?? 0);\n      }\n\n      return () => {\n        if (!disabled) {\n          setDynamicOverlapHeight?.(0);\n        }\n      };\n    },\n    [disabled, overlapContainerQuery, setDynamicOverlapHeight]\n  );\n\n  return overlapElementRef;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-dynamic-overlap/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA8B;;IAC9D,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,KAAK,CAAC;IAC1C,MAAM,EAAE,uBAAuB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC1D,MAAM,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAE1F,eAAe,CACb,SAAS,0BAA0B;QACjC,IAAI,CAAC,QAAQ,EAAE;YACb,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,CAAC,CAAC,CAAC;SACvD;QAED,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,QAAQ,EAAE;gBACb,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,CAAC,CAAC,CAAC;aAC9B;QACH,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,CAC3D,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useLayoutEffect } from 'react';\n\nimport { useAppLayoutContext } from '../../context/app-layout-context';\nimport { useContainerQuery } from '../container-queries';\n\nexport interface UseDynamicOverlapProps {\n  /**\n   * Disables hook if not needed. By default, `false`.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Observes the height of an element referenced by the returning ref and sets the value as overlapping\n * height for the surrounding AppLayout component.\n * @param props.disabled disables hook if not applicable\n * @returns ref to be measured as overlapping height\n */\nexport function useDynamicOverlap(props?: UseDynamicOverlapProps) {\n  const disabled = props?.disabled ?? false;\n  const { setDynamicOverlapHeight } = useAppLayoutContext();\n  const [overlapContainerQuery, overlapElementRef] = useContainerQuery(rect => rect.height);\n\n  useLayoutEffect(\n    function handleDynamicOverlapHeight() {\n      if (!disabled) {\n        setDynamicOverlapHeight?.(overlapContainerQuery ?? 0);\n      }\n\n      return () => {\n        if (!disabled) {\n          setDynamicOverlapHeight?.(0);\n        }\n      };\n    },\n    [disabled, overlapContainerQuery, setDynamicOverlapHeight]\n  );\n\n  return overlapElementRef;\n}\n"]}

package/lib/internal/template/internal/hooks/use-effect-on-update.js

@@ -3,8 +3,8 @@
 import { useEffect, useRef } from 'react';
 // useEffect, which skips the initial render
 export function useEffectOnUpdate(callback, deps) {
-    var isFirstRender = useRef(true);
-    useEffect(function () {
+    const isFirstRender = useRef(true);
+    useEffect(() => {
         if (isFirstRender.current) {
             isFirstRender.current = false;
         }

package/lib/internal/template/internal/hooks/use-effect-on-update.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-effect-on-update.js","sourceRoot":"","sources":["../../../../src/internal/hooks/use-effect-on-update.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAkC,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1E,4CAA4C;AAC5C,MAAM,UAAU,iBAAiB,CAAC,QAAwB,EAAE,IAAoB;IAC9E,IAAM,aAAa,GAAG,MAAM,CAAU,IAAI,CAAC,CAAC;IAE5C,SAAS,CAAC;QACR,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;SAC/B;aAAM;YACL,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,oEAAoE;QACpE,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DependencyList, EffectCallback, useEffect, useRef } from 'react';\n\n// useEffect, which skips the initial render\nexport function useEffectOnUpdate(callback: EffectCallback, deps: DependencyList) {\n  const isFirstRender = useRef<boolean>(true);\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n    } else {\n      return callback();\n    }\n    // This is a useEffect extension, will be validated at the call site\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n}\n"]}
+{"version":3,"file":"use-effect-on-update.js","sourceRoot":"","sources":["../../../../src/internal/hooks/use-effect-on-update.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAkC,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1E,4CAA4C;AAC5C,MAAM,UAAU,iBAAiB,CAAC,QAAwB,EAAE,IAAoB;IAC9E,MAAM,aAAa,GAAG,MAAM,CAAU,IAAI,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;SAC/B;aAAM;YACL,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,oEAAoE;QACpE,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DependencyList, EffectCallback, useEffect, useRef } from 'react';\n\n// useEffect, which skips the initial render\nexport function useEffectOnUpdate(callback: EffectCallback, deps: DependencyList) {\n  const isFirstRender = useRef<boolean>(true);\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n    } else {\n      return callback();\n    }\n    // This is a useEffect extension, will be validated at the call site\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n}\n"]}

package/lib/internal/template/internal/hooks/use-focus-tracker.js

@@ -3,23 +3,22 @@
 import { useRef, useEffect } from 'react';
 import { fireNonCancelableEvent } from '../events';
 import FocusTracker from '../focus-tracker';
-export var useFocusTracker = function (_a) {
-    var rootRef = _a.rootRef, onBlur = _a.onBlur, onFocus = _a.onFocus, viewportId = _a.viewportId;
-    var focusTracker = useRef(null);
-    useEffect(function () {
+export const useFocusTracker = ({ rootRef, onBlur, onFocus, viewportId }) => {
+    const focusTracker = useRef(null);
+    useEffect(() => {
         if (!rootRef.current) {
             return;
         }
         focusTracker.current = new FocusTracker(rootRef.current, {
-            onFocusLeave: function () {
+            onFocusLeave: () => {
                 fireNonCancelableEvent(onBlur);
             },
-            onFocusEnter: function () {
+            onFocusEnter: () => {
                 fireNonCancelableEvent(onFocus);
-            }
+            },
         }, viewportId);
         focusTracker.current.initialize();
-        return function () {
+        return () => {
             var _a;
             (_a = focusTracker.current) === null || _a === void 0 ? void 0 : _a.destroy();
         };

package/lib/internal/template/internal/hooks/use-focus-tracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-focus-tracker.js","sourceRoot":"","sources":["../../../../src/internal/hooks/use-focus-tracker.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAC5D,OAAO,EAA6B,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAW5C,MAAM,CAAC,IAAM,eAAe,GAAoB,UAAC,EAAwC;QAAtC,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA;IACrF,IAAM,YAAY,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC;QACR,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACpB,OAAO;SACR;QACD,YAAY,CAAC,OAAO,GAAG,IAAI,YAAY,CACrC,OAAO,CAAC,OAAO,EACf;YACE,YAAY,EAAE;gBACZ,sBAAsB,CAAC,MAAM,CAAC,CAAC;YACjC,CAAC;YACD,YAAY,EAAE;gBACZ,sBAAsB,CAAC,OAAO,CAAC,CAAC;YAClC,CAAC;SACF,EACD,UAAU,CACX,CAAC;QACF,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAClC,OAAO;;YACL,MAAA,YAAY,CAAC,OAAO,0CAAE,OAAO,EAAE,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useRef, useEffect, MutableRefObject } from 'react';\nimport { NonCancelableEventHandler, fireNonCancelableEvent } from '../events';\nimport FocusTracker from '../focus-tracker';\n\ninterface UseFocusTracker {\n  (inputProps: {\n    onBlur?: NonCancelableEventHandler<any>;\n    onFocus?: NonCancelableEventHandler<any>;\n    rootRef: MutableRefObject<HTMLElement | null>;\n    viewportId?: string;\n  }): void;\n}\n\nexport const useFocusTracker: UseFocusTracker = ({ rootRef, onBlur, onFocus, viewportId }) => {\n  const focusTracker = useRef<FocusTracker | null>(null);\n\n  useEffect(() => {\n    if (!rootRef.current) {\n      return;\n    }\n    focusTracker.current = new FocusTracker(\n      rootRef.current,\n      {\n        onFocusLeave: () => {\n          fireNonCancelableEvent(onBlur);\n        },\n        onFocusEnter: () => {\n          fireNonCancelableEvent(onFocus);\n        },\n      },\n      viewportId\n    );\n    focusTracker.current.initialize();\n    return () => {\n      focusTracker.current?.destroy();\n    };\n  }, [rootRef, onBlur, onFocus, viewportId]);\n};\n"]}
+{"version":3,"file":"use-focus-tracker.js","sourceRoot":"","sources":["../../../../src/internal/hooks/use-focus-tracker.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAC5D,OAAO,EAA6B,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAW5C,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3F,MAAM,YAAY,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACpB,OAAO;SACR;QACD,YAAY,CAAC,OAAO,GAAG,IAAI,YAAY,CACrC,OAAO,CAAC,OAAO,EACf;YACE,YAAY,EAAE,GAAG,EAAE;gBACjB,sBAAsB,CAAC,MAAM,CAAC,CAAC;YACjC,CAAC;YACD,YAAY,EAAE,GAAG,EAAE;gBACjB,sBAAsB,CAAC,OAAO,CAAC,CAAC;YAClC,CAAC;SACF,EACD,UAAU,CACX,CAAC;QACF,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAClC,OAAO,GAAG,EAAE;;YACV,MAAA,YAAY,CAAC,OAAO,0CAAE,OAAO,EAAE,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useRef, useEffect, MutableRefObject } from 'react';\nimport { NonCancelableEventHandler, fireNonCancelableEvent } from '../events';\nimport FocusTracker from '../focus-tracker';\n\ninterface UseFocusTracker {\n  (inputProps: {\n    onBlur?: NonCancelableEventHandler<any>;\n    onFocus?: NonCancelableEventHandler<any>;\n    rootRef: MutableRefObject<HTMLElement | null>;\n    viewportId?: string;\n  }): void;\n}\n\nexport const useFocusTracker: UseFocusTracker = ({ rootRef, onBlur, onFocus, viewportId }) => {\n  const focusTracker = useRef<FocusTracker | null>(null);\n\n  useEffect(() => {\n    if (!rootRef.current) {\n      return;\n    }\n    focusTracker.current = new FocusTracker(\n      rootRef.current,\n      {\n        onFocusLeave: () => {\n          fireNonCancelableEvent(onBlur);\n        },\n        onFocusEnter: () => {\n          fireNonCancelableEvent(onFocus);\n        },\n      },\n      viewportId\n    );\n    focusTracker.current.initialize();\n    return () => {\n      focusTracker.current?.destroy();\n    };\n  }, [rootRef, onBlur, onFocus, viewportId]);\n};\n"]}

package/lib/internal/template/internal/hooks/use-has-rendered/index.js

@@ -5,17 +5,17 @@ import { useEffect, useState } from 'react';
  * Indicates whether the component has rendered at least one frame.
  */
 export function useHasRendered() {
-    var _a = useState(false), mounted = _a[0], setMounted = _a[1];
-    useEffect(function () {
-        var cancelAnimationFrame = requestAnimationFrameTwice(function () { return setMounted(true); });
-        return function () { return cancelAnimationFrame(); };
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        const cancelAnimationFrame = requestAnimationFrameTwice(() => setMounted(true));
+        return () => cancelAnimationFrame();
     }, []);
     return mounted;
 }
 function requestAnimationFrameTwice(callback) {
-    var handle = requestAnimationFrame(function () {
+    let handle = requestAnimationFrame(() => {
         handle = requestAnimationFrame(callback);
     });
-    return function () { return cancelAnimationFrame(handle); };
+    return () => cancelAnimationFrame(handle);
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-has-rendered/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-has-rendered/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,cAAc;IACtB,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,SAAS,CAAC;QACR,IAAM,oBAAoB,GAAG,0BAA0B,CAAC,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,CAAC,CAAC;QAChF,OAAO,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,0BAA0B,CAAC,QAAoB;IACtD,IAAI,MAAM,GAAG,qBAAqB,CAAC;QACjC,MAAM,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,OAAO,cAAM,OAAA,oBAAoB,CAAC,MAAM,CAAC,EAA5B,CAA4B,CAAC;AAC5C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useState } from 'react';\n\n/**\n * Indicates whether the component has rendered at least one frame.\n */\nexport function useHasRendered() {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    const cancelAnimationFrame = requestAnimationFrameTwice(() => setMounted(true));\n    return () => cancelAnimationFrame();\n  }, []);\n\n  return mounted;\n}\n\nfunction requestAnimationFrameTwice(callback: () => void) {\n  let handle = requestAnimationFrame(() => {\n    handle = requestAnimationFrame(callback);\n  });\n  return () => cancelAnimationFrame(handle);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-has-rendered/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,oBAAoB,GAAG,0BAA0B,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAChF,OAAO,GAAG,EAAE,CAAC,oBAAoB,EAAE,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,0BAA0B,CAAC,QAAoB;IACtD,IAAI,MAAM,GAAG,qBAAqB,CAAC,GAAG,EAAE;QACtC,MAAM,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAC5C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useState } from 'react';\n\n/**\n * Indicates whether the component has rendered at least one frame.\n */\nexport function useHasRendered() {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    const cancelAnimationFrame = requestAnimationFrameTwice(() => setMounted(true));\n    return () => cancelAnimationFrame();\n  }, []);\n\n  return mounted;\n}\n\nfunction requestAnimationFrameTwice(callback: () => void) {\n  let handle = requestAnimationFrame(() => {\n    handle = requestAnimationFrame(callback);\n  });\n  return () => cancelAnimationFrame(handle);\n}\n"]}

package/lib/internal/template/internal/hooks/use-merge-refs/index.js

@@ -8,17 +8,13 @@ import { useMemo } from 'react';
  *  const mergedRef = useMergeRefs(ref1, ref2, ref3)
  *  <div ref={refs}>...</div>
  */
-export function useMergeRefs() {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    return useMemo(function () {
-        if (refs.every(function (ref) { return ref === null || ref === undefined; })) {
+export function useMergeRefs(...refs) {
+    return useMemo(() => {
+        if (refs.every(ref => ref === null || ref === undefined)) {
             return null;
         }
-        return function (value) {
-            refs.forEach(function (ref) {
+        return (value) => {
+            refs.forEach(ref => {
                 if (typeof ref === 'function') {
                     ref(value);
                 }

package/lib/internal/template/internal/hooks/use-merge-refs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY;IAC1B,cAAmF;SAAnF,UAAmF,EAAnF,qBAAmF,EAAnF,IAAmF;QAAnF,yBAAmF;;IAEnF,OAAO,OAAO,CAAC;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAjC,CAAiC,CAAC,EAAE;YACxD,OAAO,IAAI,CAAC;SACb;QACD,OAAO,UAAC,KAAe;YACrB,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;gBACd,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;iBACZ;qBAAM,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;oBAC3C,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAC;iBACtD;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,gEAAgE;QAChE,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\n\n/**\n * useMergeRefs merges multiple refs into single ref callback.\n *\n * For example\n *  const mergedRef = useMergeRefs(ref1, ref2, ref3)\n *  <div ref={refs}>...</div>\n */\nexport function useMergeRefs<T = any>(\n  ...refs: Array<React.RefCallback<T> | React.MutableRefObject<T> | null | undefined>\n): React.RefCallback<T> | null {\n  return useMemo(() => {\n    if (refs.every(ref => ref === null || ref === undefined)) {\n      return null;\n    }\n    return (value: T | null) => {\n      refs.forEach(ref => {\n        if (typeof ref === 'function') {\n          ref(value);\n        } else if (ref !== null && ref !== undefined) {\n          (ref as React.MutableRefObject<any>).current = value;\n        }\n      });\n    };\n    // ESLint expects an array literal which we can not provide here\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, refs);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,GAAG,IAAgF;IAEnF,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,CAAC,EAAE;YACxD,OAAO,IAAI,CAAC;SACb;QACD,OAAO,CAAC,KAAe,EAAE,EAAE;YACzB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;iBACZ;qBAAM,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;oBAC3C,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAC;iBACtD;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,gEAAgE;QAChE,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\n\n/**\n * useMergeRefs merges multiple refs into single ref callback.\n *\n * For example\n *  const mergedRef = useMergeRefs(ref1, ref2, ref3)\n *  <div ref={refs}>...</div>\n */\nexport function useMergeRefs<T = any>(\n  ...refs: Array<React.RefCallback<T> | React.MutableRefObject<T> | null | undefined>\n): React.RefCallback<T> | null {\n  return useMemo(() => {\n    if (refs.every(ref => ref === null || ref === undefined)) {\n      return null;\n    }\n    return (value: T | null) => {\n      refs.forEach(ref => {\n        if (typeof ref === 'function') {\n          ref(value);\n        } else if (ref !== null && ref !== undefined) {\n          (ref as React.MutableRefObject<any>).current = value;\n        }\n      });\n    };\n    // ESLint expects an array literal which we can not provide here\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, refs);\n}\n"]}

package/lib/internal/template/internal/hooks/use-mobile/index.js

@@ -15,18 +15,18 @@ function getIsMobile() {
          * wouldn't know which one of them to use).
          * Instead, we use the media query here in JS too.
          */
-        return window.matchMedia("(max-width: ".concat(mobileBreakpoint, "px)")).matches;
+        return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`).matches;
     }
     return getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';
 }
-export var useMobile = createSingletonState({
-    initialState: function () { return getIsMobile(); },
-    factory: function (handler) {
-        var listener = function () { return handler(getIsMobile()); };
+export const useMobile = createSingletonState({
+    initialState: () => getIsMobile(),
+    factory: handler => {
+        const listener = () => handler(getIsMobile());
         window.addEventListener('resize', listener);
-        return function () {
+        return () => {
             window.removeEventListener('resize', listener);
         };
-    }
+    },
 });
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-mobile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mobile/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,SAAS,WAAW;IAClB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,qCAAqC;QACrC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,MAAM,CAAC,UAAU,EAAE;QACrB;;;;;;WAMG;QACH,OAAO,MAAM,CAAC,UAAU,CAAC,sBAAe,gBAAgB,QAAK,CAAC,CAAC,OAAO,CAAC;KACxE;IAED,OAAO,qBAAqB,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;AACnE,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,oBAAoB,CAAU;IACrD,YAAY,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa;IACjC,OAAO,EAAE,UAAA,OAAO;QACd,IAAM,QAAQ,GAAG,cAAM,OAAA,OAAO,CAAC,WAAW,EAAE,CAAC,EAAtB,CAAsB,CAAC;QAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getMatchingBreakpoint, mobileBreakpoint } from '../../breakpoints';\nimport { createSingletonState } from '../use-singleton-handler';\n\nfunction getIsMobile() {\n  if (typeof window === 'undefined') {\n    // assume desktop in server-rendering\n    return false;\n  }\n\n  if (window.matchMedia) {\n    /**\n     * Some browsers include the scrollbar width in their media query calculations, but\n     * some browsers don't. Thus we can't use `window.innerWidth` or\n     * `document.documentElement.clientWidth` to get a very accurate result (since we\n     * wouldn't know which one of them to use).\n     * Instead, we use the media query here in JS too.\n     */\n    return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`).matches;\n  }\n\n  return getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';\n}\n\nexport const useMobile = createSingletonState<boolean>({\n  initialState: () => getIsMobile(),\n  factory: handler => {\n    const listener = () => handler(getIsMobile());\n    window.addEventListener('resize', listener);\n    return () => {\n      window.removeEventListener('resize', listener);\n    };\n  },\n});\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mobile/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,SAAS,WAAW;IAClB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,qCAAqC;QACrC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,MAAM,CAAC,UAAU,EAAE;QACrB;;;;;;WAMG;QACH,OAAO,MAAM,CAAC,UAAU,CAAC,eAAe,gBAAgB,KAAK,CAAC,CAAC,OAAO,CAAC;KACxE;IAED,OAAO,qBAAqB,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;AACnE,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAAU;IACrD,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE;IACjC,OAAO,EAAE,OAAO,CAAC,EAAE;QACjB,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;QAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getMatchingBreakpoint, mobileBreakpoint } from '../../breakpoints';\nimport { createSingletonState } from '../use-singleton-handler';\n\nfunction getIsMobile() {\n  if (typeof window === 'undefined') {\n    // assume desktop in server-rendering\n    return false;\n  }\n\n  if (window.matchMedia) {\n    /**\n     * Some browsers include the scrollbar width in their media query calculations, but\n     * some browsers don't. Thus we can't use `window.innerWidth` or\n     * `document.documentElement.clientWidth` to get a very accurate result (since we\n     * wouldn't know which one of them to use).\n     * Instead, we use the media query here in JS too.\n     */\n    return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`).matches;\n  }\n\n  return getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';\n}\n\nexport const useMobile = createSingletonState<boolean>({\n  initialState: () => getIsMobile(),\n  factory: handler => {\n    const listener = () => handler(getIsMobile());\n    window.addEventListener('resize', listener);\n    return () => {\n      window.removeEventListener('resize', listener);\n    };\n  },\n});\n"]}

package/lib/internal/template/internal/hooks/use-mouse-down-target.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import { useRef } from 'react';
 import { createSingletonHandler } from './use-singleton-handler';
-var useEventListenersSingleton = createSingletonHandler(function (setTarget) {
+const useEventListenersSingleton = createSingletonHandler(setTarget => {
     function handleMouseDown(event) {
         setTarget(event.target);
     }
@@ -11,7 +11,7 @@ var useEventListenersSingleton = createSingletonHandler(function (setTarget) {
     }
     window.addEventListener('mousedown', handleMouseDown);
     window.addEventListener('keydown', handleKeyDown);
-    return function () {
+    return () => {
         window.removeEventListener('mousedown', handleMouseDown);
         window.removeEventListener('keydown', handleKeyDown);
     };
@@ -21,10 +21,10 @@ var useEventListenersSingleton = createSingletonHandler(function (setTarget) {
  * @returns a callback to get the last detected mouse down target.
  */
 export default function useMouseDownTarget() {
-    var mouseDownTargetRef = useRef(null);
-    useEventListenersSingleton(function (target) {
+    const mouseDownTargetRef = useRef(null);
+    useEventListenersSingleton(target => {
         mouseDownTargetRef.current = target;
     });
-    return function () { return mouseDownTargetRef.current; };
+    return () => mouseDownTargetRef.current;
 }
 //# sourceMappingURL=use-mouse-down-target.js.map

package/lib/internal/template/internal/hooks/use-mouse-down-target.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mouse-down-target.js","sourceRoot":"","sources":["../../../../src/internal/hooks/use-mouse-down-target.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,IAAM,0BAA0B,GAAG,sBAAsB,CAAc,UAAA,SAAS;IAC9E,SAAS,eAAe,CAAC,KAAiB;QACxC,SAAS,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;IAClC,CAAC;IACD,SAAS,aAAa;QACpB,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClD,OAAO;QACL,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,IAAM,kBAAkB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACrD,0BAA0B,CAAC,UAAA,MAAM;QAC/B,kBAAkB,CAAC,OAAO,GAAG,MAAM,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,OAAO,cAAM,OAAA,kBAAkB,CAAC,OAAO,EAA1B,CAA0B,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useRef } from 'react';\nimport { createSingletonHandler } from './use-singleton-handler';\n\nconst useEventListenersSingleton = createSingletonHandler<Node | null>(setTarget => {\n  function handleMouseDown(event: MouseEvent) {\n    setTarget(event.target as Node);\n  }\n  function handleKeyDown() {\n    setTarget(null);\n  }\n  window.addEventListener('mousedown', handleMouseDown);\n  window.addEventListener('keydown', handleKeyDown);\n  return () => {\n    window.removeEventListener('mousedown', handleMouseDown);\n    window.removeEventListener('keydown', handleKeyDown);\n  };\n});\n\n/**\n * Captures last mouse down target and clears it on keydown.\n * @returns a callback to get the last detected mouse down target.\n */\nexport default function useMouseDownTarget() {\n  const mouseDownTargetRef = useRef<null | Node>(null);\n  useEventListenersSingleton(target => {\n    mouseDownTargetRef.current = target;\n  });\n  return () => mouseDownTargetRef.current;\n}\n"]}
+{"version":3,"file":"use-mouse-down-target.js","sourceRoot":"","sources":["../../../../src/internal/hooks/use-mouse-down-target.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,0BAA0B,GAAG,sBAAsB,CAAc,SAAS,CAAC,EAAE;IACjF,SAAS,eAAe,CAAC,KAAiB;QACxC,SAAS,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;IAClC,CAAC;IACD,SAAS,aAAa;QACpB,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClD,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,MAAM,kBAAkB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACrD,0BAA0B,CAAC,MAAM,CAAC,EAAE;QAClC,kBAAkB,CAAC,OAAO,GAAG,MAAM,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useRef } from 'react';\nimport { createSingletonHandler } from './use-singleton-handler';\n\nconst useEventListenersSingleton = createSingletonHandler<Node | null>(setTarget => {\n  function handleMouseDown(event: MouseEvent) {\n    setTarget(event.target as Node);\n  }\n  function handleKeyDown() {\n    setTarget(null);\n  }\n  window.addEventListener('mousedown', handleMouseDown);\n  window.addEventListener('keydown', handleKeyDown);\n  return () => {\n    window.removeEventListener('mousedown', handleMouseDown);\n    window.removeEventListener('keydown', handleKeyDown);\n  };\n});\n\n/**\n * Captures last mouse down target and clears it on keydown.\n * @returns a callback to get the last detected mouse down target.\n */\nexport default function useMouseDownTarget() {\n  const mouseDownTargetRef = useRef<null | Node>(null);\n  useEventListenersSingleton(target => {\n    mouseDownTargetRef.current = target;\n  });\n  return () => mouseDownTargetRef.current;\n}\n"]}

package/lib/internal/template/internal/hooks/use-mutation-observer/index.js

@@ -3,10 +3,10 @@
 import { useEffect } from 'react';
 import { useStableEventHandler } from '../use-stable-event-handler';
 import { createSingletonHandler } from '../use-singleton-handler';
-var useMutationSingleton = createSingletonHandler(function (handler) {
-    var observer = new MutationObserver(function () { return handler(); });
+const useMutationSingleton = createSingletonHandler(handler => {
+    const observer = new MutationObserver(() => handler());
     observer.observe(document.body, { attributes: true, subtree: true });
-    return function () { return observer.disconnect(); };
+    return () => observer.disconnect();
 });
 /**
  * Fires onChange with the given target element as an argument every time any DOM node attribute changes.
@@ -14,13 +14,13 @@ var useMutationSingleton = createSingletonHandler(function (handler) {
  * @deprecated The hook has performance implications. Consider alternatives.
  */
 export function useMutationObserver(elementRef, onChange) {
-    var handler = useStableEventHandler(function () {
+    const handler = useStableEventHandler(() => {
         if (elementRef.current) {
             onChange(elementRef.current);
         }
     });
     useMutationSingleton(handler);
-    useEffect(function () {
+    useEffect(() => {
         handler();
     }, [handler]);
 }

package/lib/internal/template/internal/hooks/use-mutation-observer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mutation-observer/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,IAAM,oBAAoB,GAAG,sBAAsB,CAAO,UAAA,OAAO;IAC/D,IAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,CAAC,CAAC;IACvD,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACrE,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,UAAwC,EACxC,QAAwC;IAExC,IAAM,OAAO,GAAG,qBAAqB,CAAC;QACpC,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IACH,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAE9B,SAAS,CAAC;QACR,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport { useStableEventHandler } from '../use-stable-event-handler';\nimport { createSingletonHandler } from '../use-singleton-handler';\n\nconst useMutationSingleton = createSingletonHandler<void>(handler => {\n  const observer = new MutationObserver(() => handler());\n  observer.observe(document.body, { attributes: true, subtree: true });\n  return () => observer.disconnect();\n});\n\n/**\n * Fires onChange with the given target element as an argument every time any DOM node attribute changes.\n *\n * @deprecated The hook has performance implications. Consider alternatives.\n */\nexport function useMutationObserver(\n  elementRef: React.RefObject<HTMLElement>,\n  onChange: (element: HTMLElement) => void\n) {\n  const handler = useStableEventHandler(() => {\n    if (elementRef.current) {\n      onChange(elementRef.current);\n    }\n  });\n  useMutationSingleton(handler);\n\n  useEffect(() => {\n    handler();\n  }, [handler]);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mutation-observer/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,MAAM,oBAAoB,GAAG,sBAAsB,CAAO,OAAO,CAAC,EAAE;IAClE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;IACvD,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACrE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,UAAwC,EACxC,QAAwC;IAExC,MAAM,OAAO,GAAG,qBAAqB,CAAC,GAAG,EAAE;QACzC,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IACH,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport { useStableEventHandler } from '../use-stable-event-handler';\nimport { createSingletonHandler } from '../use-singleton-handler';\n\nconst useMutationSingleton = createSingletonHandler<void>(handler => {\n  const observer = new MutationObserver(() => handler());\n  observer.observe(document.body, { attributes: true, subtree: true });\n  return () => observer.disconnect();\n});\n\n/**\n * Fires onChange with the given target element as an argument every time any DOM node attribute changes.\n *\n * @deprecated The hook has performance implications. Consider alternatives.\n */\nexport function useMutationObserver(\n  elementRef: React.RefObject<HTMLElement>,\n  onChange: (element: HTMLElement) => void\n) {\n  const handler = useStableEventHandler(() => {\n    if (elementRef.current) {\n      onChange(elementRef.current);\n    }\n  });\n  useMutationSingleton(handler);\n\n  useEffect(() => {\n    handler();\n  }, [handler]);\n}\n"]}

package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js

@@ -4,17 +4,15 @@ import clsx from 'clsx';
 import { useVisualContext } from '../../components/visual-context';
 import { useCurrentMode, useDensityMode, useVisualRefresh } from '../use-visual-mode';
 export function usePortalModeClasses(ref) {
-    var _a;
-    var colorMode = useCurrentMode(ref);
-    var densityMode = useDensityMode(ref);
-    var context = useVisualContext(ref);
-    var visualRefresh = useVisualRefresh();
-    return clsx((_a = {
-            'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',
-            'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',
-            'awsui-visual-refresh': visualRefresh
-        },
-        _a["awsui-context-".concat(context)] = context,
-        _a));
+    const colorMode = useCurrentMode(ref);
+    const densityMode = useDensityMode(ref);
+    const context = useVisualContext(ref);
+    const visualRefresh = useVisualRefresh();
+    return clsx({
+        'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',
+        'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',
+        'awsui-visual-refresh': visualRefresh,
+        [`awsui-context-${context}`]: context,
+    });
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtF,MAAM,UAAU,oBAAoB,CAAC,GAAiC;;IACpE,IAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACtC,IAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,IAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACtC,IAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,OAAO,IAAI;YACT,yCAAyC,EAAE,SAAS,KAAK,MAAM;YAC/D,+CAA+C,EAAE,WAAW,KAAK,SAAS;YAC1E,sBAAsB,EAAE,aAAa;;QACrC,GAAC,wBAAiB,OAAO,CAAE,IAAG,OAAO;YACrC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { useVisualContext } from '../../components/visual-context';\nimport { useCurrentMode, useDensityMode, useVisualRefresh } from '../use-visual-mode';\n\nexport function usePortalModeClasses(ref: React.RefObject<HTMLElement>) {\n  const colorMode = useCurrentMode(ref);\n  const densityMode = useDensityMode(ref);\n  const context = useVisualContext(ref);\n  const visualRefresh = useVisualRefresh();\n  return clsx({\n    'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',\n    'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',\n    'awsui-visual-refresh': visualRefresh,\n    [`awsui-context-${context}`]: context,\n  });\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtF,MAAM,UAAU,oBAAoB,CAAC,GAAiC;IACpE,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,OAAO,IAAI,CAAC;QACV,yCAAyC,EAAE,SAAS,KAAK,MAAM;QAC/D,+CAA+C,EAAE,WAAW,KAAK,SAAS;QAC1E,sBAAsB,EAAE,aAAa;QACrC,CAAC,iBAAiB,OAAO,EAAE,CAAC,EAAE,OAAO;KACtC,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { useVisualContext } from '../../components/visual-context';\nimport { useCurrentMode, useDensityMode, useVisualRefresh } from '../use-visual-mode';\n\nexport function usePortalModeClasses(ref: React.RefObject<HTMLElement>) {\n  const colorMode = useCurrentMode(ref);\n  const densityMode = useDensityMode(ref);\n  const context = useVisualContext(ref);\n  const visualRefresh = useVisualRefresh();\n  return clsx({\n    'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',\n    'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',\n    'awsui-visual-refresh': visualRefresh,\n    [`awsui-context-${context}`]: context,\n  });\n}\n"]}

package/lib/internal/template/internal/hooks/use-previous/index.js

@@ -4,9 +4,9 @@ import { useRef, useEffect } from 'react';
 /**
  * This hook gives the value of any variable from the previous render invocation
  */
-export var usePrevious = function (value) {
-    var ref = useRef();
-    useEffect(function () {
+export const usePrevious = (value) => {
+    const ref = useRef();
+    useEffect(() => {
         ref.current = value;
     });
     return ref.current;

package/lib/internal/template/internal/hooks/use-previous/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-previous/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,IAAM,WAAW,GAAG,UAAI,KAAQ;IACrC,IAAM,GAAG,GAAG,MAAM,EAAK,CAAC;IACxB,SAAS,CAAC;QACR,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useRef, useEffect } from 'react';\n\n/**\n * This hook gives the value of any variable from the previous render invocation\n */\nexport const usePrevious = <T>(value: T) => {\n  const ref = useRef<T>();\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-previous/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAE,EAAE;IACzC,MAAM,GAAG,GAAG,MAAM,EAAK,CAAC;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useRef, useEffect } from 'react';\n\n/**\n * This hook gives the value of any variable from the previous render invocation\n */\nexport const usePrevious = <T>(value: T) => {\n  const ref = useRef<T>();\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n};\n"]}

package/lib/internal/template/internal/hooks/use-scroll-sync/index.js

@@ -9,23 +9,22 @@ import { useRef } from 'react';
  *    <div ref={ref1} onScroll={handleScroll}/>
  *    <div ref={ref2} onScroll={handleScroll}/>
  */
-export function useScrollSync(refs, disabled) {
-    if (disabled === void 0) { disabled = false; }
-    var activeElement = useRef(null);
-    var onScroll = function (event) {
-        var targetElement = event.target;
+export function useScrollSync(refs, disabled = false) {
+    const activeElement = useRef(null);
+    const onScroll = (event) => {
+        const targetElement = event.target;
         // remembers the first element that fires onscroll to align with other elements against it
         if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {
-            requestAnimationFrame(function () {
+            requestAnimationFrame(() => {
                 activeElement.current = targetElement;
-                refs.forEach(function (ref) {
-                    var element = ref.current;
+                refs.forEach(ref => {
+                    const element = ref.current;
                     if (element && element !== targetElement) {
                         element.scrollLeft = targetElement.scrollLeft;
                     }
                 });
                 // unblock the ability to scroll the synced elements
-                requestAnimationFrame(function () {
+                requestAnimationFrame(() => {
                     activeElement.current = null;
                 });
             });

package/lib/internal/template/internal/hooks/use-scroll-sync/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAgB;IAAhB,yBAAA,EAAA,gBAAgB;IACzE,IAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,IAAM,QAAQ,GAAG,UAAC,KAAoB;QACpC,IAAM,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAC;QAClD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC;gBACpB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,UAAA,GAAG;oBACd,IAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC;oBACpB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.\n *\n * For example\n *    const handleScroll = useScrollSync([ref1, ref2]);\n *    <div ref={ref1} onScroll={handleScroll}/>\n *    <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = false) {\n  const activeElement = useRef<HTMLElement | null>(null);\n  const onScroll = (event: React.UIEvent) => {\n    const targetElement = event.target as HTMLElement;\n    // remembers the first element that fires onscroll to align with other elements against it\n    if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n      requestAnimationFrame(() => {\n        activeElement.current = targetElement;\n        refs.forEach(ref => {\n          const element = ref.current;\n          if (element && element !== targetElement) {\n            element.scrollLeft = targetElement.scrollLeft;\n          }\n        });\n        // unblock the ability to scroll the synced elements\n        requestAnimationFrame(() => {\n          activeElement.current = null;\n        });\n      });\n    }\n  };\n\n  return !disabled ? onScroll : undefined;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,KAAK;IACzE,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAC;QAClD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.\n *\n * For example\n *    const handleScroll = useScrollSync([ref1, ref2]);\n *    <div ref={ref1} onScroll={handleScroll}/>\n *    <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = false) {\n  const activeElement = useRef<HTMLElement | null>(null);\n  const onScroll = (event: React.UIEvent) => {\n    const targetElement = event.target as HTMLElement;\n    // remembers the first element that fires onscroll to align with other elements against it\n    if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n      requestAnimationFrame(() => {\n        activeElement.current = targetElement;\n        refs.forEach(ref => {\n          const element = ref.current;\n          if (element && element !== targetElement) {\n            element.scrollLeft = targetElement.scrollLeft;\n          }\n        });\n        // unblock the ability to scroll the synced elements\n        requestAnimationFrame(() => {\n          activeElement.current = null;\n        });\n      });\n    }\n  };\n\n  return !disabled ? onScroll : undefined;\n}\n"]}

package/lib/internal/template/internal/hooks/use-singleton-handler/index.js

@@ -3,23 +3,22 @@
 import { useEffect, useState } from 'react';
 import { unstable_batchedUpdates } from 'react-dom';
 export function createSingletonHandler(factory) {
-    var listeners = [];
-    var callback = function (value) {
-        unstable_batchedUpdates(function () {
-            for (var _i = 0, listeners_1 = listeners; _i < listeners_1.length; _i++) {
-                var listener = listeners_1[_i];
+    const listeners = [];
+    const callback = value => {
+        unstable_batchedUpdates(() => {
+            for (const listener of listeners) {
                 listener(value);
             }
         });
     };
-    var cleanup;
+    let cleanup;
     return function useSingleton(listener) {
-        useEffect(function () {
+        useEffect(() => {
             if (listeners.length === 0) {
                 cleanup = factory(callback);
             }
             listeners.push(listener);
-            return function () {
+            return () => {
                 listeners.splice(listeners.indexOf(listener), 1);
                 if (listeners.length === 0) {
                     cleanup();
@@ -31,13 +30,12 @@ export function createSingletonHandler(factory) {
         }, []);
     };
 }
-export function createSingletonState(_a) {
-    var factory = _a.factory, initialState = _a.initialState;
-    var useSingleton = createSingletonHandler(factory);
-    var value = initialState;
+export function createSingletonState({ factory, initialState }) {
+    const useSingleton = createSingletonHandler(factory);
+    let value = initialState;
     return function useSingletonState() {
-        var _a = useState(value), state = _a[0], setState = _a[1];
-        useSingleton(function (newValue) {
+        const [state, setState] = useState(value);
+        useSingleton(newValue => {
             value = newValue;
             setState(newValue);
         });

package/lib/internal/template/internal/hooks/use-singleton-handler/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-singleton-handler/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAMpD,MAAM,UAAU,sBAAsB,CAAI,OAAuD;IAC/F,IAAM,SAAS,GAA4B,EAAE,CAAC;IAC9C,IAAM,QAAQ,GAAqB,UAAA,KAAK;QACtC,uBAAuB,CAAC;YACtB,KAAuB,UAAS,EAAT,uBAAS,EAAT,uBAAS,EAAT,IAAS,EAAE;gBAA7B,IAAM,QAAQ,kBAAA;gBACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,IAAI,OAAiC,CAAC;IAEtC,OAAO,SAAS,YAAY,CAAC,QAA0B;QACrD,SAAS,CAAC;YACR,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC1B,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;aAC7B;YACD,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAEzB,OAAO;gBACL,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;gBACjD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;oBAC1B,OAAQ,EAAE,CAAC;oBACX,OAAO,GAAG,SAAS,CAAC;iBACrB;YACH,CAAC,CAAC;YACF,kCAAkC;YAClC,uDAAuD;QACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,CAAC,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,oBAAoB,CAAI,EAAmD;QAAjD,OAAO,aAAA,EAAE,YAAY,kBAAA;IAC7D,IAAM,YAAY,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACrD,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,OAAO,SAAS,iBAAiB;QACzB,IAAA,KAAoB,QAAQ,CAAI,KAAK,CAAC,EAArC,KAAK,QAAA,EAAE,QAAQ,QAAsB,CAAC;QAC7C,YAAY,CAAC,UAAA,QAAQ;YACnB,KAAK,GAAG,QAAQ,CAAC;YACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useState } from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\n\ntype ValueCallback<T> = (value: T) => void;\ntype CleanupCallback = () => void;\nexport type UseSingleton<T> = (listener: ValueCallback<T>) => void;\n\nexport function createSingletonHandler<T>(factory: (handler: ValueCallback<T>) => CleanupCallback): UseSingleton<T> {\n  const listeners: Array<ValueCallback<T>> = [];\n  const callback: ValueCallback<T> = value => {\n    unstable_batchedUpdates(() => {\n      for (const listener of listeners) {\n        listener(value);\n      }\n    });\n  };\n  let cleanup: (() => void) | undefined;\n\n  return function useSingleton(listener: ValueCallback<T>) {\n    useEffect(() => {\n      if (listeners.length === 0) {\n        cleanup = factory(callback);\n      }\n      listeners.push(listener);\n\n      return () => {\n        listeners.splice(listeners.indexOf(listener), 1);\n        if (listeners.length === 0) {\n          cleanup!();\n          cleanup = undefined;\n        }\n      };\n      // register handlers only on mount\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  };\n}\n\ninterface SingletonStateOptions<T> {\n  factory: (handler: ValueCallback<T>) => CleanupCallback;\n  initialState: T | (() => T); // useState signature\n}\n\nexport function createSingletonState<T>({ factory, initialState }: SingletonStateOptions<T>) {\n  const useSingleton = createSingletonHandler(factory);\n  let value = initialState;\n  return function useSingletonState() {\n    const [state, setState] = useState<T>(value);\n    useSingleton(newValue => {\n      value = newValue;\n      setState(newValue);\n    });\n    return state;\n  };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-singleton-handler/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAMpD,MAAM,UAAU,sBAAsB,CAAI,OAAuD;IAC/F,MAAM,SAAS,GAA4B,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAqB,KAAK,CAAC,EAAE;QACzC,uBAAuB,CAAC,GAAG,EAAE;YAC3B,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;gBAChC,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,IAAI,OAAiC,CAAC;IAEtC,OAAO,SAAS,YAAY,CAAC,QAA0B;QACrD,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC1B,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;aAC7B;YACD,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAEzB,OAAO,GAAG,EAAE;gBACV,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;gBACjD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;oBAC1B,OAAQ,EAAE,CAAC;oBACX,OAAO,GAAG,SAAS,CAAC;iBACrB;YACH,CAAC,CAAC;YACF,kCAAkC;YAClC,uDAAuD;QACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,CAAC,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,oBAAoB,CAAI,EAAE,OAAO,EAAE,YAAY,EAA4B;IACzF,MAAM,YAAY,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACrD,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,OAAO,SAAS,iBAAiB;QAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,KAAK,CAAC,CAAC;QAC7C,YAAY,CAAC,QAAQ,CAAC,EAAE;YACtB,KAAK,GAAG,QAAQ,CAAC;YACjB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useState } from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\n\ntype ValueCallback<T> = (value: T) => void;\ntype CleanupCallback = () => void;\nexport type UseSingleton<T> = (listener: ValueCallback<T>) => void;\n\nexport function createSingletonHandler<T>(factory: (handler: ValueCallback<T>) => CleanupCallback): UseSingleton<T> {\n  const listeners: Array<ValueCallback<T>> = [];\n  const callback: ValueCallback<T> = value => {\n    unstable_batchedUpdates(() => {\n      for (const listener of listeners) {\n        listener(value);\n      }\n    });\n  };\n  let cleanup: (() => void) | undefined;\n\n  return function useSingleton(listener: ValueCallback<T>) {\n    useEffect(() => {\n      if (listeners.length === 0) {\n        cleanup = factory(callback);\n      }\n      listeners.push(listener);\n\n      return () => {\n        listeners.splice(listeners.indexOf(listener), 1);\n        if (listeners.length === 0) {\n          cleanup!();\n          cleanup = undefined;\n        }\n      };\n      // register handlers only on mount\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n  };\n}\n\ninterface SingletonStateOptions<T> {\n  factory: (handler: ValueCallback<T>) => CleanupCallback;\n  initialState: T | (() => T); // useState signature\n}\n\nexport function createSingletonState<T>({ factory, initialState }: SingletonStateOptions<T>) {\n  const useSingleton = createSingletonHandler(factory);\n  let value = initialState;\n  return function useSingletonState() {\n    const [state, setState] = useState<T>(value);\n    useSingleton(newValue => {\n      value = newValue;\n      setState(newValue);\n    });\n    return state;\n  };\n}\n"]}

package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js

@@ -10,17 +10,10 @@ import { useCallback, useEffect, useRef } from 'react';
  * @see https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
  */
 export function useStableEventHandler(fn) {
-    var ref = useRef();
-    useEffect(function () {
+    const ref = useRef();
+    useEffect(() => {
         ref.current = fn;
     });
-    return useCallback(function () {
-        var _a;
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.apply(undefined, args);
-    }, []);
+    return useCallback((...args) => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.apply(undefined, args); }, []);
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-stable-event-handler/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CAAoC,EAAK;IAC5E,IAAM,GAAG,GAAG,MAAM,EAAK,CAAC;IAExB,SAAS,CAAC;QACR,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;;QAAC,cAAc;aAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;YAAd,yBAAc;;QAAK,OAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;KAAA,EAAE,EAAE,CAAM,CAAC;AACvF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, useEffect, useRef } from 'react';\n\n/**\n * A callback that stays stable between renders even as the dependencies change.\n * Not a recommended React pattern, so it should be used sparingly and only if\n * the callback is an event handler (i.e. not used during rendering) and causing\n * clear performance issues.\n *\n * @see https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n */\nexport function useStableEventHandler<T extends (...args: any[]) => any>(fn: T): T {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = fn;\n  });\n\n  return useCallback((...args: any[]) => ref.current?.apply(undefined, args), []) as T;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-stable-event-handler/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CAAoC,EAAK;IAC5E,MAAM,GAAG,GAAG,MAAM,EAAK,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC,CAAC,GAAG,IAAW,EAAE,EAAE,WAAC,OAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA,EAAA,EAAE,EAAE,CAAM,CAAC;AACvF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, useEffect, useRef } from 'react';\n\n/**\n * A callback that stays stable between renders even as the dependencies change.\n * Not a recommended React pattern, so it should be used sparingly and only if\n * the callback is an event handler (i.e. not used during rendering) and causing\n * clear performance issues.\n *\n * @see https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n */\nexport function useStableEventHandler<T extends (...args: any[]) => any>(fn: T): T {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = fn;\n  });\n\n  return useCallback((...args: any[]) => ref.current?.apply(undefined, args), []) as T;\n}\n"]}

package/lib/internal/template/internal/hooks/use-telemetry/index.js

@@ -4,7 +4,7 @@ import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';
 import { useVisualRefresh } from '../use-visual-mode';
 import * as telemetry from './telemetry';
 export function useTelemetry(componentName) {
-    var theme = useVisualRefresh() ? 'vr' : THEME;
-    telemetry.useTelemetry(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme: theme });
+    const theme = useVisualRefresh() ? 'vr' : THEME;
+    telemetry.useTelemetry(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme });
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-telemetry/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,MAAM,UAAU,YAAY,CAAC,aAAqB;IAChD,IAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAChD,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;AACnH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { useVisualRefresh } from '../use-visual-mode';\nimport * as telemetry from './telemetry';\n\nexport function useTelemetry(componentName: string) {\n  const theme = useVisualRefresh() ? 'vr' : THEME;\n  telemetry.useTelemetry(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme });\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,MAAM,UAAU,YAAY,CAAC,aAAqB;IAChD,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAChD,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC;AACnH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { useVisualRefresh } from '../use-visual-mode';\nimport * as telemetry from './telemetry';\n\nexport function useTelemetry(componentName: string) {\n  const theme = useVisualRefresh() ? 'vr' : THEME;\n  telemetry.useTelemetry(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme });\n}\n"]}

package/lib/internal/template/internal/hooks/use-telemetry/telemetry.js

@@ -2,10 +2,9 @@
 // SPDX-License-Identifier: Apache-2.0
 import { useEffect } from 'react';
 import { Metrics } from '../../metrics/metrics';
-export function useTelemetry(componentName, _a) {
-    var packageSource = _a.packageSource, packageVersion = _a.packageVersion, theme = _a.theme;
-    useEffect(function () {
-        var metrics = new Metrics(packageSource, packageVersion);
+export function useTelemetry(componentName, { packageSource, packageVersion, theme }) {
+    useEffect(() => {
+        const metrics = new Metrics(packageSource, packageVersion);
         metrics.initMetrics(theme);
         if (typeof window !== 'undefined') {
             metrics.sendMetricOnce('awsui-viewport-width', window.innerWidth || 0);