pixelize-design-library 2.3.6 → 2.3.8

package/dist/Components/Table/Table.stories.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=Table.stories.d.ts.map

package/dist/Components/Table/Table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/Components/Table/Table.stories.tsx"],"names":[],"mappings":"AA+CA,OAAO,EAAE,CAAC"}

package/dist/Components/Table/TableProps.d.ts

@@ -1,5 +1,9 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from "react";
 import { FilterSidebarProps } from "../FilterSidebar/FilterSidebar";
+import type { FilterValues } from "./filterTypes";
+export type { FilterValues } from "./filterTypes";
+/** Dynamic row shape (cells, styles, callbacks). */
+export type DataObject = Record<string, unknown>;
 export type TableDensity = "compact" | "normal" | "comfortable";
 export type TableEmptyState = {
     icon?: ReactNode;
@@ -22,7 +26,6 @@ export type TableProps = {
     isCheckbox?: boolean;
     headerBgColor?: string;
     freezedBgColor?: string;
-    headerTextColor?: string;
     freezedTextColor?: string;
     tableBorderColor?: string;
     noBorders?: boolean;
@@ -54,7 +57,7 @@ export type TableProps = {
     loadingSkeletonRows?: number;
     headerActions?: HeaderActionsProps;
     onGlobalSearch?: (searchVal: string) => void;
-    onColumnFilter?: (filters: Record<string, any>) => void;
+    onColumnFilter?: (filters: FilterValues) => void;
     isTableSettings?: boolean;
     tableSettings?: {
         filters?: string[];
@@ -63,7 +66,7 @@ export type TableProps = {
     };
     filterSidebar?: Partial<FilterSidebarProps> & {
         isFilterSidebar?: boolean;
-        handleSidebarFilterClick?: (filters: Record<string, any>) => void;
+        handleSidebarFilterClick?: (filters: FilterValues) => void;
         filterSidebarToggle?: () => void;
         isApplyLoading?: boolean;
         filterMode?: "sidebar" | "modal";
@@ -99,9 +102,6 @@ export type HeaderActionsProps = {
         type: "divider";
     })[];
 };
-export type DataObject = {
-    [key: string]: string | number | any;
-};
 export type TableHeaderProps = {
     label: string | number;
     id: string | number;
@@ -168,7 +168,7 @@ export type TableRenderGroup = {
     rows: DataObject[];
 };
 export type TableFiltersProps = {
-    header: DataObject;
+    header: TableHeaderProps;
     setColumnsSearch: (searchVal: string) => void;
     columnsSearch: string;
     onClose: () => void;
@@ -185,3 +185,4 @@ export type SortingProps = {
     isSorting: ColumnSortingProps | undefined;
     header: TableHeaderProps;
 };
+//# sourceMappingURL=TableProps.d.ts.map

package/dist/Components/Table/TableProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Table/TableProps.tsx"],"names":[],"mappings":"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"}

package/dist/Components/Table/components/HeaderActions.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
 import { HeaderActionsProps } from "../TableProps";
 declare const HeaderActions: ({ actions, selections, }: {
     actions?: HeaderActionsProps;
     selections: (string | number)[];
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default HeaderActions;
+//# sourceMappingURL=HeaderActions.d.ts.map

package/dist/Components/Table/components/HeaderActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/Components/Table/components/HeaderActions.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAuDnD,QAAA,MAAM,aAAa,GAAI,0BAGpB;IACD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CACjC,4CAwEA,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Components/Table/components/HeaderActions.js

@@ -1,70 +1,49 @@
 "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 react_1 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var react_2 = __importDefault(require("react"));
-var useCustomTheme_1 = require("../../../Theme/useCustomTheme");
-var Divider_1 = __importDefault(require("../../Divider/Divider"));
-var ListItem = function (_a) {
-    var _b, _c, _d;
-    var icon = _a.icon, name = _a.name, onClick = _a.onClick, selections = _a.selections, _e = _a.isHoverEnabled, isHoverEnabled = _e === void 0 ? false : _e, hoverColor = _a.hoverColor, customComponent = _a.customComponent;
-    var colors = (0, useCustomTheme_1.useCustomTheme)().colors;
-    var styledIcon = icon ? react_2.default.cloneElement(icon, {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const react_2 = __importDefault(require("react"));
+const useCustomTheme_1 = require("../../../Theme/useCustomTheme");
+const Divider_1 = __importDefault(require("../../Divider/Divider"));
+const ListItem = ({ icon, name, onClick, selections, isHoverEnabled = false, hoverColor, customComponent, }) => {
+    var _a, _b, _c;
+    const { colors } = (0, useCustomTheme_1.useCustomTheme)();
+    const styledIcon = icon ? react_2.default.cloneElement(icon, {
         color: "currentColor",
         size: "1.25rem",
     }) : null;
-    return (react_2.default.createElement(react_1.Box, { display: "flex", alignItems: "center", gap: "0.375rem", cursor: "pointer", onClick: function () { return onClick && onClick(selections); }, color: (_b = colors === null || colors === void 0 ? void 0 : colors.text) === null || _b === void 0 ? void 0 : _b[500], px: 2, py: 1, borderRadius: "md", _hover: isHoverEnabled
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { display: "flex", alignItems: "center", gap: "0.375rem", cursor: "pointer", onClick: () => onClick && onClick(selections), color: (_a = colors === null || colors === void 0 ? void 0 : colors.text) === null || _a === void 0 ? void 0 : _a[500], px: 2, py: 1, borderRadius: "md", _hover: isHoverEnabled
             ? {
-                color: hoverColor ? hoverColor : (_c = colors === null || colors === void 0 ? void 0 : colors.primary) === null || _c === void 0 ? void 0 : _c[500],
-                bg: ((_d = colors === null || colors === void 0 ? void 0 : colors.background) === null || _d === void 0 ? void 0 : _d[100]) || "gray.50",
+                color: hoverColor ? hoverColor : (_b = colors === null || colors === void 0 ? void 0 : colors.primary) === null || _b === void 0 ? void 0 : _b[500],
+                bg: ((_c = colors === null || colors === void 0 ? void 0 : colors.background) === null || _c === void 0 ? void 0 : _c[100]) || "gray.50",
             }
-            : {}, transition: "all 0.2s ease" },
-        customComponent,
-        styledIcon,
-        " ",
-        name));
+            : {}, transition: "all 0.2s ease", children: [customComponent, styledIcon, " ", name] }));
 };
-var HeaderActions = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var actions = _a.actions, selections = _a.selections;
-    var colors = (0, useCustomTheme_1.useCustomTheme)().colors;
-    var hasSelections = selections.length > 0;
-    return (react_2.default.createElement(react_1.Box, { display: "flex", gap: 2, fontSize: "0.875rem", fontWeight: 400, color: (_b = colors === null || colors === void 0 ? void 0 : colors.secondary) === null || _b === void 0 ? void 0 : _b[500], alignItems: "center" }, (_c = actions === null || actions === void 0 ? void 0 : actions.items) === null || _c === void 0 ? void 0 :
-        _c.map(function (item, index) {
-            if ("type" in item)
-                return null;
-            var actionItem = item;
-            if (actionItem.isStatic) {
-                return (react_2.default.createElement(ListItem, __assign({ key: "static-".concat(index) }, actionItem, { selections: selections })));
-            }
-            return null;
-        }),
-        hasSelections && (react_2.default.createElement(react_2.default.Fragment, null,
-            ((_d = actions === null || actions === void 0 ? void 0 : actions.isDelete) === null || _d === void 0 ? void 0 : _d.enabled) && (react_2.default.createElement(ListItem, { icon: react_2.default.createElement(lucide_react_1.Trash2, { className: "w-4 h-4" }), name: "Delete", onClick: (_e = actions === null || actions === void 0 ? void 0 : actions.isDelete) === null || _e === void 0 ? void 0 : _e.onClick, selections: selections, isHoverEnabled: true, hoverColor: (_f = colors === null || colors === void 0 ? void 0 : colors.red) === null || _f === void 0 ? void 0 : _f[500] })),
-            ((_g = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _g === void 0 ? void 0 : _g.enabled) && (react_2.default.createElement(ListItem, { icon: react_2.default.createElement(lucide_react_1.SquarePen, { className: "w-4 h-4" }), name: "Mass Update", onClick: (_h = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _h === void 0 ? void 0 : _h.onClick, selections: selections, isHoverEnabled: true, hoverColor: (_j = colors === null || colors === void 0 ? void 0 : colors.primary) === null || _j === void 0 ? void 0 : _j[500] })), (_k = actions === null || actions === void 0 ? void 0 : actions.items) === null || _k === void 0 ? void 0 :
-            _k.map(function (item, index) {
-                if ("type" in item && item.type === "divider") {
-                    return react_2.default.createElement(Divider_1.default, { key: index });
-                }
-                var actionItem = item;
-                if (!actionItem.isStatic) {
-                    return (react_2.default.createElement(ListItem, __assign({ key: "dynamic-".concat(index) }, actionItem, { selections: selections })));
+const HeaderActions = ({ actions, selections, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const { colors } = (0, useCustomTheme_1.useCustomTheme)();
+    const hasSelections = selections.length > 0;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { display: "flex", gap: 2, fontSize: "0.875rem", fontWeight: 400, color: (_a = colors === null || colors === void 0 ? void 0 : colors.secondary) === null || _a === void 0 ? void 0 : _a[500], alignItems: "center", children: [(_b = actions === null || actions === void 0 ? void 0 : actions.items) === null || _b === void 0 ? void 0 : _b.map((item, index) => {
+                if ("type" in item)
+                    return null;
+                const actionItem = item;
+                if (actionItem.isStatic) {
+                    return ((0, jsx_runtime_1.jsx)(ListItem, { ...actionItem, selections: selections }, `static-${index}`));
                 }
                 return null;
-            })))));
+            }), hasSelections && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [((_c = actions === null || actions === void 0 ? void 0 : actions.isDelete) === null || _c === void 0 ? void 0 : _c.enabled) && ((0, jsx_runtime_1.jsx)(ListItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { className: "w-4 h-4" }), name: "Delete", onClick: (_d = actions === null || actions === void 0 ? void 0 : actions.isDelete) === null || _d === void 0 ? void 0 : _d.onClick, selections: selections, isHoverEnabled: true, hoverColor: (_e = colors === null || colors === void 0 ? void 0 : colors.red) === null || _e === void 0 ? void 0 : _e[500] })), ((_f = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _f === void 0 ? void 0 : _f.enabled) && ((0, jsx_runtime_1.jsx)(ListItem, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.SquarePen, { className: "w-4 h-4" }), name: "Mass Update", onClick: (_g = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _g === void 0 ? void 0 : _g.onClick, selections: selections, isHoverEnabled: true, hoverColor: (_h = colors === null || colors === void 0 ? void 0 : colors.primary) === null || _h === void 0 ? void 0 : _h[500] })), (_j = actions === null || actions === void 0 ? void 0 : actions.items) === null || _j === void 0 ? void 0 : _j.map((item, index) => {
+                        if ("type" in item && item.type === "divider") {
+                            return (0, jsx_runtime_1.jsx)(Divider_1.default, {}, index);
+                        }
+                        const actionItem = item;
+                        if (!actionItem.isStatic) {
+                            return ((0, jsx_runtime_1.jsx)(ListItem, { ...actionItem, selections: selections }, `dynamic-${index}`));
+                        }
+                        return null;
+                    })] }))] }));
 };
 exports.default = HeaderActions;

package/dist/Components/Table/components/Pagination.d.ts

@@ -10,5 +10,6 @@ type PaginationProps = Pick<TableProps, "isVisiblity" | "columns" | "paginationS
     dataLength: number;
     isServerPagination: boolean;
 };
-declare const Pagination: React.MemoExoticComponent<({ paginationText, handlePageSizeChange, rowsPerPage, currentPage, pages, setCurrentPage, dataLength, isServerPagination, paginationSelectOptions, }: PaginationProps) => React.JSX.Element>;
+declare const Pagination: React.MemoExoticComponent<({ paginationText, handlePageSizeChange, rowsPerPage, currentPage, pages, setCurrentPage, dataLength, isServerPagination, paginationSelectOptions, }: PaginationProps) => import("react/jsx-runtime").JSX.Element>;
 export default Pagination;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/Components/Table/components/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/Components/Table/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAW3C,KAAK,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,GAAG,SAAS,GAAG,yBAAyB,CAAC,GAAG;IAC/F,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5E,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,UAAU,kLAUb,eAAe,6CA8IhB,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/Components/Table/components/Pagination.js

@@ -36,43 +36,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var table_1 = require("../../../Utils/table");
-var useCustomTheme_1 = require("../../../Theme/useCustomTheme");
-var ToolTip_1 = __importDefault(require("../../ToolTip/ToolTip"));
-var lucide_react_1 = require("lucide-react");
-var Pagination = react_1.default.memo(function (_a) {
-    var paginationText = _a.paginationText, handlePageSizeChange = _a.handlePageSizeChange, rowsPerPage = _a.rowsPerPage, currentPage = _a.currentPage, pages = _a.pages, setCurrentPage = _a.setCurrentPage, dataLength = _a.dataLength, isServerPagination = _a.isServerPagination, paginationSelectOptions = _a.paginationSelectOptions;
-    var computedOptions = (0, react_1.useMemo)(function () {
-        return paginationSelectOptions && paginationSelectOptions.length
-            ? paginationSelectOptions
-            : (0, table_1.pageSizeCalculation)(dataLength);
-    }, [paginationSelectOptions, dataLength]);
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const table_1 = require("../../../Utils/table");
+const useCustomTheme_1 = require("../../../Theme/useCustomTheme");
+const ToolTip_1 = __importDefault(require("../../ToolTip/ToolTip"));
+const lucide_react_1 = require("lucide-react");
+const Pagination = react_1.default.memo(({ paginationText, handlePageSizeChange, rowsPerPage, currentPage, pages, setCurrentPage, dataLength, isServerPagination, paginationSelectOptions, }) => {
+    const computedOptions = (0, react_1.useMemo)(() => paginationSelectOptions && paginationSelectOptions.length
+        ? paginationSelectOptions
+        : (0, table_1.pageSizeCalculation)(dataLength), [paginationSelectOptions, dataLength]);
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
     // const isLeftDisabled = currentPage === 0;
     // const isRightDisabled = currentPage >= pages - 1;
-    var isLeftDisabled = dataLength === 0 || currentPage === 0;
-    var isRightDisabled = dataLength === 0 || currentPage >= pages - 1;
-    return (react_1.default.createElement(react_2.Flex, { justify: "flex-end", align: "center", flexWrap: "nowrap" },
-        (!isServerPagination || paginationSelectOptions) && (react_1.default.createElement(react_2.Select, { onChange: handlePageSizeChange, value: rowsPerPage, size: "xs", borderRadius: 3, width: "auto", minW: "4.5rem", isDisabled: dataLength === 0 },
-            !paginationSelectOptions && dataLength < 100 ? react_1.default.createElement("option", { value: 0 }) : null,
-            computedOptions.map(function (size, index) { return (react_1.default.createElement("option", { key: index, value: size }, String(size))); }))),
-        dataLength > 0 && (react_1.default.createElement(react_2.Flex, { w: "100%" },
-            react_1.default.createElement(ToolTip_1.default, { label: "First", placement: "top" },
-                react_1.default.createElement(react_2.IconButton, { "aria-label": "first-page", color: isLeftDisabled ? theme.colors.gray[400] : theme.colors.text[500], rounded: "full", variant: isLeftDisabled ? "plain" : "ghost", onClick: function () { return setCurrentPage(0); }, _hover: !isLeftDisabled ? { color: theme.colors.primary[500] } : {} },
-                    react_1.default.createElement(lucide_react_1.ChevronsLeft, null))),
-            react_1.default.createElement(ToolTip_1.default, { label: "Previous", placement: "top" },
-                react_1.default.createElement(react_2.IconButton, { "aria-label": "previous-page", color: isLeftDisabled ? theme.colors.gray[400] : theme.colors.text[500], rounded: "full", variant: isLeftDisabled ? "plain" : "ghost", onClick: function () { return currentPage > 0 && setCurrentPage(currentPage - 1); }, _hover: !isLeftDisabled ? { color: theme.colors.primary[500] } : {} },
-                    react_1.default.createElement(lucide_react_1.ChevronLeft, null))),
-            react_1.default.createElement(react_2.Text, { mt: 3, fontSize: 12, whiteSpace: "nowrap", color: theme.colors.text[500] }, paginationText),
-            react_1.default.createElement(ToolTip_1.default, { label: "Next", placement: "top" },
-                react_1.default.createElement(react_2.IconButton, { "aria-label": "next-page", color: isRightDisabled ? theme.colors.gray[400] : theme.colors.text[500], rounded: "full", variant: isRightDisabled ? "plain" : "ghost", onClick: function () {
-                        return currentPage < pages - 1 && setCurrentPage(currentPage + 1);
-                    }, _hover: !isRightDisabled ? { color: theme.colors.primary[500] } : {} },
-                    react_1.default.createElement(lucide_react_1.ChevronRight, null))),
-            react_1.default.createElement(ToolTip_1.default, { label: "Last", placement: "top" },
-                react_1.default.createElement(react_2.IconButton, { "aria-label": "last-page", color: isRightDisabled ? theme.colors.gray[400] : theme.colors.text[500], rounded: "full", variant: isRightDisabled ? "plain" : "ghost", onClick: function () { return setCurrentPage(pages - 1); }, _hover: !isRightDisabled ? { color: theme.colors.primary[500] } : {} },
-                    react_1.default.createElement(lucide_react_1.ChevronsRight, null)))))));
+    const isLeftDisabled = dataLength === 0 || currentPage === 0;
+    const isRightDisabled = dataLength === 0 || currentPage >= pages - 1;
+    return ((0, jsx_runtime_1.jsxs)(react_2.Flex, { justify: "flex-end", align: "center", flexWrap: "nowrap", children: [(!isServerPagination || paginationSelectOptions) && ((0, jsx_runtime_1.jsxs)(react_2.Select, { onChange: handlePageSizeChange, value: rowsPerPage, size: "xs", borderRadius: 3, width: "auto", minW: "4.5rem", isDisabled: dataLength === 0, children: [!paginationSelectOptions && dataLength < 100 ? (0, jsx_runtime_1.jsx)("option", { value: 0 }) : null, computedOptions.map((size, index) => ((0, jsx_runtime_1.jsx)("option", { value: String(size), children: String(size) }, index)))] })), dataLength > 0 && ((0, jsx_runtime_1.jsxs)(react_2.Flex, { w: "100%", children: [(0, jsx_runtime_1.jsx)(ToolTip_1.default, { label: "First", placement: "top", children: (0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "first-page", color: isLeftDisabled ? theme.colors.gray[400] : theme.colors.text[500], rounded: "full", variant: isLeftDisabled ? "plain" : "ghost", onClick: () => setCurrentPage(0), _hover: !isLeftDisabled ? { color: theme.colors.primary[500] } : {}, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsLeft, {}) }) }), (0, jsx_runtime_1.jsx)(ToolTip_1.default, { label: "Previous", placement: "top", children: (0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "previous-page", color: isLeftDisabled ? theme.colors.gray[400] : theme.colors.text[500], rounded: "full", variant: isLeftDisabled ? "plain" : "ghost", onClick: () => currentPage > 0 && setCurrentPage(currentPage - 1), _hover: !isLeftDisabled ? { color: theme.colors.primary[500] } : {}, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, {}) }) }), (0, jsx_runtime_1.jsx)(react_2.Text, { mt: 3, fontSize: 12, whiteSpace: "nowrap", color: theme.colors.text[500], children: paginationText }), (0, jsx_runtime_1.jsx)(ToolTip_1.default, { label: "Next", placement: "top", children: (0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "next-page", color: isRightDisabled ? theme.colors.gray[400] : theme.colors.text[500], rounded: "full", variant: isRightDisabled ? "plain" : "ghost", onClick: () => currentPage < pages - 1 && setCurrentPage(currentPage + 1), _hover: !isRightDisabled ? { color: theme.colors.primary[500] } : {}, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, {}) }) }), (0, jsx_runtime_1.jsx)(ToolTip_1.default, { label: "Last", placement: "top", children: (0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "last-page", color: isRightDisabled ? theme.colors.gray[400] : theme.colors.text[500], rounded: "full", variant: isRightDisabled ? "plain" : "ghost", onClick: () => setCurrentPage(pages - 1), _hover: !isRightDisabled ? { color: theme.colors.primary[500] } : {}, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsRight, {}) }) })] }))] }));
 });
 exports.default = Pagination;

