ikoncomponents 1.1.5 → 1.1.7

package/dist/hooks/use-mobile.js

@@ -1,42 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMobile = useIsMobile;
-const React = __importStar(require("react"));
+import * as React from "react";
 const MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
+export function useIsMobile() {
     const [isMobile, setIsMobile] = React.useState(undefined);
     React.useEffect(() => {
         const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);

package/dist/ikoncomponents/action-menu/index.js

@@ -1,45 +1,42 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionMenu = ActionMenu;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dropdown_menu_1 = require("../../shadcn/dropdown-menu");
-const lucide_react_1 = require("lucide-react");
-const buttons_1 = require("../buttons");
-function ActionMenu({ actionMenus, extraActionParams, }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "../../shadcn/dropdown-menu";
+import { MoreHorizontal } from "lucide-react";
+import { IconButtonWithTooltip } from "../buttons";
+export function ActionMenu({ actionMenus, extraActionParams, }) {
     const renderMenuItems = (items) => {
         items = items.filter((item) => {
             // biome-ignore lint/complexity/useOptionalChain: <explanation>
-            return (item?.visibility === undefined || item.visibility === true || (item.visibility && item.visibility(...(extraActionParams?.arguments || []))));
+            return ((item === null || item === void 0 ? void 0 : item.visibility) === undefined || item.visibility === true || (item.visibility && item.visibility(...((extraActionParams === null || extraActionParams === void 0 ? void 0 : extraActionParams.arguments) || []))));
         });
         if (items.length === 0) {
-            return (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { className: "text-center", children: "No action available." });
+            return _jsx(DropdownMenuItem, { className: "text-center", children: "No action available." });
         }
         return items.map((item, index) => {
             if (item.type === "label") {
-                return (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuLabel, { children: String(item.label) }, index);
+                return _jsx(DropdownMenuLabel, { children: String(item.label) }, index);
             }
             if (item.type === "separator") {
-                return (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSeparator, {}, index);
+                return _jsx(DropdownMenuSeparator, {}, index);
             }
             if (item.type === "group" && item.items) {
-                return ((0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuGroup, { children: renderMenuItems(item.items) }, index));
+                return (_jsx(DropdownMenuGroup, { children: renderMenuItems(item.items) }, index));
             }
             if (item.items) {
-                return ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuSub, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSubTrigger, { children: String(item.label) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuPortal, { children: (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuSubContent, { children: renderMenuItems(item.items) }) })] }, index));
+                return (_jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: String(item.label) }), _jsx(DropdownMenuPortal, { children: _jsx(DropdownMenuSubContent, { children: renderMenuItems(item.items) }) })] }, index));
             }
             let labelContent = "";
             if (typeof item.label === "function") {
-                labelContent = item.label(...(extraActionParams?.arguments || []));
+                labelContent = item.label(...((extraActionParams === null || extraActionParams === void 0 ? void 0 : extraActionParams.arguments) || []));
             }
             else {
                 labelContent = item.label;
             }
-            return ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenuItem, { disabled: item.disabled, onClick: () => 
+            return (_jsxs(DropdownMenuItem, { disabled: item.disabled, onClick: () => 
                 // biome-ignore lint/complexity/useOptionalChain: <explanation>
                 item.onClick &&
-                    item.onClick(...(extraActionParams?.arguments || [])), children: [item.icon && (0, jsx_runtime_1.jsx)(item.icon, {}), labelContent] }, index));
+                    item.onClick(...((extraActionParams === null || extraActionParams === void 0 ? void 0 : extraActionParams.arguments) || [])), children: [item.icon && _jsx(item.icon, {}), labelContent] }, index));
         });
     };
-    return ((0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(buttons_1.IconButtonWithTooltip, { variant: "ghost", tooltipContent: "Actions", className: "h-8 w-8 p-0 border-0 bg-transparent text-foreground keross:text-white elevation-0 shadow-none hover:bg-transparent", children: (0, jsx_runtime_1.jsx)(lucide_react_1.MoreHorizontal, {}) }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent, { className: "w-56", align: "end", children: renderMenuItems(actionMenus) })] }));
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(IconButtonWithTooltip, { variant: "ghost", tooltipContent: "Actions", className: "h-8 w-8 p-0 border-0 bg-transparent text-foreground keross:text-white elevation-0 shadow-none hover:bg-transparent", children: _jsx(MoreHorizontal, {}) }) }), _jsx(DropdownMenuContent, { className: "w-56", align: "end", children: renderMenuItems(actionMenus) })] }));
 }

