nuudel-core 0.1.1 → 0.1.2

package/build/module/lib/components/Button/index.jsx

@@ -0,0 +1,74 @@
+import React, { useEffect } from 'react';
+import { Button as BaseButton } from '@material-ui/core';
+export const Button = ({ children, ...props }) => {
+    const { timeout = 1200 } = props;
+    //const [_debounce, setDebounce] = useState();
+    let _debounce = undefined;
+    useEffect(() => {
+        //function cleanup()
+        return () => {
+            clearTimeout(_debounce);
+        };
+    }, [_debounce]);
+    const onClick = e => {
+        if (timeout) {
+            if (!_debounce) {
+                props.onClick && props.onClick(e);
+            }
+            else {
+                clearTimeout(_debounce);
+            }
+            _debounce = setTimeout(() => {
+                //setDebounce(undefined);
+                _debounce = undefined;
+            }, timeout);
+        }
+        else {
+            props.onClick && props.onClick(e);
+        }
+    };
+    return (<BaseButton variant="contained" {...props} onClick={onClick} style={props.style}>
+      {children}
+    </BaseButton>);
+};
+export class Touchable extends React.Component {
+    LongClick;
+    _debounce = undefined;
+    constructor(props) {
+        super(props);
+        this.LongClick = false;
+        this.state = {};
+    }
+    static defaultProps = {
+        timeout: 1200,
+    };
+    onLongClick = e => {
+        this.LongClick = true;
+        this.props.onDoubleClick && this.props.onDoubleClick(e);
+    };
+    onClick = e => {
+        this.LongClick = false;
+        if (this.props.timeout) {
+            if (!this._debounce) {
+                this.props.onClick && this.props.onClick(e);
+            }
+            else {
+                clearTimeout(this._debounce);
+            }
+            this._debounce = setTimeout(() => {
+                this._debounce = undefined;
+            }, this.props.timeout);
+        }
+        else {
+            this.props.onClick && this.props.onClick(e);
+        }
+    };
+    componentWillUnmount() {
+        clearTimeout(this._debounce);
+    }
+    render() {
+        return (<button {...this.props} onClick={this.onClick} onDoubleClick={this.onLongClick}/>);
+    }
+}
+export default Button;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0J1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBK0IsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxNQUFNLElBQUksVUFBVSxFQUFlLE1BQU0sbUJBQW1CLENBQUM7QUFTdEUsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUE4QixDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsRUFBRTtJQUMxRSxNQUFNLEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUNqQyw4Q0FBOEM7SUFDOUMsSUFBSSxTQUFTLEdBQVEsU0FBUyxDQUFDO0lBQy9CLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixvQkFBb0I7UUFDcEIsT0FBTyxHQUFHLEVBQUU7WUFDVixZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDMUIsQ0FBQyxDQUFDO0lBQ0osQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUVoQixNQUFNLE9BQU8sR0FBRyxDQUFDLENBQUMsRUFBRTtRQUNsQixJQUFJLE9BQU8sRUFBRTtZQUNYLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ2QsS0FBSyxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ25DO2lCQUFNO2dCQUNMLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUN6QjtZQUNELFNBQVMsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUMxQix5QkFBeUI7Z0JBQ3pCLFNBQVMsR0FBRyxTQUFTLENBQUM7WUFDeEIsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxDQUFDO1NBQ2I7YUFBTTtZQUNMLEtBQUssQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNuQztJQUNILENBQUMsQ0FBQztJQUNGLE9BQU8sQ0FDTCxDQUFDLFVBQVUsQ0FDVCxPQUFPLENBQUMsV0FBVyxDQUNuQixJQUFJLEtBQUssQ0FBQyxDQUNWLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUNqQixLQUFLLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBRW5CO01BQUEsQ0FBQyxRQUFRLENBQ1g7SUFBQSxFQUFFLFVBQVUsQ0FBQyxDQUNkLENBQUM7QUFDSixDQUFDLENBQUM7QUFRRixNQUFNLE9BQU8sU0FBVSxTQUFRLEtBQUssQ0FBQyxTQUE4QjtJQUN2RCxTQUFTLENBQVU7SUFDbkIsU0FBUyxHQUFRLFNBQVMsQ0FBQztJQUNyQyxZQUFZLEtBQXFCO1FBQy9CLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNiLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxNQUFNLENBQUMsWUFBWSxHQUFHO1FBQ3BCLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQztJQUVRLFdBQVcsR0FBRyxDQUFDLENBQUMsRUFBRTtRQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxRCxDQUFDLENBQUM7SUFFUSxPQUFPLEdBQUcsQ0FBQyxDQUFDLEVBQUU7UUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtZQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRTtnQkFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDN0M7aUJBQU07Z0JBQ0wsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUM5QjtZQUNELElBQUksQ0FBQyxTQUFTLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7WUFDN0IsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDeEI7YUFBTTtZQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzdDO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsb0JBQW9CO1FBQ2xCLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELE1BQU07UUFDSixPQUFPLENBQ0wsQ0FBQyxNQUFNLENBQ0wsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQ2YsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUN0QixhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQ2hDLENBQ0gsQ0FBQztJQUNKLENBQUM7O0FBR0gsZUFBZSxNQUFNLENBQUMifQ==

