@nextui-org/react 1.0.1-alpha.7 → 1.0.2-alpha.2

package/esm/use-keyboard/codes.d.ts

@@ -0,0 +1,92 @@
+/**
+ * KeyBinding Codes
+ * The content of this file is based on the design of the open source project "microsoft/vscode",
+ *   Copyright (c) Microsoft Corporation. All rights reserved.
+ *
+ * We inherit the KeyMod values from "microsoft/vscode",
+ * but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
+ */
+export declare enum KeyCode {
+    Unknown = 0,
+    Backspace = 8,
+    Tab = 9,
+    Enter = 13,
+    Shift = 16,
+    Ctrl = 17,
+    Alt = 18,
+    PauseBreak = 19,
+    CapsLock = 20,
+    Escape = 27,
+    Space = 32,
+    PageUp = 33,
+    PageDown = 34,
+    End = 35,
+    Home = 36,
+    LeftArrow = 37,
+    UpArrow = 38,
+    RightArrow = 39,
+    DownArrow = 40,
+    Insert = 45,
+    Delete = 46,
+    KEY_0 = 48,
+    KEY_1 = 49,
+    KEY_2 = 50,
+    KEY_3 = 51,
+    KEY_4 = 52,
+    KEY_5 = 53,
+    KEY_6 = 54,
+    KEY_7 = 55,
+    KEY_8 = 56,
+    KEY_9 = 57,
+    KEY_A = 65,
+    KEY_B = 66,
+    KEY_C = 67,
+    KEY_D = 68,
+    KEY_E = 69,
+    KEY_F = 70,
+    KEY_G = 71,
+    KEY_H = 72,
+    KEY_I = 73,
+    KEY_J = 74,
+    KEY_K = 75,
+    KEY_L = 76,
+    KEY_M = 77,
+    KEY_N = 78,
+    KEY_O = 79,
+    KEY_P = 80,
+    KEY_Q = 81,
+    KEY_R = 82,
+    KEY_S = 83,
+    KEY_T = 84,
+    KEY_U = 85,
+    KEY_V = 86,
+    KEY_W = 87,
+    KEY_X = 88,
+    KEY_Y = 89,
+    KEY_Z = 90,
+    Meta = 91,
+    F1 = 112,
+    F2 = 113,
+    F3 = 114,
+    F4 = 115,
+    F5 = 116,
+    F6 = 117,
+    F7 = 118,
+    F8 = 119,
+    F9 = 120,
+    F10 = 121,
+    F11 = 122,
+    F12 = 123,
+    NumLock = 144,
+    ScrollLock = 145,
+    Equal = 187,
+    Minus = 189,
+    Backquote = 192,
+    Backslash = 220
+}
+export declare enum KeyMod {
+    CtrlCmd = 2048,
+    Shift = 1024,
+    Alt = 512,
+    WinCtrl = 256
+}

package/esm/use-keyboard/codes.js