package/dist/ikoncomponents/action-menu/type.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/ikoncomponents/alert-dialog/index.js

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomAlertDialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const alert_dialog_1 = require("../../shadcn/alert-dialog");
-const CustomAlertDialog = ({ title, description, fontSize = "text-base", cancelText = "", // Default cancel button text
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "../../shadcn/alert-dialog";
+export const CustomAlertDialog = ({ title, description, fontSize = "text-base", cancelText = "", // Default cancel button text
 confirmText = "", // Default confirm button text
 thirdOptionText = "", // Default third button text
 onCancel, // Optional callback for cancel action
 onConfirm, // Optional callback for confirm action
 onThird, // Optional callback for third action
  }) => {
-    return ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialog, { open: true, children: (0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogContent, { children: [(0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogHeader, { children: [(0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogTitle, { className: fontSize, children: title }), (0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogDescription, { className: fontSize, children: description })] }), (0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogFooter, { children: [cancelText != "" && ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogCancel, { onClick: () => {
+    return (_jsx(AlertDialog, { open: true, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { className: fontSize, children: title }), _jsx(AlertDialogDescription, { className: fontSize, children: description })] }), _jsxs(AlertDialogFooter, { children: [cancelText != "" && (_jsx(AlertDialogCancel, { onClick: () => {
                                 if (onCancel)
                                     onCancel(); // Execute cancel callback if provided
-                            }, children: cancelText })), thirdOptionText != "" && ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogAction, { className: "bg-blue-500", color: "black", onClick: () => {
+                            }, children: cancelText })), thirdOptionText != "" && (_jsx(AlertDialogAction, { className: "bg-blue-500", color: "black", onClick: () => {
                                 if (onThird)
                                     onThird(); // Execute confirm callback if provided
-                            }, children: thirdOptionText })), confirmText != "" && ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogAction, { onClick: () => {
+                            }, children: thirdOptionText })), confirmText != "" && (_jsx(AlertDialogAction, { onClick: () => {
                                 if (onConfirm)
                                     onConfirm(); // Execute confirm callback if provided
                             }, children: confirmText }))] })] }) }));
 };
-exports.CustomAlertDialog = CustomAlertDialog;

package/dist/ikoncomponents/buttons/index.js

@@ -1,29 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextButton = TextButton;
-exports.TextButtonWithTooltip = TextButtonWithTooltip;
-exports.IconTextButton = IconTextButton;
-exports.IconTextButtonWithTooltip = IconTextButtonWithTooltip;
-exports.IconButton = IconButton;
-exports.IconButtonWithTooltip = IconButtonWithTooltip;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const tooltip_1 = require("../tooltip");
-const button_1 = require("../../shadcn/button");
-function TextButton({ children, variant, asChild = false, size, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: variant, size: size, ...props, asChild: asChild, children: children }));
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TooltipComponent as Tooltip } from "../tooltip";
+import { Button } from "../../shadcn/button";
+export function TextButton(_a) {
+    var { children, variant, asChild = false, size } = _a, props = __rest(_a, ["children", "variant", "asChild", "size"]);
+    return (_jsx(Button, Object.assign({ variant: variant, size: size }, props, { asChild: asChild, children: children })));
 }
-function TextButtonWithTooltip({ children, variant, asChild = false, size, tooltipContent, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipComponent, { tooltipContent: tooltipContent, children: (0, jsx_runtime_1.jsx)(TextButton, { variant: variant, size: size, ...props, asChild: asChild, children: children }) }));
+export function TextButtonWithTooltip(_a) {
+    var { children, variant, asChild = false, size, tooltipContent } = _a, props = __rest(_a, ["children", "variant", "asChild", "size", "tooltipContent"]);
+    return (_jsx(Tooltip, { tooltipContent: tooltipContent, children: _jsx(TextButton, Object.assign({ variant: variant, size: size }, props, { asChild: asChild, children: children })) }));
 }
-function IconTextButton({ children, variant, asChild = false, size, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: variant || "outline", size: size || "sm", ...props, asChild: asChild, children: children }));
+export function IconTextButton(_a) {
+    var { children, variant, asChild = false, size } = _a, props = __rest(_a, ["children", "variant", "asChild", "size"]);
+    return (_jsx(Button, Object.assign({ variant: variant || "outline", size: size || "sm" }, props, { asChild: asChild, children: children })));
 }