package/build/module/lib/components/Checkbox/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxProps } from '@material-ui/core';
+interface ICheckboxProps extends CheckboxProps {
+}
+export declare const Checkbox: React.FC<ICheckboxProps>;
+export default Checkbox;

package/build/module/lib/components/Checkbox/index.jsx

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Checkbox as BaseCheckbox } from '@material-ui/core';
+export const Checkbox = props => (<BaseCheckbox {...props}/>);
+export default Checkbox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0NoZWNrYm94L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQWlCLE1BQU0sbUJBQW1CLENBQUM7QUFJNUUsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUE2QixLQUFLLENBQUMsRUFBRSxDQUFDLENBQ3pELENBQUMsWUFBWSxDQUFDLElBQUksS0FBSyxDQUFDLEVBQUcsQ0FDNUIsQ0FBQztBQUVGLGVBQWUsUUFBUSxDQUFDIn0=

package/build/module/lib/components/Choices/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { RadioGroupProps } from '@material-ui/core';
+interface IRadioGroupProps extends RadioGroupProps {
+    options: IChoicesItem[];
+}
+export interface IChoicesItem {
+    value: string | any;
+    label: string;
+    icon?: string;
+    uri?: string;
+}
+export declare const Choices: React.FC<IRadioGroupProps>;
+export default Choices;

package/build/module/lib/components/Choices/index.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+import { RadioGroup, FormControlLabel, Radio, } from '@material-ui/core';
+export const Choices = ({ options, ...props }) => (<RadioGroup {...props}>
+    {options.map((option) => (<FormControlLabel value={option.value} control={<Radio />} label={option.label}/>))}
+  </RadioGroup>);
+export default Choices;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0Nob2ljZXMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsVUFBVSxFQUVWLGdCQUFnQixFQUNoQixLQUFLLEdBQ04sTUFBTSxtQkFBbUIsQ0FBQztBQWEzQixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQStCLENBQUMsRUFBRSxPQUFPLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDNUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxLQUFLLENBQUMsQ0FDcEI7SUFBQSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFvQixFQUFFLEVBQUUsQ0FBQyxDQUNyQyxDQUFDLGdCQUFnQixDQUNmLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FDcEIsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQUFBRCxFQUFHLENBQUMsQ0FDbkIsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUNwQixDQUNILENBQUMsQ0FDSjtFQUFBLEVBQUUsVUFBVSxDQUFDLENBQ2QsQ0FBQztBQUVGLGVBQWUsT0FBTyxDQUFDIn0=

package/build/module/lib/components/ColorBox/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IColorBox {
+    color: string;
+}
+declare const ColorBox: React.FC<IColorBox>;
+export default ColorBox;

