itrm-components 1.0.14 → 1.0.16

package/README.md

@@ -1,50 +1,50 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default tseslint.config({
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
-- Optionally add `...tseslint.configs.stylisticTypeChecked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
-
-```js
-// eslint.config.js
-import react from 'eslint-plugin-react'
-
-export default tseslint.config({
-  // Set the react version
-  settings: { react: { version: '18.3' } },
-  plugins: {
-    // Add the react plugin
-    react,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended rules
-    ...react.configs.recommended.rules,
-    ...react.configs['jsx-runtime'].rules,
-  },
-})
-```
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

package/dist/index.d.ts

@@ -1,5 +1,249 @@
+import { ActionCreatorWithPayload } from '@reduxjs/toolkit';
+import { AxiosInstance } from 'axios';
+import { AxiosRequestConfig } from 'axios';
 import { default as default_2 } from 'react';
+import { EnhancedStore } from '@reduxjs/toolkit';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { StoreEnhancer } from '@reduxjs/toolkit';
+import { ThunkDispatch } from '@reduxjs/toolkit';
+import { Tuple } from '@reduxjs/toolkit';
+import { UnknownAction } from '@reduxjs/toolkit';
+
+export declare interface AlertContextType {
+    showAlert: (variant: "success" | "danger" | "warning", message: ReactNode) => void;
+}
+
+declare interface AlertContextType_2 {
+    showAlert: (variant: "success" | "danger" | "warning", message: ReactNode) => void;
+}
+
+export declare type AlertProps = {
+    variant: "success" | "danger" | "warning";
+    children: ReactNode;
+};
+
+export declare const AlertProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+
+export declare function dateFormat(timestamp: string | number): string;
+
+export declare function dateTimeFormat(timestamp: string | number): string;
+
+export declare function dollarFormat(value: number): string;
+
+export declare interface IconComponentProps {
+    icon: string;
+}
+
+export declare function listFormat(value: string): string;
+
+export declare function numberFormat(value: number): string;
+
+export declare function percentageFormat(value: number): string;
+
+export declare function requestAll(url: string, instance: AxiosInstance): Promise<any[]>;
+
+export declare function round(value: number, decimals: number): number;
+
+export declare const setRefreshTrigger: ActionCreatorWithPayload<    {
+key: string;
+value: boolean;
+}, "tables/setRefreshTrigger">;
+
+export declare const StandardTable: React.FC<StandardTableProps>;
+
+export declare interface StandardTableCaption {
+    title: boolean;
+    size: boolean;
+    buttons?: StandarTableCaptionButton[];
+    selector?: StandarTableSelector;
+    filterNavs?: {
+        filterOptions: any;
+        setFilter: any;
+        selectedFilter: any;
+    };
+}
+
+export declare interface StandardTableColumn {
+    tittle: string;
+    key: string;
+    filter?: {
+        icon?: string;
+        options: StandarTableFilterOption[];
+    };
+    class?: string;
+}
+
+export declare interface StandardTableConfig {
+    columns: StandardTableColumn[];
+    optionsColumn?: StandardTableOptionsColumn;
+    data: {
+        [key: string]: StandardTableRowValue;
+    }[];
+    filters: [{
+        keyQuery: string;
+        value: string;
+    }] | [{}];
+    refreshTrigger: boolean;
+    selectedItems?: StandardTableSelectedItems;
+    download?: StandardTableDownload;
+    pagination: StandardTablePaginationProps;
+}
+
+export declare interface StandardTableDataProps {
+    automaticManagement: boolean;
+    urlConfig?: {
+        url: string;
+        formatItems: (items: any) => any;
+        headers?: AxiosRequestConfig;
+    };
+    items?: {
+        [key: string]: StandardTableRowValue;
+    }[];
+}
+
+export declare interface StandardTableDownload {
+    onclick: (items: {
+        [key: string]: StandardTableRowValue;
+    }[]) => void;
+    enableSelectedItemsDownloading: boolean;
+    label: string;
+}
+
+export declare interface StandardTableEvent {
+    item?: StandardTableRowValue;
+    table: StandardTableConfig;
+}
+
+export declare interface StandardTableOptionsColumn {
+    tittle: string;
+    filter?: (item: any, option: StandardTableOptionsColumnOption) => boolean;
+    options: StandardTableOptionsColumnOption[];
+}
+
+export declare interface StandardTableOptionsColumnOption {
+    icon: string;
+    label?: string;
+    class?: string;
+    onclick: (item?: any) => void;
+}
+
+export declare interface StandardTablePaginationProps {
+    total: number;
+    pages: number;
+    pageSize: number;
+    currentPage: number;
+    setCurrentPage: default_2.Dispatch<default_2.SetStateAction<number>>;
+}
+
+export declare interface StandardTableProps {
+    columns: StandardTableColumn[];
+    optionsColumn?: StandardTableOptionsColumn;
+    data: StandardTableDataProps;
+    pageSize: number;
+    tableName: string;
+    theme: StandardTableTheme;
+    selectionEnabled?: StandardTableSelectionEnabled;
+    caption?: StandardTableCaption;
+    download?: StandardTableDownload;
+}
+
+export declare interface StandardTableRowValue {
+    value: string | number;
+    class?: string;
+    format?: StandardTableRowValueFormat;
+    color?: string;
+}
+
+export declare enum StandardTableRowValueFormat {
+    DATE = "date",
+    TIME = "time",
+    DATETIME = "datetime",
+    NUMBER = "number",
+    DOLLAR = "dollar",
+    PERCENTAGE = "percentage",
+    LIST = "list"
+}
+
+export declare interface StandardTableSelectedItems {
+    enabled: boolean;
+    tittleButton: string;
+    items: {
+        [key: string]: StandardTableRowValue;
+    }[];
+    sortBy?: {
+        key: string;
+        order: 'asc' | 'desc';
+    };
+    manageSelectedItems?: (items?: any) => void;
+}
+
+export declare interface StandardTableSelectionEnabled {
+    enabled: boolean;
+    manageSelectedItems: (items?: any) => void;
+    titleButton: string;
+    sortBy?: {
+        key: string;
+        order: 'asc' | 'desc';
+    };
+}
+
+export declare interface StandardTableStore {
+    tables: {
+        [key: string]: StandardTableConfig;
+    };
+    update: (key: string, value: StandardTableConfig) => void;
+}
+
+export declare interface StandardTableTheme {
+    default?: 'dark' | 'light';
+    class?: string;
+}
+
+export declare interface StandarTableCaptionButton {
+    icon?: default_2.ReactNode;
+    label?: string;
+    onclick: () => void;
+}
+
+export declare interface StandarTableFilterOption {
+    keyQuery: string;
+    value: string | number;
+    label: string;
+}
+
+export declare interface StandarTableSelector {
+    options: StandarTableSelectorOption[];
+    onChange: (value: StandarTableSelectorOption) => void;
+}
+
+export declare interface StandarTableSelectorOption {
+    label: string;
+    value: string | number;
+}
+
+export declare const store: EnhancedStore<{
+    tables: TableState;
+}, UnknownAction, Tuple<[
+StoreEnhancer<{
+    dispatch: ThunkDispatch<{
+        tables: TableState;
+    }, undefined, UnknownAction>;
+}>,
+StoreEnhancer
+]>>;
+
+export declare interface TableState {
+    tables: {
+        [key: string]: StandardTableConfig & {
+            refreshTrigger?: boolean;
+        };
+    };
+}
+
+export declare function timeFormat(timestamp: string | number): string;
 
 export declare const Tooltip: default_2.FC<TooltipProps>;
 
@@ -8,4 +252,11 @@ declare interface TooltipProps {
     content: string;
 }
 
+export declare const useAlert: () => AlertContextType_2;
+
 export { }
+
+
+declare module '@tabler/icons-react' {
+    const IconName: any;
+}