-function IconTextButtonWithTooltip({ children, variant, size, asChild = false, tooltipContent, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipComponent, { tooltipContent: tooltipContent, children: (0, jsx_runtime_1.jsx)(IconTextButton, { variant: variant, size: size, ...props, asChild: asChild, children: children }) }));
+export function IconTextButtonWithTooltip(_a) {
+    var { children, variant, size, asChild = false, tooltipContent } = _a, props = __rest(_a, ["children", "variant", "size", "asChild", "tooltipContent"]);
+    return (_jsx(Tooltip, { tooltipContent: tooltipContent, children: _jsx(IconTextButton, Object.assign({ variant: variant, size: size }, props, { asChild: asChild, children: children })) }));
 }
-function IconButton({ children, variant, size, asChild = false, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: variant || "outline", size: size || "icon", ...props, asChild: asChild, children: children }));
+export function IconButton(_a) {
+    var { children, variant, size, asChild = false } = _a, props = __rest(_a, ["children", "variant", "size", "asChild"]);
+    return (_jsx(Button, Object.assign({ variant: variant || "outline", size: size || "icon" }, props, { asChild: asChild, children: children })));
 }
-function IconButtonWithTooltip({ children, tooltipContent, asChild = false, variant, size, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipComponent, { tooltipContent: tooltipContent, children: (0, jsx_runtime_1.jsx)(IconButton, { variant: variant, size: size, ...props, asChild: asChild, children: children }) }));
+export function IconButtonWithTooltip(_a) {
+    var { children, tooltipContent, asChild = false, variant, size } = _a, props = __rest(_a, ["children", "tooltipContent", "asChild", "variant", "size"]);
+    return (_jsx(Tooltip, { tooltipContent: tooltipContent, children: _jsx(IconButton, Object.assign({ variant: variant, size: size }, props, { asChild: asChild, children: children })) }));
 }

package/dist/ikoncomponents/combobox-input/index.js

@@ -1,20 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboboxInput = ComboboxInput;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const popover_1 = require("../../shadcn/popover");
-const button_1 = require("../../shadcn/button");
-const lucide_react_1 = require("lucide-react");
-const command_1 = require("../../shadcn/command");
-const cn_1 = require("../../utils/cn");
-function ComboboxInput({ placeholder, items, disabled, onSelect, defaultValue }) {
-    const [value, setValue] = (0, react_1.useState)(defaultValue ? defaultValue : '');
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(popover_1.Popover, { children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, className: "w-full", children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", role: "combobox", className: (0, cn_1.cn)("justify-between", !value && "text-muted-foreground", "bg-secondary"), disabled: disabled == true || (disabled && disabled(...arguments)), children: [value
-                                ? items.find((item) => item.value === value)?.label || value
-                                : placeholder, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "opacity-50" })] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "p-0", align: "start", children: (0, jsx_runtime_1.jsxs)(command_1.Command, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: "Search..." }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: "No items found." }), (0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: items.map((item) => ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { value: item.value, disabled: item.disabled == true ||
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Popover, PopoverContent, PopoverTrigger } from "../../shadcn/popover";
+import { Button } from "../../shadcn/button";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../shadcn/command";
+import { cn } from "../../utils/cn";
+export function ComboboxInput({ placeholder, items, disabled, onSelect, defaultValue }) {
+    var _a;
+    const [value, setValue] = useState(defaultValue ? defaultValue : '');
+    return (_jsx(_Fragment, { children: _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsxs(Button, { variant: "outline", role: "combobox", className: cn("justify-between", !value && "text-muted-foreground", "bg-secondary"), disabled: disabled == true || (disabled && disabled(...arguments)), children: [value
+                                ? ((_a = items.find((item) => item.value === value)) === null || _a === void 0 ? void 0 : _a.label) || value
+                                : placeholder, _jsx(ChevronsUpDown, { className: "opacity-50" })] }) }), _jsx(PopoverContent, { className: "p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No items found." }), _jsx(CommandGroup, { children: items.map((item) => (_jsxs(CommandItem, { value: item.value, disabled: item.disabled == true ||
                                                 (item.disabled && item.disabled(item)), onSelect: (value) => {
                                                 setValue(value);
                                                 onSelect && onSelect(value);
-                                            }, children: [item?.label || item.value, (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: (0, cn_1.cn)("ml-auto", item.value === value ? "opacity-100" : "opacity-0") })] }, item.value))) })] })] }) })] }) }));
+                                            }, children: [(item === null || item === void 0 ? void 0 : item.label) || item.value, _jsx(Check, { className: cn("ml-auto", item.value === value ? "opacity-100" : "opacity-0") })] }, item.value))) })] })] }) })] }) }));
 }

