@inntechcorp/it-design 2.0.0

package/dist/stories/Form.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<any>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        name: string;
+        initialValues: {};
+        useQueryString: boolean;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const PreDefined: Story;

package/dist/stories/Header.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import './header.css';
+export declare const Header: FC<any>;

package/dist/stories/Header.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<any>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        onLogin: import("@vitest/spy").Mock<any, any>;
+        onLogout: import("@vitest/spy").Mock<any, any>;
+        onCreateAccount: import("@vitest/spy").Mock<any, any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/dist/stories/Input.d.ts

@@ -0,0 +1,3 @@
+import './button.css';
+import { FC } from 'react';
+export declare const Input: FC<any>;

package/dist/stories/Input.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<any>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import("@vitest/spy").Mock<any, any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const MaskFormat: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const Link: Story;
+export declare const Small: Story;

package/dist/stories/ModalManager.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import './button.css';
+export declare const ModalManager: FC<any>;

package/dist/stories/ModalManager.stories.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<any>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FullFeatured: Story;
+export declare const Title: Story;
+export declare const CustomButtonTexts: Story;
+export declare const CustomWidth: Story;
+export declare const CustomButtonHandlers: Story;
+export declare const OnlyCloseWithEvent: Story;
+export declare const AddContentBeforeAndAfter: Story;

package/dist/stories/Page.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import './page.css';
+export declare const Page: FC;

package/dist/stories/Page.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedOut: Story;
+export declare const LoggedIn: Story;

package/dist/stories/Upload.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Upload: FC<any>;

package/dist/stories/Upload.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<any>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import("@vitest/spy").Mock<any, any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const PreDefined: Story;
+export declare const Disabled: Story;
+export declare const NoDefinedFile: Story;
+export declare const Error: Story;

package/dist/stories/root/index.d.ts

@@ -0,0 +1,6 @@
+import { ChildrenProps } from "types/ChildrenProps";
+import "./index.scss";
+declare const StoryRoot: ({ children }: {
+    children: ChildrenProps;
+}) => import("react/jsx-runtime").JSX.Element;
+export default StoryRoot;

package/dist/switch/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ITDImperativeFuncProps, SwitchProps } from '../index';
+declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<ITDImperativeFuncProps>>;
+export default Switch;

package/dist/switch/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Thumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+declare const Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ErrorTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { Wrapper, ErrorTooltip, Body, Thumb };

package/dist/tinyscrollbar/index.d.ts

@@ -0,0 +1,7 @@
+import { ChildrenProps } from 'types/ChildrenProps.js';
+type TinyScrollbarProps = {
+    className: string;
+    children: ChildrenProps;
+};
+export default function TinyScrollbar({ className, children }: TinyScrollbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/tinyscrollbar/scroll.styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ScrollWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { ScrollWrapper };

package/dist/tinyscrollbar/styled.components.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $scrollbar?: string | undefined;
+    $track?: string | undefined;
+    $vertical?: string | undefined;
+}>> & string;
+export { Wrapper };

package/dist/types/AccordionItemProps.d.ts

@@ -0,0 +1,8 @@
+import { ChildrenProps } from "./ChildrenProps";
+export type AccordionItemProps = {
+    link?: string;
+    itemHeight?: number;
+    arrowSize?: number;
+    active?: boolean;
+    children?: null | ChildrenProps;
+};

package/dist/types/AccordionProps.d.ts

@@ -0,0 +1,12 @@
+import { ChildrenProps } from "./ChildrenProps";
+export type AccordionProps = {
+    useLink?: boolean;
+    onlyOne?: boolean;
+    subMenuLinkArrow?: boolean;
+    subMenuHeight?: number;
+    itemHeight?: number;
+    iconSize?: number;
+    arrowSize?: number;
+    onChange?: null | ((id: string) => void);
+    children: ChildrenProps;
+};

package/dist/types/AccordionSubMenuProps.d.ts

@@ -0,0 +1,17 @@
+import { ChildrenProps } from "./ChildrenProps";
+export type AccordionSubMenuProps = {
+    id: string;
+    link: string;
+    title: string;
+    icon?: string | JSX.Element;
+    isSelected?: boolean;
+    useLink?: boolean;
+    onlyOne?: boolean;
+    subMenuLinkArrow?: boolean;
+    subMenuHeight?: number;
+    itemHeight?: number;
+    iconSize?: number;
+    arrowSize?: number;
+    onChange?: (id: string) => void;
+    children?: ChildrenProps;
+};

package/dist/types/AlertProps.d.ts

