@dnanpm/styleguide 3.0.0 → 3.2.0

package/build/cjs/components/Helper/Helper.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var styled = require('../../themes/styled.js');
-var styledUtils = require('../../utils/styledUtils.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 Container = styled["default"].div `
-    position: relative;
-    display: inline-flex;
-    vertical-align: middle;
-    align-items: center;
-    margin-right: ${p => (p && p.left ? styledUtils.getMultipliedSize(p.theme.base.baseWidth, 1) : 0)};
-    margin-left: ${p => (p && p.right ? styledUtils.getMultipliedSize(p.theme.base.baseWidth, 1) : 0)};
-`;
-const HelperIcon = styled["default"].span `
-    position: relative;
-    display: inline-block;
-    cursor: pointer;
-    vertical-align: middle;
-    text-align: center;
-    font-weight: ${p => p.theme.fontWeight.bold};
-    color: ${p => p.theme.color.text.white};
-    background-color: ${p => p.theme.color.default.black};
-    border-radius: 50%;
-    height: 1rem;
-    min-width: 1rem;
-    padding: 0 4px;
-    font-size: ${p => p.theme.fontSize.s};
-    line-height: ${p => p.theme.lineHeight.xs};
-`;
-const Helper = ({ left, right, className, 'data-tip': dataTip, 'data-for': dataFor, }) => (React__namespace.createElement(Container, { left: left, right: right, className: className, "data-tip": dataTip, "data-for": dataFor },
-    React__namespace.createElement(HelperIcon, null, "?")));
-
-exports["default"] = Helper;

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

@@ -1 +0,0 @@
-export default function useBodyClass(className: string): void;

package/build/cjs/hooks/modifyBodyClass.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const addBodyClass = (className) => document.body.classList.add(className);
-const removeBodyClass = (className) => document.body.classList.remove(className);
-function useBodyClass(className) {
-    React.useEffect(() => {
-        // Set up
-        Array.isArray(className) ? className.map(addBodyClass) : addBodyClass(className);
-        // Clear classes
-        return () => {
-            Array.isArray(className) ? className.map(removeBodyClass) : removeBodyClass(className);
-        };
-    }, [className]);
-}
-
-exports["default"] = useBodyClass;

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

@@ -1 +0,0 @@
-export declare const useDebounceFunc: (func: (...args: any[]) => any, delay?: number) => (...args: any[]) => void;

package/build/cjs/hooks/useDebounceFunc.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-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 DEFAULT_DELAY = 400;
-const useDebounceFunc = (func, delay = DEFAULT_DELAY) => {
-    const debounce = React__namespace.useRef();
-    return React__namespace.useCallback((...args) => {
-        if (debounce.current)
-            clearTimeout(debounce.current);
-        debounce.current = setTimeout(() => {
-            func(args);
-        }, delay);
-    }, [func, delay]);
-};
-
-exports.useDebounceFunc = useDebounceFunc;

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

@@ -1,5 +0,0 @@
-export default function useResizeObserver(): {
-    ref: (node: any) => void;
-    width: number;
-    height: number;
-};

package/build/es/components/Helper/Helper.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-export interface Props {
-    /**
-     * Allows the connection to `Tooltip` component
-     */
-    'data-tip'?: boolean;
-    /**
-     * Corresponds to the `Tooltip` component ID attribute
-     */
-    'data-for'?: string;
-    /**
-     * Indicates that this component is on left side of other content and adds an appropriate right margin
-     */
-    left?: boolean;
-    /**
-     * Indicates that this component is on right side of other contents and adds an appropriate left margin
-     */
-    right?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-}
-declare const Helper: React.FunctionComponent<Props>;
-/** @component */
-export default Helper;

package/build/es/components/Helper/Helper.js

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import styled from '../../themes/styled.js';
-import { getMultipliedSize } from '../../utils/styledUtils.js';
-
-const Container = styled.div `
-    position: relative;
-    display: inline-flex;
-    vertical-align: middle;
-    align-items: center;
-    margin-right: ${p => (p && p.left ? getMultipliedSize(p.theme.base.baseWidth, 1) : 0)};
-    margin-left: ${p => (p && p.right ? getMultipliedSize(p.theme.base.baseWidth, 1) : 0)};
-`;
-const HelperIcon = styled.span `
-    position: relative;
-    display: inline-block;
-    cursor: pointer;
-    vertical-align: middle;
-    text-align: center;
-    font-weight: ${p => p.theme.fontWeight.bold};
-    color: ${p => p.theme.color.text.white};
-    background-color: ${p => p.theme.color.default.black};
-    border-radius: 50%;
-    height: 1rem;
-    min-width: 1rem;
-    padding: 0 4px;
-    font-size: ${p => p.theme.fontSize.s};
-    line-height: ${p => p.theme.lineHeight.xs};
-`;
-const Helper = ({ left, right, className, 'data-tip': dataTip, 'data-for': dataFor, }) => (React.createElement(Container, { left: left, right: right, className: className, "data-tip": dataTip, "data-for": dataFor },
-    React.createElement(HelperIcon, null, "?")));
-
-export { Helper as default };

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

@@ -1 +0,0 @@
-export default function useBodyClass(className: string): void;

package/build/es/hooks/modifyBodyClass.js

@@ -1,16 +0,0 @@
-import { useEffect } from 'react';
-
-const addBodyClass = (className) => document.body.classList.add(className);
-const removeBodyClass = (className) => document.body.classList.remove(className);
-function useBodyClass(className) {
-    useEffect(() => {
-        // Set up
-        Array.isArray(className) ? className.map(addBodyClass) : addBodyClass(className);
-        // Clear classes
-        return () => {
-            Array.isArray(className) ? className.map(removeBodyClass) : removeBodyClass(className);
-        };
-    }, [className]);
-}
-
-export { useBodyClass as default };

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

@@ -1 +0,0 @@
-export declare const useDebounceFunc: (func: (...args: any[]) => any, delay?: number) => (...args: any[]) => void;

package/build/es/hooks/useDebounceFunc.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-
-const DEFAULT_DELAY = 400;
-const useDebounceFunc = (func, delay = DEFAULT_DELAY) => {
-    const debounce = React.useRef();
-    return React.useCallback((...args) => {
-        if (debounce.current)
-            clearTimeout(debounce.current);
-        debounce.current = setTimeout(() => {
-            func(args);
-        }, delay);
-    }, [func, delay]);
-};
-
-export { useDebounceFunc };

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

@@ -1,5 +0,0 @@
-export default function useResizeObserver(): {
-    ref: (node: any) => void;
-    width: number;
-    height: number;
-};