package/build/module/lib/components/ColorBox/index.jsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import styles from '../styles.module.scss';
+const colors = {
+    Clear: 'linear-gradient(to top right, #fff calc(50% - 1px), rgba(255,0,0,1), #fff calc(50% + 1px)',
+    Multi: 'linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,0,219,1) 25%, rgba(252,220,0,1) 50%, rgba(9,255,0,1) 75%, rgba(0,52,255,1) 100%)',
+    Black: '#111111',
+    Blue: '#1e90ff',
+    Brown: '#754113',
+    Gray: '#e0e0e0',
+    Green: '#008000',
+    Red: '#c62828',
+    White: '#ffffff',
+    Ivory: '#faf8d9',
+    Beige: '#e8d3b9',
+    Orange: '#ff5722',
+    Pink: '#e91e63',
+    Purple: '#9c27b0',
+    Yellow: '#ffeb3b',
+    Silver: '#a8a9ad',
+    Gold: '#cfa240',
+};
+const Color = (color) => {
+    if (colors.hasOwnProperty(color)) {
+        color = colors[color];
+    }
+    else if (!color) {
+        color = 'transparent';
+    }
+    return color;
+};
+const ColorBox = ({ color }) => {
+    color = Color(color);
+    let style = { backgroundColor: color };
+    if (color.indexOf('linear-gradient') === 0) {
+        style = { background: color };
+    }
+    return color === 'None' ? (<></>) : (<span style={style} className={styles.colorbox}></span>);
+};
+export default ColorBox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0NvbG9yQm94L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxNQUFNLE1BQU0sdUJBQXVCLENBQUM7QUFPM0MsTUFBTSxNQUFNLEdBQUc7SUFDYixLQUFLLEVBQ0gsMkZBQTJGO0lBQzdGLEtBQUssRUFDSCxzSUFBc0k7SUFDeEksS0FBSyxFQUFFLFNBQVM7SUFDaEIsSUFBSSxFQUFFLFNBQVM7SUFDZixLQUFLLEVBQUUsU0FBUztJQUNoQixJQUFJLEVBQUUsU0FBUztJQUNmLEtBQUssRUFBRSxTQUFTO0lBQ2hCLEdBQUcsRUFBRSxTQUFTO0lBQ2QsS0FBSyxFQUFFLFNBQVM7SUFDaEIsS0FBSyxFQUFFLFNBQVM7SUFDaEIsS0FBSyxFQUFFLFNBQVM7SUFDaEIsTUFBTSxFQUFFLFNBQVM7SUFDakIsSUFBSSxFQUFFLFNBQVM7SUFDZixNQUFNLEVBQUUsU0FBUztJQUNqQixNQUFNLEVBQUUsU0FBUztJQUNqQixNQUFNLEVBQUUsU0FBUztJQUNqQixJQUFJLEVBQUUsU0FBUztDQUNoQixDQUFDO0FBRUYsTUFBTSxLQUFLLEdBQUcsQ0FBQyxLQUFhLEVBQUUsRUFBRTtJQUM5QixJQUFJLE1BQU0sQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDaEMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUN2QjtTQUFNLElBQUksQ0FBQyxLQUFLLEVBQUU7UUFDakIsS0FBSyxHQUFHLGFBQWEsQ0FBQztLQUN2QjtJQUNELE9BQU8sS0FBSyxDQUFDO0FBQ2YsQ0FBQyxDQUFDO0FBRUYsTUFBTSxRQUFRLEdBQXdCLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQ2xELEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckIsSUFBSSxLQUFLLEdBQVEsRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDNUMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQzFDLEtBQUssR0FBRyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsQ0FBQztLQUMvQjtJQUNELE9BQU8sS0FBSyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FDeEIsRUFBRSxHQUFHLENBQ04sQ0FBQyxDQUFDLENBQUMsQ0FDRixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FDeEQsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGVBQWUsUUFBUSxDQUFDIn0=

package/build/module/lib/components/Container/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ContainerProps } from '@material-ui/core';
+export interface IProps extends ContainerProps {
+    children: any;
+    style?: any;
+    iscenter?: boolean | undefined;
+}
+export default class Container extends React.Component<IProps, any> {
+    constructor(props: any);
+    static defaultProps: {
+        iscenter: any;
+    };
+    render(): JSX.Element;
+}