package/dist/ikoncomponents/combobox-input/type.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/ikoncomponents/data-table/datatable-column-filter/index.js

@@ -1,25 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTableColumnFilter = DataTableColumnFilter;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const command_1 = require("../../../shadcn/command");
-const popover_1 = require("../../../shadcn/popover");
-const lucide_react_1 = require("lucide-react");
-const function_1 = require("../function");
-const tooltip_1 = require("../../tooltip");
-const buttons_1 = require("../../buttons");
-const cn_1 = require("../../../utils/cn");
-function DataTableColumnFilter({ table, }) {
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipComponent, { tooltipContent: "Column View", children: (0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(buttons_1.IconTextButton, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Settings2, {}), "View"] }) }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-[220px] p-0", align: "end", children: (0, jsx_runtime_1.jsxs)(command_1.Command, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: "Search..." }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: "No results found." }), (0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: table
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../../shadcn/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Check, Settings2 } from "lucide-react";
+import { getDataTableColumnTitle } from "../function";
+import { TooltipComponent as Tooltip } from "../../tooltip";
+import { IconTextButton } from "../../buttons";
+import { cn } from "../../../utils/cn";
+export function DataTableColumnFilter({ table, }) {
+    return (_jsxs(Popover, { children: [_jsx(Tooltip, { tooltipContent: "Column View", children: _jsx(PopoverTrigger, { asChild: true, children: _jsxs(IconTextButton, { children: [_jsx(Settings2, {}), "View"] }) }) }), _jsx(PopoverContent, { className: "w-[220px] p-0", align: "end", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandGroup, { children: table
                                         .getAllColumns()
                                         .filter((column) => typeof column.accessorFn !== "undefined" &&
                                         column.getCanHide())
                                         .map((column) => {
                                         const isVisbile = column.getIsVisible();
-                                        return ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { onSelect: () => {
+                                        return (_jsxs(CommandItem, { onSelect: () => {
                                                 column.toggleVisibility(!isVisbile);
-                                            }, disabled: column.getIsGrouped(), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-black dark:border-white", isVisbile
+                                            }, disabled: column.getIsGrouped(), children: [_jsx("div", { className: cn("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-black dark:border-white", isVisbile
                                                         ? "bg-black dark:bg-white text-white dark:text-black"
-                                                        : "opacity-50 [&_svg]:invisible"), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, {}) }), (0, jsx_runtime_1.jsx)("span", { className: "overflow-hidden text-ellipsis", title: (0, function_1.getDataTableColumnTitle)(column), children: (0, function_1.getDataTableColumnTitle)(column) })] }, column.id));
+                                                        : "opacity-50 [&_svg]:invisible"), children: _jsx(Check, {}) }), _jsx("span", { className: "overflow-hidden text-ellipsis", title: getDataTableColumnTitle(column), children: getDataTableColumnTitle(column) })] }, column.id));
                                     }) })] })] }) })] }));
 }

package/dist/ikoncomponents/data-table/datatable-faceted-filter/index.js

