@cloudscape-design/components 3.0.0

package/internal/hooks/use-controllable/index.js

@@ -0,0 +1,87 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import * as React from 'react';
+import { isDevelopment } from '../../is-development';
+import { warnOnce } from '../../logging';
+/**
+ * This hook allows you to make a component that can be used both in controlled mode and uncontrolled mode.
+ * Pass in your component's props, and then implement your component as if it was only controlled.
+ * When calling onChange callbacks (or the equivalent for your property), you need to call both the callback returned by this function
+ * as well as the callback provided in your component's props.
+ *
+ * A component determines its mode (either controlled or uncontrolled) on the first render and keeps it for its lifetime. The mode cannot
+ * be switched later.
+ *
+ *
+ * Example usage:
+ * ```jsx
+ * const [checked, setChecked] = useControllable(
+ *     props,
+ *     props.defaultEnabled ?? false,
+ *     {
+ *        componentName: 'MyCheckboxComponent',
+ *        controlledProp: 'enabled',
+ *        changeHandler: 'onCheckedStatusChange'
+ *     }
+ * )
+ *
+ * return
+ *  <input
+ *   type="checkbox"
+ *   checked={checked}
+ *   onChange={event => {
+ *    setChecked(event.target.checked);
+ *    fireNonCancelableEvent(props.onCheckedStatusChange, { checked: event.target.checked })
+ *   }} />
+ * ```
+ *
+ * @param controlledValue value for the controlled mode
+ * @param handler update handler for controlled mode
+ * @param defaultValue initial value for uncontrolled mode
+ * @param description property metadata
+ */
+export function useControllable(controlledValue, handler, defaultValue, _a) {
+    var componentName = _a.componentName, changeHandler = _a.changeHandler, controlledProp = _a.controlledProp;
+    // The decision whether a component is controlled or uncontrolled is made on its first render and cannot be changed afterwards.
+    var isControlled = React.useState(controlledValue !== undefined)[0];
+    if (isDevelopment) {
+        // Print a warning if the component switches between controlled and uncontrolled mode.
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        React.useEffect(function () {
+            if (isControlled && handler === undefined) {
+                warnOnce(componentName, "You provided a `".concat(controlledProp, "` prop without an `").concat(changeHandler, "` handler. This will render a non-interactive component."));
+            }
+        }, [handler, isControlled, componentName, changeHandler, controlledProp]);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        React.useEffect(function () {
+            var isControlledNow = controlledValue !== undefined;
+            if (isControlled !== isControlledNow) {
+                var initialMode = isControlled ? 'controlled' : 'uncontrolled';
+                var modeNow = isControlledNow ? 'controlled' : 'uncontrolled';
+                warnOnce(componentName, "A component tried to change ".concat(initialMode, " '").concat(controlledProp, "' property to be ").concat(modeNow, ". ") +
+                    "This is not supported. Properties should not switch from ".concat(initialMode, " to ").concat(modeNow, " (or vice versa). ") +
+                    "Decide between using a controlled or uncontrolled mode for the lifetime of the component. " +
+                    "More info: https://fb.me/react-controlled-components");
+            }
+        }, [isControlled, controlledProp, componentName, controlledValue]);
+    }
+    // This is the value that is used if the component is uncontrolled.
+    var _b = React.useState(defaultValue), valueState = _b[0], setValue = _b[1];
+    var _c = React.useState(false), valueHasBeenSet = _c[0], setValueHasBeenSet = _c[1];
+    // We track changes to the defaultValue
+    var currentUncontrolledValue = valueHasBeenSet ? valueState : defaultValue;
+    var setUncontrolledValue = React.useCallback(function (newValue) {
+        setValue(newValue);
+        setValueHasBeenSet(true);
+    }, [setValue, setValueHasBeenSet]);
+    if (isControlled) {
+        return [controlledValue, defaultCallback];
+    }
+    else {
+        return [currentUncontrolledValue, setUncontrolledValue];
+    }
+}
+function defaultCallback() {
+    return void 0;
+}
+//# sourceMappingURL=index.js.map