package/build/module/lib/components/Container/index.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Container as BaseContainer } from '@material-ui/core';
+export default class Container extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    static defaultProps = {
+        iscenter: undefined,
+    };
+    render() {
+        const { children, ...props } = this.props;
+        let style = typeof this.props.iscenter !== 'undefined'
+            ? {
+                alignItems: 'center',
+                justifyContent: 'center',
+            }
+            : {};
+        return (<BaseContainer {...props} style={{ ...style, ...props.style }}>
+        {children}
+      </BaseContainer>);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0NvbnRhaW5lci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLElBQUksYUFBYSxFQUFrQixNQUFNLG1CQUFtQixDQUFDO0FBUS9FLE1BQU0sQ0FBQyxPQUFPLE9BQU8sU0FBVSxTQUFRLEtBQUssQ0FBQyxTQUFzQjtJQUNqRSxZQUFZLEtBQUs7UUFDZixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDZixDQUFDO0lBRUQsTUFBTSxDQUFDLFlBQVksR0FBRztRQUNwQixRQUFRLEVBQUUsU0FBUztLQUNwQixDQUFDO0lBRUYsTUFBTTtRQUNKLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBRTFDLElBQUksS0FBSyxHQUNQLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEtBQUssV0FBVztZQUN4QyxDQUFDLENBQUM7Z0JBQ0UsVUFBVSxFQUFFLFFBQVE7Z0JBQ3BCLGNBQWMsRUFBRSxRQUFRO2FBQ3pCO1lBQ0gsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUVULE9BQU8sQ0FDTCxDQUFDLGFBQWEsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsR0FBRyxLQUFLLEVBQUUsR0FBRyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FDNUQ7UUFBQSxDQUFDLFFBQVEsQ0FDWDtNQUFBLEVBQUUsYUFBYSxDQUFDLENBQ2pCLENBQUM7SUFDSixDQUFDIn0=

package/build/module/lib/components/Dialog/index.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+import { DialogProps } from '@material-ui/core';
+export interface IDialogProps extends DialogProps {
+    title: string;
+    children?: any;
+    fullScreen?: boolean;
+    maxWidth?: false | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    onOpen?(): void;
+    onClose?(): void;
+    onSubmit?(e?: any): void;
+}
+declare const DialogBasic: FunctionComponent<IDialogProps>;
+export default DialogBasic;

package/build/module/lib/components/Dialog/index.jsx

@@ -0,0 +1,79 @@
+import React, { useRef, useEffect } from 'react';
+import { Dialog, DialogContent, DialogActions, DialogTitle, makeStyles, createStyles, } from '@material-ui/core';
+import { Button } from '../';
+import { t } from 'nuudel-utils';
+import IconButton from '@material-ui/core/IconButton';
+import CloseIcon from '@material-ui/icons/Close';
+const useStyles = makeStyles((theme) => createStyles({
+    root: {
+        margin: 0,
+        padding: theme.spacing(2),
+    },
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        //color: theme.palette.grey[500],
+    },
+    content: {
+        display: 'flex',
+        overflowY: 'auto',
+        justifyContent: 'center',
+    },
+    title: {
+        boxShadow: '0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%)',
+        backgroundColor: theme.palette.primary.main,
+        zIndex: 1,
+    },
+    dialogContent: {
+        padding: theme.spacing(1),
+    },
+}));
+const DialogBasic = ({ children, ...props }) => {
+    const classes = useStyles();
+    //const { show = false } = props;
+    const [open, setOpen] = React.useState(false);
+    const handleClickOpen = () => {
+        if (props.onOpen) {
+            props.onOpen();
+        }
+        setOpen(true);
+    };
+    const handleClose = () => {
+        if (props.onClose) {
+            props.onClose();
+        }
+        setOpen(false);
+    };
+    const didMountRef = useRef(false);
+    useEffect(() => {
+        if (didMountRef.current && props.open && !open) {
+            handleClickOpen();
+        }
+        else if (didMountRef.current && !props.open && open) {
+            handleClose();
+        }
+        else
+            didMountRef.current = true;
+    }, [props.open]);
+    return (<div>
+      <Dialog open={open} onClose={handleClose} aria-labelledby="alert-dialog-title" aria-describedby="alert-dialog-content" maxWidth={props.maxWidth} fullScreen={props.fullScreen}>
+        <DialogTitle id="alert-dialog-title" className={classes.title}>
+          {props.title}
+          <IconButton aria-label="close" className={classes.closeButton} onClick={handleClose}>
+            <CloseIcon />
+          </IconButton>
+        </DialogTitle>
+        <DialogContent id="alert-dialog-content" className={classes.dialogContent}>
+          <div className={classes.content}>{children}</div>
+        </DialogContent>
+        {!!props.onSubmit && (<DialogActions>
+            <Button onClick={props.onSubmit} color="primary">
+              {t('Done')}
+            </Button>
+          </DialogActions>)}
+      </Dialog>
+    </div>);
+};
+export default DialogBasic;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNwRSxPQUFPLEVBQ0wsTUFBTSxFQUVOLGFBQWEsRUFDYixhQUFhLEVBQ2IsV0FBVyxFQUNYLFVBQVUsRUFDVixZQUFZLEdBRWIsTUFBTSxtQkFBbUIsQ0FBQztBQUMzQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sS0FBSyxDQUFDO0FBQzdCLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakMsT0FBTyxVQUFVLE1BQU0sOEJBQThCLENBQUM7QUFDdEQsT0FBTyxTQUFTLE1BQU0sMEJBQTBCLENBQUM7QUFFakQsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLENBQUMsS0FBWSxFQUFFLEVBQUUsQ0FDNUMsWUFBWSxDQUFDO0lBQ1gsSUFBSSxFQUFFO1FBQ0osTUFBTSxFQUFFLENBQUM7UUFDVCxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7S0FDMUI7SUFDRCxXQUFXLEVBQUU7UUFDWCxRQUFRLEVBQUUsVUFBVTtRQUNwQixLQUFLLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7UUFDdkIsR0FBRyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1FBQ3JCLGlDQUFpQztLQUNsQztJQUNELE9BQU8sRUFBRTtRQUNQLE9BQU8sRUFBRSxNQUFNO1FBQ2YsU0FBUyxFQUFFLE1BQU07UUFDakIsY0FBYyxFQUFFLFFBQVE7S0FDekI7SUFDRCxLQUFLLEVBQUU7UUFDTCxTQUFTLEVBQ1AsdUdBQXVHO1FBQ3pHLGVBQWUsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FB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

