@dnanpm/styleguide 3.7.1 → 3.8.1

package/build/cjs/hooks/useScrollPosition.js

@@ -4,67 +4,67 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('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 = React.useRef(getScrollPosition({
-        useWindow,
-    }));
-    const throttleTimeout = React.useRef(null);
-    const callBack = () => {
-        const currPos = getScrollPosition({
-            element,
-            useWindow,
-        });
-        effect({
-            prevPos: position.current,
-            currPos,
-        });
-        position.current = currPos;
-        throttleTimeout.current = null;
-    };
-    React.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 = React.useRef(getScrollPosition({
+        useWindow,
+    }));
+    const throttleTimeout = React.useRef(null);
+    const callBack = () => {
+        const currPos = getScrollPosition({
+            element,
+            useWindow,
+        });
+        effect({
+            prevPos: position.current,
+            currPos,
+        });
+        position.current = currPos;
+        throttleTimeout.current = null;
+    };
+    React.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,
 };
 
 exports["default"] = useScrollPosition;

package/build/cjs/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/cjs/hooks/useWindowSize.js

@@ -4,27 +4,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const useWindowSize = (collapseSize) => {
-    const [width, setWidth] = React.useState();
-    const [height, setHeight] = React.useState();
-    React.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] = React.useState();
+    const [height, setHeight] = React.useState();
+    React.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),
+    };
 };
 
 exports["default"] = useWindowSize;

package/build/cjs/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/cjs/index.js

@@ -13,6 +13,7 @@ var ButtonIcon = require('./components/Button/ButtonIcon.js');
 var ButtonPrimary = require('./components/Button/ButtonPrimary.js');
 var ButtonRound = require('./components/Button/ButtonRound.js');
 var ButtonSecondary = require('./components/Button/ButtonSecondary.js');
+var Carousel = require('./components/Carousel/Carousel.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
 var Chip = require('./components/Chip/Chip.js');
 var DateTimePicker = require('./components/DateTimePicker/DateTimePicker.js');
@@ -20,6 +21,7 @@ var Divider = require('./components/Divider/Divider.js');
 var DnaLogo = require('./components/DnaLogo/DnaLogo.js');
 var Drawer = require('./components/Drawer/Drawer.js');
 var EmptyState = require('./components/EmptyState/EmptyState.js');
+var Expander = require('./components/Expander/Expander.js');
 var Floater = require('./components/Floater/Floater.js');
 var Footer = require('./components/Footer/Footer.js');
 var Icon = require('./components/Icon/Icon.js');
@@ -177,6 +179,7 @@ exports.ButtonIcon = ButtonIcon["default"];
 exports.ButtonPrimary = ButtonPrimary["default"];
 exports.ButtonRound = ButtonRound["default"];
 exports.ButtonSecondary = ButtonSecondary["default"];
+exports.Carousel = Carousel["default"];
 exports.Checkbox = Checkbox["default"];
 exports.Chip = Chip["default"];
 exports.DateTimePicker = DateTimePicker["default"];
@@ -184,6 +187,7 @@ exports.Divider = Divider["default"];
 exports.DnaLogo = DnaLogo["default"];
 exports.Drawer = Drawer["default"];
 exports.EmptyState = EmptyState["default"];
+exports.Expander = Expander["default"];
 exports.Floater = Floater["default"];
 exports.Footer = Footer["default"];
 exports.Icon = Icon["default"];