@midwest-diesel/mwd-ui 1.0.4 → 1.1.1

package/dist/index.d.ts

@@ -1,12 +1,240 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
+import * as react from 'react';
+import react__default, { CSSProperties, MouseEvent, ReactElement, ReactNode } from 'react';
 
-interface Props extends React.HTMLProps<HTMLButtonElement> {
+interface Props$k extends React.HTMLProps<HTMLButtonElement> {
     children: any;
     className?: string;
     variant?: ('no-style' | 'small' | 'x-small' | 'xx-small' | 'large' | 'no-hover-color' | 'hover-move' | 'search' | 'X' | 'circle' | 'center' | 'plain' | 'save' | 'blue' | 'green' | 'red-color' | 'link' | 'fit' | 'danger')[];
     type?: 'submit' | 'reset' | 'button';
 }
-declare function Button({ children, className, variant, type, ...props }: Props): react_jsx_runtime.JSX.Element;
+declare function Button({ children, className, variant, type, ...props }: Props$k): react_jsx_runtime.JSX.Element;
 
-export { Button };
+type DialogEntry = {
+    id: string;
+    element: HTMLDivElement | null;
+};
+type DialogContextType = {
+    dialogs: DialogEntry[];
+    register: (id: string, element: HTMLDivElement | null) => void;
+    bringToFront: (id: string) => void;
+};
+declare function useDialogContext(): DialogContextType;
+declare function DialogProvider({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+interface Props$j {
+    children: react__default.ReactNode;
+    className?: string;
+    variant?: ('default')[];
+    title?: string;
+    closeOnOutsideClick?: boolean;
+    exitWithEsc?: boolean;
+    hasCloseBtn?: boolean;
+    width?: number;
+    minWidth?: number;
+    height?: number;
+    maxHeight?: string;
+    open?: boolean;
+    setOpen?: (open: boolean) => void;
+    x?: number;
+    y?: number;
+}
+declare function Dialog({ children, className, variant, title, closeOnOutsideClick, exitWithEsc, hasCloseBtn, width, minWidth, height, maxHeight, open, setOpen, x, y, ...props }: Props$j): react_jsx_runtime.JSX.Element;
+
+interface Props$i {
+    children: any;
+    className?: string;
+    variant?: ('small' | 'label-space-between' | 'label-stack' | 'label-inline' | 'label-full-width' | 'large' | 'no-margin' | 'label-full-height' | 'fill' | 'gap' | 'label-bold')[];
+    label?: string;
+    value?: string;
+    onChange?: (value?: any, data?: any) => void;
+    onBlur?: (value: string) => void;
+    maxHeight?: string;
+    minWidth?: string;
+}
+declare function Dropdown({ children, className, variant, label, value, onChange, onBlur, maxHeight, minWidth }: Props$i): react_jsx_runtime.JSX.Element;
+
+interface Props$h {
+    children: any;
+    value: string | number;
+    className?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+declare function DropdownOption({ children, value, className, onClick, disabled }: Props$h): react_jsx_runtime.JSX.Element;
+
+interface Props$g {
+    children: any;
+    label: string;
+    className?: string;
+}
+declare function NavDropdown({ children, className, label, ...props }: Props$g): react_jsx_runtime.JSX.Element;
+
+interface Props$f {
+    variant?: ('default')[];
+    children: React.ReactNode;
+    className?: string;
+}
+declare function Grid({ children, className, variant }: Props$f): react_jsx_runtime.JSX.Element;
+
+interface Props$e {
+    variant?: ('no-style' | 'low-opacity-bg' | 'sub-table-item')[];
+    children: React.ReactNode;
+    className?: string;
+    colSpan?: number;
+    style?: CSSProperties;
+}
+declare function GridItem({ children, className, colSpan, variant, style }: Props$e): react_jsx_runtime.JSX.Element;
+
+interface Props$d extends React.InputHTMLAttributes<HTMLSelectElement> {
+    children: any;
+    className?: string;
+    labelClass?: string;
+    variant?: ('label-inline' | 'label-space-between' | 'label-full-width' | 'label-stack' | 'large' | 'label-bold')[];
+    label?: string;
+}
+declare function Select({ children, className, labelClass, variant, label, ...props }: Props$d): react_jsx_runtime.JSX.Element;
+
+interface Props$c {
+    value: string;
+    width?: number;
+    height?: number;
+}
+declare function Barcode({ value, width, height }: Props$c): react_jsx_runtime.JSX.Element;
+
+interface Props$b extends React.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    labelClass?: string;
+    variant?: ('label-thin' | 'label-space-between' | 'label-full-width' | 'label-bold' | 'dark-bg' | 'label-stack' | 'label-content-center' | 'label-align-center' | 'label-fit' | 'label-vertical-align')[];
+    label?: string;
+    disabled?: boolean;
+}
+declare function Checkbox({ className, labelClass, variant, label, disabled, ...props }: Props$b): react_jsx_runtime.JSX.Element;
+
+interface Props$a {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    targetClass: string;
+    notTargetClass?: string;
+    list: {
+        name: string;
+        fn: (e?: MouseEvent) => void;
+    }[];
+}
+declare function ContextMenu({ open, setOpen, targetClass, notTargetClass, list }: Props$a): react_jsx_runtime.JSX.Element;
+
+interface Props$9 {
+    children: React.ReactElement;
+    handle?: string;
+    nodeRef?: React.RefObject<HTMLElement | null>;
+    defaultPosition?: {
+        x: number;
+        y: number;
+    };
+}
+declare function Draggable({ children, handle, nodeRef, defaultPosition }: Props$9): react_jsx_runtime.JSX.Element;
+
+interface Props$8 extends React.InputHTMLAttributes<HTMLInputElement> {
+    children?: any;
+    className?: string;
+    labelClass?: string;
+    variant?: ('thin' | 'small' | 'x-small' | 'search' | 'label-stack' | 'label-no-stack' | 'label-space-between' | 'md-text' | 'label-full-width' | 'label-bold' | 'label-inline' | 'label-no-margin' | 'no-style' | 'label-fit-content' | 'autofill-input' | 'no-arrows')[];
+    label?: string;
+    autofill?: string;
+    onAutofill?: (value: string) => void;
+}
+declare const Input: react.ForwardRefExoticComponent<Props$8 & react.RefAttributes<HTMLInputElement>>;
+
+interface DropdownOptionProps {
+    value: string;
+    data?: any;
+    children: string;
+    onClick?: () => void;
+    className?: string;
+}
+interface Props$7 {
+    children: ReactElement<DropdownOptionProps>[];
+    className?: string;
+    variant?: ('small' | 'label-space-between' | 'label-stack' | 'label-inline' | 'label-full-width' | 'large' | 'no-margin' | 'label-full-height' | 'fill' | 'gap' | 'label-bold')[];
+    label?: string;
+    value?: string;
+    onChange?: (value: string, data?: any) => void;
+    onBlur?: (value: string) => void;
+    maxHeight?: string;
+    minWidth?: string;
+}
+declare function InputDropdown({ children, className, variant, label, value, onChange, onBlur, maxHeight, minWidth }: Props$7): react_jsx_runtime.JSX.Element;
+
+interface Props$6 {
+    size?: number;
+}
+declare function Loading({ size }: Props$6): react_jsx_runtime.JSX.Element;
+
+interface Props$5 {
+    children: react__default.ReactNode;
+    style?: any;
+    className?: string;
+    variant?: ('default')[];
+    title?: string;
+    closeOnOutsideClick?: boolean;
+    exitWithEsc?: boolean;
+    showCloseBtn?: boolean;
+    width?: number;
+    height?: number;
+    maxHeight?: string;
+    open?: boolean;
+    setOpen?: (open: boolean) => void;
+    onClose?: () => void;
+}
+declare function Modal({ children, className, variant, title, closeOnOutsideClick, exitWithEsc, showCloseBtn, width, height, maxHeight, open, setOpen, onClose, ...props }: Props$5): react_jsx_runtime.JSX.Element;
+
+interface ModalListProps {
+    children: ReactNode;
+    initialPage?: number;
+    onClose?: () => void;
+}
+declare function ModalList({ children, initialPage, onClose }: ModalListProps): react_jsx_runtime.JSX.Element | null;
+
+interface Props$4 {
+    className?: string;
+    variant?: ('default')[];
+    data: any[];
+    setData: (data: any[], page: number) => void;
+    buttonsDisplayed?: number;
+    page?: number;
+    pageSize: number;
+    pageCount?: number;
+}
+declare function Pagination({ className, variant, data, setData, buttonsDisplayed, page, pageSize, pageCount }: Props$4): react_jsx_runtime.JSX.Element;
+
+interface Props$3 extends React.HTMLProps<HTMLTableElement> {
+    children: any;
+    variant?: ('plain' | 'row-details' | 'edit-row-details' | 'fit')[];
+}
+declare function Table({ children, className, variant, ...props }: Props$3): react_jsx_runtime.JSX.Element;
+
+interface Props$2 {
+    children: any;
+    className?: string;
+    variant?: ('no-top-margin')[];
+}
+declare function Tabs({ children, className, variant, ...props }: Props$2): react_jsx_runtime.JSX.Element;
+
+interface Props$1 extends React.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    labelClass?: string;
+    variant?: ('auto-size' | 'label-stack' | 'label-bold' | 'label-stack' | 'label-no-stack' | 'label-space-between' | 'md-text' | 'label-full-width' | 'label-bold' | 'label-inline' | 'label-no-margin' | 'no-style' | 'label-fit-content')[];
+    label?: string;
+    cols?: number;
+    rows?: number;
+}
+declare function TextArea({ className, labelClass, variant, label, cols, rows, value, defaultValue, ...props }: Props$1): react_jsx_runtime.JSX.Element;
+
+interface Props {
+    msg: string;
+}
+declare function Tooltip({ msg }: Props): react_jsx_runtime.JSX.Element | null;
+
+export { Barcode, Button, Checkbox, ContextMenu, Dialog, DialogProvider, Draggable, Dropdown, DropdownOption, Grid, GridItem, Input, InputDropdown, Loading, Modal, ModalList, NavDropdown, Pagination, Select, Table, Tabs, TextArea, Tooltip, useDialogContext };