@@ -0,0 +1,104 @@
+"use strict";
+
+exports.__esModule = true;
+exports.KeyMod = exports.KeyCode = void 0;
+
+/**
+ * KeyBinding Codes
+ * The content of this file is based on the design of the open source project "microsoft/vscode",
+ *   Copyright (c) Microsoft Corporation. All rights reserved.
+ *
+ * We inherit the KeyMod values from "microsoft/vscode",
+ * but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
+ */
+let KeyCode;
+exports.KeyCode = KeyCode;
+
+(function (KeyCode) {
+  KeyCode[KeyCode["Unknown"] = 0] = "Unknown";
+  KeyCode[KeyCode["Backspace"] = 8] = "Backspace";
+  KeyCode[KeyCode["Tab"] = 9] = "Tab";
+  KeyCode[KeyCode["Enter"] = 13] = "Enter";
+  KeyCode[KeyCode["Shift"] = 16] = "Shift";
+  KeyCode[KeyCode["Ctrl"] = 17] = "Ctrl";
+  KeyCode[KeyCode["Alt"] = 18] = "Alt";
+  KeyCode[KeyCode["PauseBreak"] = 19] = "PauseBreak";
+  KeyCode[KeyCode["CapsLock"] = 20] = "CapsLock";
+  KeyCode[KeyCode["Escape"] = 27] = "Escape";
+  KeyCode[KeyCode["Space"] = 32] = "Space";
+  KeyCode[KeyCode["PageUp"] = 33] = "PageUp";
+  KeyCode[KeyCode["PageDown"] = 34] = "PageDown";
+  KeyCode[KeyCode["End"] = 35] = "End";
+  KeyCode[KeyCode["Home"] = 36] = "Home";
+  KeyCode[KeyCode["LeftArrow"] = 37] = "LeftArrow";
+  KeyCode[KeyCode["UpArrow"] = 38] = "UpArrow";
+  KeyCode[KeyCode["RightArrow"] = 39] = "RightArrow";
+  KeyCode[KeyCode["DownArrow"] = 40] = "DownArrow";
+  KeyCode[KeyCode["Insert"] = 45] = "Insert";
+  KeyCode[KeyCode["Delete"] = 46] = "Delete";
+  KeyCode[KeyCode["KEY_0"] = 48] = "KEY_0";
+  KeyCode[KeyCode["KEY_1"] = 49] = "KEY_1";
+  KeyCode[KeyCode["KEY_2"] = 50] = "KEY_2";
+  KeyCode[KeyCode["KEY_3"] = 51] = "KEY_3";
+  KeyCode[KeyCode["KEY_4"] = 52] = "KEY_4";
+  KeyCode[KeyCode["KEY_5"] = 53] = "KEY_5";
+  KeyCode[KeyCode["KEY_6"] = 54] = "KEY_6";
+  KeyCode[KeyCode["KEY_7"] = 55] = "KEY_7";
+  KeyCode[KeyCode["KEY_8"] = 56] = "KEY_8";
+  KeyCode[KeyCode["KEY_9"] = 57] = "KEY_9";
+  KeyCode[KeyCode["KEY_A"] = 65] = "KEY_A";
+  KeyCode[KeyCode["KEY_B"] = 66] = "KEY_B";
+  KeyCode[KeyCode["KEY_C"] = 67] = "KEY_C";
+  KeyCode[KeyCode["KEY_D"] = 68] = "KEY_D";
+  KeyCode[KeyCode["KEY_E"] = 69] = "KEY_E";
+  KeyCode[KeyCode["KEY_F"] = 70] = "KEY_F";
+  KeyCode[KeyCode["KEY_G"] = 71] = "KEY_G";
+  KeyCode[KeyCode["KEY_H"] = 72] = "KEY_H";
+  KeyCode[KeyCode["KEY_I"] = 73] = "KEY_I";
+  KeyCode[KeyCode["KEY_J"] = 74] = "KEY_J";
+  KeyCode[KeyCode["KEY_K"] = 75] = "KEY_K";
+  KeyCode[KeyCode["KEY_L"] = 76] = "KEY_L";
+  KeyCode[KeyCode["KEY_M"] = 77] = "KEY_M";
+  KeyCode[KeyCode["KEY_N"] = 78] = "KEY_N";
+  KeyCode[KeyCode["KEY_O"] = 79] = "KEY_O";
+  KeyCode[KeyCode["KEY_P"] = 80] = "KEY_P";
+  KeyCode[KeyCode["KEY_Q"] = 81] = "KEY_Q";
+  KeyCode[KeyCode["KEY_R"] = 82] = "KEY_R";
+  KeyCode[KeyCode["KEY_S"] = 83] = "KEY_S";
+  KeyCode[KeyCode["KEY_T"] = 84] = "KEY_T";
+  KeyCode[KeyCode["KEY_U"] = 85] = "KEY_U";
+  KeyCode[KeyCode["KEY_V"] = 86] = "KEY_V";
+  KeyCode[KeyCode["KEY_W"] = 87] = "KEY_W";
+  KeyCode[KeyCode["KEY_X"] = 88] = "KEY_X";
+  KeyCode[KeyCode["KEY_Y"] = 89] = "KEY_Y";
+  KeyCode[KeyCode["KEY_Z"] = 90] = "KEY_Z";
+  KeyCode[KeyCode["Meta"] = 91] = "Meta";
+  KeyCode[KeyCode["F1"] = 112] = "F1";
+  KeyCode[KeyCode["F2"] = 113] = "F2";
+  KeyCode[KeyCode["F3"] = 114] = "F3";
+  KeyCode[KeyCode["F4"] = 115] = "F4";
+  KeyCode[KeyCode["F5"] = 116] = "F5";
+  KeyCode[KeyCode["F6"] = 117] = "F6";
+  KeyCode[KeyCode["F7"] = 118] = "F7";
+  KeyCode[KeyCode["F8"] = 119] = "F8";
+  KeyCode[KeyCode["F9"] = 120] = "F9";
+  KeyCode[KeyCode["F10"] = 121] = "F10";
+  KeyCode[KeyCode["F11"] = 122] = "F11";
+  KeyCode[KeyCode["F12"] = 123] = "F12";
+  KeyCode[KeyCode["NumLock"] = 144] = "NumLock";
+  KeyCode[KeyCode["ScrollLock"] = 145] = "ScrollLock";
+  KeyCode[KeyCode["Equal"] = 187] = "Equal";
+  KeyCode[KeyCode["Minus"] = 189] = "Minus";
+  KeyCode[KeyCode["Backquote"] = 192] = "Backquote";
+  KeyCode[KeyCode["Backslash"] = 220] = "Backslash";
+})(KeyCode || (exports.KeyCode = KeyCode = {}));
+
+let KeyMod;
+exports.KeyMod = KeyMod;
+
+(function (KeyMod) {
+  KeyMod[KeyMod["CtrlCmd"] = 2048] = "CtrlCmd";
+  KeyMod[KeyMod["Shift"] = 1024] = "Shift";
+  KeyMod[KeyMod["Alt"] = 512] = "Alt";
+  KeyMod[KeyMod["WinCtrl"] = 256] = "WinCtrl";
+})(KeyMod || (exports.KeyMod = KeyMod = {}));