@@ -1,61 +1,25 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTableFacetedFilter = DataTableFacetedFilter;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const cn_1 = require("../../../utils/cn");
-const badge_1 = require("../../../shadcn/badge");
-const command_1 = require("../../../shadcn/command");
-const popover_1 = require("../../../shadcn/popover");
-const separator_1 = require("../../../shadcn/separator");
-const function_1 = require("../function");
-const buttons_1 = require("../../buttons");
-function DataTableFacetedFilter({ column, }) {
-    const facets = column?.getFacetedUniqueValues();
-    const selectedValues = new Set(column?.getFilterValue());
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, Plus, X } from "lucide-react";
+import { cn } from "../../../utils/cn";
+import { Badge } from "../../../shadcn/badge";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from "../../../shadcn/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { Separator } from "../../../shadcn/separator";
+import { getDataTableColumnTitle } from "../function";
+import { IconTextButtonWithTooltip } from "../../buttons";
+export function DataTableFacetedFilter({ column, }) {
+    const facets = column === null || column === void 0 ? void 0 : column.getFacetedUniqueValues();
+    const selectedValues = new Set(column === null || column === void 0 ? void 0 : column.getFilterValue());
     const sortedUniqueValues = React.useMemo(() => Array.from(column.getFacetedUniqueValues().keys()).sort().slice(0, 5000), [column.getFacetedUniqueValues()]);
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(buttons_1.IconTextButtonWithTooltip, { variant: "dashed", tooltipContent: (0, function_1.getDataTableColumnTitle)(column), children: [selectedValues?.size > 0 ?
-                            (0, jsx_runtime_1.jsx)(lucide_react_1.X, {})
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(IconTextButtonWithTooltip, { variant: "dashed", tooltipContent: getDataTableColumnTitle(column), children: [(selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.size) > 0 ?
+                            _jsx(X, {})
                             :
-                                (0, jsx_runtime_1.jsx)(lucide_react_1.Plus, {}), (0, function_1.getDataTableColumnTitle)(column), selectedValues?.size > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(separator_1.Separator, { orientation: "vertical", className: "mx-2 h-4" }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal lg:hidden", children: selectedValues.size }), (0, jsx_runtime_1.jsx)("div", { className: "hidden space-x-1 lg:flex", children: selectedValues.size > 2 ? ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal", children: [selectedValues.size, " selected"] })) : (sortedUniqueValues
+                                _jsx(Plus, {}), getDataTableColumnTitle(column), (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.size) > 0 && (_jsxs(_Fragment, { children: [_jsx(Separator, { orientation: "vertical", className: "mx-2 h-4" }), _jsx(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal lg:hidden", children: selectedValues.size }), _jsx("div", { className: "hidden space-x-1 lg:flex", children: selectedValues.size > 2 ? (_jsxs(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal", children: [selectedValues.size, " selected"] })) : (sortedUniqueValues
                                         .filter((option) => selectedValues.has(option))
-                                        .map((option) => ((0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal", children: option }, option)))) })] }))] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "max-w-[250px] p-0", align: "start", children: (0, jsx_runtime_1.jsxs)(command_1.Command, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: (0, function_1.getDataTableColumnTitle)(column) }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: "No results found." }), (0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: sortedUniqueValues.map((option) => {
+                                        .map((option) => (_jsx(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal", children: option }, option)))) })] }))] }) }), _jsx(PopoverContent, { className: "max-w-[250px] p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: getDataTableColumnTitle(column) }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandGroup, { children: sortedUniqueValues.map((option) => {
                                         const isSelected = selectedValues.has(option);
-                                        return ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { onSelect: () => {
+                                        return (_jsxs(CommandItem, { onSelect: () => {
                                                 if (isSelected) {
                                                     selectedValues.delete(option);
                                                 }
@@ -63,9 +27,9 @@ function DataTableFacetedFilter({ column, }) {
                                                     selectedValues.add(option);
                                                 }
                                                 const filterValues = Array.from(selectedValues);
-                                                column?.setFilterValue(filterValues.length ? filterValues : undefined);
-                                            }, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-black dark:border-white", isSelected
+                                                column === null || column === void 0 ? void 0 : column.setFilterValue(filterValues.length ? filterValues : undefined);
+                                            }, children: [_jsx("div", { className: cn("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-black dark:border-white", isSelected
                                                         ? "bg-black dark:bg-white text-white dark:text-black"
-                                                        : "opacity-50 [&_svg]:invisible"), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, {}) }), (0, jsx_runtime_1.jsx)("span", { className: "overflow-hidden text-ellipsis", title: option, children: option }), facets?.get(option) && ((0, jsx_runtime_1.jsx)("span", { className: "ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs", children: facets.get(option) }))] }, option));
-                                    }) })] }), selectedValues.size > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandSeparator, {}), (0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: (0, jsx_runtime_1.jsx)(command_1.CommandItem, { onSelect: () => column?.setFilterValue(undefined), className: "justify-center text-center", children: "Clear filters" }) })] }))] }) })] }));
+                                                        : "opacity-50 [&_svg]:invisible"), children: _jsx(Check, {}) }), _jsx("span", { className: "overflow-hidden text-ellipsis", title: option, children: option }), (facets === null || facets === void 0 ? void 0 : facets.get(option)) && (_jsx("span", { className: "ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs", children: facets.get(option) }))] }, option));
+                                    }) })] }), selectedValues.size > 0 && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { children: _jsx(CommandItem, { onSelect: () => column === null || column === void 0 ? void 0 : column.setFilterValue(undefined), className: "justify-center text-center", children: "Clear filters" }) })] }))] }) })] }));
 }

