pixelize-design-library 2.3.6 → 2.3.8

package/dist/Components/RolesPermission/RolesPermission.js

@@ -1,61 +1,18 @@
 "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 __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;
-    };
-})();
 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 lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var Button_1 = __importDefault(require("../Button/Button"));
-var TextInput_1 = __importDefault(require("../Input/TextInput"));
-var EmptyState_1 = __importDefault(require("../EmptyState/EmptyState"));
-var DeleteRoleModal_1 = __importDefault(require("./DeleteRoleModal"));
-var DEFAULT_LABELS = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+const Button_1 = __importDefault(require("../Button/Button"));
+const TextInput_1 = __importDefault(require("../Input/TextInput"));
+const EmptyState_1 = __importDefault(require("../EmptyState/EmptyState"));
+const DeleteRoleModal_1 = __importDefault(require("./DeleteRoleModal"));
+const DEFAULT_LABELS = {
     title: "Roles & Permissions",
     totalRoles: "Total Roles",
     newRole: "New Role",
@@ -90,7 +47,7 @@ var DEFAULT_LABELS = {
     deleteRole: "Delete Role",
     deleteRoleConfirm: "Are you sure you want to delete this role?",
 };
-var DEFAULT_KEYS = [
+const DEFAULT_KEYS = [
     "read",
     "create",
     "edit",
@@ -98,19 +55,18 @@ var DEFAULT_KEYS = [
     "import",
     "export",
 ];
-var RolesPermission = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    var view = _a.view, _q = _a.mode, mode = _q === void 0 ? "create" : _q, roles = _a.roles, _r = _a.isRolesLoading, isRolesLoading = _r === void 0 ? false : _r, permissions = _a.permissions, _s = _a.permissionKeys, permissionKeys = _s === void 0 ? DEFAULT_KEYS : _s, roleName = _a.roleName, roleNameError = _a.roleNameError, isSuperAdmin = _a.isSuperAdmin, isTrackLocation = _a.isTrackLocation, isShowRecords = _a.isShowRecords, _t = _a.isEditing, isEditing = _t === void 0 ? false : _t, _u = _a.isSaving, isSaving = _u === void 0 ? false : _u, onNewRole = _a.onNewRole, onViewRole = _a.onViewRole, onEditRole = _a.onEditRole, onDeleteRole = _a.onDeleteRole, onBack = _a.onBack, onRoleNameChange = _a.onRoleNameChange, onToggleSuperAdmin = _a.onToggleSuperAdmin, onToggleTrackLocation = _a.onToggleTrackLocation, onToggleShowRecords = _a.onToggleShowRecords, onPermissionChange = _a.onPermissionChange, onSave = _a.onSave, onCancelForm = _a.onCancelForm, footerSlot = _a.footerSlot, checkIcon = _a.checkIcon, labelOverrides = _a.labels, _v = _a.padding, padding = _v === void 0 ? "16px" : _v;
-    var colors = (0, useCustomTheme_1.useCustomTheme)().colors;
-    var labels = (0, react_1.useMemo)(function () { return (__assign(__assign({}, DEFAULT_LABELS), labelOverrides)); }, [labelOverrides]);
-    var _w = (0, react_1.useState)(null), deleteId = _w[0], setDeleteId = _w[1];
-    var border = (_e = (_c = (_b = colors === null || colors === void 0 ? void 0 : colors.boxborder) === null || _b === void 0 ? void 0 : _b[200]) !== null && _c !== void 0 ? _c : (_d = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _d === void 0 ? void 0 : _d[200]) !== null && _e !== void 0 ? _e : "#E2E8F0";
-    var surface = (_f = colors === null || colors === void 0 ? void 0 : colors.white) !== null && _f !== void 0 ? _f : "#FFFFFF";
-    var muted = (_h = (_g = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _g === void 0 ? void 0 : _g[500]) !== null && _h !== void 0 ? _h : "#64748B";
-    var heading = (_k = (_j = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _j === void 0 ? void 0 : _j[800]) !== null && _k !== void 0 ? _k : "#1E293B";
-    var headBg = (_m = (_l = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _l === void 0 ? void 0 : _l[50]) !== null && _m !== void 0 ? _m : "#F8FAFC";
-    var isViewMode = mode === "view";
-    var columnLabels = {
+const RolesPermission = ({ view, mode = "create", roles, isRolesLoading = false, permissions, permissionKeys = DEFAULT_KEYS, roleName, roleNameError, isSuperAdmin, isTrackLocation, isShowRecords, isEditing = false, isSaving = false, onNewRole, onViewRole, onEditRole, onDeleteRole, onBack, onRoleNameChange, onToggleSuperAdmin, onToggleTrackLocation, onToggleShowRecords, onPermissionChange, onSave, onCancelForm, footerSlot, checkIcon, labels: labelOverrides, padding = "16px", }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    const { colors } = (0, useCustomTheme_1.useCustomTheme)();
+    const labels = (0, react_1.useMemo)(() => ({ ...DEFAULT_LABELS, ...labelOverrides }), [labelOverrides]);
+    const [deleteId, setDeleteId] = (0, react_1.useState)(null);
+    const border = (_d = (_b = (_a = colors === null || colors === void 0 ? void 0 : colors.boxborder) === null || _a === void 0 ? void 0 : _a[200]) !== null && _b !== void 0 ? _b : (_c = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _c === void 0 ? void 0 : _c[200]) !== null && _d !== void 0 ? _d : "#E2E8F0";
+    const surface = (_e = colors === null || colors === void 0 ? void 0 : colors.white) !== null && _e !== void 0 ? _e : "#FFFFFF";
+    const muted = (_g = (_f = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _f === void 0 ? void 0 : _f[500]) !== null && _g !== void 0 ? _g : "#64748B";
+    const heading = (_j = (_h = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _h === void 0 ? void 0 : _h[800]) !== null && _j !== void 0 ? _j : "#1E293B";
+    const headBg = (_l = (_k = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _k === void 0 ? void 0 : _k[50]) !== null && _l !== void 0 ? _l : "#F8FAFC";
+    const isViewMode = mode === "view";
+    const columnLabels = {
         read: labels.read,
         create: labels.create,
         edit: labels.editPermission,
@@ -119,7 +75,7 @@ var RolesPermission = function (_a) {
         export: labels.exportPermission,
         automation: "Automation",
     };
-    var cardSx = {
+    const cardSx = {
         backgroundColor: surface,
         borderRadius: "xl",
         border: "1px solid",
@@ -127,13 +83,13 @@ var RolesPermission = function (_a) {
         boxShadow: "0 1px 2px rgba(16,24,40,0.05)",
         overflow: "hidden",
     };
-    var cardHeaderSx = {
+    const cardHeaderSx = {
         px: 4,
         py: 3,
         borderBottom: "1px solid",
         borderColor: border,
     };
-    var thStyle = {
+    const thStyle = {
         fontSize: "0.7rem",
         textTransform: "uppercase",
         letterSpacing: "0.04em",
@@ -141,103 +97,30 @@ var RolesPermission = function (_a) {
         borderColor: border,
         py: 3,
     };
-    var renderGrantedCheck = function () {
+    const renderGrantedCheck = () => {
         var _a, _b;
-        return checkIcon !== null && checkIcon !== void 0 ? checkIcon : (react_1.default.createElement(react_2.Box, { color: (_b = (_a = colors === null || colors === void 0 ? void 0 : colors.green) === null || _a === void 0 ? void 0 : _a[500]) !== null && _b !== void 0 ? _b : "#22C55E", display: "inline-flex" },
-            react_1.default.createElement(lucide_react_1.Check, { size: 18, strokeWidth: 3 })));
+        return checkIcon !== null && checkIcon !== void 0 ? checkIcon : ((0, jsx_runtime_1.jsx)(react_2.Box, { color: (_b = (_a = colors === null || colors === void 0 ? void 0 : colors.green) === null || _a === void 0 ? void 0 : _a[500]) !== null && _b !== void 0 ? _b : "#22C55E", display: "inline-flex", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { size: 18, strokeWidth: 3 }) }));
     };
-    var renderListView = function () { return (react_1.default.createElement(react_2.VStack, { align: "stretch", spacing: 4 },
-        react_1.default.createElement(react_2.Box, __assign({}, cardSx),
-            react_1.default.createElement(react_2.Flex, __assign({}, cardHeaderSx, { alignItems: "center", justifyContent: "space-between" }),
-                react_1.default.createElement(react_2.HStack, { spacing: 2 },
-                    onBack && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Go back", icon: react_1.default.createElement(lucide_react_1.ArrowLeft, { size: 16 }), variant: "ghost", size: "xs", color: muted, onClick: onBack })),
-                    react_1.default.createElement(react_2.Heading, { size: "sm", fontWeight: 600, color: heading }, labels.title),
-                    !isRolesLoading && (react_1.default.createElement(react_2.Badge, { colorScheme: "blue", variant: "subtle", borderRadius: "full", px: 2, py: 0.5, fontSize: "0.65rem", textTransform: "none" },
-                        labels.totalRoles,
-                        ": ",
-                        roles.length))),
-                react_1.default.createElement(Button_1.default, { label: labels.newRole, onClick: onNewRole, size: "sm", sx: { fontSize: "xs" }, colorScheme: "primary", leftIcon: react_1.default.createElement(lucide_react_1.Plus, { size: 15 }) })),
-            react_1.default.createElement(react_2.Box, { overflowX: "auto" }, isRolesLoading ? (react_1.default.createElement(react_2.VStack, { spacing: 3, p: 4, align: "stretch" }, Array.from({ length: 6 }).map(function (_, idx) { return (react_1.default.createElement(react_2.Skeleton, { key: idx, height: "18px", borderRadius: "md" })); }))) : roles.length === 0 ? (react_1.default.createElement(EmptyState_1.default, { icon: lucide_react_1.ShieldCheck, title: labels.noRoles, size: "sm", minH: "200px" })) : (react_1.default.createElement(react_2.Table, { variant: "simple", size: "sm" },
-                react_1.default.createElement(react_2.Thead, { bg: headBg },
-                    react_1.default.createElement(react_2.Tr, null,
-                        react_1.default.createElement(react_2.Th, __assign({}, thStyle, { width: "56px" }), labels.sNo),
-                        react_1.default.createElement(react_2.Th, __assign({}, thStyle), labels.roleNameColumn),
-                        react_1.default.createElement(react_2.Th, __assign({}, thStyle), labels.createdBy),
-                        react_1.default.createElement(react_2.Th, __assign({}, thStyle), labels.createdTime),
-                        react_1.default.createElement(react_2.Th, __assign({}, thStyle, { textAlign: "right" }), labels.actions))),
-                react_1.default.createElement(react_2.Tbody, null, roles.map(function (role, index) {
-                    var _a, _b, _c;
-                    return (react_1.default.createElement(react_2.Tr, { key: (_a = role.roles_id) !== null && _a !== void 0 ? _a : role.roleName, _hover: { bg: headBg }, transition: "background 0.15s ease" },
-                        react_1.default.createElement(react_2.Td, { borderColor: border, color: muted, fontSize: "sm" }, index + 1),
-                        react_1.default.createElement(react_2.Td, { borderColor: border, maxW: "160px", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", fontSize: "sm", fontWeight: 600, color: heading }, role.roleName),
-                        react_1.default.createElement(react_2.Td, { borderColor: border, fontSize: "sm", color: muted }, role.createdBy),
-                        react_1.default.createElement(react_2.Td, { borderColor: border, fontSize: "sm", color: muted }, role.created_at),
-                        react_1.default.createElement(react_2.Td, { borderColor: border },
-                            react_1.default.createElement(react_2.HStack, { spacing: 1, justifyContent: "flex-end" },
-                                react_1.default.createElement(react_2.Tooltip, { label: labels.view, hasArrow: true },
-                                    react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(lucide_react_1.SquareArrowOutUpRight, { size: 15 }), "aria-label": labels.view, variant: "ghost", size: "xs", color: muted, onClick: function () { return onViewRole === null || onViewRole === void 0 ? void 0 : onViewRole(role); } })),
-                                react_1.default.createElement(react_2.Tooltip, { label: labels.edit, hasArrow: true },
-                                    react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(lucide_react_1.Pencil, { size: 15 }), "aria-label": labels.edit, variant: "ghost", size: "xs", color: muted, onClick: function () { return onEditRole === null || onEditRole === void 0 ? void 0 : onEditRole(role); } })),
-                                react_1.default.createElement(react_2.Tooltip, { label: labels.delete, hasArrow: true },
-                                    react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(lucide_react_1.Trash2, { size: 15 }), "aria-label": labels.delete, variant: "ghost", size: "xs", colorScheme: "red", color: (_c = (_b = colors === null || colors === void 0 ? void 0 : colors.red) === null || _b === void 0 ? void 0 : _b[400]) !== null && _c !== void 0 ? _c : "#F87171", onClick: function () { return setDeleteId(Number(role.roles_id)); } }))))));
-                })))))),
-        footerSlot)); };
-    var renderFormView = function () { return (react_1.default.createElement(react_2.VStack, { align: "stretch", spacing: 4 },
-        react_1.default.createElement(react_2.Box, __assign({}, cardSx),
-            react_1.default.createElement(react_2.Flex, __assign({}, cardHeaderSx, { alignItems: "center", gap: 2 }),
-                onCancelForm && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Go back", icon: react_1.default.createElement(lucide_react_1.ArrowLeft, { size: 16 }), variant: "ghost", size: "xs", color: muted, onClick: onCancelForm })),
-                react_1.default.createElement(react_2.Heading, { size: "sm", fontWeight: 600, color: heading }, labels.roleInformation)),
-            react_1.default.createElement(react_2.Box, { p: 4 },
-                react_1.default.createElement(react_2.Box, { maxW: "320px" },
-                    react_1.default.createElement(react_2.Tooltip, { label: isViewMode ? labels.readOnly : "", isDisabled: !isViewMode },
-                        react_1.default.createElement(react_2.Box, null,
-                            react_1.default.createElement(TextInput_1.default, { label: labels.roleName, value: roleName, placeholder: labels.roleNamePlaceholder, error: !!roleNameError, errorMessage: roleNameError, onChange: function (e) { return onRoleNameChange === null || onRoleNameChange === void 0 ? void 0 : onRoleNameChange(e.target.value); }, isRequired: true, width: "100%", isDisabled: isViewMode })))),
-                react_1.default.createElement(react_2.VStack, { align: "stretch", spacing: 3, mt: 4 },
-                    react_1.default.createElement(react_2.Checkbox, { isChecked: isSuperAdmin, isDisabled: isViewMode, size: "sm", onChange: function (e) { return onToggleSuperAdmin === null || onToggleSuperAdmin === void 0 ? void 0 : onToggleSuperAdmin(e.target.checked); } },
-                        react_1.default.createElement(react_2.Text, { fontSize: "sm", color: heading }, labels.enableAllPermissions)),
-                    react_1.default.createElement(react_2.Checkbox, { isChecked: isTrackLocation, isDisabled: isViewMode, size: "sm", onChange: function (e) { return onToggleTrackLocation === null || onToggleTrackLocation === void 0 ? void 0 : onToggleTrackLocation(e.target.checked); } },
-                        react_1.default.createElement(react_2.Text, { fontSize: "sm", color: heading }, labels.trackLocation)),
-                    react_1.default.createElement(react_2.Checkbox, { isChecked: isShowRecords, isDisabled: isViewMode, size: "sm", onChange: function (e) { return onToggleShowRecords === null || onToggleShowRecords === void 0 ? void 0 : onToggleShowRecords(e.target.checked); } },
-                        react_1.default.createElement(react_2.Text, { fontSize: "sm", color: heading }, labels.showAllUserRecords))))),
-        react_1.default.createElement(react_2.Box, __assign({}, cardSx),
-            react_1.default.createElement(react_2.Flex, __assign({}, cardHeaderSx, { alignItems: "center" }),
-                react_1.default.createElement(react_2.Heading, { size: "sm", fontWeight: 600, color: heading }, labels.permissionSettings)),
-            react_1.default.createElement(react_2.Box, { overflowX: "auto" },
-                react_1.default.createElement(react_2.Table, { variant: "simple", size: "sm" },
-                    react_1.default.createElement(react_2.Thead, { bg: headBg },
-                        react_1.default.createElement(react_2.Tr, null,
-                            react_1.default.createElement(react_2.Th, __assign({}, thStyle), labels.moduleName),
-                            permissionKeys.map(function (key) { return (react_1.default.createElement(react_2.Th, __assign({ key: key }, thStyle, { textAlign: "center" }), columnLabels[key])); }))),
-                    react_1.default.createElement(react_2.Tbody, null, permissions.length === 0 ? (react_1.default.createElement(react_2.Tr, null,
-                        react_1.default.createElement(react_2.Td, { colSpan: permissionKeys.length + 1, textAlign: "center", borderColor: border },
-                            react_1.default.createElement(react_2.Text, { color: muted, fontSize: "sm", py: 4 }, labels.noPermissions)))) : (permissions.map(function (perm) {
-                        var _a;
-                        var isAutomationModule = ((_a = perm.module) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "automation";
-                        return (react_1.default.createElement(react_2.Tr, { key: perm.module, _hover: { bg: headBg }, transition: "background 0.15s ease" },
-                            react_1.default.createElement(react_2.Td, { borderColor: border, color: heading, fontSize: "sm", fontWeight: 500, maxW: "160px", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, perm.module),
-                            permissionKeys.map(function (key) {
-                                var isRead = key === "read";
-                                return (react_1.default.createElement(react_2.Td, { key: key, textAlign: "center", borderColor: border },
-                                    react_1.default.createElement(react_2.Flex, { justify: "center" }, isViewMode ? (isAutomationModule ? (isRead &&
-                                        perm.automation &&
-                                        renderGrantedCheck()) : (perm[key] && renderGrantedCheck())) : isAutomationModule && !isRead ? null : (react_1.default.createElement(react_2.Checkbox, { size: "sm", isChecked: isAutomationModule
-                                            ? perm.automation
-                                            : perm[key], isDisabled: isAutomationModule && !isRead, onChange: function () {
-                                            return onPermissionChange === null || onPermissionChange === void 0 ? void 0 : onPermissionChange(perm.module, isAutomationModule ? "automation" : key);
-                                        } })))));
-                            })));
-                    }))))),
-            !isViewMode && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(react_2.Divider, { borderColor: border }),
-                react_1.default.createElement(react_2.Flex, { justifyContent: "flex-end", gap: 3, p: 4 },
-                    react_1.default.createElement(Button_1.default, { onClick: onCancelForm, size: "sm", sx: { fontSize: "xs" }, label: labels.cancel, colorScheme: "red", variant: "outline" }),
-                    react_1.default.createElement(Button_1.default, { onClick: onSave, size: "sm", sx: { fontSize: "xs" }, colorScheme: "primary", isLoading: isSaving, label: isEditing ? labels.updateChanges : labels.saveChanges }))))))); };
-    return (react_1.default.createElement(react_2.Box, { p: padding, backgroundColor: (_p = (_o = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _o === void 0 ? void 0 : _o[50]) !== null && _p !== void 0 ? _p : "#F8FAFC", minHeight: "100%" },
-        view === "list" ? renderListView() : renderFormView(),
-        react_1.default.createElement(DeleteRoleModal_1.default, { isOpen: deleteId !== null, onClose: function () { return setDeleteId(null); }, onConfirm: function () {
-                if (deleteId !== null)
-                    onDeleteRole === null || onDeleteRole === void 0 ? void 0 : onDeleteRole(deleteId);
-                setDeleteId(null);
-            }, labels: labels })));
+    const renderListView = () => ((0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "stretch", spacing: 4, children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { ...cardSx, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { ...cardHeaderSx, alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [onBack && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Go back", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { size: 16 }), variant: "ghost", size: "xs", color: muted, onClick: onBack })), (0, jsx_runtime_1.jsx)(react_2.Heading, { size: "sm", fontWeight: 600, color: heading, children: labels.title }), !isRolesLoading && ((0, jsx_runtime_1.jsxs)(react_2.Badge, { colorScheme: "blue", variant: "subtle", borderRadius: "full", px: 2, py: 0.5, fontSize: "0.65rem", textTransform: "none", children: [labels.totalRoles, ": ", roles.length] }))] }), (0, jsx_runtime_1.jsx)(Button_1.default, { label: labels.newRole, onClick: onNewRole, size: "sm", sx: { fontSize: "xs" }, colorScheme: "primary", leftIcon: (0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { size: 15 }) })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { overflowX: "auto", children: isRolesLoading ? ((0, jsx_runtime_1.jsx)(react_2.VStack, { spacing: 3, p: 4, align: "stretch", children: Array.from({ length: 6 }).map((_, idx) => ((0, jsx_runtime_1.jsx)(react_2.Skeleton, { height: "18px", borderRadius: "md" }, idx))) })) : roles.length === 0 ? ((0, jsx_runtime_1.jsx)(EmptyState_1.default, { icon: lucide_react_1.ShieldCheck, title: labels.noRoles, size: "sm", minH: "200px" })) : ((0, jsx_runtime_1.jsxs)(react_2.Table, { variant: "simple", size: "sm", children: [(0, jsx_runtime_1.jsx)(react_2.Thead, { bg: headBg, children: (0, jsx_runtime_1.jsxs)(react_2.Tr, { children: [(0, jsx_runtime_1.jsx)(react_2.Th, { ...thStyle, width: "56px", children: labels.sNo }), (0, jsx_runtime_1.jsx)(react_2.Th, { ...thStyle, children: labels.roleNameColumn }), (0, jsx_runtime_1.jsx)(react_2.Th, { ...thStyle, children: labels.createdBy }), (0, jsx_runtime_1.jsx)(react_2.Th, { ...thStyle, children: labels.createdTime }), (0, jsx_runtime_1.jsx)(react_2.Th, { ...thStyle, textAlign: "right", children: labels.actions })] }) }), (0, jsx_runtime_1.jsx)(react_2.Tbody, { children: roles.map((role, index) => {
+                                        var _a, _b, _c;
+                                        return ((0, jsx_runtime_1.jsxs)(react_2.Tr, { _hover: { bg: headBg }, transition: "background 0.15s ease", children: [(0, jsx_runtime_1.jsx)(react_2.Td, { borderColor: border, color: muted, fontSize: "sm", children: index + 1 }), (0, jsx_runtime_1.jsx)(react_2.Td, { borderColor: border, maxW: "160px", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", fontSize: "sm", fontWeight: 600, color: heading, children: role.roleName }), (0, jsx_runtime_1.jsx)(react_2.Td, { borderColor: border, fontSize: "sm", color: muted, children: role.createdBy }), (0, jsx_runtime_1.jsx)(react_2.Td, { borderColor: border, fontSize: "sm", color: muted, children: role.created_at }), (0, jsx_runtime_1.jsx)(react_2.Td, { borderColor: border, children: (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 1, justifyContent: "flex-end", children: [(0, jsx_runtime_1.jsx)(react_2.Tooltip, { label: labels.view, hasArrow: true, children: (0, jsx_runtime_1.jsx)(react_2.IconButton, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.SquareArrowOutUpRight, { size: 15 }), "aria-label": labels.view, variant: "ghost", size: "xs", color: muted, onClick: () => onViewRole === null || onViewRole === void 0 ? void 0 : onViewRole(role) }) }), (0, jsx_runtime_1.jsx)(react_2.Tooltip, { label: labels.edit, hasArrow: true, children: (0, jsx_runtime_1.jsx)(react_2.IconButton, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 15 }), "aria-label": labels.edit, variant: "ghost", size: "xs", color: muted, onClick: () => onEditRole === null || onEditRole === void 0 ? void 0 : onEditRole(role) }) }), (0, jsx_runtime_1.jsx)(react_2.Tooltip, { label: labels.delete, hasArrow: true, children: (0, jsx_runtime_1.jsx)(react_2.IconButton, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { size: 15 }), "aria-label": labels.delete, variant: "ghost", size: "xs", colorScheme: "red", color: (_b = (_a = colors === null || colors === void 0 ? void 0 : colors.red) === null || _a === void 0 ? void 0 : _a[400]) !== null && _b !== void 0 ? _b : "#F87171", onClick: () => setDeleteId(Number(role.roles_id)) }) })] }) })] }, (_c = role.roles_id) !== null && _c !== void 0 ? _c : role.roleName));
+                                    }) })] })) })] }), footerSlot] }));
+    const renderFormView = () => ((0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "stretch", spacing: 4, children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { ...cardSx, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { ...cardHeaderSx, alignItems: "center", gap: 2, children: [onCancelForm && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Go back", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { size: 16 }), variant: "ghost", size: "xs", color: muted, onClick: onCancelForm })), (0, jsx_runtime_1.jsx)(react_2.Heading, { size: "sm", fontWeight: 600, color: heading, children: labels.roleInformation })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { p: 4, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { maxW: "320px", children: (0, jsx_runtime_1.jsx)(react_2.Tooltip, { label: isViewMode ? labels.readOnly : "", isDisabled: !isViewMode, children: (0, jsx_runtime_1.jsx)(react_2.Box, { children: (0, jsx_runtime_1.jsx)(TextInput_1.default, { label: labels.roleName, value: roleName, placeholder: labels.roleNamePlaceholder, error: !!roleNameError, errorMessage: roleNameError, onChange: (e) => onRoleNameChange === null || onRoleNameChange === void 0 ? void 0 : onRoleNameChange(e.target.value), isRequired: true, width: "100%", isDisabled: isViewMode }) }) }) }), (0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "stretch", spacing: 3, mt: 4, children: [(0, jsx_runtime_1.jsx)(react_2.Checkbox, { isChecked: isSuperAdmin, isDisabled: isViewMode, size: "sm", onChange: (e) => onToggleSuperAdmin === null || onToggleSuperAdmin === void 0 ? void 0 : onToggleSuperAdmin(e.target.checked), children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", color: heading, children: labels.enableAllPermissions }) }), (0, jsx_runtime_1.jsx)(react_2.Checkbox, { isChecked: isTrackLocation, isDisabled: isViewMode, size: "sm", onChange: (e) => onToggleTrackLocation === null || onToggleTrackLocation === void 0 ? void 0 : onToggleTrackLocation(e.target.checked), children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", color: heading, children: labels.trackLocation }) }), (0, jsx_runtime_1.jsx)(react_2.Checkbox, { isChecked: isShowRecords, isDisabled: isViewMode, size: "sm", onChange: (e) => onToggleShowRecords === null || onToggleShowRecords === void 0 ? void 0 : onToggleShowRecords(e.target.checked), children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", color: heading, children: labels.showAllUserRecords }) })] })] })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { ...cardSx, children: [(0, jsx_runtime_1.jsx)(react_2.Flex, { ...cardHeaderSx, alignItems: "center", children: (0, jsx_runtime_1.jsx)(react_2.Heading, { size: "sm", fontWeight: 600, color: heading, children: labels.permissionSettings }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { overflowX: "auto", children: (0, jsx_runtime_1.jsxs)(react_2.Table, { variant: "simple", size: "sm", children: [(0, jsx_runtime_1.jsx)(react_2.Thead, { bg: headBg, children: (0, jsx_runtime_1.jsxs)(react_2.Tr, { children: [(0, jsx_runtime_1.jsx)(react_2.Th, { ...thStyle, children: labels.moduleName }), permissionKeys.map((key) => ((0, jsx_runtime_1.jsx)(react_2.Th, { ...thStyle, textAlign: "center", children: columnLabels[key] }, key)))] }) }), (0, jsx_runtime_1.jsx)(react_2.Tbody, { children: permissions.length === 0 ? ((0, jsx_runtime_1.jsx)(react_2.Tr, { children: (0, jsx_runtime_1.jsx)(react_2.Td, { colSpan: permissionKeys.length + 1, textAlign: "center", borderColor: border, children: (0, jsx_runtime_1.jsx)(react_2.Text, { color: muted, fontSize: "sm", py: 4, children: labels.noPermissions }) }) })) : (permissions.map((perm) => {
+                                        var _a;
+                                        const isAutomationModule = ((_a = perm.module) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "automation";
+                                        return ((0, jsx_runtime_1.jsxs)(react_2.Tr, { _hover: { bg: headBg }, transition: "background 0.15s ease", children: [(0, jsx_runtime_1.jsx)(react_2.Td, { borderColor: border, color: heading, fontSize: "sm", fontWeight: 500, maxW: "160px", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", children: perm.module }), permissionKeys.map((key) => {
+                                                    const isRead = key === "read";
+                                                    return ((0, jsx_runtime_1.jsx)(react_2.Td, { textAlign: "center", borderColor: border, children: (0, jsx_runtime_1.jsx)(react_2.Flex, { justify: "center", children: isViewMode ? (isAutomationModule ? (isRead &&
+                                                                perm.automation &&
+                                                                renderGrantedCheck()) : (perm[key] && renderGrantedCheck())) : isAutomationModule && !isRead ? null : ((0, jsx_runtime_1.jsx)(react_2.Checkbox, { size: "sm", isChecked: isAutomationModule
+                                                                    ? perm.automation
+                                                                    : perm[key], isDisabled: isAutomationModule && !isRead, onChange: () => onPermissionChange === null || onPermissionChange === void 0 ? void 0 : onPermissionChange(perm.module, isAutomationModule ? "automation" : key) })) }) }, key));
+                                                })] }, perm.module));
+                                    })) })] }) }), !isViewMode && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Divider, { borderColor: border }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { justifyContent: "flex-end", gap: 3, p: 4, children: [(0, jsx_runtime_1.jsx)(Button_1.default, { onClick: onCancelForm, size: "sm", sx: { fontSize: "xs" }, label: labels.cancel, colorScheme: "red", variant: "outline" }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: onSave, size: "sm", sx: { fontSize: "xs" }, colorScheme: "primary", isLoading: isSaving, label: isEditing ? labels.updateChanges : labels.saveChanges })] })] }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { p: padding, backgroundColor: (_o = (_m = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _m === void 0 ? void 0 : _m[50]) !== null && _o !== void 0 ? _o : "#F8FAFC", minHeight: "100%", children: [view === "list" ? renderListView() : renderFormView(), (0, jsx_runtime_1.jsx)(DeleteRoleModal_1.default, { isOpen: deleteId !== null, onClose: () => setDeleteId(null), onConfirm: () => {
+                    if (deleteId !== null)
+                        onDeleteRole === null || onDeleteRole === void 0 ? void 0 : onDeleteRole(deleteId);
+                    setDeleteId(null);
+                }, labels: labels })] }));
 };
 exports.default = RolesPermission;

package/dist/Components/RolesPermission/RolesPermissionProps.d.ts

@@ -115,3 +115,4 @@ export interface DeleteRoleModalProps {
     isLoading?: boolean;
     labels: Required<Pick<RolesPermissionLabels, "deleteRole" | "deleteRoleConfirm" | "cancel" | "delete">>;
 }
+//# sourceMappingURL=RolesPermissionProps.d.ts.map

package/dist/Components/RolesPermission/RolesPermissionProps.d.ts.map

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

package/dist/Components/ScrollToTop/ScrollToTop.d.ts

@@ -17,3 +17,4 @@ export interface ScrollToTopProps {
 }
 declare const ScrollToTop: React.FC<ScrollToTopProps>;
 export default ScrollToTop;
+//# sourceMappingURL=ScrollToTop.d.ts.map

package/dist/Components/ScrollToTop/ScrollToTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.d.ts","sourceRoot":"","sources":["../../../src/Components/ScrollToTop/ScrollToTop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,MAAM,WAAW,gBAAgB;IAC/B,2EAA2E;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+F3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Components/ScrollToTop/ScrollToTop.js

@@ -1,78 +1,45 @@
 "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;
-    };
-})();
 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 lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var ToolTip_1 = __importDefault(require("../ToolTip/ToolTip"));