package/internal/hooks/use-controllable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-controllable/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,UAAU,eAAe,CAC7B,eAA0B,EAC1B,OAAkD,EAClD,YAAuB,EACvB,EAAqE;QAAnE,aAAa,mBAAA,EAAE,aAAa,mBAAA,EAAE,cAAc,oBAAA;IAE9C,+HAA+H;IAC/H,IAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtE,IAAI,aAAa,EAAE;QACjB,sFAAsF;QAEtF,sDAAsD;QACtD,KAAK,CAAC,SAAS,CAAC;YACd,IAAI,YAAY,IAAI,OAAO,KAAK,SAAS,EAAE;gBACzC,QAAQ,CACN,aAAa,EACb,0BAAoB,cAAc,gCAAwB,aAAa,6DAA2D,CACnI,CAAC;aACH;QACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;QAE1E,sDAAsD;QACtD,KAAK,CAAC,SAAS,CAAC;YACd,IAAM,eAAe,GAAG,eAAe,KAAK,SAAS,CAAC;YACtD,IAAI,YAAY,KAAK,eAAe,EAAE;gBACpC,IAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC;gBACjE,IAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC;gBAChE,QAAQ,CACN,aAAa,EACb,sCAA+B,WAAW,eAAK,cAAc,8BAAoB,OAAO,OAAI;oBAC1F,mEAA4D,WAAW,iBAAO,OAAO,uBAAoB;oBACzG,4FAA4F;oBAC5F,sDAAsD,CACzD,CAAC;aACH;QACH,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC;KACpE;IAED,mEAAmE;IAC7D,IAAA,KAAyB,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,EAApD,UAAU,QAAA,EAAE,QAAQ,QAAgC,CAAC;IACtD,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5D,eAAe,QAAA,EAAE,kBAAkB,QAAyB,CAAC;IAEpE,uCAAuC;IACvC,IAAM,wBAAwB,GAAG,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IAE7E,IAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAC5C,UAAC,QAAyC;QACxC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAC/B,CAAC;IAEF,IAAI,YAAY,EAAE;QAChB,OAAO,CAAC,eAAe,EAAE,eAAe,CAAU,CAAC;KACpD;SAAM;QACL,OAAO,CAAC,wBAAwB,EAAE,oBAAoB,CAAU,CAAC;KAClE;AACH,CAAC;AAED,SAAS,eAAe;IACtB,OAAO,KAAK,CAAC,CAAC;AAChB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport * as React from 'react';\nimport { isDevelopment } from '../../is-development';\nimport { warnOnce } from '../../logging';\n\ninterface PropertyDescription {\n  componentName: string;\n  controlledProp: string;\n  changeHandler: string;\n}\n\n/**\n * This hook allows you to make a component that can be used both in controlled mode and uncontrolled mode.\n * Pass in your component's props, and then implement your component as if it was only controlled.\n * When calling onChange callbacks (or the equivalent for your property), you need to call both the callback returned by this function\n * as well as the callback provided in your component's props.\n *\n * A component determines its mode (either controlled or uncontrolled) on the first render and keeps it for its lifetime. The mode cannot\n * be switched later.\n *\n *\n * Example usage:\n * ```jsx\n * const [checked, setChecked] = useControllable(\n *     props,\n *     props.defaultEnabled ?? false,\n *     {\n *        componentName: 'MyCheckboxComponent',\n *        controlledProp: 'enabled',\n *        changeHandler: 'onCheckedStatusChange'\n *     }\n * )\n *\n * return\n *  <input\n *   type=\"checkbox\"\n *   checked={checked}\n *   onChange={event => {\n *    setChecked(event.target.checked);\n *    fireNonCancelableEvent(props.onCheckedStatusChange, { checked: event.target.checked })\n *   }} />\n * ```\n *\n * @param controlledValue value for the controlled mode\n * @param handler update handler for controlled mode\n * @param defaultValue initial value for uncontrolled mode\n * @param description property metadata\n */\nexport function useControllable<ValueType>(\n  controlledValue: ValueType,\n  handler: ((...args: any[]) => unknown) | undefined,\n  defaultValue: ValueType,\n  { componentName, changeHandler, controlledProp }: PropertyDescription\n) {\n  // The decision whether a component is controlled or uncontrolled is made on its first render and cannot be changed afterwards.\n  const isControlled = React.useState(controlledValue !== undefined)[0];\n\n  if (isDevelopment) {\n    // Print a warning if the component switches between controlled and uncontrolled mode.\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (isControlled && handler === undefined) {\n        warnOnce(\n          componentName,\n          `You provided a \\`${controlledProp}\\` prop without an \\`${changeHandler}\\` handler. This will render a non-interactive component.`\n        );\n      }\n    }, [handler, isControlled, componentName, changeHandler, controlledProp]);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      const isControlledNow = controlledValue !== undefined;\n      if (isControlled !== isControlledNow) {\n        const initialMode = isControlled ? 'controlled' : 'uncontrolled';\n        const modeNow = isControlledNow ? 'controlled' : 'uncontrolled';\n        warnOnce(\n          componentName,\n          `A component tried to change ${initialMode} '${controlledProp}' property to be ${modeNow}. ` +\n            `This is not supported. Properties should not switch from ${initialMode} to ${modeNow} (or vice versa). ` +\n            `Decide between using a controlled or uncontrolled mode for the lifetime of the component. ` +\n            `More info: https://fb.me/react-controlled-components`\n        );\n      }\n    }, [isControlled, controlledProp, componentName, controlledValue]);\n  }\n\n  // This is the value that is used if the component is uncontrolled.\n  const [valueState, setValue] = React.useState(defaultValue);\n  const [valueHasBeenSet, setValueHasBeenSet] = React.useState(false);\n\n  // We track changes to the defaultValue\n  const currentUncontrolledValue = valueHasBeenSet ? valueState : defaultValue;\n\n  const setUncontrolledValue = React.useCallback(\n    (newValue: React.SetStateAction<ValueType>) => {\n      setValue(newValue);\n      setValueHasBeenSet(true);\n    },\n    [setValue, setValueHasBeenSet]\n  );\n\n  if (isControlled) {\n    return [controlledValue, defaultCallback] as const;\n  } else {\n    return [currentUncontrolledValue, setUncontrolledValue] as const;\n  }\n}\n\nfunction defaultCallback() {\n  return void 0;\n}\n"]}

package/internal/hooks/use-debounce-callback/index.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebounceCallback<T extends (...args: any[]) => void>(callback: T, delay?: number): T;
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-debounce-callback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-debounce-callback/index.ts"],"names":[],"mappings":"AAKA,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAiBtG"}

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

@@ -0,0 +1,20 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useCallback, useRef } from 'react';
+import debounce from '../../debounce';
+export function useDebounceCallback(callback, delay) {
+    var 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];
+        }
+        if (callbackRef.current) {
+            callbackRef.current.apply(callbackRef, args);
+        }
+    }), delay), []);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

