pixelize-design-library 1.1.94 → 2.0.1

package/dist/Theme/Skyline/palette.js

@@ -1,7 +1,41 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var palette = {
-    primary: {
+var palette_1 = __importDefault(require("../Default/palette"));
+var palette = __assign(__assign({}, palette_1.default), { primary: {
+        50: "#e3f2f9",
+        100: "#c5e4f3",
+        200: "#a2d4ec",
+        300: "#7ac1e4",
+        400: "#47a9da",
+        500: "#0088cc",
+        600: "#007ab8",
+        700: "#006ba1",
+        800: "#005885",
+        900: "#003f5e",
+        opacity: {
+            4: "#9A4FE50a",
+            8: "#9A4FE514",
+            16: "#9A4FE529",
+            24: "#9A4FE53d",
+            32: "#9A4FE552",
+            40: "#9A4FE566",
+            48: "#9A4FE57a",
+        }
+    }, secondary: {
         50: "#e3f2f9",
         100: "#c5e4f3",
         200: "#a2d4ec",
@@ -12,11 +46,36 @@ var palette = {
         700: "#006ba1",
         800: "#005885",
         900: "#003f5e",
-    },
-    transparent: "transparent",
-    black: "#000",
-    white: "#fff",
-    semantic: {
+        opacity: {
+            4: "#9A4FE50a",
+            8: "#9A4FE514",
+            16: "#9A4FE529",
+            24: "#9A4FE53d",
+            32: "#9A4FE552",
+            40: "#9A4FE566",
+            48: "#9A4FE57a",
+        }
+    }, tertiary: {
+        50: "#e3f2f9",
+        100: "#c5e4f3",
+        200: "#a2d4ec",
+        300: "#7ac1e4",
+        400: "#47a9da",
+        500: "#0088cc",
+        600: "#007ab8",
+        700: "#006ba1",
+        800: "#005885",
+        900: "#003f5e",
+        opacity: {
+            4: "#9A4FE50a",
+            8: "#9A4FE514",
+            16: "#9A4FE529",
+            24: "#9A4FE53d",
+            32: "#9A4FE552",
+            40: "#9A4FE566",
+            48: "#9A4FE57a",
+        }
+    }, transparent: "transparent", black: "#000", white: "#fff", semantic: {
         success: {
             50: "#e6f9f0",
             100: "#c0f0d8",
@@ -65,8 +124,7 @@ var palette = {
             800: "#004489",
             900: "#002d5c",
         },
-    },
-    gray: {
+    }, gray: {
         50: "#f7fafc",
         100: "#edf2f7",
         200: "#e2e8f0",
@@ -77,8 +135,7 @@ var palette = {
         700: "#2d3748",
         800: "#1a202c",
         900: "#171923",
-    },
-    red: {
+    }, red: {
         50: "#fff5f5",
         100: "#fed7d7",
         200: "#feb2b2",
@@ -89,8 +146,7 @@ var palette = {
         700: "#9b2c2c",
         800: "#822727",
         900: "#63171b",
-    },
-    orange: {
+    }, orange: {
         50: "#fffaf0",
         100: "#feebc8",
         200: "#fbd38d",
@@ -101,8 +157,7 @@ var palette = {
         700: "#9c4221",
         800: "#7b341e",
         900: "#652b19",
-    },
-    yellow: {
+    }, yellow: {
         50: "#fffff0",
         100: "#fefcbf",
         200: "#faf089",
@@ -113,8 +168,7 @@ var palette = {
         700: "#975a16",
         800: "#744210",
         900: "#5f370e",
-    },
-    green: {
+    }, green: {
         50: "#f0fff4",
         100: "#c6f6d5",
         200: "#9ae6b4",
@@ -125,8 +179,7 @@ var palette = {
         700: "#276749",
         800: "#22543d",
         900: "#1c4532",
-    },
-    teal: {
+    }, teal: {
         50: "#e6fffa",
         100: "#b2f5ea",
         200: "#81e6d9",
@@ -137,8 +190,7 @@ var palette = {
         700: "#285e61",
         800: "#234e52",
         900: "#1d4044",
-    },
-    blue: {
+    }, blue: {
         50: "#ebf8ff",
         100: "#bee3f8",
         200: "#90cdf4",
@@ -149,8 +201,7 @@ var palette = {
         700: "#2c5282",
         800: "#2a4365",
         900: "#1a365d",
-    },
-    cyan: {
+    }, cyan: {
         50: "#edfdfd",
         100: "#c4f1f9",
         200: "#9decf9",
@@ -161,8 +212,7 @@ var palette = {
         700: "#0987a0",
         800: "#086f83",
         900: "#065666",
-    },
-    purple: {
+    }, purple: {
         50: "#faf5ff",
         100: "#e9d8fd",
         200: "#d6bcfa",
@@ -173,8 +223,7 @@ var palette = {
         700: "#553c9a",
         800: "#44337a",
         900: "#322659",
-    },
-    pink: {
+    }, pink: {
         50: "#fff5f7",
         100: "#fed7e2",
         200: "#fbb6ce",
@@ -185,8 +234,18 @@ var palette = {
         700: "#97266d",
         800: "#702459",
         900: "#521b41",
-    },
-    backgroundColor: {
+    }, background: {
+        50: "#ffffff",
+        100: "#fefefe",
+        200: "#fdfdfd",
+        300: "#fcfcfc",
+        400: "#fcfcfc",
+        500: "#fbfbfb",
+        600: "#e4e4e4",
+        700: "#b2b2b2",
+        800: "#8a8a8a",
+        900: "#696969",
+    }, backgroundColor: {
         main: "#f8f9fa",
         secondary: "#f1f1f1",
         tertiary: "#ececec",
@@ -197,6 +256,101 @@ var palette = {
         subtle: "#f5f6f7",
         muted: "#dfe3e6",
         neutral: "#ebedef", // Neutral grey with a balanced tone
-    },
-};
+    }, text: {
+        50: "#eeeff0",
+        100: "#cacccf",
+        200: "#b1b3b8",
+        300: "#8d9097",
+        400: "#777b83",
+        500: "#555a64",
+        600: "#4d525b",
+        700: "#3c4047",
+        800: "#2f3237",
+        900: "#24262a",
+    }, header: {
+        50: "#ecedec",
+        100: "#c5c6ca",
+        200: "#a9abb0",
+        300: "#81848c",
+        400: "#696b75",
+        500: "#434853",
+        600: "#3d424c",
+        700: "#30333b",
+        800: "#25282e",
+        900: "#1c1e23",
+    }, placeholder: {
+        50: "#f1f1f2",
+        100: "#d3d5d8",
+        200: "#bec0c5",
+        300: "#a0a3aa",
+        400: "#8d9199",
+        500: "#717680",
+        600: "#676b74",
+        700: "#50545b",
+        800: "#3e4146",
+        900: "#2f3236",
+    }, boxShadow: {
+        primary: "#9A52E247",
+        error: "#F2463A47",
+        default: "",
+    }, sidebar: {
+        background: {
+            50: "#f1f1f2",
+            100: "#d3d5d8",
+            200: "#bec0c5",
+            300: "#a0a3aa",
+            400: "#8d9199",
+            500: "#161B32",
+            600: "#676b74",
+            700: "#50545b",
+            800: "#3e4146",
+            900: "#2f3236",
+        }
+    }, boxborder: {
+        50: "#fbfbfb",
+        100: "#f2f3f4",
+        200: "#ecedee",
+        300: "#e4e5e7",
+        400: "#dee0e2",
+        500: "#d6d8db",
+        600: "#c3c5c7",
+        700: "#98999b",
+        800: "#767778",
+        900: "#5a5b5c",
+    }, border: {
+        50: "#fdfdfd",
+        100: "#f8f8f8",
+        200: "#f4f4f4",
+        300: "#f0f0f0",
+        400: "#ededed",
+        500: "#e8e8e8",
+        600: "#d3d3d3",
+        700: "#a5a5a5",
+        800: "#808080",
+        900: "#616161",
+    }, table: {
+        hover: {
+            50: "#fefefe",
+            100: "#fcfcfc",
+            200: "#fbfbfb",
+            300: "#f9f9f9",
+            400: "#f8f8f8",
+            500: "#f6f6f6",
+            600: "#e0e0e0",
+            700: "#afafaf",
+            800: "#878787",
+            900: "#676767",
+        }
+    }, disabled: {
+        50: "#fcfcfc",
+        100: "#f7f7f7",
+        200: "#f3f3f3",
+        300: "#ededed",
+        400: "#e9e9e9",
+        500: "#e4e4e4",
+        600: "#cfcfcf",
+        700: "#a2a2a2",
+        800: "#7d7d7d",
+        900: "#606060",
+    } });
 exports.default = palette;

package/dist/Theme/Skyline/theme.js

@@ -18,5 +18,6 @@ var react_1 = require("@chakra-ui/react");
 var palette_1 = __importDefault(require("./palette"));
 var common_1 = __importDefault(require("../common"));
 var fonts_1 = __importDefault(require("../fonts"));
+var componentStyles_1 = require("../componentStyles");
 var skyline = __assign(__assign({ colors: palette_1.default }, fonts_1.default), common_1.default);
-exports.default = (0, react_1.extendTheme)(skyline);
+exports.default = (0, react_1.extendTheme)(__assign(__assign({}, skyline), { components: componentStyles_1.componentStyles }));

package/dist/Theme/componentStyles.d.ts

@@ -0,0 +1,5 @@
+export declare const componentStyles: {
+    Checkbox: import("@chakra-ui/theme").ComponentStyleConfig;
+    Input: import("@chakra-ui/theme").ComponentStyleConfig;
+    Button: import("@chakra-ui/theme").ComponentStyleConfig;
+};

package/dist/Theme/componentStyles.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentStyles = void 0;
+var Button_styles_1 = require("../Components/Button/Button.styles");
+var Checkbox_styles_1 = require("../Components/Checkbox/Checkbox.styles");
+var TextInput_styles_1 = require("../Components/Input/TextInput.styles");
+exports.componentStyles = {
+    Checkbox: Checkbox_styles_1.Checkbox,
+    Input: TextInput_styles_1.Input,
+    Button: Button_styles_1.Button
+};

package/dist/Theme/themeProps.d.ts

@@ -13,6 +13,57 @@ export type CustomThemeProps = {
             700: string;
             800: string;
             900: string;
+            opacity: {
+                4: string;
+                8: string;
+                16: string;
+                24: string;
+                32: string;
+                40: string;
+                48: string;
+            };
+        };
+        secondary: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            opacity: {
+                4: string;
+                8: string;
+                16: string;
+                24: string;
+                32: string;
+                40: string;
+                48: string;
+            };
+        };
+        tertiary: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            opacity: {
+                4: string;
+                8: string;
+                16: string;
+                24: string;
+                32: string;
+                40: string;
+                48: string;
+            };
         };
         transparent: string;
         black: string;
@@ -187,6 +238,123 @@ export type CustomThemeProps = {
             800: string;
             900: string;
         };
+        background: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        text: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        header: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        placeholder: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        boxShadow: {
+            primary: string;
+            error: string;
+            default: string;
+        };
+        sidebar: {
+            background: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+        };
+        boxborder: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        border: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        table: {
+            hover: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+        };
+        disabled: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
         backgroundColor: {
             main: string;
             secondary: string;

package/dist/Utils/table.d.ts

@@ -6,6 +6,7 @@ export declare function SortMultiColumnData(data: Record<string, string | number
 export declare const calculateLeftOffset: (columns: number[], index: number) => number;
 export declare const searchAndSortData: (data: DataObject[], searchValues: Record<string, string>) => DataObject[];
 export declare function debounce<T extends (...args: any[]) => void>(func: T, delay: number): (...args: Parameters<T>) => void;
+export declare function useDebounce<T extends (...args: any[]) => void>(callback: T, delay: number): (...args: Parameters<T>) => void;
 export declare const pageSizeCalculation: (records: number) => number[];
 type TableCellCalculationProps = {
     isFrozen?: boolean;
@@ -24,4 +25,12 @@ export declare const TableCellCalculation: ({ isFrozen, columnWidths, headerInde
     cellTextColor: any;
     rowTextColor: any;
 };
+/**
+ * Filters array of objects by checking all property values against the search query.
+ *
+ * @param data - Array of objects
+ * @param query - Search string
+ * @returns Filtered data
+ */
+export declare function globalSearchFilter<T extends Record<string, any>>(data: T[], query: string): T[];
 export {};

package/dist/Utils/table.js

@@ -9,7 +9,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableCellCalculation = exports.pageSizeCalculation = exports.debounce = exports.searchAndSortData = exports.calculateLeftOffset = exports.SortMultiColumnData = void 0;
+exports.globalSearchFilter = exports.TableCellCalculation = exports.pageSizeCalculation = exports.useDebounce = exports.debounce = exports.searchAndSortData = exports.calculateLeftOffset = exports.SortMultiColumnData = void 0;
+var react_1 = require("react");
 var useCustomTheme_1 = require("../Theme/useCustomTheme");
 function SortMultiColumnData(data, sortConfig) {
     if (!sortConfig.length)
@@ -79,6 +80,27 @@ function debounce(func, delay) {
     };
 }
 exports.debounce = debounce;
+function useDebounce(callback, delay) {
+    var callbackRef = (0, react_1.useRef)(callback);
+    var timerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        callbackRef.current = callback;
+    }, [callback]);
+    var debouncedFn = (0, react_1.useCallback)(function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+        timerRef.current = setTimeout(function () {
+            callbackRef.current.apply(callbackRef, args);
+        }, delay);
+    }, [delay]);
+    return debouncedFn;
+}
+exports.useDebounce = useDebounce;
 var pageSizeCalculation = function (records) {
     var pageSize = [5, 10];
     if (records > 100) {
@@ -120,3 +142,27 @@ var TableCellCalculation = function (_a) {
     return { leftOffset: leftOffset, cellBgColor: cellBgColor, rowBgColor: rowBgColor, cellTextColor: cellTextColor, rowTextColor: rowTextColor };
 };
 exports.TableCellCalculation = TableCellCalculation;
+/**
+ * Filters array of objects by checking all property values against the search query.
+ *
+ * @param data - Array of objects
+ * @param query - Search string
+ * @returns Filtered data
+ */
+function globalSearchFilter(data, query) {
+    if (!query.trim())
+        return data;
+    var lowerQuery = query.toLowerCase();
+    return data.filter(function (item) {
+        return Object.values(item).some(function (val) {
+            if (val === null ||
+                val === undefined ||
+                typeof val === "object" ||
+                typeof val === "function") {
+                return false;
+            }
+            return String(val).toLowerCase().includes(lowerQuery);
+        });
+    });
+}
+exports.globalSearchFilter = globalSearchFilter;

package/dist/index.d.ts

@@ -35,9 +35,10 @@ import Timeline from "./Components/Timeline/Timeline";
 import Toaster, { useToaster } from "./Components/Toaster/Toaster";
 import ToolTip from "./Components/ToolTip/ToolTip";
 import VerifyEmailOtp from "./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp";
+import TableToggle from "./Components/Toggle/TableToggle";
 import withTheme from "./withTheme";
 import { useCustomTheme } from "./Theme/useCustomTheme";
 import { ThemesList } from "./Theme";
 import { debounce } from "./Utils/table";
-export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, InputTextArea, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PinInput, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Search, Select, SelectSearch, SideBar, Skeletons, Switch, Table, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
+export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, InputTextArea, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PinInput, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Search, Select, SelectSearch, SideBar, Skeletons, Switch, Table, TableToggle, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
 export default withTheme;

package/dist/index.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Table = exports.Switch = exports.Skeletons = exports.SideBar = exports.SelectSearch = exports.Select = exports.Search = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.PinInput = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.InputTextArea = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
-exports.debounce = void 0;
+exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.SideBar = exports.SelectSearch = exports.Select = exports.Search = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.PinInput = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.InputTextArea = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
+exports.debounce = exports.ThemesList = void 0;
 var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
 exports.Accordian = Accordion_1.default;
 var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -114,6 +114,8 @@ var ToolTip_1 = __importDefault(require("./Components/ToolTip/ToolTip"));
 exports.ToolTip = ToolTip_1.default;
 var VerifyEmailOtp_1 = __importDefault(require("./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp"));
 exports.VerifyEmailOtp = VerifyEmailOtp_1.default;
+var TableToggle_1 = __importDefault(require("./Components/Toggle/TableToggle"));
+exports.TableToggle = TableToggle_1.default;
 var withTheme_1 = __importDefault(require("./withTheme"));
 var useCustomTheme_1 = require("./Theme/useCustomTheme");
 Object.defineProperty(exports, "useCustomTheme", { enumerable: true, get: function () { return useCustomTheme_1.useCustomTheme; } });

package/dist/withTheme.js

@@ -19,7 +19,7 @@ var react_2 = require("@chakra-ui/react");
 var Theme_1 = require("./Theme"); // Import your custom theme
 var Toaster_1 = __importDefault(require("./Components/Toaster/Toaster"));
 var withTheme = function (Component, theme) {
-    var customTheme = theme !== null && theme !== void 0 ? theme : Theme_1.skyline;
+    var customTheme = theme !== null && theme !== void 0 ? theme : Theme_1.lavender;
     return function (props) { return (react_1.default.createElement(react_2.ChakraProvider, { theme: customTheme },
         react_1.default.createElement(Toaster_1.default, null,
             react_1.default.createElement(react_2.ColorModeScript, { initialColorMode: customTheme.config.initialColorMode }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "1.1.94",
+  "version": "2.0.1",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/Components/KaTable/CustomHeader.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-type CustomHeaderProps = {
-    column: any;
-    onSortChange?: (sortState: string, columnName: string) => void;
-    menuItems?: Array<{
-        label: string;
-        onClick: () => void;
-        submenu?: any[];
-    }>;
-    isSort?: boolean;
-    sortDirection: string;
-};
-declare const CustomHeader: React.MemoExoticComponent<({ column, onSortChange, menuItems, isSort, sortDirection, }: CustomHeaderProps) => React.JSX.Element>;
-export default CustomHeader;