@ringcentral/juno 2.46.0 → 3.0.0-alpha.1

package/foundation/hooks/useFocusInside/useFocusInside.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 /**
  * non size for just render hidden element
  */
-export declare const RcFocusInside: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("../..").RcTheme, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-export declare type useFocusInsideParams = {
+export declare const RcFocusInside: import("styled-components").StyledComponent<"span", import("../..").RcTheme, React.HTMLAttributes<HTMLSpanElement>, never>;
+export type useFocusInsideParams = {
     /**
      * the container that should move focus inside witch `[data-focusable="true"]`
      *
@@ -21,6 +21,6 @@ export declare type useFocusInsideParams = {
  * focus always inside the container which `[data-focusable="true"]`
  */
 export declare const useFocusInside: (options?: useFocusInsideParams) => {
-    start: JSX.Element;
-    end: JSX.Element;
+    start: React.JSX.Element;
+    end: React.JSX.Element;
 };

package/foundation/hooks/useFocusInside/useFocusInside.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFocusInside = exports.RcFocusInside = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = tslib_1.__importDefault(require("../../styled-components"));
 var react_1 = tslib_1.__importStar(require("react"));
@@ -12,10 +13,10 @@ exports.RcFocusInside = styled_components_1.default.span(templateObject_1 || (te
 /**
  * focus always inside the container which `[data-focusable="true"]`
  */
-exports.useFocusInside = function (options) {
+var useFocusInside = function (options) {
     if (options === void 0) { options = {}; }
     var containerRef = options.containerRef, _a = options.selector, selector = _a === void 0 ? FOCUSABLE_QUERY : _a;
-    return react_1.useMemo(function () {
+    return (0, react_1.useMemo)(function () {
         var start = (react_1.default.createElement(exports.RcFocusInside, tslib_1.__assign({ tabIndex: 0 }, (process.env.NODE_ENV !== 'production'
             ? { 'data-test-automation-id': 'focus-inside-start' }
             : undefined), { onFocus: function (e) {
@@ -26,7 +27,7 @@ exports.useFocusInside = function (options) {
                     last.focus();
                 }
                 else if (process.env.NODE_ENV !== 'production') {
-                    utils_1.logInDev({
+                    (0, utils_1.logInDev)({
                         component: 'useFocusInside',
                         message: 'Not found any [data-focusable="true"] element in container, please check your containerRef',
                         level: 'warn',
@@ -42,7 +43,7 @@ exports.useFocusInside = function (options) {
                     node === null || node === void 0 ? void 0 : node.focus();
                 }
                 else if (process.env.NODE_ENV !== 'production') {
-                    utils_1.logInDev({
+                    (0, utils_1.logInDev)({
                         component: 'useFocusInside',
                         message: 'Not found any [data-focusable="true"] element in container, please check your containerRef',
                         level: 'warn',
@@ -55,4 +56,5 @@ exports.useFocusInside = function (options) {
         };
     }, [containerRef, selector]);
 };
+exports.useFocusInside = useFocusInside;
 var templateObject_1;

package/foundation/hooks/useForceUpdate/useForceUpdate.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForceUpdate = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var useEventCallback_1 = require("../useEventCallback");
@@ -8,8 +9,8 @@ var useEventCallback_1 = require("../useEventCallback");
  * @returns force update method
  */
 function useForceUpdate() {
-    var _a = tslib_1.__read(react_1.useState(Object.create(null)), 2), dispatch = _a[1];
-    var memoizedDispatch = useEventCallback_1.useEventCallback(function () {
+    var _a = tslib_1.__read((0, react_1.useState)(Object.create(null)), 2), dispatch = _a[1];
+    var memoizedDispatch = (0, useEventCallback_1.useEventCallback)(function () {
         dispatch(Object.create(null));
     });
     return memoizedDispatch;

package/foundation/hooks/useForkRef/useForkRef.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.setRef = exports.useForkRef = void 0;
 var utils_1 = require("@material-ui/core/utils");
 /**
  * That method will give you ability fork same value `ref object` or `method`

package/foundation/hooks/useGlobalListener/createGlobalListener.d.ts

@@ -10,7 +10,7 @@ export declare const globalListenerEventMap: Map<string, {
      */
     listeners: Set<(e: any) => void>;
 }>;
-export declare type CreateGlobalListenerConfig = {
+export type CreateGlobalListenerConfig = {
     /**
      * custom key for determining different event group, default is same as `key`
      */
@@ -33,7 +33,7 @@ export declare type CreateGlobalListenerConfig = {
  * => // that will only create an event listener on window, but every callback will get emit value when event triggered
  * ```
  */
-export declare const createGlobalListener: <T extends SyntheticEvent<Element, Event>>(key: string, listener: (event?: T | undefined) => void, options?: boolean | AddEventListenerOptions | undefined, { customKey, target: targetProp, }?: CreateGlobalListenerConfig) => {
+export declare const createGlobalListener: <T extends SyntheticEvent<Element, Event>>(key: string, listener: (event?: T | undefined) => void, options?: AddEventListenerOptions | boolean, { customKey, target: targetProp, }?: CreateGlobalListenerConfig) => {
     listen: () => void;
     /**
      * remove listener

package/foundation/hooks/useGlobalListener/createGlobalListener.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createGlobalListener = exports.globalListenerEventMap = void 0;
 var utils_1 = require("../../utils");
 exports.globalListenerEventMap = new Map();
 /**
@@ -15,7 +16,7 @@ exports.globalListenerEventMap = new Map();
  * => // that will only create an event listener on window, but every callback will get emit value when event triggered
  * ```
  */
-exports.createGlobalListener = function (key, listener, options, _a) {
+var createGlobalListener = function (key, listener, options, _a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.customKey, customKey = _c === void 0 ? key : _c, _d = _b.target, targetProp = _d === void 0 ? window : _d;
     var listening = false;
     var getMapValue = function () { return exports.globalListenerEventMap.get(customKey); };
@@ -32,7 +33,7 @@ exports.createGlobalListener = function (key, listener, options, _a) {
                 exec: exec,
                 listeners: new Set([listener]),
             });
-            var target = utils_1.getRefElement(targetProp);
+            var target = (0, utils_1.getRefElement)(targetProp);
             target === null || target === void 0 ? void 0 : target.addEventListener(key, exec, options);
         }
         else {
@@ -50,7 +51,7 @@ exports.createGlobalListener = function (key, listener, options, _a) {
         var listeners = _savedEvent.listeners;
         listeners.delete(listener);
         if (listeners.size === 0) {
-            var target = utils_1.getRefElement(targetProp);
+            var target = (0, utils_1.getRefElement)(targetProp);
             target === null || target === void 0 ? void 0 : target.removeEventListener(key, _savedEvent.exec, options);
             exports.globalListenerEventMap.delete(customKey);
         }
@@ -81,3 +82,4 @@ exports.createGlobalListener = function (key, listener, options, _a) {
         },
     };
 };
+exports.createGlobalListener = createGlobalListener;

package/foundation/hooks/useGlobalListener/useGlobalListener.d.ts

@@ -1,7 +1,7 @@
 import { SyntheticEvent } from 'react';
 import { createGlobalListener, CreateGlobalListenerConfig } from './createGlobalListener';
-declare type GlobalListener = ReturnType<typeof createGlobalListener>;
-export declare type UseGlobalListenerConfig = CreateGlobalListenerConfig & {
+type GlobalListener = ReturnType<typeof createGlobalListener>;
+export type UseGlobalListenerConfig = CreateGlobalListenerConfig & {
     /**
      * start listening when component mounted
      *

package/foundation/hooks/useGlobalListener/useGlobalListener.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGlobalListener = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var utils_1 = require("../../utils");
@@ -45,25 +46,25 @@ function useGlobalListener(key, listener) {
     }
     var _a = getListenerOverloadOption(args), options = _a.options, config = _a.config;
     var _b = config || {}, _c = _b.customKey, customKey = _c === void 0 ? key : _c, _d = _b.target, targetProp = _d === void 0 ? window : _d, _e = _b.startImmediately, startImmediately = _e === void 0 ? true : _e;
-    var _listener = useEventCallback_1.useEventCallback(listener);
-    var globalListener = react_1.useRef(createGlobalListener_1.createGlobalListener(key, _listener, options, {
+    var _listener = (0, useEventCallback_1.useEventCallback)(listener);
+    var globalListener = (0, react_1.useRef)((0, createGlobalListener_1.createGlobalListener)(key, _listener, options, {
         customKey: customKey,
         target: targetProp,
     })).current;
     if (process.env.NODE_ENV !== 'production') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        react_1.useEffect(function () {
+        (0, react_1.useEffect)(function () {
             if (customKey === key) {
                 if (Object.keys(options).length > 0) {
-                    utils_1.logInDev({
+                    (0, utils_1.logInDev)({
                         component: 'useGlobalListener',
                         message: 'when have set options, suggest you also bind customKey, otherwise, it may use previous listener without same options',
                         level: 'warn',
                     });
                 }
-                var target = utils_1.getRefElement(targetProp);
+                var target = (0, utils_1.getRefElement)(targetProp);
                 if (target !== window) {
-                    utils_1.logInDev({
+                    (0, utils_1.logInDev)({
                         component: 'useGlobalListener',
                         message: 'When you custom binding event target, you must custom key for determining different event group',
                         level: 'error',
@@ -73,7 +74,7 @@ function useGlobalListener(key, listener) {
             // eslint-disable-next-line react-hooks/exhaustive-deps
         }, []);
     }
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (startImmediately) {
             globalListener.listen();
         }

package/foundation/hooks/useHiddenTabindex/useHiddenTabindex.js

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHiddenTabindex = void 0;
 var utils_1 = require("../../utils");
 var useEventCallback_1 = require("../useEventCallback");
 /**
  * group hidden logic, when binding events element focus,
  * that hiddenRef will auto be `tabindex={-1}` *
  */
-exports.useHiddenTabindex = function (target) {
-    var handleFocus = useEventCallback_1.useEventCallback(function () {
-        var hiddenElm = utils_1.getRefElement(target);
+var useHiddenTabindex = function (target) {
+    var handleFocus = (0, useEventCallback_1.useEventCallback)(function () {
+        var hiddenElm = (0, utils_1.getRefElement)(target);
         if (hiddenElm && hiddenElm.tabIndex === 0) {
             hiddenElm.tabIndex = -1;
         }
     });
-    var handleBlur = useEventCallback_1.useEventCallback(function () {
-        var hiddenElm = utils_1.getRefElement(target);
+    var handleBlur = (0, useEventCallback_1.useEventCallback)(function () {
+        var hiddenElm = (0, utils_1.getRefElement)(target);
         if (hiddenElm && hiddenElm.tabIndex === -1) {
             hiddenElm.tabIndex = 0;
         }
@@ -24,3 +25,4 @@ exports.useHiddenTabindex = function (target) {
         onBlur: handleBlur,
     };
 };
+exports.useHiddenTabindex = useHiddenTabindex;

package/foundation/hooks/useId/useId.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useId = void 0;
 var tslib_1 = require("tslib");
 var uniqueId_1 = tslib_1.__importDefault(require("lodash/uniqueId"));
 var useResultRef_1 = require("../useResultRef");
@@ -19,14 +20,14 @@ var DEFAULT_PREFIX = 'rc-juno-id-';
  * useId('nameId', true) => 'nameId-xxxx'
  */
 function useId(id, prefixMode) {
-    var resultId = useResultRef_1.useResultRef(function () {
+    var resultId = (0, useResultRef_1.useResultRef)(function () {
         if (id) {
             if (prefixMode) {
-                return uniqueId_1.default(id + "-");
+                return (0, uniqueId_1.default)("".concat(id, "-"));
             }
             return id;
         }
-        return uniqueId_1.default(DEFAULT_PREFIX);
+        return (0, uniqueId_1.default)(DEFAULT_PREFIX);
     }).current;
     return resultId;
 }

package/foundation/hooks/useInterval/useInterval.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = void 0;
 var react_1 = require("react");
 var useEventCallback_1 = require("../useEventCallback");
 /**
@@ -27,7 +28,7 @@ var useEventCallback_1 = require("../useEventCallback");
  * }, 2000, false)
  * ```
  */
-exports.useInterval = function (
+var useInterval = function (
 /** callback with times, times start from 1 */
 callback, 
 /** what delay time of that interval */
@@ -36,23 +37,23 @@ delay,
 startImmediately) {
     if (delay === void 0) { delay = 0; }
     if (startImmediately === void 0) { startImmediately = true; }
-    var intervalRef = react_1.useRef();
-    var countRef = react_1.useRef(0);
-    var getRunning = useEventCallback_1.useEventCallback(function () { return !!intervalRef.current; });
-    var savedCallback = useEventCallback_1.useEventCallback(function (times) {
+    var intervalRef = (0, react_1.useRef)();
+    var countRef = (0, react_1.useRef)(0);
+    var getRunning = (0, useEventCallback_1.useEventCallback)(function () { return !!intervalRef.current; });
+    var savedCallback = (0, useEventCallback_1.useEventCallback)(function (times) {
         callback(times);
     });
-    var pause = react_1.useCallback(function () {
+    var pause = (0, react_1.useCallback)(function () {
         if (intervalRef.current) {
             clearInterval(intervalRef.current);
             intervalRef.current = undefined;
         }
     }, []);
-    var cancel = react_1.useCallback(function () {
+    var cancel = (0, react_1.useCallback)(function () {
         pause();
         countRef.current = 0;
     }, [pause]);
-    var play = react_1.useCallback(function () {
+    var play = (0, react_1.useCallback)(function () {
         var isRunning = getRunning();
         if (isRunning)
             return;
@@ -61,7 +62,7 @@ startImmediately) {
             savedCallback(countRef.current);
         }, delay);
     }, [delay, getRunning, savedCallback]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (startImmediately) {
             play();
         }
@@ -86,3 +87,4 @@ startImmediately) {
         getRunning: getRunning,
     };
 };
+exports.useInterval = useInterval;

package/foundation/hooks/useKeyDownOnce/useKeyDownOnce.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
-export declare type UseKeyDownOnce<T> = {
+export type UseKeyDownOnce<T> = {
     onKeyUp?: (e: React.KeyboardEvent<T>) => void;
     onKeyDown?: (e: React.KeyboardEvent<T>) => void;
 };

package/foundation/hooks/useKeyDownOnce/useKeyDownOnce.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useKeyDownOnce = void 0;
 var react_1 = require("react");
 var useEventCallback_1 = require("../useEventCallback");
 /**
@@ -8,10 +9,10 @@ var useEventCallback_1 = require("../useEventCallback");
  * @param methods trigger when first keydown or keyup
  * @returns
  */
-exports.useKeyDownOnce = function (includeKeys, _a) {
+var useKeyDownOnce = function (includeKeys, _a) {
     var onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp;
-    var isKeyDownMapRef = react_1.useRef({});
-    var handleKeyDown = useEventCallback_1.useEventCallback(function (e) {
+    var isKeyDownMapRef = (0, react_1.useRef)({});
+    var handleKeyDown = (0, useEventCallback_1.useEventCallback)(function (e) {
         if (includeKeys.includes(e.key)) {
             if (!isKeyDownMapRef.current[e.key]) {
                 onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
@@ -26,7 +27,7 @@ exports.useKeyDownOnce = function (includeKeys, _a) {
             onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
         }
     });
-    var handleKeyUp = useEventCallback_1.useEventCallback(function (e) {
+    var handleKeyUp = (0, useEventCallback_1.useEventCallback)(function (e) {
         if (includeKeys.includes(e.key)) {
             isKeyDownMapRef.current[e.key] = false;
         }
@@ -37,3 +38,4 @@ exports.useKeyDownOnce = function (includeKeys, _a) {
         onKeyUp: handleKeyUp,
     };
 };
+exports.useKeyDownOnce = useKeyDownOnce;

package/foundation/hooks/useKeyboardMoveFocus/moveIndexInTwoDimension.d.ts

@@ -1,4 +1,4 @@
-export declare type MoveIndexInTwoDimensionalOptions = {
+export type MoveIndexInTwoDimensionalOptions = {
     /** current index */
     currIndex: number;
     /** column number with that two dimensional */

package/foundation/hooks/useKeyboardMoveFocus/moveIndexInTwoDimension.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.moveIndexInTwoDimension = void 0;
 var tslib_1 = require("tslib");
 /**
  * that can move index in column array

package/foundation/hooks/useKeyboardMoveFocus/useKeyboardMoveFocus.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
 import { MoveIndexInTwoDimensionalOptions } from './moveIndexInTwoDimension';
-export declare type UseKeyboardMoveFocusParams<T> = {
+export type UseKeyboardMoveFocusParams<T> = {
     /** current focused index `ref` */
     focusedIndexRef: React.MutableRefObject<number>;
     /** action when index change */
@@ -38,13 +37,13 @@ export declare const useKeyboardMoveFocus: <T>({ infinite, options, focusedIndex
     /**
      * Get previous focusable option(include current index).
      */
-    getPrevFocusableOption: (index?: number, isInfinite?: any) => number;
+    getPrevFocusableOption: (index?: number, isInfinite?: boolean) => number;
     /**
      * Get next focusable option(include current index).
      */
-    getNextFocusableOption: (index?: number, isInfinite?: any) => number;
+    getNextFocusableOption: (index?: number, isInfinite?: boolean) => number;
     /**
      * Use to handle keyboard event.
      */
-    onKeyFocusedIndexHandle: (event: import("react").KeyboardEvent<any>) => void;
+    onKeyFocusedIndexHandle: (event: React.KeyboardEvent<any>) => void;
 };

package/foundation/hooks/useKeyboardMoveFocus/useKeyboardMoveFocus.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useKeyboardMoveFocus = void 0;
 var react_1 = require("react");
 var useDebounce_1 = require("../useDebounce");
 var moveIndexInTwoDimension_1 = require("./moveIndexInTwoDimension");
 /**
  * use keyboard move index in two dimensional
  */
-exports.useKeyboardMoveFocus = function (_a) {
+var useKeyboardMoveFocus = function (_a) {
     var infinite = _a.infinite, _b = _a.options, options = _b === void 0 ? [] : _b, focusedIndexRef = _a.focusedIndexRef, onFocusedIndexChange = _a.onFocusedIndexChange, getOptionDisabled = _a.getOptionDisabled, getOptionSearchText = _a.getOptionSearchText, _c = _a.columns, columns = _c === void 0 ? 1 : _c, _d = _a.endSearchDebounceTime, endSearchDebounceTime = _d === void 0 ? 500 : _d;
     var total = options.length;
-    var searchText = react_1.useRef('');
-    var debounceEndSearch = useDebounce_1.useDebounce(function () { return (searchText.current = ''); }, endSearchDebounceTime);
+    var searchText = (0, react_1.useRef)('');
+    var debounceEndSearch = (0, useDebounce_1.useDebounce)(function () { return (searchText.current = ''); }, endSearchDebounceTime);
     var searchTextAndFocus = function (event) {
         var key = event.key;
         if (!getOptionSearchText || key.length !== 1)
@@ -39,7 +40,7 @@ exports.useKeyboardMoveFocus = function (_a) {
                 ? findDirection === 'next'
                     ? currIndex + 1
                     : currIndex - 1
-                : moveIndexInTwoDimension_1.moveIndexInTwoDimension(key, {
+                : (0, moveIndexInTwoDimension_1.moveIndexInTwoDimension)(key, {
                     currIndex: currIndex,
                     columns: columns,
                     total: total,
@@ -73,7 +74,7 @@ exports.useKeyboardMoveFocus = function (_a) {
             }
         }
     };
-    var getPrevFocusableOption = react_1.useCallback(function (index, 
+    var getPrevFocusableOption = (0, react_1.useCallback)(function (index, 
     /** is that infinite search */
     isInfinite) {
         if (index === void 0) { index = focusedIndexRef.current; }
@@ -93,7 +94,7 @@ exports.useKeyboardMoveFocus = function (_a) {
         }
         return -1;
     }, [focusedIndexRef, getOptionDisabled, options, total]);
-    var getNextFocusableOption = react_1.useCallback(function (index, 
+    var getNextFocusableOption = (0, react_1.useCallback)(function (index, 
     /** is that infinite search */
     isInfinite) {
         if (index === void 0) { index = focusedIndexRef.current; }
@@ -128,3 +129,4 @@ exports.useKeyboardMoveFocus = function (_a) {
         onKeyFocusedIndexHandle: onKeyFocusedIndexHandle,
     };
 };
+exports.useKeyboardMoveFocus = useKeyboardMoveFocus;

package/foundation/hooks/useKeyboardMoveFocus/useOnlyOneFocusable.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
-export declare type UseOnlyOneFocusableParams = {
+export type UseOnlyOneFocusableParams = {
     /** current focused index `ref` */
     focusedIndexRef: React.MutableRefObject<number>;
     /** wrap container for below all only have one focusable */
@@ -14,5 +13,5 @@ export declare const useOnlyOneFocusable: ({ focusedIndexRef, containerRef, }: U
     moveFocusedId: string;
     focusIndex: (toIndex: number) => void;
     setIndexTabIndex: (toIndex: number) => void;
-    getItemProps: (index: number, options?: Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> | undefined) => Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">;
+    getItemProps: (index: number, options?: Omit<React.HTMLAttributes<HTMLElement>, 'children'>) => Omit<import("react").HTMLAttributes<HTMLElement>, "children">;
 };

package/foundation/hooks/useKeyboardMoveFocus/useOnlyOneFocusable.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnlyOneFocusable = void 0;
 var utils_1 = require("../../utils");
 var useId_1 = require("../useId");
 var MOVE_ATTR_KEY = 'data-move-focused';
@@ -7,15 +8,18 @@ var MOVE_ATTR_KEY = 'data-move-focused';
  * when focus in container below element with binding `getItemProps`,
  * that will only have one element can be focusable.
  */
-exports.useOnlyOneFocusable = function (_a) {
+var useOnlyOneFocusable = function (_a) {
     var focusedIndexRef = _a.focusedIndexRef, containerRef = _a.containerRef;
-    var moveFocusedId = useId_1.useId(MOVE_ATTR_KEY, true);
-    var getIndexElm = function (toIndex) { var _a; return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[" + moveFocusedId + "=\"" + toIndex + "\"]"); };
+    var moveFocusedId = (0, useId_1.useId)(MOVE_ATTR_KEY, true);
+    var getIndexElm = function (toIndex) {
+        var _a;
+        return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[".concat(moveFocusedId, "=\"").concat(toIndex, "\"]"));
+    };
     var setIndexTabIndex = function (toIndex) {
         var _a;
         var toElm = getIndexElm(toIndex);
         if (toElm) {
-            var prevElm = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[" + moveFocusedId + "][tabindex=\"0\"]");
+            var prevElm = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[".concat(moveFocusedId, "][tabindex=\"0\"]"));
             prevElm === null || prevElm === void 0 ? void 0 : prevElm.setAttribute('tabindex', '-1');
             toElm.setAttribute('tabindex', '0');
         }
@@ -31,7 +35,7 @@ exports.useOnlyOneFocusable = function (_a) {
         setIndexTabIndex: setIndexTabIndex,
         getItemProps: function (index, options) {
             var _a;
-            return utils_1.combineProps((_a = {},
+            return (0, utils_1.combineProps)((_a = {},
                 _a[moveFocusedId] = index,
                 _a.tabIndex = index === focusedIndexRef.current ? 0 : -1,
                 _a.onFocus = function () {
@@ -42,3 +46,4 @@ exports.useOnlyOneFocusable = function (_a) {
         },
     };
 };
+exports.useOnlyOneFocusable = useOnlyOneFocusable;

package/foundation/hooks/useLongPress/useLongPress.d.ts

@@ -12,14 +12,14 @@ export interface UseLongPressOptions {
     /** for custom window */
     externalWindow?: Window;
 }
-export declare type UseLongPressEventReason = 'keyboard' | 'click' | 'tap';
-export declare type UseLongPressOutput<T> = {
+export type UseLongPressEventReason = 'keyboard' | 'click' | 'tap';
+export type UseLongPressOutput<T> = {
     /** trigger when click or tab or keyboard */
     onTap?: (e: React.MouseEvent<T, MouseEvent> | React.TouchEvent<T> | React.KeyboardEvent<T>, reason: UseLongPressEventReason) => void;
     /** trigger when press or long click */
     onPress?: (e: React.MouseEvent<T, MouseEvent> | React.TouchEvent<T> | React.KeyboardEvent<T>, reason: UseLongPressEventReason) => void;
 };
-export declare type UseLongPressInput<T> = {
+export type UseLongPressInput<T> = {
     onKeyUp?: (e: React.KeyboardEvent<T>) => void;
     onKeyDown?: (e: React.KeyboardEvent<T>) => void;
 } & UseTouchMouseEvent<T>;
@@ -32,7 +32,7 @@ export declare type UseLongPressInput<T> = {
  * @default UseLongPressOptions { delay = 300 }
  */
 export declare const useLongPress: <T extends HTMLElement = HTMLElement>({ onTap, onPress }: UseLongPressOutput<T>, { onTouchStart: onTouchStartArg, onTouchEnd: onTouchEndArg, onMouseDown, onKeyDown, onKeyUp, onMouseUp: onMouseUpArg, }?: UseLongPressInput<T>, { isPreventDefault, delay, externalWindow, }?: UseLongPressOptions) => {
-    onMouseDown: (event: React.MouseEvent<T, MouseEvent>) => void;
+    onMouseDown: React.MouseEventHandler<T>;
     ref: React.MutableRefObject<T | null>;
     onKeyDown: (e: any) => void;
     onKeyUp: (e: any) => void;