next-recomponents 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,122 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1, { DetailedHTMLProps, ButtonHTMLAttributes, Dispatch, SetStateAction, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
+
+interface Props$4 {
+    color?: "white" | "primary" | "secondary" | "info" | "danger" | "warning" | "success";
+    children: React.ReactNode;
+}
+declare function Alert({ color, children, ...props }: Props$4): react_jsx_runtime.JSX.Element;
+
+interface Props$3 extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    icon?: React.ReactNode;
+    size?: "full" | "small";
+    color?: "white" | "primary" | "secondary" | "info" | "danger" | "warning" | "success";
+}
+declare function Button({ className, size, color, children, icon, ...props }: Props$3): react_jsx_runtime.JSX.Element;
+
+type LocationItem = {
+    location: string;
+    name: React$1.ReactNode;
+    icon?: React$1.ReactNode;
+};
+declare function Container({ children, appName, menuList, navItems, leftPanel, footPanel, expandedFooter, expandedMenu, }: {
+    appName?: React$1.ReactNode;
+    children: React$1.ReactNode;
+    menuList?: Array<LocationItem>;
+    navItems?: Array<LocationItem>;
+    leftPanel?: React$1.ReactNode;
+    footPanel?: React$1.ReactNode;
+    expandedMenu?: boolean;
+    expandedFooter?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+interface OnSubmitProps extends React$1.FormEvent<HTMLFormElement> {
+    values: Record<string, any>;
+}
+interface Props$2 {
+    onSubmit: (e: OnSubmitProps) => void;
+    children: React$1.ReactNode;
+    state?: [any, Dispatch<SetStateAction<any>>];
+    invalidMessage?: string;
+}
+declare function Form({ onSubmit, state, invalidMessage, children, }: Props$2): react_jsx_runtime.JSX.Element;
+
+interface InputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    label: React.ReactNode;
+    regex?: RegExp;
+    invalidMessage?: React.ReactNode;
+}
+declare function Input({ label, className, regex, invalidMessage, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+declare const regularExpresions: {
+    email: RegExp;
+    phone: RegExp;
+    number: RegExp;
+};
+
+interface TableProps extends React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
+    data: Record<string, any> | Array<Record<string, any>>;
+    dataTypes?: Record<string, any>;
+    mapedData?: any;
+    setMapedData?: any;
+    totals?: Array<string>;
+    symbols?: Record<string, ReactNode>;
+    exportName?: string;
+}
+declare function Table(props: TableProps): react_jsx_runtime.JSX.Element;
+
+interface Props$1 extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+    label?: React$1.ReactNode;
+    maxLength?: number;
+}
+declare function TextArea({ label, className, maxLength, onChange, children, ...props }: Props$1): react_jsx_runtime.JSX.Element;
+
+interface ItemsRecord {
+    typeof: Object;
+}
+interface Props {
+    baseURI: string;
+    authURI?: string;
+    endpoints: Record<string, Partial<ItemsRecord>>;
+}
+interface ShowOptions {
+    limit?: number;
+    merge?: boolean;
+    page?: number;
+    [key: string | number]: string | number | undefined | null | boolean;
+}
+type EnhancedEndpoints<T extends Record<string, ItemsRecord>> = {
+    [K in keyof T]: {
+        typeof: T[K]["typeof"];
+        state: "success" | "loading" | "error";
+        show: (props: ShowOptions) => Promise<Array<T[K]["typeof"]>>;
+        create: (data: Partial<T[K]["typeof"]>) => Promise<T[K]["typeof"]>;
+        update: (id: number | string, data: Partial<T[K]["typeof"]>) => Promise<T[K]["typeof"]>;
+        remove: (id: number | string) => Promise<T[K]["typeof"]>;
+        find: (id: number | string, props?: Record<string, string>) => Promise<T[K]["typeof"]>;
+        getAllPages: (limit: number) => Promise<Array<T[K]["typeof"]>>;
+        data: T[K]["typeof"][];
+        selectedItem: T[K]["typeof"];
+        params: Record<string, any>;
+        currentPage: number;
+        totalItems: number;
+        totalPages: number;
+        errorMessage: string;
+    };
+};
+
+declare function useResources<T extends Record<string, ItemsRecord>>({ baseURI, authURI, endpoints, }: Props): EnhancedEndpoints<T>;
+
+interface CustomSelectProps extends React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    label?: string;
+    placeholder?: string;
+    children: ReactNode;
+    name: string;
+    value?: string;
+    onChange?: any;
+    className?: string;
+    strictMode?: boolean;
+}
+declare function Select({ label, placeholder, children, strictMode, ...props }: CustomSelectProps): react_jsx_runtime.JSX.Element;
+
+export { Alert, Button, Container, Form, Input, Select, Table, TextArea, regularExpresions, useResources };

package/dist/index.d.ts