package/esm/use-keyboard/helper.d.ts

@@ -0,0 +1,3 @@
+import { KeyMod } from './codes';
+export declare const getCtrlKeysByPlatform: () => Record<string, 'metaKey' | 'ctrlKey'>;
+export declare const getActiveModMap: (bindings: number[]) => Record<keyof typeof KeyMod, boolean>;

package/esm/use-keyboard/helper.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getCtrlKeysByPlatform = exports.getActiveModMap = void 0;
+
+var _collections = require("../utils/collections");
+
+var _codes = require("./codes");
+
+/* istanbul ignore next */
+const getCtrlKeysByPlatform = () => {
+  return {
+    CtrlCmd: (0, _collections.isMac)() ? 'metaKey' : 'ctrlKey',
+    WinCtrl: (0, _collections.isMac)() ? 'ctrlKey' : 'metaKey'
+  };
+};
+
+exports.getCtrlKeysByPlatform = getCtrlKeysByPlatform;
+
+const getActiveModMap = bindings => {
+  const modBindings = bindings.filter(item => !!_codes.KeyMod[item]);
+  const activeModMap = {
+    CtrlCmd: false,
+    Shift: false,
+    Alt: false,
+    WinCtrl: false
+  };
+  modBindings.forEach(code => {
+    const modKey = _codes.KeyMod[code];
+    activeModMap[modKey] = true;
+  });
+  return activeModMap;
+};
+
+exports.getActiveModMap = getActiveModMap;

package/esm/use-keyboard/index.d.ts

@@ -0,0 +1,5 @@
+import useKeyboard from './use-keyboard';
+import { KeyMod, KeyCode } from './codes';
+export { KeyMod, KeyCode };
+export type { UseKeyboardHandler, KeyboardOptions, KeyboardResult, UseKeyboard } from './use-keyboard';
+export default useKeyboard;

package/esm/use-keyboard/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _useKeyboard = _interopRequireDefault(require("./use-keyboard"));
+
+var _codes = require("./codes");
+
+exports.KeyMod = _codes.KeyMod;
+exports.KeyCode = _codes.KeyCode;
+var _default = _useKeyboard.default;
+exports.default = _default;