package/build/module/lib/components/Divider/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DividerProps } from '@material-ui/core';
+interface IDividerProps extends DividerProps {
+}
+export declare const Divider: React.FC<IDividerProps>;
+export default Divider;

package/build/module/lib/components/Divider/index.jsx

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Divider as BaseDivider } from '@material-ui/core';
+export const Divider = props => (<BaseDivider {...props}/>);
+export default Divider;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0RpdmlkZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBZ0IsTUFBTSxtQkFBbUIsQ0FBQztBQUl6RSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTRCLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FDdkQsQ0FBQyxXQUFXLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRyxDQUMzQixDQUFDO0FBRUYsZUFBZSxPQUFPLENBQUMifQ==

package/build/module/lib/components/Drawer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SwipeableDrawerProps } from '@material-ui/core';
+declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
+interface IDrawerProps extends SwipeableDrawerProps {
+    anchor: Anchor;
+    style?: any;
+}
+export declare const Drawer: React.FC<IDrawerProps>;
+export default Drawer;

package/build/module/lib/components/Drawer/index.jsx

@@ -0,0 +1,53 @@
+import React, { useEffect, useRef } from 'react';
+import { makeStyles, SwipeableDrawer, } from '@material-ui/core';
+import clsx from 'clsx';
+import { isIOS } from 'react-device-detect';
+const useStyles = makeStyles({
+    list: {
+        width: 300,
+        overflowX: 'hidden',
+        height: '100%',
+    },
+    fullList: {
+        width: 'auto',
+    },
+});
+export const Drawer = ({ children, ...props }) => {
+    const { anchor = 'right' } = props;
+    const classes = useStyles();
+    const [open, setOpen] = React.useState(props.open === true);
+    const toggleDrawer = (extend) => (event) => {
+        if (event &&
+            event.type === 'keydown' &&
+            (event.key === 'Tab' ||
+                event.key === 'Shift')) {
+            return;
+        }
+        setOpen(extend);
+        if (extend && props.onOpen) {
+            props.onOpen(event);
+        }
+        else if (!extend && props.onClose) {
+            props.onClose(event);
+        }
+    };
+    const didMountRef = useRef(false);
+    useEffect(() => {
+        if (didMountRef.current && props.open !== open) {
+            setOpen(!open);
+        }
+        else
+            didMountRef.current = true;
+    }, [props.open]);
+    return (<div>
+      <SwipeableDrawer {...props} anchor={anchor} open={open} onClose={toggleDrawer(false)} onOpen={toggleDrawer(true)} disableBackdropTransition={!isIOS} disableDiscovery={isIOS}>
+        <div className={clsx(classes.list, {
+            [classes.fullList]: anchor === 'top' || anchor === 'bottom',
+        })}>
+          {children}
+        </div>
+      </SwipeableDrawer>
+    </div>);
+};
+export default Drawer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0RyYXdlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ2pELE9BQU8sRUFDTCxVQUFVLEVBQ1YsZUFBZSxHQUVoQixNQUFNLG1CQUFtQixDQUFDO0FBQzNCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQztBQUN4QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFNUMsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDO0lBQzNCLElBQUksRUFBRTtRQUNKLEtBQUssRUFBRSxHQUFHO1FBQ1YsU0FBUyxFQUFFLFFBQVE7UUFDbkIsTUFBTSxFQUFFLE1BQU07S0FDZjtJQUNELFFBQVEsRUFBRTtRQUNSLEtBQUssRUFBRSxNQUFNO0tBQ2Q7Q0FDRixDQUFDLENBQUM7QUFTSCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQTJCLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQ3ZFLE1BQU0sRUFBRSxNQUFNLEdBQUcsT0FBTyxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ25DLE1BQU0sT0FBTyxHQUFHLFNBQVMsRUFBRSxDQUFDO0lBQzVCLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxDQUFDO0lBRTVELE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUN4QyxLQUE2QyxFQUM3QyxFQUFFO1FBQ0YsSUFDRSxLQUFLO1lBQ0wsS0FBSyxDQUFDLElBQUksS0FBSyxTQUFTO1lBQ3hCLENBQUUsS0FBNkIsQ0FBQyxHQUFHLEtBQUssS0FBSztnQkFDMUMsS0FBNkIsQ0FBQyxHQUFHLEtBQUssT0FBTyxDQUFDLEVBQ2pEO1lBQ0EsT0FBTztTQUNSO1FBQ0QsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hCLElBQUksTUFBTSxJQUFJLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDMUIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNyQjthQUFNLElBQUksQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtZQUNuQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixJQUFJLFdBQVcsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxJQUFJLEVBQUU7WUFDOUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDaEI7O1lBQU0sV0FBVyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDcEMsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFFakIsT0FBTyxDQUNMLENBQUMsR0FBRyxDQUNGO01BQUEsQ0FBQyxlQUFlLENBQ2QsSUFBSSxLQUFLLENBQUMsQ0FDVixNQUFNLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FDZixJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FDWCxPQUFPLENBQUMsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDN0IsTUFBTSxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQzNCLHlCQUF5QixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FDbEMsZ0JBQWdCLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FFeEI7UUFBQSxDQUFDLEdBQUcsQ0FDRixTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRTtZQUM1QixDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRSxNQUFNLEtBQUssS0FBSyxJQUFJLE1BQU0sS0FBSyxRQUFRO1NBQzVELENBQUMsQ0FBQyxDQUVIO1VBQUEsQ0FBQyxRQUFRLENBQ1g7UUFBQSxFQUFFLEdBQUcsQ0FDUDtNQUFBLEVBQUUsZUFBZSxDQUNuQjtJQUFBLEVBQUUsR0FBRyxDQUFDLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGVBQWUsTUFBTSxDQUFDIn0=