package/internal/hooks/use-effect-on-update.d.ts

@@ -0,0 +1,3 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare function useEffectOnUpdate(callback: EffectCallback, deps: DependencyList): void;
+//# sourceMappingURL=use-effect-on-update.d.ts.map

package/internal/hooks/use-effect-on-update.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-effect-on-update.d.ts","sourceRoot":"","sources":["../../../../src/internal/hooks/use-effect-on-update.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAG1E,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,QAY/E"}

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

@@ -0,0 +1,18 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect, useRef } from 'react';
+// useEffect, which skips the initial render
+export function useEffectOnUpdate(callback, deps) {
+    var isFirstRender = useRef(true);
+    useEffect(function () {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+        }
+        else {
+            return callback();
+        }
+        // This is a useEffect extension, will be validated at the call site
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+}
+//# sourceMappingURL=use-effect-on-update.js.map

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

@@ -0,0 +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"]}

package/internal/hooks/use-focus-tracker.d.ts

@@ -0,0 +1,13 @@
+import { MutableRefObject } from 'react';
+import { NonCancelableEventHandler } from '../events';
+interface UseFocusTracker {
+    (inputProps: {
+        onBlur?: NonCancelableEventHandler<any>;
+        onFocus?: NonCancelableEventHandler<any>;
+        rootRef: MutableRefObject<HTMLElement | null>;
+        viewportId?: string;
+    }): void;
+}
+export declare const useFocusTracker: UseFocusTracker;
+export {};
+//# sourceMappingURL=use-focus-tracker.d.ts.map

package/internal/hooks/use-focus-tracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-tracker.d.ts","sourceRoot":"","sources":["../../../../src/internal/hooks/use-focus-tracker.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAA0B,MAAM,WAAW,CAAC;AAG9E,UAAU,eAAe;IACvB,CAAC,UAAU,EAAE;QACX,MAAM,CAAC,EAAE,yBAAyB,CAAC,GAAG,CAAC,CAAC;QACxC,OAAO,CAAC,EAAE,yBAAyB,CAAC,GAAG,CAAC,CAAC;QACzC,OAAO,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,GAAG,IAAI,CAAC;CACV;AAED,eAAO,MAAM,eAAe,EAAE,eAwB7B,CAAC"}

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

@@ -0,0 +1,28 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+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 () {
+        if (!rootRef.current) {
+            return;
+        }
+        focusTracker.current = new FocusTracker(rootRef.current, {
+            onFocusLeave: function () {
+                fireNonCancelableEvent(onBlur);
+            },
+            onFocusEnter: function () {
+                fireNonCancelableEvent(onFocus);
+            }
+        }, viewportId);
+        focusTracker.current.initialize();
+        return function () {
+            var _a;
+            (_a = focusTracker.current) === null || _a === void 0 ? void 0 : _a.destroy();
+        };
+    }, [rootRef, onBlur, onFocus, viewportId]);
+};
+//# sourceMappingURL=use-focus-tracker.js.map

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

