@dnanpm/styleguide 3.7.1 → 3.7.2

package/build/es/hooks/useScrollPosition.js

@@ -1,66 +1,66 @@
 import { useRef, useEffect } from 'react';
 
-const isBrowser = typeof window !== 'undefined';
-const getScrollPosition = (ref) => {
-    const { element } = ref;
-    const { useWindow } = ref;
-    if (!isBrowser) {
-        return {
-            x: 0,
-            y: 0,
-        };
-    }
-    const target = element ? element.current : document.body;
-    const position = target.getBoundingClientRect();
-    return useWindow
-        ? {
-            x: window.scrollX,
-            y: window.scrollY,
-        }
-        : {
-            x: position.left,
-            y: position.top,
-        };
-};
-const useScrollPosition = (effect, element, useWindow, wait) => {
-    const position = useRef(getScrollPosition({
-        useWindow,
-    }));
-    const throttleTimeout = useRef(null);
-    const callBack = () => {
-        const currPos = getScrollPosition({
-            element,
-            useWindow,
-        });
-        effect({
-            prevPos: position.current,
-            currPos,
-        });
-        position.current = currPos;
-        throttleTimeout.current = null;
-    };
-    useEffect(() => {
-        if (!isBrowser) {
-            return undefined;
-        }
-        const handleScroll = () => {
-            if (wait) {
-                if (throttleTimeout.current === null) {
-                    throttleTimeout.current = setTimeout(callBack, wait);
-                }
-            }
-            else {
-                callBack();
-            }
-        };
-        window.addEventListener('scroll', handleScroll);
-        return () => window.removeEventListener('scroll', handleScroll);
-    });
-};
-useScrollPosition.defaultProps = {
-    element: false,
-    useWindow: false,
-    wait: null,
+const isBrowser = typeof window !== 'undefined';
+const getScrollPosition = (ref) => {
+    const { element } = ref;
+    const { useWindow } = ref;
+    if (!isBrowser) {
+        return {
+            x: 0,
+            y: 0,
+        };
+    }
+    const target = element ? element.current : document.body;
+    const position = target.getBoundingClientRect();
+    return useWindow
+        ? {
+            x: window.scrollX,
+            y: window.scrollY,
+        }
+        : {
+            x: position.left,
+            y: position.top,
+        };
+};
+const useScrollPosition = (effect, element, useWindow, wait) => {
+    const position = useRef(getScrollPosition({
+        useWindow,
+    }));
+    const throttleTimeout = useRef(null);
+    const callBack = () => {
+        const currPos = getScrollPosition({
+            element,
+            useWindow,
+        });
+        effect({
+            prevPos: position.current,
+            currPos,
+        });
+        position.current = currPos;
+        throttleTimeout.current = null;
+    };
+    useEffect(() => {
+        if (!isBrowser) {
+            return undefined;
+        }
+        const handleScroll = () => {
+            if (wait) {
+                if (throttleTimeout.current === null) {
+                    throttleTimeout.current = setTimeout(callBack, wait);
+                }
+            }
+            else {
+                callBack();
+            }
+        };
+        window.addEventListener('scroll', handleScroll);
+        return () => window.removeEventListener('scroll', handleScroll);
+    });
+};
+useScrollPosition.defaultProps = {
+    element: false,
+    useWindow: false,
+    wait: null,
 };
 
 export { useScrollPosition as default };

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

@@ -1,6 +1,6 @@
-declare const useWindowSize: (collapseSize?: number) => {
-    width: number | undefined;
-    height: number | undefined;
-    isMobile: boolean;
-};
-export default useWindowSize;
+declare const useWindowSize: (collapseSize?: number) => {
+    width: number | undefined;
+    height: number | undefined;
+    isMobile: boolean;
+};
+export default useWindowSize;

package/build/es/hooks/useWindowSize.js

@@ -1,26 +1,26 @@
 import { useState, useEffect } from 'react';
 
-const useWindowSize = (collapseSize) => {
-    const [width, setWidth] = useState();
-    const [height, setHeight] = useState();
-    useEffect(() => {
-        if (typeof window === 'undefined') {
-            return () => { };
-        }
-        const updateSize = () => {
-            setWidth(window.innerWidth);
-            setHeight(window.innerHeight);
-        };
-        window.addEventListener('resize', updateSize);
-        // Call handler right away so state gets updated with initial window size
-        updateSize();
-        return () => window.removeEventListener('resize', updateSize);
-    }, []);
-    return {
-        width,
-        height,
-        isMobile: Boolean(collapseSize && width && width < collapseSize),
-    };
+const useWindowSize = (collapseSize) => {
+    const [width, setWidth] = useState();
+    const [height, setHeight] = useState();
+    useEffect(() => {
+        if (typeof window === 'undefined') {
+            return () => { };
+        }
+        const updateSize = () => {
+            setWidth(window.innerWidth);
+            setHeight(window.innerHeight);
+        };
+        window.addEventListener('resize', updateSize);
+        // Call handler right away so state gets updated with initial window size
+        updateSize();
+        return () => window.removeEventListener('resize', updateSize);
+    }, []);
+    return {
+        width,
+        height,
+        isMobile: Boolean(collapseSize && width && width < collapseSize),
+    };
 };
 
 export { useWindowSize as default };

package/build/es/index.d.ts

@@ -1,6 +1,6 @@
-export * from './components';
-export { default as createStyled } from './utils/createStyled';
-export { default as styled } from './themes/styled';
-export { default as theme } from './themes/theme';
-export { globalStyles } from './themes/globalStyles';
-export { default as navigation } from './themes/themeComponents/navigation';
+export * from './components';
+export { default as createStyled } from './utils/createStyled';
+export { default as styled } from './themes/styled';
+export { default as theme } from './themes/theme';
+export { globalStyles } from './themes/globalStyles';
+export { default as navigation } from './themes/themeComponents/navigation';

package/build/es/index.js

@@ -9,6 +9,7 @@ export { default as ButtonIcon } from './components/Button/ButtonIcon.js';
 export { default as ButtonPrimary } from './components/Button/ButtonPrimary.js';
 export { default as ButtonRound } from './components/Button/ButtonRound.js';
 export { default as ButtonSecondary } from './components/Button/ButtonSecondary.js';
+export { default as Carousel } from './components/Carousel/Carousel.js';
 export { default as Checkbox } from './components/Checkbox/Checkbox.js';
 export { default as Chip } from './components/Chip/Chip.js';
 export { default as DateTimePicker } from './components/DateTimePicker/DateTimePicker.js';
@@ -16,6 +17,7 @@ export { default as Divider } from './components/Divider/Divider.js';
 export { default as DnaLogo } from './components/DnaLogo/DnaLogo.js';
 export { default as Drawer } from './components/Drawer/Drawer.js';
 export { default as EmptyState } from './components/EmptyState/EmptyState.js';
+export { default as Expander } from './components/Expander/Expander.js';
 export { default as Floater } from './components/Floater/Floater.js';
 export { default as Footer } from './components/Footer/Footer.js';
 export { default as Icon } from './components/Icon/Icon.js';