@monolith-forensics/monolith-ui 1.1.34 → 1.1.35

package/dist/TagBox/TagBox.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from "react";
+import { Variant, Size } from "../core";
+type Option = {
+    label: string;
+    value: any;
+    group?: string;
+    data?: any;
+};
+interface TagBoxProps {
+    className?: string;
+    data?: Option[] | string[];
+    placeholder?: string;
+    arrow?: boolean;
+    defaultValue?: Option[];
+    grouped?: boolean;
+    searchFn?: (value: string) => void;
+    onChange?: (value: any[]) => void;
+    onScroll?: () => void;
+    onSearch?: (value: string) => void;
+    onItemAdded?: (value: any) => void;
+    size?: Size;
+    variant?: Variant;
+    width?: string;
+    allowCustomValue?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    openOnFocus?: boolean;
+    label?: string;
+    description?: string;
+    required?: boolean;
+    error?: string;
+    loading?: boolean;
+    renderOption?: (item: Option | string) => ReactNode;
+    TooltipContent?: (props: {
+        data: any;
+    }) => JSX.Element;
+}
+declare const TagBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TagBoxProps, never>> & string & Omit<({ className, data, placeholder, arrow, defaultValue, grouped, searchFn, onChange, onScroll, onSearch, onItemAdded, size, variant, width, allowCustomValue, searchable, clearable, openOnFocus, label, description, required, error, loading, renderOption, TooltipContent, }: TagBoxProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default TagBox;

package/dist/TagBox/TagBoxStyles.d.ts

@@ -0,0 +1,11 @@
+export declare const TagBoxContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TagBoxInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TagsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TagBoxInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TagText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TagKillButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const TagBoxOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TagBoxOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/TagBox/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./TagBox";

package/dist/TextArea/TextArea.d.ts

@@ -0,0 +1,16 @@
+import { Size, Variant } from "../core";
+interface TextAreaProps {
+    ref?: React.Ref<HTMLTextAreaElement>;
+    className?: string;
+    size?: Size;
+    variant?: Variant;
+    width?: string | number | null | undefined;
+    style?: React.CSSProperties;
+    placeholder?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+}
+declare const TextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-textarea-autosize").TextareaAutosizeProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLTextAreaElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTextAreaElement> | null | undefined;
+}, TextAreaProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-textarea-autosize").TextareaAutosizeProps & import("react").RefAttributes<HTMLTextAreaElement>>, keyof import("react").Component<any, {}, any>>;
+export default TextArea;

package/dist/TextArea/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./TextArea";

package/dist/TextAreaInput/TextAreaInput.d.ts