package/dist/ikoncomponents/data-table/datatable-filter-menu/index.js

@@ -1,27 +1,24 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTableFilterMenu = DataTableFilterMenu;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const command_1 = require("../../../shadcn/command");
-const popover_1 = require("../../../shadcn/popover");
-const cn_1 = require("../../../utils/cn");
-const react_1 = require("react");
-const tooltip_1 = require("../../tooltip");
-const buttons_1 = require("../../buttons");
-const lucide_react_1 = require("lucide-react");
-const function_1 = require("../function");
-const datatable_faceted_filter_1 = require("../datatable-faceted-filter");
-function DataTableFilterMenu({ table }) {
-    const [selectedFilterItems, setSelectedFilterItems] = (0, react_1.useState)([]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex-grow flex gap-3 items-center overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(popover_1.Popover, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipComponent, { tooltipContent: "Filter", children: (0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(buttons_1.IconTextButton, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Filter, {}), "Filter"] }) }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-[220px] p-0", align: "start", children: (0, jsx_runtime_1.jsxs)(command_1.Command, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: "Search..." }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: "No results found." }), (0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: table
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../../shadcn/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
+import { cn } from "../../../utils/cn";
+import { useState } from "react";
+import { TooltipComponent as Tooltip } from "../../tooltip";
+import { IconTextButton } from "../../buttons";
+import { Check, Filter } from "lucide-react";
+import { getDataTableColumnTitle } from "../function";
+import { DataTableFacetedFilter } from "../datatable-faceted-filter";
+export function DataTableFilterMenu({ table }) {
+    const [selectedFilterItems, setSelectedFilterItems] = useState([]);
+    return (_jsxs("div", { className: "flex-grow flex gap-3 items-center overflow-hidden", children: [_jsxs(Popover, { children: [_jsx(Tooltip, { tooltipContent: "Filter", children: _jsx(PopoverTrigger, { asChild: true, children: _jsxs(IconTextButton, { children: [_jsx(Filter, {}), "Filter"] }) }) }), _jsx(PopoverContent, { className: "w-[220px] p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandGroup, { children: table
                                                 .getAllColumns()
                                                 .filter((column) => typeof column.accessorFn !== "undefined" &&
                                                 column.getCanHide())
                                                 .map((column) => {
                                                 const previousValues = new Set(selectedFilterItems);
                                                 const isSelected = previousValues.has(column.id);
-                                                return ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { onSelect: () => {
+                                                return (_jsxs(CommandItem, { onSelect: () => {
                                                         if (isSelected) {
                                                             previousValues.delete(column.id);
                                                         }
@@ -29,13 +26,13 @@ function DataTableFilterMenu({ table }) {
                                                             previousValues.add(column.id);
                                                         }
                                                         setSelectedFilterItems([...previousValues]);
-                                                    }, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-black dark:border-white", isSelected
+                                                    }, children: [_jsx("div", { className: cn("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-black dark:border-white", isSelected
                                                                 ? "bg-black dark:bg-white text-white dark:text-black"
-                                                                : "opacity-50 [&_svg]:invisible"), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, {}) }), (0, jsx_runtime_1.jsx)("span", { className: "overflow-hidden text-ellipsis", title: (0, function_1.getDataTableColumnTitle)(column), children: (0, function_1.getDataTableColumnTitle)(column) })] }, column.id));
-                                            }) })] })] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-grow flex gap-3 items-center overflow-auto", children: selectedFilterItems.map((columnId) => {
+                                                                : "opacity-50 [&_svg]:invisible"), children: _jsx(Check, {}) }), _jsx("span", { className: "overflow-hidden text-ellipsis", title: getDataTableColumnTitle(column), children: getDataTableColumnTitle(column) })] }, column.id));
+                                            }) })] })] }) })] }), _jsx("div", { className: "flex-grow flex gap-3 items-center overflow-auto", children: selectedFilterItems.map((columnId) => {
                     const column = table.getColumn(columnId);
                     if (column) {
-                        return (0, jsx_runtime_1.jsx)(datatable_faceted_filter_1.DataTableFacetedFilter, { column: column }, columnId);
+                        return _jsx(DataTableFacetedFilter, { column: column }, columnId);
                     }
                 }) })] }));
 }