@@ -0,0 +1,11 @@
+import { ChildrenProps } from "./ChildrenProps";
+export type AlertProps = {
+    type?: AlertType;
+    size?: AlertSize;
+    icon?: string | ChildrenProps | SVGElement;
+    title?: string;
+    className?: string;
+    children?: ChildrenProps;
+};
+export type AlertType = "success" | "info" | "warning" | "error";
+export type AlertSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";

package/dist/types/ButtonProps.d.ts

@@ -0,0 +1,41 @@
+import { DetailedHTMLProps, HTMLAttributes, MouseEvent } from "react";
+import { ChildrenProps } from "./ChildrenProps";
+import { IStyledComponent } from "styled-components";
+import { Substitute } from "styled-components/dist/types";
+export type ButtonProps = {
+    id?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    selected?: boolean;
+    strecth?: boolean;
+    circle?: boolean;
+    justify?: string;
+    contentPosition?: ButtonContentPosition;
+    type?: ButtonType;
+    variant?: ButtonVariant;
+    state?: ButtonState;
+    size?: ButtonSize;
+    icon?: string | ChildrenProps | SVGElement;
+    href?: string;
+    target?: string;
+    className?: string;
+    children?: ChildrenProps;
+    onClick?: null | ((event: MouseEvent<any>) => void);
+};
+export type ButtonType = "button" | "submit" | "reset";
+export type ButtonVariant = "default" | "solid" | "filled" | "outline" | "ghost" | "link" | "statable" | "custom";
+export type ButtonState = "primary" | "secondary" | "request" | "approve" | "reject" | "pending" | "requested" | string | null;
+export type ButtonSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
+export type ButtonContentPosition = "left" | "right";
+export type StyledElementProps = IStyledComponent<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any>>;
+export interface IIcon {
+    $useIconPadding?: boolean;
+    $contentPosition?: string;
+    $justify?: string;
+    children?: ChildrenProps;
+}
+export interface ISVG {
+    $singleIcon: boolean;
+    $contentPosition: string | undefined;
+    $justify: string | undefined;
+}

package/dist/types/CheckboxProps.d.ts

@@ -0,0 +1,38 @@
+import { ReactElement, RefObject } from "react";
+import { ChildrenProps } from "./ChildrenProps";
+export type CheckboxProps = {
+    id?: string;
+    value?: string | number | boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    className?: string;
+    children?: ChildrenProps;
+    onChange?: ((event: CheckboxEvent) => void);
+    onUpdate?: ((value: any, update: any, validation: boolean) => void);
+};
+export type CheckboxGroupProps = {
+    value?: (string | number | boolean)[];
+    defaultValue?: (string | number)[];
+    options?: GroupCheckboxOptionType[];
+    disabled?: boolean;
+    className?: string;
+    children?: ChildrenProps | ReactElement<CheckboxProps> | Array<ReactElement<CheckboxProps>>;
+    selectAll?: (value: boolean) => void;
+    onChange?: ((values: (string | number | boolean)[]) => void);
+    onUpdate?: ((value: (string | number | boolean)[], update: any, validation: boolean) => void);
+};
+export type GroupCheckboxOptionType = {
+    label: string;
+    value: string | number | boolean;
+    disabled?: boolean;
+};
+export type CheckboxEvent = {
+    checked: boolean;
+    value?: string | number | boolean;
+    className: string;
+    disabled: boolean;
+    target: RefObject<HTMLInputElement>;
+    stopPropagation: () => void;
+    preventDefault: () => void;
+};

package/dist/types/ChildrenProps.d.ts

@@ -0,0 +1 @@
+export type ChildrenProps = string | JSX.Element | JSX.Element[] | null;

package/dist/types/FormProps.d.ts

@@ -0,0 +1,50 @@
+import { FormValidationTypes } from "enums/enum";
+import { RefObject } from "react";
+import { ChildrenProps } from "types/ChildrenProps";
+import { ITDImperativeFuncProps } from "../index";
+import { FormStoreProps } from "../form/context/FormStore";
+import { FormContextType } from "../form/context/FormContext";
+import { Item, Group, Control } from "../form";
+export type FormProps = {
+    initialValues?: {};
+    children: ChildrenProps;
+    onReset?: () => void;
+    onUpdate?: (values: {}) => void;
+    onFinish?: (values: {}) => void;
+    onFinishFailed?: (values: {}) => void;
+    onValidated?: (validate: boolean) => void;
+    onFieldUpdate?: (update: FieldUpdateProps) => void;
+    useQueryString?: boolean;
+    className?: string;
+    ref: RefObject<FormContextType>;
+    name: string;
+};
+export type FormValueProps = string | number | object | boolean;
+export type FieldUpdateProps = {
+    name: string;
+    value: FormValueProps;
+    valid: boolean;
+};
+export type FormRuleProps = {
+    required?: boolean;
+    type?: FormValidationTypes;
+    field?: string;
+    value?: string | number;
+    message?: string;
+};
+export type FormItemProps = {
+    name: string;
+    field: RefObject<ITDImperativeFuncProps>;
+    valid: boolean;
+    value?: FormValueProps;
+    query: string;
+    reset: any[];
+    error: string;
+};
+export type FormSubComponentProps = {
+    Item: typeof Item;
+    Group: typeof Group;
+    Control: typeof Control;
+    useForm: FormContextType;
+    useFormAPI: FormStoreProps;
+};