package/build/module/lib/components/Grid/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { GridProps } from '@material-ui/core';
+interface IGridProps extends GridProps {
+}
+export declare const Grid: React.FC<IGridProps>;
+export default Grid;

package/build/module/lib/components/Grid/index.jsx

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Grid as BaseGrid } from '@material-ui/core';
+export const Grid = props => <BaseGrid {...props}/>;
+export default Grid;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0dyaWQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBYSxNQUFNLG1CQUFtQixDQUFDO0FBSWhFLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBeUIsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEtBQUssQ0FBQyxFQUFHLENBQUM7QUFFM0UsZUFBZSxJQUFJLENBQUMifQ==

package/build/module/lib/components/IFrame/index.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from 'react';
+import { IIframe } from './types';
+declare const Iframe: ComponentType<IIframe>;
+export default Iframe;

package/build/module/lib/components/IFrame/index.jsx

@@ -0,0 +1,100 @@
+import React, { useRef, useCallback } from 'react';
+const Iframe = ({ url, allowFullScreen, position, display, height, width, overflow, styles, onLoad, onMouseOver, onMouseOut, onClose, hidden, scrolling, id, frameBorder, ariaHidden, sandbox, allow, className, title, ariaLabel, ariaLabelledby, name, target, loading, importance, referrerpolicy, allowpaymentrequest, src, }) => {
+    const iframeRef = useRef(null);
+    const _iframeOnLoad = () => {
+        try {
+            // for cross origin requests we can have issues with accessing frameElement
+            iframeRef.current.contentWindow.frameElement['cancelPopUp'] = onClose;
+        }
+        catch (err) {
+            if (err.name !== 'SecurityError') {
+                throw err;
+            }
+        }
+        if (onLoad) {
+            onLoad();
+        }
+    };
+    const defaultProps = {
+        src: src || url,
+        target: target || null,
+        style: {
+            position: position || null,
+            display: display || 'block',
+            overflow: overflow || null,
+        },
+        scrolling: scrolling || null,
+        allowpaymentrequest: allowpaymentrequest || null,
+        importance: importance || null,
+        sandbox: sandbox || null,
+        loading: loading || null,
+        styles: styles || null,
+        name: name || null,
+        className: className || null,
+        referrerpolicy: referrerpolicy || null,
+        title: title || null,
+        allow: allow || null,
+        id: id || null,
+        'aria-labelledby': ariaLabelledby || null,
+        'aria-hidden': ariaHidden || null,
+        'aria-label': ariaLabel || null,
+        hidden: hidden || null,
+        width: width || null,
+        height: height || null,
+        onLoad: _iframeOnLoad || null,
+        onMouseOver: onMouseOver || null,
+        onMouseOut: onMouseOut || null,
+    };
+    let props = Object.create(null);
+    for (let prop of Object.keys(defaultProps)) {
+        if (defaultProps[prop] != null) {
+            props[prop] = defaultProps[prop];
+        }
+    }
+    for (let i of Object.keys(props.style)) {
+        if (props.style[i] == null) {
+            delete props.style[i];
+        }
+    }
+    if (allowFullScreen) {
+        if ('allow' in props) {
+            const currentAllow = props.allow.replace('fullscreen', '');
+            props.allow = `fullscreen ${currentAllow.trim()}`.trim();
+        }
+        else {
+            props.allow = 'fullscreen';
+        }
+    }
+    if (frameBorder >= 0) {
+        if (!props.style.hasOwnProperty('border')) {
+            props.style.border = frameBorder;
+        }
+    }
+    const iframeCallbackRef = useCallback((node) => {
+        iframeRef.current = node;
+    }, []);
+    /*
+    useEffect(() => {
+      const onBlur = () => {
+        if (
+          document.activeElement &&
+          document.activeElement.nodeName.toLowerCase() === 'iframe' &&
+          iframeRef.current &&
+          iframeRef.current === document.activeElement &&
+          props.onInferredClick
+        ) {
+          // infer a click event
+          props.onInferredClick(iframeRef.current);
+        }
+      };
+  
+      window.addEventListener('blur', onBlur);
+  
+      return () => {
+        window.removeEventListener('blur', onBlur);
+      };
+    }, []); // */
+    return <iframe frameBorder={0} {...props} ref={iframeCallbackRef}/>; //return <div dangerouslySetInnerHTML={{ __html: "<iframe src='"+props.src +"' />"}} />;
+};
+export default Iframe;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0lGcmFtZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBNEIsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUc3RSxNQUFNLE1BQU0sR0FBMkIsQ0FBQyxFQUN0QyxHQUFHLEVBQ0gsZUFBZSxFQUNmLFFBQVEsRUFDUixPQUFPLEVBQ1AsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsTUFBTSxFQUNOLE1BQU0sRUFDTixXQUFXLEVBQ1gsVUFBVSxFQUNWLE9BQU8sRUFDUCxNQUFNLEVBQ04sU0FBUyxFQUNULEVBQUUsRUFDRixXQUFXLEVBQ1gsVUFBVSxFQUNWLE9BQU8sRUFDUCxLQUFLLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEVBQ1QsY0FBYyxFQUNkLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLFVBQVUsRUFDVixjQUFjLEVBQ2QsbUJBQW1CLEVBQ25CLEdBQUcsR0FDSyxFQUFFLEVBQUU7SUFDWixNQUFNLFNBQVMsR0FBRyxNQUFNLENBQTJCLElBQUksQ0FBQyxDQUFDO0lBRXpELE1BQU0sYUFBYSxHQUFHLEdBQVMsRUFBRTtRQUMvQixJQUFJO1lBQ0YsMkVBQTJFO1lBQzNFLFNBQVMsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsR0FBRyxPQUFPLENBQUM7U0FDdkU7UUFBQyxPQUFPLEdBQUcsRUFBRTtZQUNaLElBQUksR0FBRyxDQUFDLElBQUksS0FBSyxlQUFlLEVBQUU7Z0JBQ2hDLE1BQU0sR0FBRyxDQUFDO2FBQ1g7U0FDRjtRQUNELElBQUksTUFBTSxFQUFFO1lBQ1YsTUFBTSxFQUFFLENBQUM7U0FDVjtJQUNILENBQUMsQ0FBQztJQUVGLE1BQU0sWUFBWSxHQUFRO1FBQ3hCLEdB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

