@dnanpm/styleguide 2.3.0 → 3.0.0

package/build/cjs/hooks/useDocHeight.js

@@ -5,13 +5,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useDebounceFunc = require('./useDebounceFunc.js');
 
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 const DEBOUNCE_DELAY = 100;
 const useDocHeight = () => {
-    const setDocHeight = React.useCallback(() => {
+    const setDocHeight = React__namespace.useCallback(() => {
         document.documentElement.style.setProperty('--vh100', `${window.innerHeight}px`);
     }, []);
     const debounceSetDocHeight = useDebounceFunc.useDebounceFunc(setDocHeight, DEBOUNCE_DELAY);
-    React.useEffect(() => {
+    React__namespace.useEffect(() => {
         setDocHeight();
         window.addEventListener('resize', debounceSetDocHeight);
         window.addEventListener('orientationchange', debounceSetDocHeight);

package/build/cjs/hooks/useElementDimensions.js

@@ -34,4 +34,4 @@ function useResizeObserver() {
     return { ref, width: size.width, height: size.height };
 }
 
-exports.default = useResizeObserver;
+exports["default"] = useResizeObserver;

package/build/cjs/hooks/useOutsideClick.js

@@ -24,4 +24,4 @@ const useOutsideClick = (ref, callback) => {
     });
 };
 
-exports.default = useOutsideClick;
+exports["default"] = useOutsideClick;

package/build/cjs/hooks/useScrollPosition.js

@@ -32,7 +32,7 @@ const getScrollPosition = (ref) => {
         };
 };
 const useScrollPosition = (effect, deps, element, useWindow, wait) => {
-    const position = React__default['default'].useRef(getScrollPosition({
+    const position = React__default["default"].useRef(getScrollPosition({
         useWindow,
     }));
     let throttleTimeout = null;
@@ -48,7 +48,7 @@ const useScrollPosition = (effect, deps, element, useWindow, wait) => {
         position.current = currPos;
         throttleTimeout = null;
     };
-    React__default['default'].useEffect(() => {
+    React__default["default"].useEffect(() => {
         if (!isBrowser) {
             return undefined;
         }
@@ -73,4 +73,4 @@ useScrollPosition.defaultProps = {
     wait: null,
 };
 
-exports.default = useScrollPosition;
+exports["default"] = useScrollPosition;

package/build/cjs/hooks/useWindowSize.d.ts

@@ -0,0 +1,4 @@
+declare const useWindowSize: (collapseSize: number) => {
+    isMobile: boolean;
+};
+export default useWindowSize;

package/build/cjs/hooks/useWindowSize.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useWindowSize = (collapseSize) => {
+    const [width, setWidth] = React.useState();
+    React.useEffect(() => {
+        if (typeof window === 'undefined') {
+            return () => { };
+        }
+        const updateSize = () => {
+            setWidth(window.innerWidth);
+        };
+        window.addEventListener('resize', updateSize);
+        // Call handler right away so state gets updated with initial window size
+        updateSize();
+        return () => window.removeEventListener('resize', updateSize);
+    }, []);
+    if (!width) {
+        return {
+            isMobile: false,
+        };
+    }
+    return {
+        isMobile: width < collapseSize,
+    };
+};
+
+exports["default"] = useWindowSize;