@@ -0,0 +1,19 @@
+import { Size } from "../core";
+interface TextAreaInputProps {
+    label?: string;
+    error?: string;
+    required?: boolean;
+    colSpan?: number;
+    size?: Size;
+    description?: string;
+    inputRef?: React.RefObject<HTMLTextAreaElement> | null;
+    maxRows?: number;
+    minRows?: number;
+    onHeightChange?: (height: number, meta: {
+        rowHeight: number;
+    }) => void;
+    cacheMeasurements?: boolean;
+    style?: any;
+}
+declare const TextAreaInput: ({ label, error, required, colSpan, size, description, inputRef, maxRows, minRows, onHeightChange, cacheMeasurements, style, }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TextAreaInput;

package/dist/TextAreaInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./TextAreaInput";

package/dist/TextInput/TextInput.d.ts

@@ -0,0 +1,13 @@
+import { InputProps } from "../Input/Input";
+import { Size } from "../core";
+interface TextInputProps extends InputProps {
+    className?: string;
+    label?: string;
+    error?: string;
+    required?: boolean;
+    size?: Size;
+    colSpan?: number;
+    description?: string;
+}
+declare const TextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TextInputProps, never>> & string & Omit<({ className, label, error, required, colSpan, description, size, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default TextInput;

package/dist/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./TextInput";

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+interface TooltipProps {
+    className?: string;
+    children?: ReactNode;
+    content?: ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    align?: "start" | "center" | "end";
+    delayDuration?: number;
+}
+declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TooltipProps, never>> & string & Omit<({ className, children, content, side, sideOffset, align, delayDuration, }: TooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined, keyof import("react").Component<any, {}, any>>;
+export default Tooltip;

package/dist/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Tooltip";

package/dist/core/ArrowButton.d.ts

@@ -0,0 +1,6 @@
+interface ArrowButtonProps {
+    className?: string;
+    [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
+}
+declare const ArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ArrowButtonProps, never>> & string & Omit<({ className, ...props }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default ArrowButton;

package/dist/core/ClearButton.d.ts

@@ -0,0 +1,6 @@
+interface ClearButtonProps {
+    className?: string;
+    [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
+}
+declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ClearButtonProps, never>> & string & Omit<({ className, ...props }: ClearButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default ClearButton;

package/dist/core/StyledContent.d.ts

@@ -0,0 +1,7 @@
+import Variant from "./Types/Variant";
+interface StyledContentProps {
+    maxDropdownHeight?: number | string;
+    variant?: Variant;
+}
+declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContentProps>> & string;
+export default StyledContent;

package/dist/core/StyledFloatContainer.d.ts

@@ -0,0 +1,2 @@
+declare const StyledFloatContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default StyledFloatContainer;

package/dist/core/Types/Size.d.ts

@@ -0,0 +1,2 @@
+type Size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+export default Size;

package/dist/core/Types/Variant.d.ts

@@ -0,0 +1,2 @@
+type Variant = "default" | "contained" | "filled" | "light" | "outlined" | "text" | "subtle";
+export default Variant;

package/dist/core/index.d.ts

@@ -0,0 +1,6 @@
+export { default as StyledContent } from "./StyledContent";
+export { default as StyledFloatContainer } from "./StyledFloatContainer";
+export { default as ArrowButton } from "./ArrowButton";
+export { default as ClearButton } from "./ClearButton";
+export type { default as Size } from "./Types/Size";
+export type { default as Variant } from "./Types/Variant";

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export { default as FormSection } from "./FormSection";
+export { default as Grid } from "./Grid";
+export { default as TextInput } from "./TextInput";
+export { default as SelectBox } from "./SelectBox";
+export { default as Button } from "./Button";
+export { default as IconButton } from "./IconButton";
+export { default as DropDownMenu } from "./DropDownMenu";
+export { default as DateInput } from "./DateInput";
+export { default as TextArea } from "./TextArea";
+export { default as TextAreaInput } from "./TextAreaInput";
+export { default as TagBox } from "./TagBox";
+export { default as FieldLabel } from "./FieldLabel";
+export { default as Modal } from "./Modal";
+export { default as Flyout } from "./Flyout";
+export { FlyoutHeader, FlyoutTitle } from "./Flyout";
+export { default as FileInputField } from "./FileInputField";
+export { default as Switch } from "./Switch";
+export { default as CheckBox } from "./CheckBox";
+export { default as Input } from "./Input";
+export { default as Tooltip } from "./Tooltip";
+export { default as Pill } from "./Pill";
+export { default as Calendar } from "./Calendar";
+export { default as Table } from "./Table";
+export { Column } from "./Table";
+export { default as MonolithUIProvider } from "./MonolithUIProvider";
+export { useMonolithUITheme } from "./MonolithUIProvider";

package/dist/theme/index.d.ts

@@ -0,0 +1,169 @@
+export { THEMES as Themes } from "./variants";
+declare const getTheme: (scheme: "LIGHT" | "DARK") => {
+    name: string;
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeightLight: number;
+        fontWeightRegular: number;
+        fontWeightMedium: number;
+        fontWeightBold: number;
+        h1: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h2: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h3: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h4: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h5: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h6: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        body1: {
+            fontSize: number;
+        };
+        button: {
+            textTransform: string;
+        };
+    };
+    palette: {
+        mode: string;
+        primary: {
+            main: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            contrastText: string;
+        };
+        third: {
+            main: string;
+            contrastText: string;
+        };
+        fourth: {
+            main: string;
+            contrastText: string;
+        };
+        background: {
+            default: string;
+            paper: string;
+            alt: string;
+            secondary: string;
+            gradient: string;
+        };
+        menu: {
+            background: string;
+        };
+        signature: {
+            penColor: string;
+            borderColor: string;
+            backgroundColor: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+        };
+        input: {
+            background: string;
+            border: string;
+            borderHover: string;
+            borderFocus: string;
+            borderError: string;
+            borderDisabled: string;
+            text: string;
+            textDisabled: string;
+            placeholder: string;
+        };
+        textArea: {
+            background: string;
+            border: string;
+            borderHover: string;
+            borderFocus: string;
+            borderError: string;
+            borderDisabled: string;
+            text: string;
+            textDisabled: string;
+            placeholder: string;
+        };
+        dataGrid: {
+            hover: string;
+        };
+        action: {
+            hover: string;
+        };
+        divider: string;
+    };
+    header: {
+        color: string;
+        background: string;
+        search: {
+            color: string;
+        };
+        indicator: {
+            background: string;
+        };
+    };
+    footer: {
+        color: string;
+        background: string;
+    };
+    sidebar: {
+        color: string;
+        background: string;
+        active: string;
+        header: {
+            color: string;
+            background: string;
+            brand: {
+                color: string;
+            };
+        };
+        footer: {
+            color: string;
+            background: string;
+            online: {
+                background: string;
+            };
+        };
+        badge: {
+            color: string;
+            background: string;
+        };
+    };
+    scrollbar: {
+        track: string;
+        thumb: string;
+        thumbHover: string;
+    };
+    mfBorder: {
+        primary: string;
+        secondary: string;
+    };
+    zIndex: {
+        snackbar: number;
+    };
+};
+export default getTheme;

package/dist/theme/typography.d.ts

@@ -0,0 +1,45 @@
+declare const typography: {
+    fontFamily: string;
+    fontSize: number;
+    fontWeightLight: number;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightBold: number;
+    h1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h2: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h3: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h4: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h5: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h6: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    body1: {
+        fontSize: number;
+    };
+    button: {
+        textTransform: string;
+    };
+};
+export default typography;

package/dist/theme/variants.d.ts

@@ -0,0 +1,172 @@
+export declare const THEMES: {
+    DARK: string;
+    LIGHT: string;
+};
+declare const variants: {
+    name: string;
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeightLight: number;
+        fontWeightRegular: number;
+        fontWeightMedium: number;
+        fontWeightBold: number;
+        h1: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h2: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h3: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h4: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h5: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h6: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        body1: {
+            fontSize: number;
+        };
+        button: {
+            textTransform: string;
+        };
+    };
+    palette: {
+        mode: string;
+        primary: {
+            main: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            contrastText: string;
+        };
+        third: {
+            main: string;
+            contrastText: string;
+        };
+        fourth: {
+            main: string;
+            contrastText: string;
+        };
+        background: {
+            default: string;
+            paper: string;
+            alt: string;
+            secondary: string;
+            gradient: string;
+        };
+        menu: {
+            background: string;
+        };
+        signature: {
+            penColor: string;
+            borderColor: string;
+            backgroundColor: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+        };
+        input: {
+            background: string;
+            border: string;
+            borderHover: string;
+            borderFocus: string;
+            borderError: string;
+            borderDisabled: string;
+            text: string;
+            textDisabled: string;
+            placeholder: string;
+        };
+        textArea: {
+            background: string;
+            border: string;
+            borderHover: string;
+            borderFocus: string;
+            borderError: string;
+            borderDisabled: string;
+            text: string;
+            textDisabled: string;
+            placeholder: string;
+        };
+        dataGrid: {
+            hover: string;
+        };
+        action: {
+            hover: string;
+        };
+        divider: string;
+    };
+    header: {
+        color: string;
+        background: string;
+        search: {
+            color: string;
+        };
+        indicator: {
+            background: string;
+        };
+    };
+    footer: {
+        color: string;
+        background: string;
+    };
+    sidebar: {
+        color: string;
+        background: string;
+        active: string;
+        header: {
+            color: string;
+            background: string;
+            brand: {
+                color: string;
+            };
+        };
+        footer: {
+            color: string;
+            background: string;
+            online: {
+                background: string;
+            };
+        };
+        badge: {
+            color: string;
+            background: string;
+        };
+    };
+    scrollbar: {
+        track: string;
+        thumb: string;
+        thumbHover: string;
+    };
+    mfBorder: {
+        primary: string;
+        secondary: string;
+    };
+    zIndex: {
+        snackbar: number;
+    };
+}[];
+export default variants;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.1.34",
+  "version": "1.1.35",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",