package/build/module/lib/components/IFrame/types.d.ts

@@ -0,0 +1,33 @@
+export interface IIframe {
+    url: string;
+    src?: string;
+    allowFullScreen?: boolean;
+    position?: 'relative' | 'absolute' | 'fixed' | 'sticky' | 'static' | 'inherit' | 'initial' | 'unset';
+    display?: 'block' | 'none' | 'inline';
+    height?: string;
+    width?: string;
+    loading?: 'auto' | 'eager' | 'lazy';
+    target?: string;
+    importance?: 'auto' | 'high' | 'low';
+    overflow?: string;
+    styles?: object;
+    name?: string;
+    allowpaymentrequest?: boolean;
+    referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+    onLoad?: () => void;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onClose?: (e?: boolean) => void;
+    hidden?: boolean;
+    frameBorder?: number;
+    scrolling?: 'auto' | 'yes' | 'no';
+    id?: string;
+    ariaHidden?: boolean;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    sandbox?: 'allow-forms' | 'allow-modals' | 'allow-orientation-lock' | 'allow-pointer-lock' | 'allow-popups' | 'allow-popups-to-escape-sandbox' | 'allow-presentation' | 'allow-same-origin' | 'allow-scripts' | 'allow-storage-access-by-user-activation' | 'allow-top-navigation' | 'allow-top-navigation-by-user-activation';
+    allow?: string;
+    className?: string;
+    title?: string;
+    onInferredClick?: (iframe: HTMLIFrameElement) => void;
+}