package/dist/types/ITDImperativeFuncProps.d.ts

@@ -0,0 +1,10 @@
+export type ITDImperativeFuncProps = {
+    reset: (update?: boolean, validation?: boolean) => void;
+    setValue: (value: any, update?: boolean, validation?: boolean) => void;
+    getValue: () => any;
+    setError: (message: string) => void;
+    setFocus?: () => void;
+    setDisabled?: (value: boolean) => void;
+    forceUpdate?: () => void;
+    clear: () => void;
+};

package/dist/types/InputProps.d.ts

@@ -0,0 +1,33 @@
+import { FocusEventHandler, KeyboardEvent, MutableRefObject } from "react";
+import { ChildrenProps } from "./ChildrenProps";
+export type InputProps = {
+    id?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    type?: string;
+    className?: string;
+    size?: string;
+    variant?: string;
+    prefix?: ChildrenProps;
+    suffix?: ChildrenProps;
+    addonBefore?: ChildrenProps;
+    addonAfter?: ChildrenProps;
+    locked?: ChildrenProps | boolean;
+    status?: ChildrenProps;
+    maxLength?: number;
+    disabled?: boolean;
+    floating?: boolean;
+    autoComplete?: boolean;
+    keepFocus?: boolean;
+    focusRef?: null | MutableRefObject<HTMLDivElement>;
+    mask?: null | string;
+    allowEmptyFormatting?: null | boolean;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    onFocus?: ((event: any) => void) | null;
+    onBlur?: ((event: FocusEventHandler<HTMLInputElement>) => void) | null;
+    onPressEnter?: ((event: KeyboardEvent) => void) | null;
+    onKeyDown?: ((event: KeyboardEvent) => void) | null;
+    children?: ChildrenProps;
+};

package/dist/types/ModalProps.d.ts