package/esm/use-keyboard/use-keyboard.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare type KeyboardOptions = {
+    disableGlobalEvent?: boolean;
+    stopPropagation?: boolean;
+    preventDefault?: boolean;
+    capture?: boolean;
+    event?: 'keydown' | 'keypress' | 'keyup';
+};
+export declare type KeyboardResult = {
+    bindings: {
+        onKeyDown: React.KeyboardEventHandler;
+        onKeyDownCapture: React.KeyboardEventHandler;
+        onKeyPress: React.KeyboardEventHandler;
+        onKeyPressCapture: React.KeyboardEventHandler;
+        onKeyUp: React.KeyboardEventHandler;
+        onKeyUpCapture: React.KeyboardEventHandler;
+    };
+};
+export declare type UseKeyboardHandler = (event: React.KeyboardEvent | KeyboardEvent) => void;
+export declare type UseKeyboard = (handler: UseKeyboardHandler, keyBindings: Array<number> | number, options?: KeyboardOptions) => KeyboardResult;
+declare const useKeyboard: UseKeyboard;
+export default useKeyboard;

package/esm/use-keyboard/use-keyboard.js

@@ -0,0 +1,76 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _codes = require("./codes");
+
+var _react = require("react");
+
+var _helper = require("./helper");
+
+const useKeyboard = (handler, keyBindings, options = {}) => {
+  const bindings = Array.isArray(keyBindings) ? keyBindings : [keyBindings];
+  const {
+    disableGlobalEvent = false,
+    capture = false,
+    stopPropagation = false,
+    preventDefault = false,
+    event = 'keydown'
+  } = options;
+  const activeModMap = (0, _helper.getActiveModMap)(bindings);
+  const keyCodes = bindings.filter(item => !_codes.KeyMod[item]);
+  const {
+    CtrlCmd,
+    WinCtrl
+  } = (0, _helper.getCtrlKeysByPlatform)();
+
+  const eventHandler = event => {
+    if (activeModMap.Shift && !event.shiftKey) return;
+    if (activeModMap.Alt && !event.altKey) return;
+    if (activeModMap.CtrlCmd && !event[CtrlCmd]) return;
+    if (activeModMap.WinCtrl && !event[WinCtrl]) return;
+    if (keyCodes.length > 0 && !keyCodes.includes(event.keyCode)) return;
+
+    if (stopPropagation) {
+      event.stopPropagation();
+    }
+
+    if (preventDefault) {
+      event.preventDefault();
+    }
+
+    handler && handler(event);
+  };
+
+  (0, _react.useEffect)(() => {
+    if (!disableGlobalEvent) {
+      document.addEventListener(event, eventHandler);
+    }
+
+    return () => {
+      document.removeEventListener(event, eventHandler);
+    };
+  }, [disableGlobalEvent]);
+
+  const elementBindingHandler = (elementEventType, isCapture = false) => {
+    if (elementEventType !== event) return () => {};
+    if (isCapture !== capture) return () => {};
+    return e => eventHandler(e);
+  };
+
+  return {
+    bindings: {
+      onKeyDown: elementBindingHandler('keydown'),
+      onKeyDownCapture: elementBindingHandler('keydown', true),
+      onKeyPress: elementBindingHandler('keypress'),
+      onKeyPressCapture: elementBindingHandler('keypress', true),
+      onKeyUp: elementBindingHandler('keyup'),
+      onKeyUpCapture: elementBindingHandler('keyup', true)
+    }
+  };
+};
+
+var _default = useKeyboard;
+exports.default = _default;
+module.exports = exports.default;

package/esm/use-pagination/index.d.ts

@@ -0,0 +1,20 @@
+export declare const DOTS = "dots";
+export interface PaginationParams {
+    total: number;
+    initialPage?: number;
+    page?: number;
+    siblings?: number;
+    boundaries?: number;
+    onChange?: (page: number) => void;
+}
+export declare type PaginationItemParam = number | typeof DOTS;
+declare const usePagination: ({ page, total, siblings, boundaries, initialPage, onChange }: PaginationParams) => {
+    range: PaginationItemParam[];
+    active: number;
+    setPage: (pageNumber: number) => void;
+    next: () => void;
+    previous: () => void;
+    first: () => void;
+    last: () => void;
+};
+export default usePagination;