package/dist/ikoncomponents/data-table/datatable-pagination/index.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTablePagination = DataTablePagination;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const select_1 = require("../../../shadcn/select");
-const buttons_1 = require("../../buttons");
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, } from "lucide-react";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../../shadcn/select";
+import { IconButtonWithTooltip } from "../../buttons";
 const defaultPageSizeArray = [15, 20, 30, 40, 50, 100];
-function DataTablePagination({ table, extraParams, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col md:flex-row items-start md:items-center justify-between ", children: [(0, jsx_runtime_1.jsx)("small", { className: "flex-1 px-2 text-gray-600 dark:text-gray-400", children: (extraParams?.numberOfRows == undefined ||
-                    extraParams?.numberOfRows) &&
-                    extraParams?.checkBoxColumn ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [table.getFilteredSelectedRowModel().rows.length, " of", " ", table.getFilteredRowModel().rows.length, " row(s) selected."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Total ", table.getFilteredRowModel().rows.length, " no(s) of rows."] })) }), (extraParams?.pagination == undefined || extraParams.pagination) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-start md:items-center gap-3 flex-col md:flex-row ", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-gray-600 dark:text-gray-400", children: "Rows per page" }), (extraParams?.rowsPerPage == undefined ||
-                                extraParams.rowsPerPage) && ((0, jsx_runtime_1.jsxs)(select_1.Select, { value: `${table.getState().pagination.pageSize}`, onValueChange: (value) => {
+export function DataTablePagination({ table, extraParams, }) {
+    return (_jsxs("div", { className: "flex flex-col md:flex-row items-start md:items-center justify-between ", children: [_jsx("small", { className: "flex-1 px-2 text-gray-600 dark:text-gray-400", children: ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.numberOfRows) == undefined ||
+                    (extraParams === null || extraParams === void 0 ? void 0 : extraParams.numberOfRows)) &&
+                    (extraParams === null || extraParams === void 0 ? void 0 : extraParams.checkBoxColumn) ? (_jsxs(_Fragment, { children: [table.getFilteredSelectedRowModel().rows.length, " of", " ", table.getFilteredRowModel().rows.length, " row(s) selected."] })) : (_jsxs(_Fragment, { children: ["Total ", table.getFilteredRowModel().rows.length, " no(s) of rows."] })) }), ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.pagination) == undefined || extraParams.pagination) && (_jsxs("div", { className: "flex items-start md:items-center gap-3 flex-col md:flex-row ", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("small", { className: "text-gray-600 dark:text-gray-400", children: "Rows per page" }), ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.rowsPerPage) == undefined ||
+                                extraParams.rowsPerPage) && (_jsxs(Select, { value: `${table.getState().pagination.pageSize}`, onValueChange: (value) => {
                                     table.setPageSize(Number(value));
-                                }, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: "w-[70px] h-8", children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: table.getState().pagination.pageSize }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { side: "top", children: (extraParams?.pageSizeArray || defaultPageSizeArray).map((pageSize) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] }))] }), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("small", { className: "flex w-[100px] items-center justify-center text-gray-600 dark:text-gray-400", children: ["Page ", table.getState().pagination.pageIndex + 1, " of", " ", table.getPageCount()] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(buttons_1.IconButtonWithTooltip, { tooltipContent: "Go to first page", size: "smIcon", className: "dark:bg-accent dark:text-accent-foreground keross:bg-card keross:text-foreground", onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsLeft, {}) }), (0, jsx_runtime_1.jsx)(buttons_1.IconButtonWithTooltip, { tooltipContent: "Go to previous page", size: "smIcon", className: "dark:bg-accent dark:text-accent-foreground keross:bg-card keross:text-foreground", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, {}) }), (0, jsx_runtime_1.jsx)(buttons_1.IconButtonWithTooltip, { tooltipContent: "Go to next page", size: "smIcon", className: "dark:bg-accent dark:text-accent-foreground keross:bg-card keross:text-foreground", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, {}) }), (0, jsx_runtime_1.jsx)(buttons_1.IconButtonWithTooltip, { tooltipContent: "Go to last page", size: "smIcon", className: "dark:bg-accent dark:text-accent-foreground keross:bg-card keross:text-foreground", onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsRight, {}) })] })] })] }))] }));
+                                }, children: [_jsx(SelectTrigger, { className: "w-[70px] h-8", children: _jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }), _jsx(SelectContent, { side: "top", children: ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.pageSizeArray) || defaultPageSizeArray).map((pageSize) => (_jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] }))] }), _jsxs(_Fragment, { children: [_jsxs("small", { className: "flex w-[100px] items-center justify-center text-gray-600 dark:text-gray-400", children: ["Page ", table.getState().pagination.pageIndex + 1, " of", " ", table.getPageCount()] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(IconButtonWithTooltip, { tooltipContent: "Go to first page", size: "smIcon", className: "dark:bg-accent dark:text-accent-foreground keross:bg-card keross:text-foreground", onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: _jsx(ChevronsLeft, {}) }), _jsx(IconButtonWithTooltip, { tooltipContent: "Go to previous page", size: "smIcon", className: "dark:bg-accent dark:text-accent-foreground keross:bg-card keross:text-foreground", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: _jsx(ChevronLeft, {}) }), _jsx(IconButtonWithTooltip, { tooltipContent: "Go to next page", size: "smIcon", className: "dark:bg-accent dark:text-accent-foreground keross:bg-card keross:text-foreground", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: _jsx(ChevronRight, {}) }), _jsx(IconButtonWithTooltip, { tooltipContent: "Go to last page", size: "smIcon", className: "dark:bg-accent dark:text-accent-foreground keross:bg-card keross:text-foreground", onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), children: _jsx(ChevronsRight, {}) })] })] })] }))] }));
 }