@@ -0,0 +1,122 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1, { DetailedHTMLProps, ButtonHTMLAttributes, Dispatch, SetStateAction, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
+
+interface Props$4 {
+    color?: "white" | "primary" | "secondary" | "info" | "danger" | "warning" | "success";
+    children: React.ReactNode;
+}
+declare function Alert({ color, children, ...props }: Props$4): react_jsx_runtime.JSX.Element;
+
+interface Props$3 extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    icon?: React.ReactNode;
+    size?: "full" | "small";
+    color?: "white" | "primary" | "secondary" | "info" | "danger" | "warning" | "success";
+}
+declare function Button({ className, size, color, children, icon, ...props }: Props$3): react_jsx_runtime.JSX.Element;
+
+type LocationItem = {
+    location: string;
+    name: React$1.ReactNode;
+    icon?: React$1.ReactNode;
+};
+declare function Container({ children, appName, menuList, navItems, leftPanel, footPanel, expandedFooter, expandedMenu, }: {
+    appName?: React$1.ReactNode;
+    children: React$1.ReactNode;
+    menuList?: Array<LocationItem>;
+    navItems?: Array<LocationItem>;
+    leftPanel?: React$1.ReactNode;
+    footPanel?: React$1.ReactNode;
+    expandedMenu?: boolean;
+    expandedFooter?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+interface OnSubmitProps extends React$1.FormEvent<HTMLFormElement> {
+    values: Record<string, any>;
+}
+interface Props$2 {
+    onSubmit: (e: OnSubmitProps) => void;
+    children: React$1.ReactNode;
+    state?: [any, Dispatch<SetStateAction<any>>];
+    invalidMessage?: string;
+}
+declare function Form({ onSubmit, state, invalidMessage, children, }: Props$2): react_jsx_runtime.JSX.Element;
+
+interface InputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    label: React.ReactNode;
+    regex?: RegExp;
+    invalidMessage?: React.ReactNode;
+}
+declare function Input({ label, className, regex, invalidMessage, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+declare const regularExpresions: {
+    email: RegExp;
+    phone: RegExp;
+    number: RegExp;
+};
+
+interface TableProps extends React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
+    data: Record<string, any> | Array<Record<string, any>>;
+    dataTypes?: Record<string, any>;
+    mapedData?: any;
+    setMapedData?: any;
+    totals?: Array<string>;
+    symbols?: Record<string, ReactNode>;
+    exportName?: string;
+}
+declare function Table(props: TableProps): react_jsx_runtime.JSX.Element;
+
+interface Props$1 extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+    label?: React$1.ReactNode;
+    maxLength?: number;
+}
+declare function TextArea({ label, className, maxLength, onChange, children, ...props }: Props$1): react_jsx_runtime.JSX.Element;
+
+interface ItemsRecord {
+    typeof: Object;
+}
+interface Props {
+    baseURI: string;
+    authURI?: string;
+    endpoints: Record<string, Partial<ItemsRecord>>;
+}
+interface ShowOptions {
+    limit?: number;
+    merge?: boolean;
+    page?: number;
+    [key: string | number]: string | number | undefined | null | boolean;
+}
+type EnhancedEndpoints<T extends Record<string, ItemsRecord>> = {
+    [K in keyof T]: {
+        typeof: T[K]["typeof"];
+        state: "success" | "loading" | "error";
+        show: (props: ShowOptions) => Promise<Array<T[K]["typeof"]>>;
+        create: (data: Partial<T[K]["typeof"]>) => Promise<T[K]["typeof"]>;
+        update: (id: number | string, data: Partial<T[K]["typeof"]>) => Promise<T[K]["typeof"]>;
+        remove: (id: number | string) => Promise<T[K]["typeof"]>;
+        find: (id: number | string, props?: Record<string, string>) => Promise<T[K]["typeof"]>;
+        getAllPages: (limit: number) => Promise<Array<T[K]["typeof"]>>;
+        data: T[K]["typeof"][];
+        selectedItem: T[K]["typeof"];
+        params: Record<string, any>;
+        currentPage: number;
+        totalItems: number;
+        totalPages: number;
+        errorMessage: string;
+    };
+};
+
+declare function useResources<T extends Record<string, ItemsRecord>>({ baseURI, authURI, endpoints, }: Props): EnhancedEndpoints<T>;
+
+interface CustomSelectProps extends React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    label?: string;
+    placeholder?: string;
+    children: ReactNode;
+    name: string;
+    value?: string;
+    onChange?: any;
+    className?: string;
+    strictMode?: boolean;
+}
+declare function Select({ label, placeholder, children, strictMode, ...props }: CustomSelectProps): react_jsx_runtime.JSX.Element;
+
+export { Alert, Button, Container, Form, Input, Select, Table, TextArea, regularExpresions, useResources };