package/esm/use-pagination/index.js

@@ -0,0 +1,88 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.DOTS = void 0;
+
+var _react = require("react");
+
+var _numbers = require("../utils/numbers");
+
+const DOTS = 'dots';
+exports.DOTS = DOTS;
+
+const usePagination = ({
+  page,
+  total,
+  siblings = 1,
+  boundaries = 1,
+  initialPage = 1,
+  onChange
+}) => {
+  const [activePage, setActivePage] = (0, _react.useState)(page || initialPage);
+
+  const onChangeActivePage = newPage => {
+    setActivePage(newPage);
+    onChange && onChange(newPage);
+  };
+
+  const setPage = (0, _react.useCallback)(pageNumber => {
+    if (pageNumber <= 0) {
+      onChangeActivePage(1);
+    } else if (pageNumber > total) {
+      onChangeActivePage(total);
+    } else {
+      onChangeActivePage(pageNumber);
+    }
+  }, [total]);
+
+  const next = () => setPage(activePage + 1);
+
+  const previous = () => setPage(activePage - 1);
+
+  const first = () => setPage(1);
+
+  const last = () => setPage(total);
+
+  const paginationRange = (0, _react.useMemo)(() => {
+    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
+
+    if (totalPageNumbers >= total) {
+      return (0, _numbers.range)(1, total);
+    }
+
+    const leftSiblingIndex = Math.max(activePage - siblings, boundaries);
+    const rightSiblingIndex = Math.min(activePage + siblings, total - boundaries);
+    /*
+     * We do not want to show dots if there is only one position left
+     * after/before the left/right page count as that would lead to a change if our Pagination
+     * component size which we do not want
+     */
+
+    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
+    const shouldShowRightDots = rightSiblingIndex < total - (boundaries + 1);
+
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      const leftItemCount = siblings * 2 + boundaries + 2;
+      return [...(0, _numbers.range)(1, leftItemCount), DOTS, ...(0, _numbers.range)(total - (boundaries - 1), total)];
+    }
+
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      const rightItemCount = boundaries + 1 + 2 * siblings;
+      return [...(0, _numbers.range)(1, boundaries), DOTS, ...(0, _numbers.range)(total - rightItemCount, total)];
+    }
+
+    return [...(0, _numbers.range)(1, boundaries), DOTS, ...(0, _numbers.range)(leftSiblingIndex, rightSiblingIndex), DOTS, ...(0, _numbers.range)(total - boundaries + 1, total)];
+  }, [total, siblings, activePage]);
+  return {
+    range: paginationRange,
+    active: activePage,
+    setPage,
+    next,
+    previous,
+    first,
+    last
+  };
+};
+
+var _default = usePagination;
+exports.default = _default;

package/esm/use-portal/index.d.ts

@@ -0,0 +1,2 @@
+import usePortal from './use-portal';
+export default usePortal;

package/esm/use-portal/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _usePortal = _interopRequireDefault(require("./use-portal"));
+
+var _default = _usePortal.default;
+exports.default = _default;
+module.exports = exports.default;

package/esm/use-portal/use-portal.d.ts

@@ -0,0 +1,2 @@
+declare const usePortal: (selectId?: string, getContainer?: (() => HTMLElement | null) | undefined) => HTMLElement | null;
+export default usePortal;

package/esm/use-portal/use-portal.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = require("react");
+
+var _useSsr = _interopRequireDefault(require("../use-ssr"));
+
+var _collections = require("../utils/collections");
+
+const createElement = id => {
+  const el = document.createElement('div');
+  el.setAttribute('id', id);
+  return el;
+};
+
+const usePortal = (selectId = (0, _collections.getId)(), getContainer) => {
+  const id = `nextui-${selectId}`;
+  const {
+    isBrowser
+  } = (0, _useSsr.default)();
+  const [elSnapshot, setElSnapshot] = (0, _react.useState)(isBrowser ? createElement(id) : null);
+  (0, _react.useEffect)(() => {
+    const customContainer = getContainer ? getContainer() : null;
+    const parentElement = customContainer || document.body;
+    const hasElement = parentElement.querySelector(`#${id}`);
+    const el = hasElement || createElement(id);
+
+    if (!hasElement) {
+      parentElement.appendChild(el);
+    }
+
+    setElSnapshot(el);
+  }, []);
+  return elSnapshot;
+};
+
+var _default = usePortal;
+exports.default = _default;
+module.exports = exports.default;

