quix-ui 1.2.1 → 1.2.2

package/dist/Provider/FormContext.d.ts

@@ -0,0 +1,2 @@
+import { FormStore } from "../components/forms/store/form.store";
+export declare const FormContext: import("react").Context<FormStore | null>;

package/dist/Provider/QuixProvider.d.ts

@@ -0,0 +1,5 @@
+import type { FormContextType, ProviderContextType, ThemeContextType } from "./types";
+export declare const ThemeContext: import("react").Context<ThemeContextType | undefined>;
+export declare const QuixProvider: import("react").Context<ProviderContextType | undefined>;
+export declare const FormProvider: import("react").Context<FormContextType | undefined>;
+export declare function useForm(): FormContextType | undefined;

package/dist/Provider/form.types.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type FormValues = Record<string, unknown>;
+export interface FormContextType {
+    values: FormValues;
+    setFieldValue: (name: string, value: unknown) => void;
+    registerField: (name: string) => void;
+    submit: () => void;
+    resetFields: () => void;
+}
+export interface FieldProps {
+    value?: unknown;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}

package/dist/Provider/hooks/FormHook/UseForm.d.ts

@@ -0,0 +1,6 @@
+import { FormValues } from "../../form.types";
+export declare function useForm(initialValues?: FormValues): {
+    values: FormValues;
+    setFieldValue: (name: string, value: unknown) => void;
+    resetFields: () => void;
+};

package/dist/Provider/hooks/FormHook/useFormContext.d.ts

@@ -0,0 +1 @@
+export declare function useFormContext(): import("../../../components/forms/store/form.store").FormStore;

package/dist/Provider/types.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from "react";
+export type ThemeProps = "light" | "dark";
+export interface ThemeContextType {
+    theme: ThemeProps;
+    toggleTheme: () => void;
+}
+export interface FormDataProps {
+    [key: string]: never;
+}
+export interface ProviderContextType {
+    formData: {
+        [key: string]: never;
+    };
+    setFormData: React.Dispatch<FormDataProps>;
+}
+export interface FormContextType {
+    formData: {
+        [key: string]: never;
+    };
+    setFormData: React.Dispatch<FormDataProps>;
+    resetFormdata: () => void;
+}
+export interface ProviderProps {
+    children: ReactNode;
+}

package/dist/components/Buttons/Buttons.stories.d.ts

@@ -43,6 +43,9 @@ declare const meta: {
                 control: string;
             };
         };
+        style: {
+            control: "text";
+        };
         className: {
             control: "text";
         };

package/dist/components/Buttons/types.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface ButtonsProps {
     onClick: () => void;
     width?: number;
@@ -13,5 +14,6 @@ export interface ButtonsProps {
         bottomLeft?: number;
         bottomRight?: number;
     } | number;
+    style?: React.CSSProperties;
     className?: string;
 }

package/dist/components/forms/Forms.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+interface Props {
+    initialValues?: any;
+    onFinish?: (values: any) => void;
+    children: ReactNode;
+}
+export default function Form({ initialValues, onFinish, children }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/Items.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from "react";
+import { FieldProps } from "../../Provider/form.types";
+interface Props {
+    name?: string;
+    valuePropName?: string;
+    getValueFromEvent?: (e: any) => any;
+    shouldUpdate?: boolean | ((prev: any, next: any) => boolean);
+    children: ReactElement<FieldProps> | ((ctx: any) => ReactElement<FieldProps>);
+}
+export default function FormItem({ name, valuePropName, getValueFromEvent, shouldUpdate, children, }: Props): ReactElement<FieldProps, string | import("react").JSXElementConstructor<any>>;
+export {};

package/dist/components/forms/index.d.ts

@@ -0,0 +1,2 @@
+import Form from "./Forms";
+export default Form;

package/dist/components/forms/store/form.store.d.ts

@@ -0,0 +1,12 @@
+type Listener = () => void;
+export declare class FormStore {
+    private values;
+    private listeners;
+    constructor(initialValues: any);
+    getValues(): any;
+    getValue(name: string): any;
+    setValue(name: string, value: any): void;
+    subscribe(name: string, fn: Listener): false | (() => boolean);
+    private notify;
+}
+export {};

package/dist/components/forms/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function get(obj: any, path: string): any;
+export declare function set(obj: any, path: string, value: any): any;

package/dist/components/layout/Layout.d.ts

@@ -0,0 +1,8 @@
+import { LayoutProps, menuItemsDynamicStyleProps, menuItemsProps, sideMenuProps } from "./types";
+import './layout.style.css';
+export declare function Layout(props: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideMenu(props: sideMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuItem(item: menuItemsProps, ElementType?: "NavLink" | "Link" | "a" | "div", menuItemsDynamicStyle?: menuItemsDynamicStyleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header(): import("react/jsx-runtime").JSX.Element;
+export declare function Content(): import("react/jsx-runtime").JSX.Element;
+export declare function Footer(): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/Layout.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from "@storybook/react-vite";
+import { Layout } from "./Layout";
+declare const meta: {
+    title: string;
+    component: typeof Layout;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        style: {
+            control: "text";
+        };
+        className: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Layout1: Story;

package/dist/components/layout/types.d.ts

@@ -0,0 +1,40 @@
+import React, { JSX } from "react";
+export interface LayoutProps {
+    backgroundColor?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    sideMenu?: sideMenuProps;
+    ElementStyle?: React.CSSProperties;
+}
+export interface menuItemsProps {
+    label: string;
+    route: string;
+    backgroundColor?: string;
+    textColor?: string;
+    activeColor?: {
+        background: string;
+        text: string;
+    };
+    icon?: {
+        position: 'left' | 'right';
+        component: JSX.Element;
+    };
+}
+export interface sideMenuProps {
+    width: number | string;
+    height: number | string;
+    style?: React.CSSProperties;
+    menuItems: menuItemsProps[];
+    ElementType?: "NavLink" | "Link" | "a" | "div";
+    ElementStyle?: React.CSSProperties;
+    menuItemsDynamicStyle?: menuItemsDynamicStyleProps;
+    top: number;
+}
+export interface menuItemsDynamicStyleProps {
+    backgroundColor: string;
+    textColor: string;
+    activeColor: {
+        background: string;
+        text: string;
+    };
+}

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ViewContainer } from './view/ViewContainer';
+export { default as FlexView } from './view/FlexView';
 export { default as Buttons } from './components/Buttons/Buttons';