package/build/module/lib/components/IFrame/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvSUZyYW1lL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/build/module/lib/components/Image/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ImageLoader } from 'next/image';
+interface IImageProps {
+    src?: string | any;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: any;
+    alt?: string;
+    title?: string;
+    loader?: ImageLoader;
+    layout?: 'fixed' | 'fill' | 'intrinsic' | 'responsive';
+    objectFit?: 'contain' | 'cover' | 'fill' | 'inherit' | 'initial' | 'none' | 'revert' | 'scale-down' | 'unset' | '-moz-initial';
+}
+declare const Image: React.FC<IImageProps>;
+export default Image;

package/build/module/lib/components/Image/index.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import NextImage from 'next/image';
+// A styled version of the Next.js Image component:
+const Image = React.forwardRef(({ children, src, className, loader, ...props }, ref) => {
+    const isExternal = typeof src === 'string' &&
+        (src.indexOf('http') === 0 || src.indexOf('data:') === 0);
+    if (isExternal) {
+        return (<img {...props} className={className} src={src} ref={ref}>
+        {children}
+      </img>);
+    }
+    // no width & no height error hack
+    if (typeof props.width === 'undefined' &&
+        typeof props.height === 'undefined' &&
+        typeof props.layout === 'undefined' &&
+        typeof props.objectFit === 'undefined') {
+        props.layout = 'fill';
+        props.objectFit = 'contain';
+    }
+    return (<div className={className} style={{ position: 'relative' }}>
+      <NextImage {...props} src={src} loader={loader}>
+        {children}
+      </NextImage>
+    </div>);
+});
+export default Image;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0ltYWdlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUEwQixNQUFNLFlBQVksQ0FBQztBQWlDcEQsbURBQW1EO0FBQ25ELE1BQU0sS0FBSyxHQUEwQixLQUFLLENBQUMsVUFBVSxDQUduRCxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDeEQsTUFBTSxVQUFVLEdBQ2QsT0FBTyxHQUFHLEtBQUssUUFBUTtRQUN2QixDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFNUQsSUFBSSxVQUFVLEVBQUU7UUFDZCxPQUFPLENBQ0wsQ0FBQyxHQUFHLENBQUMsSUFBSSxLQUFLLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FDdkQ7UUFBQSxDQUFDLFFBQVEsQ0FDWDtNQUFBLEVBQUUsR0FBRyxDQUFDLENBQ1AsQ0FBQztLQUNIO0lBRUQsa0NBQWtDO0lBQ2xDLElBQ0UsT0FBTyxLQUFLLENBQUMsS0FBSyxLQUFLLFdBQVc7UUFDbEMsT0FBTyxLQUFLLENBQUMsTUFBTSxLQUFLLFdBQVc7UUFDbkMsT0FBTyxLQUFLLENBQUMsTUFBTSxLQUFLLFdBQVc7UUFDbkMsT0FBTyxLQUFLLENBQUMsU0FBUyxLQUFLLFdBQVcsRUFDdEM7UUFDQSxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUN0QixLQUFLLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztLQUM3QjtJQUVELE9BQU8sQ0FDTCxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUN6RDtNQUFBLENBQUMsU0FBUyxDQUFDLElBQUksS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQzdDO1FBQUEsQ0FBQyxRQUFRLENBQ1g7TUFBQSxFQUFFLFNBQVMsQ0FDYjtJQUFBLEVBQUUsR0FBRyxDQUFDLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDO0FBRUgsZUFBZSxLQUFLLENBQUMifQ==

package/build/module/lib/components/Link/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface ILinkProps {
+    activeClassName?: string;
+    as?: any | string;
+    className?: string;
+    href?: any;
+    passHref?: boolean;
+    noLinkStyle?: boolean;
+    role?: string;
+    target?: string;
+    onClick?(e: any): any;
+    color?: string | any;
+    children?: any;
+    style?: React.CSSProperties;
+    id?: string;
+    disabled?: boolean;
+}
+declare const Link: React.FC<ILinkProps>;
+export default Link;