package/esm/use-real-shape/index.d.ts

@@ -0,0 +1,2 @@
+import useRealShape from './use-real-shape';
+export default useRealShape;

package/esm/use-real-shape/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _useRealShape = _interopRequireDefault(require("./use-real-shape"));
+
+var _default = _useRealShape.default;
+exports.default = _default;
+module.exports = exports.default;

package/esm/use-real-shape/use-real-shape.d.ts

@@ -0,0 +1,9 @@
+import { MutableRefObject } from 'react';
+export declare type ShapeType = {
+    width: number;
+    height: number;
+};
+export declare const getRealShape: (el: HTMLElement | null) => ShapeType;
+export declare type ShapeResult = [ShapeType, () => void];
+declare const useRealShape: <T extends HTMLElement>(ref: MutableRefObject<T | null>) => ShapeResult;
+export default useRealShape;

package/esm/use-real-shape/use-real-shape.js

@@ -0,0 +1,55 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getRealShape = exports.default = void 0;
+
+var _react = require("react");
+
+const getCSSStyleVal = (str, parentNum) => {
+  if (!str) return 0;
+  const strVal = str.includes('px') ? +str.split('px')[0] : str.includes('%') ? +str.split('%')[0] * parentNum * 0.01 : str;
+  return Number.isNaN(+strVal) ? 0 : +strVal;
+};
+
+const getRealShape = el => {
+  const defaultShape = {
+    width: 0,
+    height: 0
+  };
+  if (!el || typeof window === 'undefined') return defaultShape;
+  const rect = el.getBoundingClientRect();
+  const {
+    width,
+    height
+  } = window.getComputedStyle(el);
+  return {
+    width: getCSSStyleVal(`${width}`, rect.width),
+    height: getCSSStyleVal(`${height}`, rect.height)
+  };
+};
+
+exports.getRealShape = getRealShape;
+
+const useRealShape = ref => {
+  const [state, setState] = (0, _react.useState)({
+    width: 0,
+    height: 0
+  });
+
+  const update = () => {
+    const {
+      width,
+      height
+    } = getRealShape(ref.current);
+    setState({
+      width,
+      height
+    });
+  };
+
+  (0, _react.useEffect)(() => update(), [ref.current]);
+  return [state, update];
+};
+
+var _default = useRealShape;
+exports.default = _default;

package/esm/use-resize/index.d.ts

@@ -0,0 +1,2 @@
+import useResize from './use-resize';
+export default useResize;

package/esm/use-resize/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _useResize = _interopRequireDefault(require("./use-resize"));
+
+var _default = _useResize.default;
+exports.default = _default;
+module.exports = exports.default;

package/esm/use-resize/use-resize.d.ts

@@ -0,0 +1,2 @@
+declare const useResize: (callback: Function, immediatelyInvoke?: boolean) => void;
+export default useResize;

package/esm/use-resize/use-resize.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = require("react");
+
+const useResize = (callback, immediatelyInvoke = true) => {
+  (0, _react.useEffect)(() => {
+    const fn = () => callback();
+
+    if (immediatelyInvoke) {
+      fn();
+    }
+
+    window.addEventListener('resize', fn);
+    return () => window.removeEventListener('resize', fn);
+  }, []);
+};
+
+var _default = useResize;
+exports.default = _default;
+module.exports = exports.default;

package/esm/use-ssr/index.d.ts

@@ -0,0 +1,2 @@
+import useSSR from './use-ssr';
+export default useSSR;

package/esm/use-ssr/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _useSsr = _interopRequireDefault(require("./use-ssr"));
+
+var _default = _useSsr.default;
+exports.default = _default;
+module.exports = exports.default;