@@ -0,0 +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"]}

package/internal/hooks/use-has-rendered/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Indicates whether the component has rendered at least one frame.
+ */
+export declare function useHasRendered(): boolean;
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-has-rendered/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-has-rendered/index.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,wBAAgB,cAAc,YAS7B"}

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

@@ -0,0 +1,21 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+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(); };
+    }, []);
+    return mounted;
+}
+function requestAnimationFrameTwice(callback) {
+    var handle = requestAnimationFrame(function () {
+        handle = requestAnimationFrame(callback);
+    });
+    return function () { return cancelAnimationFrame(handle); };
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

package/internal/hooks/use-merge-refs/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * useMergeRefs merges multiple refs into single ref callback.
+ *
+ * For example
+ *  const mergedRef = useMergeRefs(ref1, ref2, ref3)
+ *  <div ref={refs}>...</div>
+ */
+export declare function useMergeRefs(...refs: Array<React.RefCallback<any> | React.MutableRefObject<any> | null | undefined>): ((value: any) => void) | null;
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-merge-refs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-merge-refs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,YAKjG,GAAG,kBAYrB"}

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

@@ -0,0 +1,34 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useMemo } from 'react';
+/**
+ * useMergeRefs merges multiple refs into single ref callback.
+ *
+ * For example
+ *  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; })) {
+            return null;
+        }
+        return function (value) {
+            refs.forEach(function (ref) {
+                if (typeof ref === 'function') {
+                    ref(value);
+                }
+                else if (ref !== null && ref !== undefined) {
+                    ref.current = value;
+                }
+            });
+        };
+        // ESLint expects an array literal which we can not provide here
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, refs);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;IAAC,cAAuF;SAAvF,UAAuF,EAAvF,qBAAuF,EAAvF,IAAuF;QAAvF,yBAAuF;;IAClH,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,KAAU;YAChB,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(...refs: Array<React.RefCallback<any> | React.MutableRefObject<any> | null | undefined>) {\n  return useMemo(() => {\n    if (refs.every(ref => ref === null || ref === undefined)) {\n      return null;\n    }\n    return (value: any) => {\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/internal/hooks/use-mobile/index.d.ts

@@ -0,0 +1,2 @@
+export declare const useMobile: () => boolean;
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-mobile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mobile/index.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,SAAS,eASpB,CAAC"}

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

@@ -0,0 +1,32 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { getMatchingBreakpoint, mobileBreakpoint } from '../../breakpoints';
+import { createSingletonState } from '../use-singleton-handler';
+function getIsMobile() {
+    if (typeof window === 'undefined') {
+        // assume desktop in server-rendering
+        return false;
+    }
+    if (window.matchMedia) {
+        /**
+         * Some browsers include the scrollbar width in their media query calculations, but
+         * some browsers don't. Thus we can't use `window.innerWidth` or
+         * `document.documentElement.clientWidth` to get a very accurate result (since we
+         * 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 getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';
+}
+export var useMobile = createSingletonState({
+    initialState: function () { return getIsMobile(); },
+    factory: function (handler) {
+        var listener = function () { return handler(getIsMobile()); };
+        window.addEventListener('resize', listener);
+        return function () {
+            window.removeEventListener('resize', listener);
+        };
+    }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

package/internal/hooks/use-mutation-observer/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function useMutationObserver(elementRef: React.RefObject<HTMLElement>, onChange: (element: HTMLElement) => void): void;
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-mutation-observer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-mutation-observer/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,QAYzC"}

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

@@ -0,0 +1,22 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+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(); });
+    observer.observe(document.body, { attributes: true, subtree: true });
+    return function () { return observer.disconnect(); };
+});
+export function useMutationObserver(elementRef, onChange) {
+    var handler = useStableEventHandler(function () {
+        if (elementRef.current) {
+            onChange(elementRef.current);
+        }
+    });
+    useMutationSingleton(handler);
+    useEffect(function () {
+        handler();
+    }, [handler]);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,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\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/internal/hooks/use-portal-mode-classes/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function usePortalModeClasses(ref: React.RefObject<HTMLElement>): string;
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-portal-mode-classes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-portal-mode-classes/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,UAWrE"}

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

@@ -0,0 +1,20 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+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(ref);
+    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));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,CAAC,GAAG,CAAC,CAAC;IAC5C,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(ref);\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/internal/hooks/use-previous/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This hook gives the value of any variable from the previous render invocation
+ */
+export declare const usePrevious: <T>(value: T) => T | undefined;
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-previous/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-previous/index.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,WAAW,gCAMvB,CAAC"}

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