package/dist/ikoncomponents/data-table/datatable-toolbar/index.js

@@ -1,20 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTableToolbar = DataTableToolbar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const datatable_filter_menu_1 = require("../datatable-filter-menu");
-const datatable_column_filter_1 = require("../datatable-column-filter");
-const search_input_1 = require("../../search-input");
-function DataTableToolbar({ table, extraParams, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-grow flex items-center justify-between gap-3 overflow-hidden", children: [(extraParams?.defaultTools == undefined ||
-                        extraParams?.defaultTools == true ||
-                        (Array.isArray(extraParams?.defaultTools) &&
-                            extraParams?.defaultTools?.includes("search"))) && ((0, jsx_runtime_1.jsx)(search_input_1.SearchInput, { placeholder: "Search ...", onChange: (event) => table.setGlobalFilter(event.target.value), className: "max-w-sm" })), (extraParams?.defaultTools == undefined ||
-                        extraParams?.defaultTools == true ||
-                        (Array.isArray(extraParams?.defaultTools) &&
-                            extraParams?.defaultTools?.includes("filter"))) && ((0, jsx_runtime_1.jsx)(datatable_filter_menu_1.DataTableFilterMenu, { table: table }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3", children: [extraParams?.extraTools?.map((tool, index) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: tool }, index))), (extraParams?.defaultTools == undefined ||
-                        extraParams?.defaultTools == true ||
-                        (Array.isArray(extraParams?.defaultTools) &&
-                            extraParams?.defaultTools?.includes("columnFilter"))) && ((0, jsx_runtime_1.jsx)(datatable_column_filter_1.DataTableColumnFilter, { table: table }))] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { DataTableFilterMenu } from "../datatable-filter-menu";
+import { DataTableColumnFilter } from "../datatable-column-filter";
+import { SearchInput } from "../../search-input";
+export function DataTableToolbar({ table, extraParams, }) {
+    var _a, _b, _c, _d;
+    return (_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex-grow flex items-center justify-between gap-3 overflow-hidden", children: [((extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) == undefined ||
+                        (extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) == true ||
+                        (Array.isArray(extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) &&
+                            ((_a = extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) === null || _a === void 0 ? void 0 : _a.includes("search")))) && (_jsx(SearchInput, { placeholder: "Search ...", onChange: (event) => table.setGlobalFilter(event.target.value), className: "max-w-sm" })), ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) == undefined ||
+                        (extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) == true ||
+                        (Array.isArray(extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) &&
+                            ((_b = extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) === null || _b === void 0 ? void 0 : _b.includes("filter")))) && (_jsx(DataTableFilterMenu, { table: table }))] }), _jsxs("div", { className: "flex gap-3", children: [(_c = extraParams === null || extraParams === void 0 ? void 0 : extraParams.extraTools) === null || _c === void 0 ? void 0 : _c.map((tool, index) => (_jsx(Fragment, { children: tool }, index))), ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) == undefined ||
+                        (extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) == true ||
+                        (Array.isArray(extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) &&
+                            ((_d = extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) === null || _d === void 0 ? void 0 : _d.includes("columnFilter")))) && (_jsx(DataTableColumnFilter, { table: table }))] })] }));
 }