package/dist/Components/Table/components/TableActions.d.ts

@@ -1,12 +1,13 @@
 import React, { ReactNode } from "react";
-type TableRowActions = {
-    onLink?: (row: any) => void;
-    onEdit?: (row: any) => void;
-    onDelete?: (row: any) => void;
+import type { DataObject } from "../TableProps";
+type TableRowActions = DataObject & {
+    onLink?: (row: DataObject) => void;
+    onEdit?: (row: DataObject) => void;
+    onDelete?: (row: DataObject) => void;
     actions?: () => ReactNode;
-    [key: string]: any;
 };
 declare const TableActions: React.MemoExoticComponent<({ row }: {
     row?: TableRowActions;
-}) => React.JSX.Element | null>;
+}) => import("react/jsx-runtime").JSX.Element | null>;
 export default TableActions;
+//# sourceMappingURL=TableActions.d.ts.map

package/dist/Components/Table/components/TableActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActions.d.ts","sourceRoot":"","sources":["../../../../src/Components/Table/components/TableActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAatE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,KAAK,eAAe,GAAG,UAAU,GAAG;IAClC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,YAAY,sCAAwB;IAAE,GAAG,CAAC,EAAE,eAAe,CAAA;CAAE,oDA+IjE,CAAC;AAIH,eAAe,YAAY,CAAC"}