@@ -0,0 +1,14 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+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 () {
+        ref.current = value;
+    });
+    return ref.current;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

package/internal/hooks/use-previous-frame/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This hook provides access to the value of any variable
+ * from the previous render frame.
+ * Even if multiple effects are flushed in a single render
+ * loop, this hook still keeps the original value.
+ */
+export declare const usePreviousFrameValue: <T>(value: T) => T | undefined;
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-previous-frame/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-previous-frame/index.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,gCASjC,CAAC"}

package/internal/hooks/use-previous-frame/index.js

@@ -0,0 +1,20 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useRef, useEffect } from 'react';
+/**
+ * This hook provides access to the value of any variable
+ * from the previous render frame.
+ * Even if multiple effects are flushed in a single render
+ * loop, this hook still keeps the original value.
+ */
+export var usePreviousFrameValue = function (value) {
+    var ref = useRef();
+    useEffect(function () {
+        var handle = requestAnimationFrame(function () {
+            ref.current = value;
+        });
+        return function () { return cancelAnimationFrame(handle); };
+    });
+    return ref.current;
+};
+//# sourceMappingURL=index.js.map

package/internal/hooks/use-previous-frame/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-previous-frame/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAI,KAAQ;IAC/C,IAAM,GAAG,GAAG,MAAM,EAAK,CAAC;IACxB,SAAS,CAAC;QACR,IAAM,MAAM,GAAG,qBAAqB,CAAC;YACnC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;QACtB,CAAC,CAAC,CAAC;QACH,OAAO,cAAM,OAAA,oBAAoB,CAAC,MAAM,CAAC,EAA5B,CAA4B,CAAC;IAC5C,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 provides access to the value of any variable\n * from the previous render frame.\n * Even if multiple effects are flushed in a single render\n * loop, this hook still keeps the original value.\n */\nexport const usePreviousFrameValue = <T>(value: T) => {\n  const ref = useRef<T>();\n  useEffect(() => {\n    const handle = requestAnimationFrame(() => {\n      ref.current = value;\n    });\n    return () => cancelAnimationFrame(handle);\n  });\n  return ref.current;\n};\n"]}

