Initial Commit

types/dzeio/Box/BoxBody/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    noPadding?: boolean;
+}
+export default class BoxBody extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Box/BoxHeader/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface Props {
+    title?: string;
+    titleColSize?: number;
+    subtitle?: string;
+    delimiter?: boolean;
+    titleClassName?: string;
+}
+export default class BoxHeader extends React.Component<Props> {
+    render: () => JSX.Element;
+}

types/dzeio/Box/BoxWrapper/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    outline?: boolean;
+    className?: string;
+}
+export default class BoxWrapper extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Box/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import BoxWrapper from './BoxWrapper';
+import BoxHeader from './BoxHeader';
+import BoxBody from './BoxBody';
+interface Props {
+    outline?: boolean;
+    className?: string;
+    title?: string;
+    titleColSize?: number;
+    subtitle?: string;
+    delimiter?: boolean;
+    titleClassName?: string;
+    headerButtons?: React.ReactNode;
+    noPadding?: boolean;
+}
+export default class Box extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export { BoxWrapper, BoxHeader, BoxBody };

types/dzeio/Button/Button.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Basic: (args: any) => JSX.Element;

types/dzeio/Button/index.d.ts

@@ -0,0 +1,19 @@
+import React, { FC } from 'react';
+import { ColorType, IconProps } from '../interfaces';
+interface Props {
+    outline?: boolean;
+    nomargintop?: boolean;
+    color?: ColorType;
+    children?: React.ReactNode;
+    icon?: FC<IconProps> | string;
+    size?: 'large' | 'small' | 'block';
+    href?: string;
+    as?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void;
+}
+export default class Button extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Basic: (args: any) => JSX.Element;

types/dzeio/Checkbox/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ColorType } from '../interfaces';
+interface Props extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    label?: string;
+    id: string;
+    type?: undefined;
+    radio?: boolean;
+    switch?: boolean;
+    color?: ColorType;
+}
+export default class Checkbox extends React.Component<Props> {
+    render(): JSX.Element;
+}
+export {};

types/dzeio/Code/Code.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Basic: (args: any) => JSX.Element;

types/dzeio/Code/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    block?: boolean;
+}
+export default class Code extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Col/DebugCols.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare enum Breakpoint {
+    MOBILE = 0,
+    TABLET = 1,
+    COMPUT = 2
+}
+interface States {
+    breakpoint: Breakpoint;
+}
+export default class DebugCols extends React.Component<unknown, States> {
+    state: States;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render: () => JSX.Element;
+    private onResize;
+}
+export {};

types/dzeio/Col/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface Props {
+    size?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    offset?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+    children?: React.ReactNode;
+    className?: string;
+    nogrow?: boolean;
+    tabletSize?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    tabletoffset?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    tabletGrow?: boolean;
+    mobileSize?: 0 | 1 | 2 | 3 | 4;
+    mobileoffset?: 1 | 2 | 3;
+    mobileGrow?: boolean;
+}
+export default class Col extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Container/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode;
+    className?: string;
+}
+export default class Container extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Fieldset/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    title?: string;
+    children?: React.ReactNode;
+}
+export default class Fieldset extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Footer/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default class Footer extends React.Component {
+    render: () => JSX.Element;
+}

types/dzeio/GradientBackground/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ColorType } from '../interfaces';
+interface Props {
+    color?: ColorType;
+    className?: string;
+    children: React.ReactNode;
+}
+export default class GradientBackground extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Image/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export interface ImageProps {
+    defaultHeight?: number;
+    src?: string;
+    sources?: Array<string>;
+    deleteOnError?: boolean;
+    downgradeOnError?: string;
+    canFullscreen?: boolean;
+    max?: {
+        height?: number | string;
+        width?: number | string;
+    };
+    width?: number | string;
+    default?: {
+        height?: number | string;
+        width?: number | string;
+    };
+    alt?: string;
+    classes?: string;
+    className?: string;
+    onClick?: () => void;
+}
+export default class Image extends React.Component<ImageProps> {
+    private ref;
+    private plchldr;
+    private parent;
+    private pic;
+    private wasDowngraded;
+    private cardPos;
+    private cardSize;
+    private isFullscreen;
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(): Promise<void>;
+    componentWillUnmount(): Promise<void>;
+    render(): JSX.Element;
+    private onScroll;
+    private onResize;
+    private onClick;
+    private valToPixel;
+    private onLoad;
+    private onError;
+    private w;
+}

types/dzeio/Input/Input.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Basic: (args: any) => JSX.Element;

types/dzeio/Input/index.d.ts

@@ -0,0 +1,26 @@
+import React, { FC } from 'react';
+import { IconProps, ColorType } from '../interfaces';
+interface Props extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    id?: string;
+    label?: string;
+    icon?: FC<IconProps>;
+    helper?: string;
+    characterCount?: boolean;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    selectRef?: React.RefObject<HTMLSelectElement>;
+    type?: 'color' | 'text' | 'date' | 'datetime-local' | 'email' | 'file' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'time' | 'url' | 'week' | 'select';
+    maxLength?: number | undefined;
+    infinityText?: string;
+    filled?: boolean;
+    opaque?: boolean;
+    block?: boolean;
+    color?: ColorType;
+    children?: React.ReactNode;
+}
+export default class Input extends React.Component<Props> {
+    private charCountRef;
+    componentDidMount(): void;
+    render(): JSX.Element;
+    private updatecharCount;
+}
+export {};