package/dist/Components/Table/components/TableActions.js

@@ -33,25 +33,25 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../../Theme/useCustomTheme");
-var TableActions = react_1.default.memo(function (_a) {
-    var _b, _c, _d;
-    var row = _a.row;
-    var _e = (0, react_1.useState)(false), isOpen = _e[0], setIsOpen = _e[1];
-    var ref = (0, react_1.useRef)(null);
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const useCustomTheme_1 = require("../../../Theme/useCustomTheme");
+const TableActions = react_1.default.memo(({ row }) => {
+    var _a, _b, _c;
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const ref = (0, react_1.useRef)(null);
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
     // Listen for "close-all-popovers"
-    (0, react_1.useEffect)(function () {
-        var handler = function () { return setIsOpen(false); };
+    (0, react_1.useEffect)(() => {
+        const handler = () => setIsOpen(false);
         window.addEventListener("close-all-popovers", handler);
-        return function () { return window.removeEventListener("close-all-popovers", handler); };
+        return () => window.removeEventListener("close-all-popovers", handler);
     }, []);
     // Detect outside click
-    (0, react_1.useEffect)(function () {
-        var handleClickOutside = function (event) {
+    (0, react_1.useEffect)(() => {
+        const handleClickOutside = (event) => {
             if (ref.current && !ref.current.contains(event.target)) {
                 setIsOpen(false);
             }
@@ -60,49 +60,31 @@ var TableActions = react_1.default.memo(function (_a) {
             // ✅ Use click instead of mousedown
             document.addEventListener("click", handleClickOutside);
         }
-        return function () {
+        return () => {
             document.removeEventListener("click", handleClickOutside);
         };
     }, [isOpen]);
-    var handleOpen = function () {
+    const handleOpen = () => {
         window.dispatchEvent(new Event("close-all-popovers")); // close others
         setIsOpen(true);
     };
-    var handleClose = function () { return setIsOpen(false); };
+    const handleClose = () => setIsOpen(false);
     // ✅ if row itself is missing, render nothing
     if (!row)
         return null;
-    return (react_1.default.createElement(react_2.Popover, { placement: "bottom-start", isOpen: isOpen, onClose: handleClose, closeOnBlur: false },
-        react_1.default.createElement("div", { ref: ref },
-            react_1.default.createElement(react_2.PopoverTrigger, null,
-                react_1.default.createElement(react_2.IconButton, { "aria-label": "Actions", color: "black", icon: react_1.default.createElement(lucide_react_1.EllipsisVertical, { size: 17 }), size: "sm", p: 0, variant: "ghost", _hover: { transform: "scale(1.2)" }, onClick: function () { return (isOpen ? handleClose() : handleOpen()); } })),
-            isOpen && (react_1.default.createElement(react_2.Portal, null,
-                react_1.default.createElement(react_2.PopoverContent, { w: "auto", minW: "100px", boxShadow: "lg", p: 0, zIndex: 999 },
-                    react_1.default.createElement(react_2.PopoverBody, { p: 0, m: 0 },
-                        react_1.default.createElement(react_2.VStack, { align: "stretch", spacing: 1, p: 0, m: 0 },
-                            row.onLink && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", borderBottom: "1px solid ".concat((_b = theme.colors) === null || _b === void 0 ? void 0 : _b.border[500]), borderRadius: 0, gap: 2, onClick: function () {
-                                    var _a;
-                                    (_a = row.onLink) === null || _a === void 0 ? void 0 : _a.call(row, row);
-                                    // handleClose();
-                                } },
-                                react_1.default.createElement(lucide_react_1.ExternalLink, { size: 17 }),
-                                " View")),
-                            row.onEdit && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, borderBottom: "1px solid ".concat((_c = theme.colors) === null || _c === void 0 ? void 0 : _c.border[500]), borderRadius: 0, onClick: function () {
-                                    var _a;
-                                    (_a = row.onEdit) === null || _a === void 0 ? void 0 : _a.call(row, row);
-                                    // handleClose();
-                                } },
-                                react_1.default.createElement(lucide_react_1.Pencil, { size: 17 }),
-                                " Edit")),
-                            row.actions && ((_d = row === null || row === void 0 ? void 0 : row.actions) === null || _d === void 0 ? void 0 : _d.call(row)),
-                            row.onDelete && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", colorScheme: "red", gap: 2, borderRadius: 0, onClick: function () {
-                                    var _a;
-                                    (_a = row.onDelete) === null || _a === void 0 ? void 0 : _a.call(row, row);
-                                    // handleClose();
-                                } },
-                                react_1.default.createElement(lucide_react_1.Trash2, { size: 17 }),
-                                " Delete")),
-                            !row.onLink && !row.onEdit && !row.onDelete && !row.actions && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", isDisabled: true, justifyContent: "center" }, "No actions"))))))))));
+    return ((0, jsx_runtime_1.jsx)(react_2.Popover, { placement: "bottom-start", isOpen: isOpen, onClose: handleClose, closeOnBlur: false, children: (0, jsx_runtime_1.jsxs)("div", { ref: ref, children: [(0, jsx_runtime_1.jsx)(react_2.PopoverTrigger, { children: (0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Actions", color: "black", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.EllipsisVertical, { size: 17 }), size: "sm", p: 0, variant: "ghost", _hover: { transform: "scale(1.2)" }, onClick: () => (isOpen ? handleClose() : handleOpen()) }) }), isOpen && ((0, jsx_runtime_1.jsx)(react_2.Portal, { children: (0, jsx_runtime_1.jsx)(react_2.PopoverContent, { w: "auto", minW: "100px", boxShadow: "lg", p: 0, zIndex: 999, children: (0, jsx_runtime_1.jsx)(react_2.PopoverBody, { p: 0, m: 0, children: (0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "stretch", spacing: 1, p: 0, m: 0, children: [row.onLink && ((0, jsx_runtime_1.jsxs)(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", borderBottom: `1px solid ${(_a = theme.colors) === null || _a === void 0 ? void 0 : _a.border[500]}`, borderRadius: 0, gap: 2, onClick: () => {
+                                            var _a;
+                                            (_a = row.onLink) === null || _a === void 0 ? void 0 : _a.call(row, row);
+                                            // handleClose();
+                                        }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { size: 17 }), " View"] })), row.onEdit && ((0, jsx_runtime_1.jsxs)(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, borderBottom: `1px solid ${(_b = theme.colors) === null || _b === void 0 ? void 0 : _b.border[500]}`, borderRadius: 0, onClick: () => {
+                                            var _a;
+                                            (_a = row.onEdit) === null || _a === void 0 ? void 0 : _a.call(row, row);
+                                            // handleClose();
+                                        }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 17 }), " Edit"] })), row.actions && ((_c = row === null || row === void 0 ? void 0 : row.actions) === null || _c === void 0 ? void 0 : _c.call(row)), row.onDelete && ((0, jsx_runtime_1.jsxs)(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", colorScheme: "red", gap: 2, borderRadius: 0, onClick: () => {
+                                            var _a;
+                                            (_a = row.onDelete) === null || _a === void 0 ? void 0 : _a.call(row, row);
+                                            // handleClose();
+                                        }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { size: 17 }), " Delete"] })), !row.onLink && !row.onEdit && !row.onDelete && !row.actions && ((0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", variant: "ghost", isDisabled: true, justifyContent: "center", children: "No actions" }))] }) }) }) }))] }) }));
 });
 TableActions.displayName = "TableActions";
 exports.default = TableActions;

package/dist/Components/Table/components/TableBody.d.ts

@@ -1,8 +1,4 @@
-import React from "react";
 import { TableBodyPageProps } from "../TableProps";
-export declare const DENSITY_CONFIG: Record<string, {
-    height: number;
-    py: string;
-}>;
-declare const TableBody: ({ data, isCheckbox, columns, startRow, columnWidths, freezedBgColor, freezedTextColor, noBorders, handleCheckbox, selections, isLoading, onRowClick, isContent, isLink, isActionFreeze, loadingSkeletonRows, scrollContainerRef, density, accentColors, groups, onAddItem, emptyState, }: TableBodyPageProps) => React.JSX.Element;
+declare const TableBody: ({ data, isCheckbox, columns, startRow, columnWidths, freezedBgColor, freezedTextColor, noBorders, handleCheckbox, selections, isLoading, onRowClick, isContent, isLink, isActionFreeze, loadingSkeletonRows, scrollContainerRef, density, accentColors, groups, onAddItem, emptyState, }: TableBodyPageProps) => import("react/jsx-runtime").JSX.Element;
 export default TableBody;
+//# sourceMappingURL=TableBody.d.ts.map

package/dist/Components/Table/components/TableBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/Components/Table/components/TableBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,kBAAkB,EAAsC,MAAM,eAAe,CAAC;AAoUnG,QAAA,MAAM,SAAS,GAAI,0RAuBhB,kBAAkB,4CAoWpB,CAAC;AAEF,eAAe,SAAS,CAAC"}