-var ScrollToTop = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.tooltipLabel, tooltipLabel = _c === void 0 ? "Scroll to top" : _c, _d = _a.threshold, threshold = _d === void 0 ? 300 : _d, _e = _a.duration, duration = _e === void 0 ? 600 : _e, _f = _a.useWindow, useWindow = _f === void 0 ? false : _f, _g = _a.bottom, bottom = _g === void 0 ? "2rem" : _g, _h = _a.right, right = _h === void 0 ? "2rem" : _h;
-    var _j = (0, react_1.useState)(false), visible = _j[0], setVisible = _j[1];
-    var anchorRef = (0, react_1.useRef)(null);
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var getScroller = function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+const ToolTip_1 = __importDefault(require("../ToolTip/ToolTip"));
+const ScrollToTop = ({ children, tooltipLabel = "Scroll to top", threshold = 300, duration = 600, useWindow = false, bottom = "2rem", right = "2rem", }) => {
+    var _a;
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    const anchorRef = (0, react_1.useRef)(null);
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const getScroller = () => {
         var _a, _b;
         if (useWindow)
             return window;
         return (_b = (_a = anchorRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) !== null && _b !== void 0 ? _b : null;
     };
-    var handleScroll = function () {
+    const handleScroll = () => {
         var _a;
-        var scroller = getScroller();
-        var top = scroller === window
+        const scroller = getScroller();
+        const top = scroller === window
             ? window.scrollY
             : (_a = scroller === null || scroller === void 0 ? void 0 : scroller.scrollTop) !== null && _a !== void 0 ? _a : 0;
         setVisible(top >= threshold);
     };
-    var scrollToTop = function () {
-        var scroller = getScroller();
+    const scrollToTop = () => {
+        const scroller = getScroller();
         if (!scroller)
             return;
-        var start = scroller === window ? window.scrollY : scroller.scrollTop;
-        var startTime = performance.now();
-        var step = function (now) {
-            var progress = Math.min((now - startTime) / duration, 1);
-            var eased = progress < 0.5
+        const start = scroller === window ? window.scrollY : scroller.scrollTop;
+        const startTime = performance.now();
+        const step = (now) => {
+            const progress = Math.min((now - startTime) / duration, 1);
+            const eased = progress < 0.5
                 ? 2 * progress * progress
                 : -1 + (4 - 2 * progress) * progress;
-            var next = start * (1 - eased);
+            const next = start * (1 - eased);
             if (scroller === window)
                 window.scrollTo(0, next);
             else
@@ -82,23 +49,19 @@ var ScrollToTop = function (_a) {
         };
         requestAnimationFrame(step);
     };
-    (0, react_1.useEffect)(function () {
-        var scroller = getScroller();
+    (0, react_1.useEffect)(() => {
+        const scroller = getScroller();
         if (!scroller)
             return;
         scroller.addEventListener("scroll", handleScroll);
         handleScroll();
-        return function () { return scroller.removeEventListener("scroll", handleScroll); };
+        return () => scroller.removeEventListener("scroll", handleScroll);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [useWindow, threshold]);
-    return (react_1.default.createElement(react_2.Box, { ref: anchorRef, position: "relative" },
-        children,
-        react_1.default.createElement(ToolTip_1.default, { label: tooltipLabel, placement: "left" },
-            react_1.default.createElement(react_2.Box, { onClick: scrollToTop, role: "button", "aria-label": tooltipLabel, position: "fixed", bottom: bottom, right: right, zIndex: 1000, display: "flex", alignItems: "center", justifyContent: "center", boxSize: "44px", borderRadius: "full", cursor: "pointer", bg: theme.colors.primary[500], color: theme.colors.white, boxShadow: "0 4px 14px rgba(0,0,0,0.25)", opacity: visible ? 1 : 0, transform: visible ? "translateY(0) scale(1)" : "translateY(16px) scale(0.85)", pointerEvents: visible ? "auto" : "none", transition: "all 0.25s cubic-bezier(0.16, 1, 0.3, 1)", _hover: {
-                    bg: (_b = theme.colors.primary[600]) !== null && _b !== void 0 ? _b : theme.colors.primary[500],
-                    transform: "translateY(-2px) scale(1.05)",
-                    boxShadow: "0 6px 20px rgba(0,0,0,0.3)",
-                }, _active: { transform: "scale(0.95)" } },
-                react_1.default.createElement(lucide_react_1.ChevronUp, { size: 24, strokeWidth: 2.5 })))));
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { ref: anchorRef, position: "relative", children: [children, (0, jsx_runtime_1.jsx)(ToolTip_1.default, { label: tooltipLabel, placement: "left", children: (0, jsx_runtime_1.jsx)(react_2.Box, { onClick: scrollToTop, role: "button", "aria-label": tooltipLabel, position: "fixed", bottom: bottom, right: right, zIndex: 1000, display: "flex", alignItems: "center", justifyContent: "center", boxSize: "44px", borderRadius: "full", cursor: "pointer", bg: theme.colors.primary[500], color: theme.colors.white, boxShadow: "0 4px 14px rgba(0,0,0,0.25)", opacity: visible ? 1 : 0, transform: visible ? "translateY(0) scale(1)" : "translateY(16px) scale(0.85)", pointerEvents: visible ? "auto" : "none", transition: "all 0.25s cubic-bezier(0.16, 1, 0.3, 1)", _hover: {
+                        bg: (_a = theme.colors.primary[600]) !== null && _a !== void 0 ? _a : theme.colors.primary[500],
+                        transform: "translateY(-2px) scale(1.05)",
+                        boxShadow: "0 6px 20px rgba(0,0,0,0.3)",
+                    }, _active: { transform: "scale(0.95)" }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { size: 24, strokeWidth: 2.5 }) }) })] }));
 };
 exports.default = ScrollToTop;

package/dist/Components/Search/Search.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
 import { SearchProps } from "./SearchProps";
-export default function Search({ placeholder, onSearch, onclose, shortcut, query, error, errorMessage, helperText, label, id, isInformation, informationMessage, isRequired, }: SearchProps): React.JSX.Element;
+export default function Search({ placeholder, onSearch, onclose, shortcut, query, error, errorMessage, helperText, label, id, isInformation, informationMessage, isRequired, }: SearchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Search.d.ts.map

package/dist/Components/Search/Search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/Components/Search/Search.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,WAAyB,EACzB,QAAQ,EACR,OAAO,EACP,QAAmB,EACnB,KAAK,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,KAAK,EACL,EAAE,EACF,aAAa,EACb,kBAAkB,EAClB,UAAU,GACV,EAAE,WAAW,2CAoFb"}

package/dist/Components/Search/Search.js

@@ -1,53 +1,20 @@
 "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;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Search;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var FormLabel_1 = require("../Common/FormLabel");
-var HelperText_1 = __importDefault(require("../Common/HelperText"));
-var ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
-function Search(_a) {
-    var _b = _a.placeholder, placeholder = _b === void 0 ? "Search..." : _b, onSearch = _a.onSearch, onclose = _a.onclose, _c = _a.shortcut, shortcut = _c === void 0 ? "Ctrl+K" : _c, query = _a.query, error = _a.error, errorMessage = _a.errorMessage, helperText = _a.helperText, label = _a.label, id = _a.id, isInformation = _a.isInformation, informationMessage = _a.informationMessage, isRequired = _a.isRequired;
-    var inputRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        var handleKeyDown = function (event) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const FormLabel_1 = require("../Common/FormLabel");
+const HelperText_1 = __importDefault(require("../Common/HelperText"));
+const ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
+function Search({ placeholder = "Search...", onSearch, onclose, shortcut = "Ctrl+K", query, error, errorMessage, helperText, label, id, isInformation, informationMessage, isRequired, }) {
+    const inputRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (event) => {
             var _a;
             if (shortcut &&
                 event.ctrlKey &&
@@ -57,20 +24,10 @@ function Search(_a) {
             }
         };
         window.addEventListener("keydown", handleKeyDown);
-        return function () {
+        return () => {
             window.removeEventListener("keydown", handleKeyDown);
         };
     }, [shortcut]);
-    return (react_1.default.createElement(react_2.FormControl, { id: id, isInvalid: !!error },
-        label && (react_1.default.createElement(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired })),
-        react_1.default.createElement(react_2.InputGroup, { w: "100%" },
-            react_1.default.createElement(react_2.InputLeftElement, { pointerEvents: "none" },
-                react_1.default.createElement(react_2.Icon, { as: lucide_react_1.Search, color: "gray.500" })),
-            react_1.default.createElement(react_2.Input, { ref: inputRef, type: "text", value: query, onChange: onSearch, placeholder: placeholder, variant: "outline", isInvalid: error }),
-            react_1.default.createElement(react_2.InputRightElement, { w: "auto", pr: "3", display: "flex", alignItems: "center" // ✅ centers vertically
-                , gap: "2" },
-                query && (react_1.default.createElement(react_2.Icon, { as: lucide_react_1.X, color: "gray.500", boxSize: 5, cursor: "pointer", onClick: onclose })),
-                shortcut && (react_1.default.createElement(react_2.Text, { fontSize: "sm", color: "gray.500", px: "2", py: "0.5", borderRadius: "md", bg: "gray.100" }, shortcut)))),
-        error && react_1.default.createElement(ErrorMessage_1.default, { errorMessage: errorMessage }),
-        helperText && !error && react_1.default.createElement(HelperText_1.default, { helperText: helperText })));
+    return ((0, jsx_runtime_1.jsxs)(react_2.FormControl, { id: id, isInvalid: !!error, children: [label && ((0, jsx_runtime_1.jsx)(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired })), (0, jsx_runtime_1.jsxs)(react_2.InputGroup, { w: "100%", children: [(0, jsx_runtime_1.jsx)(react_2.InputLeftElement, { pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(react_2.Icon, { as: lucide_react_1.Search, color: "gray.500" }) }), (0, jsx_runtime_1.jsx)(react_2.Input, { ref: inputRef, type: "text", value: query, onChange: onSearch, placeholder: placeholder, variant: "outline", isInvalid: error }), (0, jsx_runtime_1.jsxs)(react_2.InputRightElement, { w: "auto", pr: "3", display: "flex", alignItems: "center" // ✅ centers vertically
+                        , gap: "2", children: [query && ((0, jsx_runtime_1.jsx)(react_2.Icon, { as: lucide_react_1.X, color: "gray.500", boxSize: 5, cursor: "pointer", onClick: onclose })), shortcut && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", color: "gray.500", px: "2", py: "0.5", borderRadius: "md", bg: "gray.100", children: shortcut }))] })] }), error && (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { errorMessage: errorMessage }), helperText && !error && (0, jsx_runtime_1.jsx)(HelperText_1.default, { helperText: helperText })] }));
 }

package/dist/Components/Search/SearchProps.d.ts

@@ -13,3 +13,4 @@ export type SearchProps = {
     informationMessage?: string;
     isRequired?: boolean;
 };
+//# sourceMappingURL=SearchProps.d.ts.map

package/dist/Components/Search/SearchProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Search/SearchProps.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/Components/SearchSelect/SearchSelect.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import { SearchSelectProps } from "./SearchSelectProps";
-declare const SearchSelect: ({ id, label, options, onSelect, onSearch, isOptionLoading, isLoading, loadingText, placeholder, value, searchQuery, isMultiple, isRequired, error, errorMessage, helperText, width, height, size, chip, information, isInformation, informationMessage, rightIcon, addNew, isSelectAll, pagination, insideSelect, isRemoveAllIcon, }: SearchSelectProps) => React.JSX.Element;
+declare const SearchSelect: ({ id, label, options, onSelect, onSearch, isOptionLoading, isLoading, loadingText, placeholder, value, searchQuery, isMultiple, isRequired, error, errorMessage, helperText, width, height, size, chip, information, isInformation, informationMessage, rightIcon, addNew, isSelectAll, pagination, insideSelect, isRemoveAllIcon, }: SearchSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchSelect;
+//# sourceMappingURL=SearchSelect.d.ts.map

package/dist/Components/SearchSelect/SearchSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchSelect.d.ts","sourceRoot":"","sources":["../../../src/Components/SearchSelect/SearchSelect.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAW,MAAM,qBAAqB,CAAC;AA2BjE,QAAA,MAAM,YAAY,GAAI,sUA8BnB,iBAAiB,4CAsvBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}