package/internal/hooks/use-scroll-sync/index.d.ts

@@ -0,0 +1,11 @@
+import React, { RefObject } from 'react';
+/**
+ * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.
+ *
+ * For example
+ *    const handleScroll = useScrollSync([ref1, ref2]);
+ *    <div ref={ref1} onScroll={handleScroll}/>
+ *    <div ref={ref2} onScroll={handleScroll}/>
+ */
+export declare function useScrollSync(refs: Array<RefObject<any>>, disabled?: boolean): ((event: React.UIEvent) => void) | undefined;
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-scroll-sync/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,UAAQ,YAEhD,aAAa,uBAqBvC"}

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

@@ -0,0 +1,36 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useRef } from 'react';
+/**
+ * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.
+ *
+ * For example
+ *    const handleScroll = useScrollSync([ref1, ref2]);
+ *    <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;
+        // remembers the first element that fires onscroll to align with other elements against it
+        if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {
+            requestAnimationFrame(function () {
+                activeElement.current = targetElement;
+                refs.forEach(function (ref) {
+                    var element = ref.current;
+                    if (element && element !== targetElement) {
+                        element.scrollLeft = targetElement.scrollLeft;
+                    }
+                });
+                // unblock the ability to scroll the synced elements
+                requestAnimationFrame(function () {
+                    activeElement.current = null;
+                });
+            });
+        }
+    };
+    return !disabled ? onScroll : undefined;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

package/internal/hooks/use-singleton-handler/index.d.ts

@@ -0,0 +1,10 @@
+declare type ValueCallback<T> = (value: T) => void;
+declare type CleanupCallback = () => void;
+export declare function createSingletonHandler<T>(factory: (handler: ValueCallback<T>) => CleanupCallback): (listener: ValueCallback<T>) => void;
+interface SingletonStateOptions<T> {
+    factory: (handler: ValueCallback<T>) => CleanupCallback;
+    initialState: T | (() => T);
+}
+export declare function createSingletonState<T>({ factory, initialState }: SingletonStateOptions<T>): () => T;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-singleton-handler/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-singleton-handler/index.ts"],"names":[],"mappings":"AAKA,aAAK,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAC3C,aAAK,eAAe,GAAG,MAAM,IAAI,CAAC;AAElC,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,eAAe,cAWxD,cAAc,CAAC,CAAC,UAkBxD;AAED,UAAU,qBAAqB,CAAC,CAAC;IAC/B,OAAO,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,eAAe,CAAC;IACxD,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,qBAAqB,CAAC,CAAC,CAAC,WAW1F"}