@charlesgomes/leafcode-shared-lib-react 1.0.58 → 1.0.59

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode as ReactNode$1 } from 'react';
+import react__default, { ReactNode as ReactNode$1, InputHTMLAttributes } from 'react';
 import { FieldError } from 'react-hook-form';
 import { FilterMatchMode } from 'primereact/api';
 export { FilterMatchMode, FilterOperator } from 'primereact/api';
@@ -18,7 +18,7 @@ interface ButtonProps {
 }
 declare function Button({ disabled, loading, color, type, onClick, title, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+interface InputProps$1 extends React.InputHTMLAttributes<HTMLInputElement> {
     name: string;
     label?: string | ReactNode$1;
     error?: FieldError;
@@ -28,28 +28,8 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     isUppercaseText?: boolean;
     validationMode?: "default" | "restricted";
     showPasswordToggle?: boolean;
-    fonts?: {
-        labelFamily?: string;
-        labelWeight?: number | string;
-        inputFamily?: string;
-        inputWeight?: number | string;
-    };
-    colors?: {
-        label?: string;
-        labelBg?: string;
-        inputBorder?: string;
-        inputBg?: string;
-        inputText?: string;
-        inputFocusBorder?: string;
-        inputPlaceholder?: string;
-        inputErrorBorder?: string;
-        autofillBoxShadow?: string;
-        autofillTextColor?: string;
-        autofillColorBorder?: string;
-        colorPasswordToggle?: string;
-    };
 }
-declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+declare const Input: react.ForwardRefExoticComponent<InputProps$1 & react.RefAttributes<HTMLInputElement>>;
 
 interface TextAreaProps {
     name: string;
@@ -60,32 +40,30 @@ interface TextAreaProps {
     isUppercaseText?: boolean;
     isUppercaseLabel?: boolean;
     disabled?: boolean;
-    height?: {
-        heightTextArea: string;
-    };
-    fonts?: {
-        labelFamily?: string;
-        labelWeight?: number | string;
-        inputFamily?: string;
-        inputWeight?: number | string;
-    };
-    colors?: {
-        label?: string;
-        labelBg?: string;
-        inputBorder?: string;
-        inputBg?: string;
-        inputText?: string;
-        inputFocusBorder?: string;
-        inputPlaceholder?: string;
-        inputErrorBorder?: string;
-        autofillBoxShadow?: string;
-        autofillTextColor?: string;
-        autofillColorBorder?: string;
-        colorPasswordToggle?: string;
-    };
 }
 declare const TextArea: react__default.ForwardRefExoticComponent<TextAreaProps & react__default.RefAttributes<HTMLTextAreaElement>>;
 
+interface OptionsProps {
+  value: string;
+  label: string;
+}
+
+interface SelectProps {
+    name: string;
+    label?: string | ReactNode$1;
+    error?: FieldError | any;
+    placeholder?: string;
+    options: OptionsProps[] | any[];
+    isMulti?: boolean;
+    closeMenuOnSelect?: boolean;
+    isClearable?: boolean;
+    control?: any;
+    disabled?: boolean;
+    onSelect?: any;
+    isUppercaseLabel?: boolean;
+}
+declare const InputSelect: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+
 interface Props {
     show: boolean;
     onHide: () => void;
@@ -96,8 +74,44 @@ interface Props {
     btnCancel?: string;
     btnSuccess?: string;
     disabledBtnSuccess?: boolean;
+    type?: "submit" | "button";
+    fonts?: {
+        modalTitleFontWeight?: number | string;
+        modalTitleFontSize?: number | string;
+        modalTitleFontFamily?: string;
+        modalBodyFontFamily?: string;
+        modalBodyFontSize?: number | string;
+    };
+    colors?: {
+        modalBgColor?: string;
+        modalTitleColor?: string;
+        modalBodyColor?: string;
+        modalCloseColor?: string;
+    };
+    modalMaxWidth?: {
+        modalMaxWidth?: number | string;
+    };
 }
-declare function ModalBase({ show, onHide, onAction, title, children, loading, btnCancel, btnSuccess, disabledBtnSuccess, }: Props): react_jsx_runtime.JSX.Element;
+declare function ModalBase({ show, onHide, onAction, title, children, loading, btnCancel, btnSuccess, type, disabledBtnSuccess, colors, fonts, modalMaxWidth, }: Props): react_jsx_runtime.JSX.Element;
+
+interface PaginatedResponse$1 {
+    items: any[];
+    totalPages: number;
+    totalCount: number;
+}
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    name: string;
+    label?: string;
+    error?: FieldError;
+    onSelect: (item: any) => void;
+    defaultValue?: any;
+    inputAutocompleteActive?: string;
+    queryKey: string;
+    isUppercaseLabel?: boolean;
+    mutationFn: (pageNumber: number, pageSize: number, search: string) => Promise<PaginatedResponse$1>;
+    renderOption: (item: any) => ReactNode$1;
+}
+declare const InputAutoComplete: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 
 type IDataTableProps<T extends object> = {
   queryKey: string;
@@ -225,4 +239,85 @@ declare const getUrlParams: (sortFieldInitial: string, sortOrderInitial: 1 | -1)
 type SortingResult = any[];
 declare function buildSortingWithFilters(filters: Record<string, any>, sortField?: string, order?: number): SortingResult;
 
-export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, Input, ModalBase, SelectFilterTemplate, TextArea, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsEnumNotNullable, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getUrlParams, mapPrimeToBackendFilters };
+interface LeafcodeTheme {
+  colors: {
+    primary: string;
+    danger: string;
+    border: string;
+    text: string;
+    light: string,
+    background: string;
+  };
+
+  fonts: {
+    body: string;
+    heading: string;
+  };
+
+  radius: {
+    sm: string;
+    md: string;
+    lg: string;
+  };
+
+  components: {
+    input: {
+      colors: {
+        border: string;
+        focusBorder: string;
+        errorBorder: string;
+        background: string;
+        text: string;
+        placeholder: string;
+        passwordToggle: string;
+      };
+
+      fonts: {
+        label: string;
+        input: string;
+        labelSize: string | number;
+        inputSize: string | number;
+        labelWeight: number | string;
+        inputWeight: number | string;
+      };
+
+      sizes: {
+        height: string | number;
+        heightTextArea: string | number;
+        radius: string;
+      };
+    };
+    button: {
+      colors: {
+        text: string;
+        primaryBg: string;
+        primaryHoverBg: string;
+        secondaryBg: string;
+        secondaryHoverBg: string;
+        disabledBorder: string;
+        disabledBg: string;
+      };
+
+      fonts: {
+        family: string;
+        weight: number | string;
+        size: string | number;
+      };
+
+      sizes: {
+        height: string | number;
+        minWidth: string | number;
+        radius: string;
+      };
+    };
+  };
+}
+
+declare const LeafcodeThemeProvider: ({ children, theme, }: {
+    children: React.ReactNode;
+    theme?: Partial<LeafcodeTheme>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const defaultTheme: LeafcodeTheme;
+
+export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, Input, InputAutoComplete, InputSelect, LeafcodeThemeProvider, ModalBase, SelectFilterTemplate, TextArea, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, defaultTheme, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsEnumNotNullable, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getUrlParams, mapPrimeToBackendFilters };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode as ReactNode$1 } from 'react';
+import react__default, { ReactNode as ReactNode$1, InputHTMLAttributes } from 'react';
 import { FieldError } from 'react-hook-form';
 import { FilterMatchMode } from 'primereact/api';
 export { FilterMatchMode, FilterOperator } from 'primereact/api';
@@ -18,7 +18,7 @@ interface ButtonProps {
 }
 declare function Button({ disabled, loading, color, type, onClick, title, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+interface InputProps$1 extends React.InputHTMLAttributes<HTMLInputElement> {
     name: string;
     label?: string | ReactNode$1;
     error?: FieldError;
@@ -28,28 +28,8 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     isUppercaseText?: boolean;
     validationMode?: "default" | "restricted";
     showPasswordToggle?: boolean;
-    fonts?: {
-        labelFamily?: string;
-        labelWeight?: number | string;
-        inputFamily?: string;
-        inputWeight?: number | string;
-    };
-    colors?: {
-        label?: string;
-        labelBg?: string;
-        inputBorder?: string;
-        inputBg?: string;
-        inputText?: string;
-        inputFocusBorder?: string;
-        inputPlaceholder?: string;
-        inputErrorBorder?: string;
-        autofillBoxShadow?: string;
-        autofillTextColor?: string;
-        autofillColorBorder?: string;
-        colorPasswordToggle?: string;
-    };
 }
-declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+declare const Input: react.ForwardRefExoticComponent<InputProps$1 & react.RefAttributes<HTMLInputElement>>;
 
 interface TextAreaProps {
     name: string;
@@ -60,32 +40,30 @@ interface TextAreaProps {
     isUppercaseText?: boolean;
     isUppercaseLabel?: boolean;
     disabled?: boolean;
-    height?: {
-        heightTextArea: string;
-    };
-    fonts?: {
-        labelFamily?: string;
-        labelWeight?: number | string;
-        inputFamily?: string;
-        inputWeight?: number | string;
-    };
-    colors?: {
-        label?: string;
-        labelBg?: string;
-        inputBorder?: string;
-        inputBg?: string;
-        inputText?: string;
-        inputFocusBorder?: string;
-        inputPlaceholder?: string;
-        inputErrorBorder?: string;
-        autofillBoxShadow?: string;
-        autofillTextColor?: string;
-        autofillColorBorder?: string;
-        colorPasswordToggle?: string;
-    };
 }
 declare const TextArea: react__default.ForwardRefExoticComponent<TextAreaProps & react__default.RefAttributes<HTMLTextAreaElement>>;
 
+interface OptionsProps {
+  value: string;
+  label: string;
+}
+
+interface SelectProps {
+    name: string;
+    label?: string | ReactNode$1;
+    error?: FieldError | any;
+    placeholder?: string;
+    options: OptionsProps[] | any[];
+    isMulti?: boolean;
+    closeMenuOnSelect?: boolean;
+    isClearable?: boolean;
+    control?: any;
+    disabled?: boolean;
+    onSelect?: any;
+    isUppercaseLabel?: boolean;
+}
+declare const InputSelect: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+
 interface Props {
     show: boolean;
     onHide: () => void;
@@ -96,8 +74,44 @@ interface Props {
     btnCancel?: string;
     btnSuccess?: string;
     disabledBtnSuccess?: boolean;
+    type?: "submit" | "button";
+    fonts?: {
+        modalTitleFontWeight?: number | string;
+        modalTitleFontSize?: number | string;
+        modalTitleFontFamily?: string;
+        modalBodyFontFamily?: string;
+        modalBodyFontSize?: number | string;
+    };
+    colors?: {
+        modalBgColor?: string;
+        modalTitleColor?: string;
+        modalBodyColor?: string;
+        modalCloseColor?: string;
+    };
+    modalMaxWidth?: {
+        modalMaxWidth?: number | string;
+    };
 }
-declare function ModalBase({ show, onHide, onAction, title, children, loading, btnCancel, btnSuccess, disabledBtnSuccess, }: Props): react_jsx_runtime.JSX.Element;
+declare function ModalBase({ show, onHide, onAction, title, children, loading, btnCancel, btnSuccess, type, disabledBtnSuccess, colors, fonts, modalMaxWidth, }: Props): react_jsx_runtime.JSX.Element;
+
+interface PaginatedResponse$1 {
+    items: any[];
+    totalPages: number;
+    totalCount: number;
+}
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    name: string;
+    label?: string;
+    error?: FieldError;
+    onSelect: (item: any) => void;
+    defaultValue?: any;
+    inputAutocompleteActive?: string;
+    queryKey: string;
+    isUppercaseLabel?: boolean;
+    mutationFn: (pageNumber: number, pageSize: number, search: string) => Promise<PaginatedResponse$1>;
+    renderOption: (item: any) => ReactNode$1;
+}
+declare const InputAutoComplete: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 
 type IDataTableProps<T extends object> = {
   queryKey: string;
@@ -225,4 +239,85 @@ declare const getUrlParams: (sortFieldInitial: string, sortOrderInitial: 1 | -1)
 type SortingResult = any[];
 declare function buildSortingWithFilters(filters: Record<string, any>, sortField?: string, order?: number): SortingResult;
 
-export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, Input, ModalBase, SelectFilterTemplate, TextArea, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsEnumNotNullable, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getUrlParams, mapPrimeToBackendFilters };
+interface LeafcodeTheme {
+  colors: {
+    primary: string;
+    danger: string;
+    border: string;
+    text: string;
+    light: string,
+    background: string;
+  };
+
+  fonts: {
+    body: string;
+    heading: string;
+  };
+
+  radius: {
+    sm: string;
+    md: string;
+    lg: string;
+  };
+
+  components: {
+    input: {
+      colors: {
+        border: string;
+        focusBorder: string;
+        errorBorder: string;
+        background: string;
+        text: string;
+        placeholder: string;
+        passwordToggle: string;
+      };
+
+      fonts: {
+        label: string;
+        input: string;
+        labelSize: string | number;
+        inputSize: string | number;
+        labelWeight: number | string;
+        inputWeight: number | string;
+      };
+
+      sizes: {
+        height: string | number;
+        heightTextArea: string | number;
+        radius: string;
+      };
+    };
+    button: {
+      colors: {
+        text: string;
+        primaryBg: string;
+        primaryHoverBg: string;
+        secondaryBg: string;
+        secondaryHoverBg: string;
+        disabledBorder: string;
+        disabledBg: string;
+      };
+
+      fonts: {
+        family: string;
+        weight: number | string;
+        size: string | number;
+      };
+
+      sizes: {
+        height: string | number;
+        minWidth: string | number;
+        radius: string;
+      };
+    };
+  };
+}
+
+declare const LeafcodeThemeProvider: ({ children, theme, }: {
+    children: React.ReactNode;
+    theme?: Partial<LeafcodeTheme>;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const defaultTheme: LeafcodeTheme;
+
+export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, Input, InputAutoComplete, InputSelect, LeafcodeThemeProvider, ModalBase, SelectFilterTemplate, TextArea, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, defaultTheme, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsEnumNotNullable, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getUrlParams, mapPrimeToBackendFilters };