types/dzeio/Link/Link.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Basic: (args: any) => JSX.Element;

types/dzeio/Link/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    href: string;
+    children?: React.ReactNode;
+    className?: string;
+    forceNewTab?: boolean;
+}
+export default class Link extends React.Component<Props> {
+    render(): JSX.Element;
+}
+export {};

types/dzeio/Menu/Menu.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Basic: (args: any) => JSX.Element;

types/dzeio/Menu/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface Props {
+    pos?: {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    };
+    content: Array<{
+        name: string;
+        href: string;
+        as?: string;
+    }>;
+    show?: boolean;
+}
+export default class Menu extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Navbar/Navbar.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Basic: (args: any) => JSX.Element;

types/dzeio/Navbar/NavbarSpace.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default class NavbarSpace extends React.Component {
+    render: () => JSX.Element;
+}

types/dzeio/Navbar/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+interface States {
+    domain?: string;
+    showUserMenu?: boolean;
+}
+interface Props {
+    username?: string;
+    userPic?: string;
+    userMenu?: Array<{
+        href: string;
+        name: string;
+    }>;
+    loginUrl?: string;
+    registerUrl?: string;
+    logoUrl?: string;
+    logoLabel?: string;
+    logo?: {
+        src: string;
+        alt: string;
+    };
+}
+export default class Navbar extends React.Component<Props, States> {
+    state: States;
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render: () => JSX.Element;
+    private onClickAnywhere;
+    private onMenuClick;
+}
+export {};

types/dzeio/Overflow/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    bottom?: boolean;
+    top?: boolean;
+}
+export default class Overflow extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Popup/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Props as HeaderProps } from '../Box/BoxHeader';
+interface Props {
+    children: React.ReactNode;
+    onClose?: () => void;
+    header?: HeaderProps;
+}
+export default class Popup extends React.Component<Props> {
+    render: () => JSX.Element;
+    private parentClose;
+}
+export {};

types/dzeio/Row/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface Props {
+    children?: React.ReactNode;
+    direction?: 'row-reverse' | 'column' | 'column-reverse';
+    mobileDirection?: 'row-reverse' | 'column' | 'column-reverse';
+    justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+    align?: 'flex-start' | 'center' | 'flex-end' | 'baseline';
+    nowrap?: boolean;
+    nogrow?: boolean;
+    className?: string;
+    nomargin?: boolean;
+    onClick?: (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export default class Row extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/SidebarContainer/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    domain: string;
+    children: React.ReactNode;
+}
+export default class SidebarContainer extends React.Component<Props> {
+    private menu;
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Table/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode;
+}
+export default class Table extends React.Component<Props> {
+    render: () => JSX.Element;
+}
+export {};

types/dzeio/Text/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    color?: 'black' | 'white';
+    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'em';
+    className?: string;
+    noDarkTheme?: boolean;
+    align?: 'right' | 'center';
+    children: React.ReactNode;
+}
+export default class Text extends React.Component<Props> {
+    render(): JSX.Element;
+}
+export {};

types/dzeio/Util.d.ts

@@ -0,0 +1,10 @@
+export declare function buildClassName(...classes: Array<Array<any> | string | undefined>): string | undefined;
+export declare const colors: {
+    default: string;
+    primary: string;
+    secondary: string;
+    info: string;
+    success: string;
+    danger: string;
+    warning: string;
+};

types/dzeio/interfaces.d.ts

@@ -0,0 +1,6 @@
+import { SVGAttributes } from 'react';
+export declare type ColorType = 'primary' | 'secondary' | 'info' | 'success' | 'danger' | 'warning';
+export interface IconProps extends SVGAttributes<SVGElement> {
+    color?: string;
+    size?: string | number;
+}

types/index.d.ts

@@ -0,0 +1,24 @@
+import Box, { BoxBody, BoxHeader, BoxWrapper } from './dzeio/Box';
+import Button from './dzeio/Button';
+import Checkbox from './dzeio/Checkbox';
+import Code from './dzeio/Code';
+import Col from './dzeio/Col';
+import Container from './dzeio/Container';
+import Fieldset from './dzeio/Fieldset';
+import Footer from './dzeio/Footer';
+import GradientBackground from './dzeio/GradientBackground';
+import Input from './dzeio/Input';
+import Image from './dzeio/Image';
+import Link from './dzeio/Link';
+import Menu from './dzeio/Menu';
+import Navbar from './dzeio/Navbar';
+import NavbarSpace from './dzeio/Navbar/NavbarSpace';
+import Overflow from './dzeio/Overflow';
+import Popup from './dzeio/Popup';
+import Row from './dzeio/Row';
+import SidebarContainer from './dzeio/SidebarContainer';
+import Table from './dzeio/Table';
+import Text from './dzeio/Text';
+import * as Util from './dzeio/Util';
+import './dzeio/general.styl';
+export { Box, BoxBody, BoxHeader, BoxWrapper, Button, Checkbox, Code, Col, Container, Fieldset, Footer, GradientBackground, Image, Input, Link, Menu, Navbar, NavbarSpace, Overflow, Popup, Row, SidebarContainer, Table, Text, Util };