@oracle/oraclejet-preact 14.0.0

package/cjs/hooks/UNSAFE_useFormVariantContext.js

@@ -0,0 +1,27 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var preact = require('preact');
+var hooks = require('preact/hooks');
+
+/**
+ * Context which an ancestor component can use to provide a value for the 'variant' property
+ * of the descendant form fields.
+ */
+const FormVariantContext = preact.createContext('default');
+
+/**
+ * Utility hook for consuming the FormVariantContext
+ *
+ * @returns The value of the closest FormVariantContext provider
+ */
+function useFormVariantContext() {
+    return hooks.useContext(FormVariantContext);
+}
+
+exports.FormVariantContext = FormVariantContext;
+exports.useFormVariantContext = useFormVariantContext;
+/*  */
+//# sourceMappingURL=UNSAFE_useFormVariantContext.js.map

package/cjs/hooks/UNSAFE_useFormVariantContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useFormVariantContext.js","sources":["../../../src/hooks/UNSAFE_useFormVariantContext/FormVariantContext.ts","../../../src/hooks/UNSAFE_useFormVariantContext/useFormVariantContext.ts"],"sourcesContent":["import { createContext } from 'preact';\n\n/**\n * Context which an ancestor component can use to provide a value for the 'variant' property\n * of the descendant form fields.\n */\nexport const FormVariantContext = createContext<'default' | 'embedded' | undefined>('default');\n","import { useContext } from 'preact/hooks';\nimport { FormVariantContext } from './FormVariantContext';\n\n/**\n * Utility hook for consuming the FormVariantContext\n *\n * @returns The value of the closest FormVariantContext provider\n */\nexport function useFormVariantContext() {\n  return useContext(FormVariantContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;;AAEA;;;AAGG;MACU,kBAAkB,GAAGA,oBAAa,CAAqC,SAAS;;ACH7F;;;;AAIG;SACa,qBAAqB,GAAA;AACnC,IAAA,OAAOC,gBAAU,CAAC,kBAAkB,CAAC,CAAC;AACxC;;;;;;;;"}

package/cjs/hooks/UNSAFE_useHover.js

@@ -0,0 +1,66 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_UNSAFE_useToggle = require('./UNSAFE_useToggle.js');
+require('preact/hooks');
+
+/**
+ * Returns listeners and status for hover
+ * If only visual changes are required, :hover is faster.
+ *
+ * @returns
+ */
+function useHover(settings = { isDisabled: false }) {
+    // :hover is faster than event handlers, but doesn't work for all platforms.
+    // For touch-first devices, the media query for hover is enough.
+    // Hybrid devices support hover upon pointer usage, but tapping would toggle hover state
+    // so disable :hover and use event handlers for such devices.
+    // Use getClientHints to check if hybrid
+    // const hybrid = getClientHints().isHybrid;
+    // Classes can be done via :
+    //     !isHybrid && compStyles.pseudohover,
+    //      isHybrid && isHover && compStyles.hover
+    // and the props can be done via:
+    //     const { hoverProps, isHover } = useHover( {isDisabled: isHybrid});
+    //
+    // For the algorithm below, There are 2 possible sequences:
+    // 1. A pointer (mouse, trackpad) would generate a mouseEnter event that would initiate hover.
+    // 2. A touch generates a touchstart/touchend/mouseEnter event sequence.
+    // Hover has no meaning in a touch context, so the isHover state should be avoided.
+    // To avoid, we set an ignore flag when a touchend is encountered.
+    // Each time mouseEnter is encountered, the flag is checked.
+    // If ignore, we know that it is a touch device, so don't set hover state.
+    // In all cases, reset the flag for the next sequence.
+    //
+    const { bool, setTrue, setFalse } = hooks_UNSAFE_useToggle.useToggle(false);
+    const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = hooks_UNSAFE_useToggle.useToggle(false);
+    const startHover = () => {
+        if (ignore) {
+            setIgnoreFalse();
+        }
+        else {
+            setTrue();
+        }
+    };
+    const hoverProps = settings.isDisabled
+        ? {}
+        : { ontouchend: setIgnoreTrue, onMouseEnter: startHover, onMouseLeave: setFalse };
+    return {
+        isHover: settings.isDisabled ? false : bool,
+        hoverProps: hoverProps
+    };
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.useHover = useHover;
+/*  */
+//# sourceMappingURL=UNSAFE_useHover.js.map

package/cjs/hooks/UNSAFE_useHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useHover.js","sources":["../../../src/hooks/UNSAFE_useHover/useHover.ts","../../../src/hooks/UNSAFE_useHover/index.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Returns listeners and status for hover\n * If only visual changes are required, :hover is faster.\n *\n * @returns\n */\nexport function useHover(settings: HoverOptions = { isDisabled: false }): {\n  isHover: boolean;\n  hoverProps: Record<string, any>;\n} {\n  // :hover is faster than event handlers, but doesn't work for all platforms.\n  // For touch-first devices, the media query for hover is enough.\n  // Hybrid devices support hover upon pointer usage, but tapping would toggle hover state\n  // so disable :hover and use event handlers for such devices.\n  // Use getClientHints to check if hybrid\n  // const hybrid = getClientHints().isHybrid;\n  // Classes can be done via :\n  //     !isHybrid && compStyles.pseudohover,\n  //      isHybrid && isHover && compStyles.hover\n  // and the props can be done via:\n  //     const { hoverProps, isHover } = useHover( {isDisabled: isHybrid});\n  //\n  // For the algorithm below, There are 2 possible sequences:\n  // 1. A pointer (mouse, trackpad) would generate a mouseEnter event that would initiate hover.\n  // 2. A touch generates a touchstart/touchend/mouseEnter event sequence.\n  // Hover has no meaning in a touch context, so the isHover state should be avoided.\n  // To avoid, we set an ignore flag when a touchend is encountered.\n  // Each time mouseEnter is encountered, the flag is checked.\n  // If ignore, we know that it is a touch device, so don't set hover state.\n  // In all cases, reset the flag for the next sequence.\n  //\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = () => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      setTrue();\n    }\n  };\n\n  const hoverProps = settings.isDisabled\n    ? {}\n    : { ontouchend: setIgnoreTrue, onMouseEnter: startHover, onMouseLeave: setFalse };\n  return {\n    isHover: settings.isDisabled ? false : bool,\n    hoverProps: hoverProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { useHover } from './useHover';\n"],"names":["useToggle"],"mappings":";;;;;;;;AAMA;;;;;AAKG;AACG,SAAU,QAAQ,CAAC,QAAA,GAAyB,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA;;;;;;;;;;;;;;;;;;;;;;AAyBrE,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAGA,gCAAS,CAAC,KAAK,CAAC,CAAC;AACrD,IAAA,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAGA,gCAAS,CAAC,KAAK,CAAC,CAAC;IAC5F,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,cAAc,EAAE,CAAC;AAClB,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU;AACpC,UAAE,EAAE;AACJ,UAAE,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;IACpF,OAAO;QACL,OAAO,EAAE,QAAQ,CAAC,UAAU,GAAG,KAAK,GAAG,IAAI;AAC3C,QAAA,UAAU,EAAE,UAAU;KACvB,CAAC;AACJ;;ACtDA;;;;;;AAMG;;;;;;;"}

package/cjs/hooks/UNSAFE_useId.js

@@ -0,0 +1,32 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('preact/hooks');
+
+/**
+ * Generates random string that can be used as ID. Serves as replacement for
+ * getUniqueId() function from "ojs/ojvcomponent-preact", until React 18 is
+ * released with useId hook (https://github.com/preactjs/preact/issues/3373).
+ * 1. Pick a random number in the range between 0 (inclusive) and 1 (exclusive)
+ * 2. Convert the number to a base-36 string (using characters 0-9 and a-z)
+ * 3. Slice off the leading '0.' prefix
+ * 4. ids should always start with a letter, so prefix it with 'id'
+ */
+const useId = () => {
+    const [id] = hooks.useState(() => `_${Math.random().toString(36).slice(2)}`); //@RandomNumberOK
+    return id;
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.useId = useId;
+/*  */
+//# sourceMappingURL=UNSAFE_useId.js.map

package/cjs/hooks/UNSAFE_useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useId.js","sources":["../../../src/hooks/UNSAFE_useId/useId.tsx","../../../src/hooks/UNSAFE_useId/index.ts"],"sourcesContent":["import { useState } from 'preact/hooks';\n\n/**\n * Generates random string that can be used as ID. Serves as replacement for\n * getUniqueId() function from \"ojs/ojvcomponent-preact\", until React 18 is\n * released with useId hook (https://github.com/preactjs/preact/issues/3373).\n * 1. Pick a random number in the range between 0 (inclusive) and 1 (exclusive)\n * 2. Convert the number to a base-36 string (using characters 0-9 and a-z)\n * 3. Slice off the leading '0.' prefix\n * 4. ids should always start with a letter, so prefix it with 'id'\n */\nexport const useId = () => {\n  const [id] = useState(() => `_${Math.random().toString(36).slice(2)}`); //@RandomNumberOK\n  return id;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { useId } from './useId';\n"],"names":["useState"],"mappings":";;;;;;;AAEA;;;;;;;;AAQG;AACI,MAAM,KAAK,GAAG,MAAK;AACxB,IAAA,MAAM,CAAC,EAAE,CAAC,GAAGA,cAAQ,CAAC,MAAM,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAA,CAAC,CAAC;AACvE,IAAA,OAAO,EAAE,CAAC;AACZ;;ACdA;;;;;;AAMG;;;;;;;"}

package/cjs/hooks/UNSAFE_useLengthFilter.js

@@ -0,0 +1,58 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('preact/hooks');
+var utils_UNSAFE_lengthFilter = require('../utils/UNSAFE_lengthFilter.js');
+
+/**
+ * A custom hook that applies the length filter to text field input
+ * @param param0 The props for the useLengthFilter hook
+ * @returns The filtered event handlers
+ */
+function useLengthFilter({ maxLength, maxLengthUnit, onCommit, onInput, value }) {
+    const [isMaxLengthExceeded, setMaxLengthExceeded] = hooks.useState(false);
+    const parse = hooks.useCallback((value) => utils_UNSAFE_lengthFilter.filter(value, maxLength, maxLengthUnit), [maxLength, maxLengthUnit]);
+    // Reapply maxLength filter when the value is changed
+    hooks.useEffect(() => {
+        if (value === undefined) {
+            return;
+        }
+        const filteredValue = parse(value);
+        if (filteredValue !== value) {
+            onInput === null || onInput === void 0 ? void 0 : onInput({ previousValue: value, value: filteredValue });
+            onCommit === null || onCommit === void 0 ? void 0 : onCommit({ previousValue: value, value: filteredValue });
+            // Value is filtered, means that the max length is exceeded
+            setMaxLengthExceeded(true);
+        }
+        else {
+            // Value is not filtered, means that the max length is not exceeded
+            setMaxLengthExceeded(false);
+        }
+    }, [value, onCommit, onInput, parse]);
+    const onFilteredInput = hooks.useCallback((...args) => {
+        const { previousValue, value } = args[0];
+        const filteredValue = parse(value !== null && value !== void 0 ? value : '');
+        // Call the onInput event only when the value is changed
+        if (previousValue !== filteredValue) {
+            onInput === null || onInput === void 0 ? void 0 : onInput(Object.assign(Object.assign({}, args[0]), { value: filteredValue }));
+            // value is not filtered, so the max length is not exceeded
+            setMaxLengthExceeded(false);
+        }
+        else {
+            // value is changed but then filtered to previous value
+            // meaning that the max length was exceeded
+            setMaxLengthExceeded(true);
+        }
+    }, [onInput, parse]);
+    return {
+        isMaxLengthExceeded,
+        valueLength: value === undefined ? undefined : utils_UNSAFE_lengthFilter.calcLength(value, maxLengthUnit),
+        onFilteredInput
+    };
+}
+
+exports.useLengthFilter = useLengthFilter;
+/*  */
+//# sourceMappingURL=UNSAFE_useLengthFilter.js.map

package/cjs/hooks/UNSAFE_useLengthFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useLengthFilter.js","sources":["../../../src/hooks/UNSAFE_useLengthFilter/useLengthFilter.ts"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport { TextFieldInput } from '../../UNSAFE_TextField';\nimport { calcLength, CountUnit as _CountUnit, filter } from '../../utils/UNSAFE_lengthFilter';\n\nexport type CountUnit = _CountUnit;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  'onCommit' | 'onInput' | 'value'\n>;\ntype UseLengthFilterProps = PickedPropsFromTextFieldInput & {\n  maxLength?: number;\n  maxLengthUnit?: CountUnit;\n};\n\n/**\n * A custom hook that applies the length filter to text field input\n * @param param0 The props for the useLengthFilter hook\n * @returns The filtered event handlers\n */\nexport function useLengthFilter({\n  maxLength,\n  maxLengthUnit,\n  onCommit,\n  onInput,\n  value\n}: UseLengthFilterProps) {\n  const [isMaxLengthExceeded, setMaxLengthExceeded] = useState(false);\n  const parse = useCallback(\n    (value: string) => filter(value, maxLength, maxLengthUnit),\n    [maxLength, maxLengthUnit]\n  );\n  // Reapply maxLength filter when the value is changed\n  useEffect(() => {\n    if (value === undefined) {\n      return;\n    }\n\n    const filteredValue = parse(value);\n    if (filteredValue !== value) {\n      onInput?.({ previousValue: value, value: filteredValue });\n      onCommit?.({ previousValue: value, value: filteredValue });\n\n      // Value is filtered, means that the max length is exceeded\n      setMaxLengthExceeded(true);\n    } else {\n      // Value is not filtered, means that the max length is not exceeded\n      setMaxLengthExceeded(false);\n    }\n  }, [value, onCommit, onInput, parse]);\n\n  const onFilteredInput = useCallback(\n    (...args: Parameters<Exclude<typeof onInput, undefined>>) => {\n      const { previousValue, value } = args[0];\n      const filteredValue = parse(value ?? '');\n\n      // Call the onInput event only when the value is changed\n      if (previousValue !== filteredValue) {\n        onInput?.({ ...args[0], value: filteredValue });\n        // value is not filtered, so the max length is not exceeded\n        setMaxLengthExceeded(false);\n      } else {\n        // value is changed but then filtered to previous value\n        // meaning that the max length was exceeded\n        setMaxLengthExceeded(true);\n      }\n    },\n    [onInput, parse]\n  );\n\n  return {\n    isMaxLengthExceeded,\n    valueLength: value === undefined ? undefined : calcLength(value, maxLengthUnit),\n    onFilteredInput\n  };\n}\n"],"names":["useState","useCallback","filter","useEffect","calcLength"],"mappings":";;;;;;;;AAgBA;;;;AAIG;AACa,SAAA,eAAe,CAAC,EAC9B,SAAS,EACT,aAAa,EACb,QAAQ,EACR,OAAO,EACP,KAAK,EACgB,EAAA;IACrB,MAAM,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,KAAK,GAAGC,iBAAW,CACvB,CAAC,KAAa,KAAKC,gCAAM,CAAC,KAAK,EAAE,SAAS,EAAE,aAAa,CAAC,EAC1D,CAAC,SAAS,EAAE,aAAa,CAAC,CAC3B,CAAC;;IAEFC,eAAS,CAAC,MAAK;QACb,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,OAAO;AACR,SAAA;AAED,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,aAAa,KAAK,KAAK,EAAE;AAC3B,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAG,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;AAC1D,YAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAG,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;;YAG3D,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAC5B,SAAA;AAAM,aAAA;;YAEL,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAC7B,SAAA;KACF,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtC,MAAM,eAAe,GAAGF,iBAAW,CACjC,CAAC,GAAG,IAAoD,KAAI;QAC1D,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACzC,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAL,KAAK,GAAI,EAAE,CAAC,CAAC;;QAGzC,IAAI,aAAa,KAAK,aAAa,EAAE;AACnC,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,iCAAQ,IAAI,CAAC,CAAC,CAAC,CAAE,EAAA,EAAA,KAAK,EAAE,aAAa,IAAG,CAAC;;YAEhD,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAC7B,SAAA;AAAM,aAAA;;;YAGL,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAC5B,SAAA;AACH,KAAC,EACD,CAAC,OAAO,EAAE,KAAK,CAAC,CACjB,CAAC;IAEF,OAAO;QACL,mBAAmB;AACnB,QAAA,WAAW,EAAE,KAAK,KAAK,SAAS,GAAG,SAAS,GAAGG,oCAAU,CAAC,KAAK,EAAE,aAAa,CAAC;QAC/E,eAAe;KAChB,CAAC;AACJ;;;;;;;"}

package/cjs/hooks/UNSAFE_useLoadingIndicatorTimer.js

@@ -0,0 +1,41 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_UNSAFE_useTimer = require('./UNSAFE_useTimer.js');
+require('preact/hooks');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Hook for a timer used to determine when to show a loading indicator.
+ * After the timer is started, the loading indicator should only be shown after a slight delay,
+ * when the timer expires.  A loading indicator should not be shown immediately because that
+ * could result in unwanted flashing in the UI.
+ * @param isLoading Specifies whether the calling code is in a loading state and the timer
+ * should be started: true to start it, false to stop it.
+ * @returns True if the timer expires, false if it was stopped before that.
+ */
+function useLoadingIndicatorTimer(isLoading) {
+    // TODO: get delay from theme variable
+    // (--oj-private-core-global-loading-indicator-delay-duration)
+    return hooks_UNSAFE_useTimer.useTimer({ isStarted: isLoading, delay: 50 });
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.useLoadingIndicatorTimer = useLoadingIndicatorTimer;
+/*  */
+//# sourceMappingURL=UNSAFE_useLoadingIndicatorTimer.js.map

package/cjs/hooks/UNSAFE_useLoadingIndicatorTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useLoadingIndicatorTimer.js","sources":["../../../src/hooks/UNSAFE_useLoadingIndicatorTimer/useLoadingIndicatorTimer.ts","../../../src/hooks/UNSAFE_useLoadingIndicatorTimer/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useTimer } from '../UNSAFE_useTimer';\n\n/**\n * Hook for a timer used to determine when to show a loading indicator.\n * After the timer is started, the loading indicator should only be shown after a slight delay,\n * when the timer expires.  A loading indicator should not be shown immediately because that\n * could result in unwanted flashing in the UI.\n * @param isLoading Specifies whether the calling code is in a loading state and the timer\n * should be started: true to start it, false to stop it.\n * @returns True if the timer expires, false if it was stopped before that.\n */\nexport function useLoadingIndicatorTimer(isLoading: boolean): boolean {\n  // TODO: get delay from theme variable\n  // (--oj-private-core-global-loading-indicator-delay-duration)\n  return useTimer({ isStarted: isLoading, delay: 50 });\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { useLoadingIndicatorTimer } from './useLoadingIndicatorTimer';\n"],"names":["useTimer"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;AAIH;;;;;;;;AAQG;AACG,SAAU,wBAAwB,CAAC,SAAkB,EAAA;;;AAGzD,IAAA,OAAOA,8BAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AACvD;;ACvBA;;;;;;AAMG;;;;;;;"}

package/cjs/hooks/UNSAFE_useLongPress.js

@@ -0,0 +1,70 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('preact/hooks');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+const InitialPressState = {
+    pointerDownId: null,
+    startTime: 0
+};
+const DefaultMinimumTime = 250;
+function useLongPress(onLongPress, { isDisabled = false, minimumTime = DefaultMinimumTime } = {
+    isDisabled: false,
+    minimumTime: DefaultMinimumTime
+}) {
+    const ref = hooks.useRef(InitialPressState);
+    const onPointerDown = hooks.useCallback((e) => {
+        // return if it is not a left click
+        if (e.pointerType == 'mouse' && e.button != 0) {
+            return;
+        }
+        ref.current = ref.current.pointerDownId
+            ? InitialPressState
+            : { pointerDownId: e.pointerId, startTime: e.timeStamp };
+    }, []);
+    const onPointerUp = hooks.useCallback((e) => {
+        if (e.pointerId === ref.current.pointerDownId) {
+            const longPressTime = e.timeStamp - ref.current.startTime;
+            // 250ms minimum longPress time based on numbers used in Hammer
+            if (longPressTime > minimumTime) {
+                onLongPress({ x: e.offsetX, y: e.offsetY });
+            }
+        }
+        clearLongPress();
+    }, [onLongPress]);
+    const clearLongPress = hooks.useCallback(() => {
+        ref.current = InitialPressState;
+    }, []);
+    const longPressProps = isDisabled
+        ? {}
+        : {
+            onPointerDown,
+            onPointerUp,
+            onPointerLeave: clearLongPress,
+            onPointerCancel: clearLongPress
+        };
+    return {
+        longPressProps
+    };
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.useLongPress = useLongPress;
+/*  */
+//# sourceMappingURL=UNSAFE_useLongPress.js.map

package/cjs/hooks/UNSAFE_useLongPress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useLongPress.js","sources":["../../../src/hooks/UNSAFE_useLongPress/useLongPress.ts","../../../src/hooks/UNSAFE_useLongPress/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\ntype LongPressOptions = {\n  isDisabled?: boolean;\n  minimumTime?: number;\n};\n\ntype LongPressInfo = {\n  x: number;\n  y: number;\n};\n\ntype LongPressState = {\n  pointerDownId: number | null;\n  startTime: number;\n};\n\nconst InitialPressState = {\n  pointerDownId: null,\n  startTime: 0\n};\n\nconst DefaultMinimumTime = 250;\n\nexport function useLongPress(\n  onLongPress: (e: LongPressInfo) => void,\n  { isDisabled = false, minimumTime = DefaultMinimumTime }: LongPressOptions = {\n    isDisabled: false,\n    minimumTime: DefaultMinimumTime\n  }\n): { longPressProps: Record<string, any> } {\n  const ref = useRef<LongPressState>(InitialPressState);\n\n  const onPointerDown = useCallback((e: PointerEvent) => {\n    // return if it is not a left click\n    if (e.pointerType == 'mouse' && e.button != 0) {\n      return;\n    }\n\n    ref.current = ref.current.pointerDownId\n      ? InitialPressState\n      : { pointerDownId: e.pointerId, startTime: e.timeStamp };\n  }, []);\n\n  const onPointerUp = useCallback(\n    (e: PointerEvent) => {\n      if (e.pointerId === ref.current.pointerDownId) {\n        const longPressTime = e.timeStamp - ref.current.startTime;\n        // 250ms minimum longPress time based on numbers used in Hammer\n        if (longPressTime > minimumTime) {\n          onLongPress({ x: e.offsetX, y: e.offsetY });\n        }\n      }\n      clearLongPress();\n    },\n    [onLongPress]\n  );\n\n  const clearLongPress = useCallback(() => {\n    ref.current = InitialPressState;\n  }, []);\n\n  const longPressProps = isDisabled\n    ? {}\n    : {\n        onPointerDown,\n        onPointerUp,\n        onPointerLeave: clearLongPress,\n        onPointerCancel: clearLongPress\n      };\n\n  return {\n    longPressProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { useLongPress } from './useLongPress';\n"],"names":["useRef","useCallback"],"mappings":";;;;;;;AAAA;;;;;;AAMG;AAmBH,MAAM,iBAAiB,GAAG;AACxB,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,SAAS,EAAE,CAAC;CACb,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAEf,SAAA,YAAY,CAC1B,WAAuC,EACvC,EAAE,UAAU,GAAG,KAAK,EAAE,WAAW,GAAG,kBAAkB,EAAuB,GAAA;AAC3E,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,WAAW,EAAE,kBAAkB;AAChC,CAAA,EAAA;AAED,IAAA,MAAM,GAAG,GAAGA,YAAM,CAAiB,iBAAiB,CAAC,CAAC;AAEtD,IAAA,MAAM,aAAa,GAAGC,iBAAW,CAAC,CAAC,CAAe,KAAI;;QAEpD,IAAI,CAAC,CAAC,WAAW,IAAI,OAAO,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,EAAE;YAC7C,OAAO;AACR,SAAA;AAED,QAAA,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa;AACrC,cAAE,iBAAiB;AACnB,cAAE,EAAE,aAAa,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;KAC5D,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,WAAW,GAAGA,iBAAW,CAC7B,CAAC,CAAe,KAAI;QAClB,IAAI,CAAC,CAAC,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE;YAC7C,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC;;YAE1D,IAAI,aAAa,GAAG,WAAW,EAAE;AAC/B,gBAAA,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;AAC7C,aAAA;AACF,SAAA;AACD,QAAA,cAAc,EAAE,CAAC;AACnB,KAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;AAEF,IAAA,MAAM,cAAc,GAAGA,iBAAW,CAAC,MAAK;AACtC,QAAA,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;KACjC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,UAAU;AAC/B,UAAE,EAAE;AACJ,UAAE;YACE,aAAa;YACb,WAAW;AACX,YAAA,cAAc,EAAE,cAAc;AAC9B,YAAA,eAAe,EAAE,cAAc;SAChC,CAAC;IAEN,OAAO;QACL,cAAc;KACf,CAAC;AACJ;;AClFA;;;;;;AAMG;;;;;;;"}

package/cjs/hooks/UNSAFE_useMessagesContext.js

@@ -0,0 +1,49 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var preact = require('preact');
+var hooks = require('preact/hooks');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Context which the parent custom element components can use for passing down
+ * the busy context
+ */
+const MessagesContext = preact.createContext({});
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Uses the MessagesContext if one is available.
+ *
+ * @returns The context from the closes provider
+ */
+function useMessagesContext() {
+    return hooks.useContext(MessagesContext);
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.MessagesContext = MessagesContext;
+exports.useMessagesContext = useMessagesContext;
+/*  */
+//# sourceMappingURL=UNSAFE_useMessagesContext.js.map

package/cjs/hooks/UNSAFE_useMessagesContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useMessagesContext.js","sources":["../../../src/hooks/UNSAFE_useMessagesContext/MessagesContext.ts","../../../src/hooks/UNSAFE_useMessagesContext/useMessagesContext.ts","../../../src/hooks/UNSAFE_useMessagesContext/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\n\n/**\n * Messages Context\n */\ntype MessagesContextProps = {\n  /**\n   * An optional function that adds busy state to the root element\n   */\n  addBusyState?: (description?: string) => () => void;\n};\n\n/**\n * Context which the parent custom element components can use for passing down\n * the busy context\n */\nexport const MessagesContext = createContext<MessagesContextProps>({});\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { MessagesContext } from './MessagesContext';\n\n/**\n * Uses the MessagesContext if one is available.\n *\n * @returns The context from the closes provider\n */\nexport function useMessagesContext() {\n  return useContext(MessagesContext);\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { MessagesContext } from './MessagesContext';\nexport { useMessagesContext } from './useMessagesContext';\n"],"names":["createContext","useContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;AAcH;;;AAGG;MACU,eAAe,GAAGA,oBAAa,CAAuB,EAAE;;ACxBrE;;;;;;AAMG;AAKH;;;;AAIG;SACa,kBAAkB,GAAA;AAChC,IAAA,OAAOC,gBAAU,CAAC,eAAe,CAAC,CAAC;AACrC;;AClBA;;;;;;AAMG;;;;;;;;"}

package/cjs/hooks/UNSAFE_useOutsideClick.js

@@ -0,0 +1,56 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('preact/hooks');
+var utils_UNSAFE_arrayUtils = require('../utils/UNSAFE_arrayUtils.js');
+
+const isPointOutside = (event, ref) => {
+    const target = event.target;
+    if (target) {
+        const doc = getDocument(target);
+        if (!doc.contains(target))
+            return false;
+    }
+    return ref.every((elRef) => { var _a; return !((_a = elRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)); });
+};
+const getDocument = (node) => { var _a; return (_a = node === null || node === void 0 ? void 0 : node.ownerDocument) !== null && _a !== void 0 ? _a : document; };
+const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }) => {
+    // use ref to store mutable data and not cause a re-render
+    const stateRef = hooks.useRef({
+        isMouseDown: false
+    });
+    const state = stateRef.current;
+    hooks.useEffect(() => {
+        const refs = utils_UNSAFE_arrayUtils.coerceArray(ref);
+        if (!handler ||
+            disabled ||
+            (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1))
+            return;
+        const onMouseDown = () => {
+            state.isMouseDown = true;
+        };
+        const onMouseUp = (event) => {
+            if (state.isMouseDown && isPointOutside(event, refs)) {
+                state.isMouseDown = false;
+                handler === null || handler === void 0 ? void 0 : handler(event);
+            }
+        };
+        const firstElRef = refs[0];
+        const doc = getDocument(firstElRef.current);
+        if (doc) {
+            doc.addEventListener('mousedown', onMouseDown, true);
+            doc.addEventListener('mouseup', onMouseUp, true);
+            return () => {
+                doc.removeEventListener('mousedown', onMouseDown, true);
+                doc.removeEventListener('mouseup', onMouseUp, true);
+            };
+        }
+        return undefined;
+    }, [disabled, handler, ref, state]);
+};
+
+exports.useOutsideClick = useOutsideClick;
+/*  */
+//# sourceMappingURL=UNSAFE_useOutsideClick.js.map

package/cjs/hooks/UNSAFE_useOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useOutsideClick.js","sources":["../../../src/hooks/UNSAFE_useOutsideClick/useOutsideClick.ts"],"sourcesContent":["/**\n * `useClickOutside` hook for capturing clicking outside of an element\n */\nimport { RefObject } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\n\ntype Props = {\n  /**\n   * If true outside click is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside click is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside click callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every((elRef) => !elRef.current?.contains(target));\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  // use ref to store mutable data and not cause a re-render\n  const stateRef = useRef({\n    isMouseDown: false\n  });\n\n  const state = stateRef.current;\n\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n    const onMouseDown = () => {\n      state.isMouseDown = true;\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      if (state.isMouseDown && isPointOutside(event, refs)) {\n        state.isMouseDown = false;\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n      doc.addEventListener('mouseup', onMouseUp, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n        doc.removeEventListener('mouseup', onMouseUp, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref, state]);\n};\n"],"names":["useRef","useEffect","coerceArray"],"mappings":";;;;;;;;AAsBA,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,GAA6B,KAAI;AACrE,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;AAC3C,IAAA,IAAI,MAAM,EAAE;AACV,QAAA,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAChC,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC;AAAE,YAAA,OAAO,KAAK,CAAC;AACzC,KAAA;IACD,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,EAAC,MAAA,KAAK,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,MAAM,CAAC,CAAA,CAAA,EAAA,CAAC,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,IAAW,KAAc,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,IAAI,aAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,aAAa,mCAAI,QAAQ,CAAA,EAAA,CAAC;AAElE,MAAA,eAAe,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,OAAO,EAAS,KAAI;;IAEvF,MAAM,QAAQ,GAAGA,YAAM,CAAC;AACtB,QAAA,WAAW,EAAE,KAAK;AACnB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;IAE/BC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAGC,mCAAW,CAAC,GAAG,CAAC,CAAC;AAC9B,QAAA,IACE,CAAC,OAAO;YACR,QAAQ;aACP,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YAE3E,OAAO;QACT,MAAM,WAAW,GAAG,MAAK;AACvB,YAAA,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;AAC3B,SAAC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAG,CAAC,KAAiB,KAAI;YACtC,IAAI,KAAK,CAAC,WAAW,IAAI,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;AACpD,gBAAA,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;AAC1B,gBAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAG,KAAK,CAAC,CAAC;AAClB,aAAA;AACH,SAAC,CAAC;AACF,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,GAAG,GAAG,WAAW,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAC;AAC7C,QAAA,IAAI,GAAG,EAAE;YACP,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;YACrD,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AAEjD,YAAA,OAAO,MAAK;gBACV,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;gBACxD,GAAG,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AACtD,aAAC,CAAC;AACH,SAAA;AACD,QAAA,OAAO,SAAS,CAAC;KAClB,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AACtC;;;;;;;"}

package/cjs/hooks/UNSAFE_usePan.js

@@ -0,0 +1,105 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('preact/hooks');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+function usePan(onPan, { threshold = 50, minimumTime = 500, isDisabled = false } = {
+    threshold: 50,
+    minimumTime: 500,
+    isDisabled: false
+}) {
+    const ref = hooks.useRef({
+        pointerDownId: 0,
+        startTime: 0,
+        prevOffsetX: 0,
+        prevOffsetY: 0
+    });
+    const onPointerDown = hooks.useCallback((e) => {
+        if (!ref.current.pointerDownId) {
+            ref.current = {
+                pointerDownId: e.pointerId,
+                startTime: e.timeStamp,
+                prevOffsetX: e.offsetX,
+                prevOffsetY: e.offsetY
+            };
+            onPan === null || onPan === void 0 ? void 0 : onPan({ x: e.clientX, y: e.clientY, status: 'start' });
+        }
+        else {
+            clearPan();
+        }
+    }, []);
+    const onPointerMove = (e) => {
+        if (ref.current.pointerDownId === e.pointerId) {
+            onPan === null || onPan === void 0 ? void 0 : onPan({ x: e.clientX, y: e.clientY, status: 'move' });
+        }
+    };
+    const onPointerUp = hooks.useCallback((ev) => {
+        if (ev.pointerId === ref.current.pointerDownId) {
+            if (ref.current.startTime && ev.timeStamp - ref.current.startTime >= minimumTime) {
+                const horizontalThreshold = ev.offsetX - ref.current.prevOffsetX;
+                const verticalThreshold = ev.offsetY - ref.current.prevOffsetY;
+                if (Math.abs(horizontalThreshold) > Math.abs(verticalThreshold)) {
+                    // pan-left or pan-right
+                    if (ref.current.prevOffsetX - ev.offsetX > threshold) {
+                        onPan === null || onPan === void 0 ? void 0 : onPan({ x: ev.clientX, y: ev.clientY, status: 'end' });
+                    }
+                    else if (ev.offsetX - ref.current.prevOffsetX > threshold) {
+                        onPan === null || onPan === void 0 ? void 0 : onPan({ x: ev.clientX, y: ev.clientY, status: 'end' });
+                    }
+                }
+                else {
+                    // pan-up or pan-down
+                    if (ref.current.prevOffsetY - ev.offsetY > threshold) {
+                        onPan === null || onPan === void 0 ? void 0 : onPan({ x: ev.clientX, y: ev.clientY, status: 'end' });
+                    }
+                    else if (ev.offsetY - ref.current.prevOffsetY > threshold) {
+                        onPan === null || onPan === void 0 ? void 0 : onPan({ x: ev.clientX, y: ev.clientY, status: 'end' });
+                    }
+                }
+            }
+        }
+        // state would be reset to its original state whether pan is completed or cancelled
+        clearPan();
+    }, [threshold, onPan]);
+    const clearPan = hooks.useCallback(() => {
+        ref.current = {
+            pointerDownId: null,
+            startTime: null,
+            prevOffsetX: 0,
+            prevOffsetY: 0
+        };
+    }, []);
+    const panProps = isDisabled
+        ? {}
+        : {
+            /** event handlers to spread on the target element. */
+            onPointerDown,
+            onPointerUp,
+            onPointerMove,
+            onPointerCancel: clearPan
+        };
+    return {
+        panProps
+    };
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+exports.usePan = usePan;
+/*  */
+//# sourceMappingURL=UNSAFE_usePan.js.map

package/cjs/hooks/UNSAFE_usePan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_usePan.js","sources":["../../../src/hooks/UNSAFE_usePan/usePan.ts","../../../src/hooks/UNSAFE_usePan/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\nthreshold: Minimal distance in pixels required before recognizing\n*/\ntype PanOptions = {\n  threshold?: number;\n  minimumTime?: number;\n  isDisabled?: boolean;\n};\n\ntype PanInfo = {\n  x: number;\n  y: number;\n  status: 'start' | 'end' | 'move';\n};\n\ntype PanState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevOffsetX: number;\n  prevOffsetY: number;\n};\n\nexport function usePan(\n  onPan: (e: PanInfo) => void,\n  { threshold = 50, minimumTime = 500, isDisabled = false }: PanOptions = {\n    threshold: 50,\n    minimumTime: 500,\n    isDisabled: false\n  }\n): { panProps: Record<string, any> } {\n  const ref = useRef<PanState>({\n    pointerDownId: 0,\n    startTime: 0,\n    prevOffsetX: 0,\n    prevOffsetY: 0\n  });\n\n  const onPointerDown = useCallback((e: PointerEvent) => {\n    if (!ref.current.pointerDownId) {\n      ref.current = {\n        pointerDownId: e.pointerId,\n        startTime: e.timeStamp,\n        prevOffsetX: e.offsetX,\n        prevOffsetY: e.offsetY\n      };\n      onPan?.({ x: e.clientX, y: e.clientY, status: 'start' });\n    } else {\n      clearPan();\n    }\n  }, []);\n\n  const onPointerMove = (e: PointerEvent) => {\n    if (ref.current.pointerDownId === e.pointerId) {\n      onPan?.({ x: e.clientX, y: e.clientY, status: 'move' });\n    }\n  };\n\n  const onPointerUp = useCallback(\n    (ev: PointerEvent) => {\n      if (ev.pointerId === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime >= minimumTime) {\n          const horizontalThreshold = ev.offsetX - ref.current.prevOffsetX;\n          const verticalThreshold = ev.offsetY - ref.current.prevOffsetY;\n          if (Math.abs(horizontalThreshold) > Math.abs(verticalThreshold)) {\n            // pan-left or pan-right\n            if (ref.current.prevOffsetX - ev.offsetX > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            } else if (ev.offsetX - ref.current.prevOffsetX > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            }\n          } else {\n            // pan-up or pan-down\n            if (ref.current.prevOffsetY - ev.offsetY > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            } else if (ev.offsetY - ref.current.prevOffsetY > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            }\n          }\n        }\n      }\n      // state would be reset to its original state whether pan is completed or cancelled\n      clearPan();\n    },\n    [threshold, onPan]\n  );\n\n  const clearPan = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: null,\n      prevOffsetX: 0,\n      prevOffsetY: 0\n    };\n  }, []);\n\n  const panProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onPointerDown,\n        onPointerUp,\n        onPointerMove,\n        onPointerCancel: clearPan\n      };\n\n  return {\n    panProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { usePan } from './usePan';\n"],"names":["useRef","useCallback"],"mappings":"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"}