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

package/dist/index.css

@@ -541,9 +541,9 @@ th {
   height: 1.25rem;
   padding: 3px;
   transition: all 0.3s ease-in-out;
-  &:hover {
-    background-color: #bf1717;
-    color: #fff;
-    border-radius: 5rem;
-  }
+}
+.close-search:hover {
+  background-color: #bf1717;
+  color: #fff;
+  border-radius: 5rem;
 }

package/dist/index.d.mts

@@ -1,5 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode as ReactNode$1 } from 'react';
+import * as react 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';
 export { DataTableProps } from 'primereact/datatable';
@@ -16,6 +18,52 @@ interface ButtonProps {
 }
 declare function Button({ disabled, loading, color, type, onClick, title, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
 
+interface InputProps$1 extends React.InputHTMLAttributes<HTMLInputElement> {
+    name: string;
+    label?: string | ReactNode$1;
+    error?: FieldError;
+    placeholder?: string;
+    onFocus?: () => void;
+    isUppercaseLabel?: boolean;
+    isUppercaseText?: boolean;
+    validationMode?: "default" | "restricted";
+    showPasswordToggle?: boolean;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps$1 & react.RefAttributes<HTMLInputElement>>;
+
+interface TextAreaProps {
+    name: string;
+    label?: string;
+    error?: FieldError;
+    placeholder?: string;
+    onFocus?: () => void;
+    isUppercaseText?: boolean;
+    isUppercaseLabel?: boolean;
+    disabled?: boolean;
+}
+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;
@@ -26,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, 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 function ModalBase({ show, onHide, onAction, title, children, loading, btnCancel, btnSuccess, disabledBtnSuccess, }: Props): react_jsx_runtime.JSX.Element;
+declare const InputAutoComplete: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 
 type IDataTableProps<T extends object> = {
   queryKey: string;
@@ -155,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, ModalBase, SelectFilterTemplate, 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,5 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode as ReactNode$1 } from 'react';
+import * as react 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';
 export { DataTableProps } from 'primereact/datatable';
@@ -16,6 +18,52 @@ interface ButtonProps {
 }
 declare function Button({ disabled, loading, color, type, onClick, title, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
 
+interface InputProps$1 extends React.InputHTMLAttributes<HTMLInputElement> {
+    name: string;
+    label?: string | ReactNode$1;
+    error?: FieldError;
+    placeholder?: string;
+    onFocus?: () => void;
+    isUppercaseLabel?: boolean;
+    isUppercaseText?: boolean;
+    validationMode?: "default" | "restricted";
+    showPasswordToggle?: boolean;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps$1 & react.RefAttributes<HTMLInputElement>>;
+
+interface TextAreaProps {
+    name: string;
+    label?: string;
+    error?: FieldError;
+    placeholder?: string;
+    onFocus?: () => void;
+    isUppercaseText?: boolean;
+    isUppercaseLabel?: boolean;
+    disabled?: boolean;
+}
+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;
@@ -26,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, 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 function ModalBase({ show, onHide, onAction, title, children, loading, btnCancel, btnSuccess, disabledBtnSuccess, }: Props): react_jsx_runtime.JSX.Element;
+declare const InputAutoComplete: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 
 type IDataTableProps<T extends object> = {
   queryKey: string;
@@ -155,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, ModalBase, SelectFilterTemplate, 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 };