@@ -0,0 +1,190 @@
+import { ButtonProps } from "./ButtonProps";
+import { ChildrenProps } from "./ChildrenProps";
+/**
+ * #### ModalProps
+ *
+ * The properties passed when opening a new modal. The `showModal`
+ * function requires certain properties to open a new modal.
+ */
+export type ModalProps = {
+    /**
+     * Modal ID. Used for listening to modal events.
+     */
+    id?: string;
+    /**
+     * Modal Title.
+     */
+    title?: string;
+    /**
+     * Modal Width.
+     */
+    width?: string | number;
+    /**
+     * Close modal when overlay is clicked.
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Prevents modal from closing when ESC key is pressed.
+     */
+    preventESC?: boolean;
+    /**
+     * Show/hide OK button.
+     */
+    showOkButton?: boolean;
+    /**
+     * Show/hide Cancel button.
+     */
+    showCancelButton?: boolean;
+    /**
+     * Show/hide close button on the top right corner of the modal.
+     */
+    showCloseButton?: boolean;
+    /**
+     * Text for the OK button.
+     */
+    okButtonText?: string;
+    /**
+     * The cancel button props.
+     */
+    cancelButtonText?: string;
+    /**
+     * The ok button props.
+     */
+    okButtonProps?: ButtonProps | null;
+    /**
+     * ModalProps for the Cancel button.
+     */
+    cancelButtonProps?: ButtonProps | null;
+    /**
+     * Custom properties to be passed to the modal.
+     */
+    customProps?: {} | any;
+    /**
+     * Custom context to be passed to the modal.
+     */
+    context?: {} | any;
+    /**
+     * Called when the OK button is clicked. If this
+     * function is defined, a ModalEvent is triggered,
+     * but the modal does not automatically close.
+     * @returns
+     */
+    onOk?: (() => boolean | null) | null;
+    /**
+     * Called when the Cancel button is clicked. If this
+     * function is defined, a ModalEvent is triggered,
+     * but the modal does not automatically close.
+     * @returns
+     */
+    onCancel?: (() => boolean | null) | null;
+    /**
+     * ModalManager can find its own ref, but some libraries
+     * (@loadable, React.lazy, etc.) may have their own ref values,
+     * which can prevent ModalManager from passing parameters and
+     * accessing the actual ref. In such cases, if you want the modal
+     * to use a ref, meaning you'll use forwardRef with ModalRefProps
+     * inside the modal, you should pass "true".
+     */
+    useRef?: boolean;
+    /**
+     * ModalManager can find its own ref, but some libraries
+     * (@loadable, React.lazy, etc.) may have their own ref
+     * values, which can prevent ModalManager from passing
+     * parameters and accessing the actual ref. In such cases,
+     * this value should remain false. You can only set it to
+     * "true" in projects where you are sure that all modals
+     * are passed as Function Components.
+     */
+    checkAutoRef?: boolean;
+    /**
+     * Content of the modal. Any content you want to display in the modal.
+     */
+    content: ChildrenProps;
+    /**
+     * Adds content before the modal's content data.
+     */
+    addContentBefore?: ChildrenProps;
+    /**
+     * Adds content after the modal's content data.
+     */
+    addContentAfter?: ChildrenProps;
+    /**
+     * The padding of the modal content. The default value is "30px 20px".
+     */
+    contentPadding?: string;
+    /**
+     * The padding before the modal content. The default value is "30px 20px 0".
+     */
+    beforeContentPadding?: string;
+    /**
+     * The padding after the modal content. The default value is "0 20px 30px".
+     */
+    afterContentPadding?: string;
+};
+/**
+ * #### Modal Content Props
+ *
+ * These properties can only be accessed from the content data defined within the modal.
+ * When the content data is defined as an external class, these properties become accessible.
+ */
+export type ModalContentProps = {
+    /**
+     * Allows another modal to be opened from within the modal content.
+     * @param data Values for the new modal to be opened.
+     * @returns
+     */
+    showAnotherModal?: (data?: ModalProps) => void;
+    /**
+     * Closes itself from within the modal content.
+     * @returns
+     */
+    hideCurrentModal?: () => void;
+    /**
+     * Changes the buttons disabling state.
+     * @param value `true` for regular, `false` for disabled.
+     * @returns
+     */
+    changeButtonsState?: (value: boolean) => void;
+    /**
+     * Changes the loading screen state that covers the entire modal.
+     * @param value `true` indicates loading, `false` indicates stable state.
+     * @returns
+     */
+    changeLoadingState?: (value: boolean) => void;
+    /**
+     * Changes the state that shows only the modal content is loading.
+     * @param value `true` indicates loading, `false` indicates stable state.
+     * @returns
+     */
+    changeInnerLoadingState?: (value: boolean) => void;
+    /**
+     * Extra parameters passed when the modal is opened.
+     */
+    modalProps?: any;
+    /**
+     * Context data to be used for access within the modal, functioning like `modalProps`.
+     */
+    context?: any;
+};
+/**
+ * #### Modal Ref Props
+ *
+ * It can only be used within the modal content data that utilizes `forwardRef`
+ * along with `useImperativeHandle`.
+ */
+export type ModalRefProps = {
+    /**
+     * If defined, it is triggered when the **OK** button inside the modal is clicked.
+     * If you return `false`, it prevents the modal from closing. If you return `true`,
+     * the process continues and the modal closes.
+     * @returns
+     */
+    onClickOK?: () => void;
+    /**
+     * If defined, it is triggered when the **Cancel** button inside the modal is clicked.
+     * If you return `false`, it prevents the modal from closing. If you return `true`,
+     * the process continues and the modal closes.
+     * @returns
+     */
+    onClickCancel?: () => void;
+};

package/dist/types/NotificationsProps.d.ts

@@ -0,0 +1,9 @@
+export type NotificationsProps = {
+    id?: string;
+    title: string;
+    description: string;
+    placement?: string;
+    autoHide?: boolean;
+    delay?: number;
+    type: string;
+};

package/dist/types/SelectProps.d.ts

@@ -0,0 +1,25 @@
+import { ReactElement } from "react";
+export type SelectProps = {
+    defaultValue?: string | number;
+    value?: string | number;
+    label?: string | number;
+    position?: string;
+    direction?: string;
+    mode?: string;
+    size?: string;
+    variant?: string;
+    className?: string;
+    placeholder?: string;
+    icon?: string;
+    image?: string;
+    disabled?: boolean;
+    locked?: boolean;
+    floating?: boolean;
+    children?: ReactElement<SelectOptionProps> | Array<ReactElement<SelectOptionProps>>;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+};
+export type SelectOptionProps = {
+    value: string;
+    text: string;
+};

package/dist/types/SingleQueryProps.d.ts

@@ -0,0 +1,6 @@
+export type SingleQueryProps = {
+    set: (type: string, value: string | string[] | null) => void;
+    get: (type: string, _default?: string, _minLength?: number) => string | string[] | null;
+    remove: (type: string) => void;
+    isEmpty: () => boolean;
+};