pixelize-design-library 2.1.14 → 2.1.16

package/dist/Components/SideBar/Sidebar.stories.js

@@ -1,7 +0,0 @@
-"use strict";
-// import React, { useState } from 'react';
-// import { StoryFn, Meta } from '@storybook/react/types-6-0';
-// import Sidebar from './SideBar';
-// import { SidebarProps } from './SideBarProps';
-// import { fn } from '@storybook/test';
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/SideBar/components/MenuItemBox.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { MenuProps } from "../SideBarProps";
-interface Props {
-    menu: MenuProps;
-    activeMenu: string | number;
-    toggle: boolean;
-    handleClick?: (menu: MenuProps) => void;
-    selectedSubMenu?: string | null;
-}
-declare const MenuItemBox: React.FC<Props>;
-export default MenuItemBox;

package/dist/Components/SideBar/components/MenuItemBox.js

@@ -1,116 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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 MenuPopoverContent_1 = __importDefault(require("./MenuPopoverContent"));
-var lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../../Theme/useCustomTheme");
-var TextTruncation_1 = __importDefault(require("./TextTruncation"));
-var MenuItemBox = function (_a) {
-    var menu = _a.menu, activeMenu = _a.activeMenu, toggle = _a.toggle, handleClick = _a.handleClick;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var title = menu.title, icon = menu.icon, disabled = menu.disabled, locked = menu.locked, badge = menu.badge, subMenu = menu.subMenu;
-    var hasSubMenu = !!(subMenu === null || subMenu === void 0 ? void 0 : subMenu.length);
-    var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
-    var isChildActive = subMenu === null || subMenu === void 0 ? void 0 : subMenu.some(function (sub) { return sub.id === activeMenu; });
-    var isParentActive = activeMenu === menu.id;
-    var isAnyActive = isParentActive || isChildActive;
-    var handleToggleSubMenu = function () {
-        if (!disabled && hasSubMenu) {
-            setIsOpen(!isOpen);
-        }
-        else if (!disabled) {
-            handleClick === null || handleClick === void 0 ? void 0 : handleClick(menu);
-        }
-    };
-    var commonStyles = {
-        w: "100%",
-        px: "1.5rem",
-        py: "0.75rem",
-        fontWeight: "medium",
-        backgroundColor: isAnyActive ? theme.colors.primary[500] : "transparent",
-        color: disabled ? "gray.400" : theme.colors.white,
-        _hover: disabled
-            ? {}
-            : {
-                backgroundColor: theme.colors.primary[700],
-            },
-        pl: toggle ? "1.6875rem" : undefined,
-        cursor: disabled ? "not-allowed" : "pointer",
-        opacity: disabled ? 0.6 : 1,
-    };
-    var buttonContent = (react_1.default.createElement(react_2.Flex, { align: "center", gap: "0.625rem", justify: "space-between" },
-        react_1.default.createElement(react_2.Flex, { align: "center", gap: "0.625rem", overflow: "auto" },
-            react_1.default.createElement(react_2.Icon, { as: icon, fontSize: "1.25rem", color: disabled ? theme.colors.gray[400] : theme.colors.white }),
-            !toggle && (react_1.default.createElement(TextTruncation_1.default, { open: isOpen, fontSize: "1rem", flex: "1" }, title))),
-        !toggle && (react_1.default.createElement(react_2.Flex, { align: "center", gap: "0.375rem" },
-            badge && (react_1.default.createElement(react_2.Badge, { colorScheme: "teal", fontSize: "0.625rem", variant: "subtle" }, badge)),
-            locked && react_1.default.createElement(react_2.Icon, { as: lucide_react_1.LockKeyhole, fontSize: "1rem" }),
-            hasSubMenu && (react_1.default.createElement(react_2.Icon, { as: isOpen ? lucide_react_1.ChevronDown : lucide_react_1.ChevronRight, fontSize: "1rem", onClick: function (e) {
-                    e.stopPropagation();
-                    handleToggleSubMenu();
-                } }))))));
-    if (toggle) {
-        // Collapsed sidebar: show Popover
-        return (react_1.default.createElement(react_2.Popover, { trigger: "hover", placement: "right-start", closeOnBlur: false, isLazy: true },
-            react_1.default.createElement(react_2.PopoverTrigger, null,
-                react_1.default.createElement(react_2.Box, __assign({}, commonStyles, { onClick: handleToggleSubMenu }), buttonContent)),
-            react_1.default.createElement(react_2.Portal, null,
-                react_1.default.createElement(react_2.PopoverContent, { borderRadius: "0.063rem", bg: theme.colors.primary[isAnyActive ? 500 : 700], boxShadow: "lg", minW: "10rem", maxW: "14rem", py: "0.125rem", ml: "-0.313rem", cursor: disabled ? "not-allowed" : "pointer", zIndex: 1500 },
-                    react_1.default.createElement(react_2.PopoverBody, { p: "0.5rem", color: "white" },
-                        react_1.default.createElement(MenuPopoverContent_1.default, { menu: menu, handleMenuClick: handleClick, activeMenu: activeMenu }))))));
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_2.Box, __assign({}, commonStyles, { onClick: handleToggleSubMenu }), buttonContent),
-        hasSubMenu && (react_1.default.createElement(react_2.Collapse, { in: isOpen, animateOpacity: true },
-            react_1.default.createElement(react_2.Box, null, subMenu.map(function (sub) {
-                var isSubActive = activeMenu === sub.id;
-                return (react_1.default.createElement(react_2.Box, { key: sub.id || sub.title, py: "0.5rem", px: "1.25rem", pl: "3.3rem", fontSize: "0.875rem", backgroundColor: isAnyActive ? theme.colors.primary[500] : "transparent", borderLeft: isSubActive
-                        ? "0.188rem solid ".concat(theme.colors.background[300])
-                        : "0.188rem solid transparent", _hover: {
-                        backgroundColor: theme.colors.primary[700],
-                    }, opacity: sub.disabled ? 0.6 : 1, cursor: sub.disabled ? "not-allowed" : "pointer", pointerEvents: sub.disabled ? "none" : "auto", onClick: function () { return !sub.disabled && (handleClick === null || handleClick === void 0 ? void 0 : handleClick(sub)); }, display: "flex", alignItems: "center", justifyContent: "space-between", gap: "0.5rem", color: theme.colors.white },
-                    react_1.default.createElement(react_2.Flex, { align: "center", gap: "0.5rem", overflow: "auto" },
-                        react_1.default.createElement(react_2.Icon, { as: sub.icon, fontSize: "1rem" }),
-                        react_1.default.createElement(TextTruncation_1.default, { fontSize: "0.875rem", fontWeight: "medium", open: isOpen }, sub.title)),
-                    sub.locked ? (react_1.default.createElement(react_2.Icon, { as: lucide_react_1.LockKeyhole, fontSize: "1rem" })) : sub.badge ? (react_1.default.createElement(react_2.Badge, { colorScheme: "teal", fontSize: "0.625rem", variant: "subtle" }, sub.badge)) : null));
-            }))))));
-};
-exports.default = MenuItemBox;

package/dist/Components/SideBar/components/MenuItems.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { RenderMenuType } from "../SideBarProps";
-declare const MenuItems: React.FC<RenderMenuType>;
-export default MenuItems;

package/dist/Components/SideBar/components/MenuItems.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var MenuItemBox_1 = __importDefault(require("./MenuItemBox"));
-var MenuItems = function (_a) {
-    var menus = _a.menus, activeMenu = _a.activeMenu, handleMenuClick = _a.handleMenuClick, toggle = _a.toggle, selectedSubMenu = _a.selectedSubMenu;
-    return (react_1.default.createElement(react_2.Box, null, menus.map(function (menu) { return (react_1.default.createElement(MenuItemBox_1.default, { key: menu.title, menu: menu, activeMenu: activeMenu, toggle: toggle, handleClick: handleMenuClick, selectedSubMenu: selectedSubMenu })); })));
-};
-exports.default = MenuItems;

package/dist/Components/SideBar/components/MenuPopoverContent.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { MenuProps } from "../SideBarProps";
-interface Props {
-    menu: MenuProps;
-    handleMenuClick?: (menu: MenuProps) => void;
-    activeMenu?: string | number;
-}
-declare const MenuPopoverContent: React.FC<Props>;
-export default MenuPopoverContent;

package/dist/Components/SideBar/components/MenuPopoverContent.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../../Theme/useCustomTheme");
-var TextTruncation_1 = __importDefault(require("./TextTruncation"));
-var MenuPopoverContent = function (_a) {
-    var menu = _a.menu, handleMenuClick = _a.handleMenuClick, activeMenu = _a.activeMenu;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var title = menu.title, subMenu = menu.subMenu, badge = menu.badge, locked = menu.locked;
-    var isAnySubActive = subMenu === null || subMenu === void 0 ? void 0 : subMenu.some(function (sub) { return sub.id === activeMenu; });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_2.Flex, { align: "center", gap: "0.625rem", mb: (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) ? "0.5rem" : 0 },
-            react_1.default.createElement(TextTruncation_1.default, { fontWeight: "medium", fontSize: "1rem", flex: "1" }, title),
-            badge && (react_1.default.createElement(react_2.Badge, { colorScheme: "teal", fontSize: "0.625rem", variant: "subtle" }, badge)),
-            locked && react_1.default.createElement(react_2.Icon, { as: lucide_react_1.LockKeyhole, fontSize: "1rem" })), subMenu === null || subMenu === void 0 ? void 0 :
-        subMenu.map(function (sub) {
-            var isSubActive = activeMenu === sub.id;
-            return (react_1.default.createElement(react_2.Flex, { key: sub.id || sub.title, onClick: function () { return !sub.disabled && (handleMenuClick === null || handleMenuClick === void 0 ? void 0 : handleMenuClick(sub)); }, px: "1rem", py: "0.5rem", align: "center", justify: "space-between", gap: "0.75rem", _hover: {
-                    bg: !sub.disabled ? theme.colors.primary[500] : "transparent",
-                    cursor: !sub.disabled ? "pointer" : "not-allowed",
-                }, bg: isAnySubActive
-                    ? theme.colors.primary[500]
-                    : theme.colors.primary[700], borderLeft: isSubActive
-                    ? "0.188rem solid ".concat(theme.colors.background[300])
-                    : "0.188rem solid transparent", color: "white", opacity: sub.disabled ? 0.5 : 1, pointerEvents: sub.disabled ? "none" : "auto" },
-                react_1.default.createElement(react_2.Flex, { align: "center", gap: "0.5rem", overflow: "auto" },
-                    react_1.default.createElement(react_2.Icon, { as: sub.icon, fontSize: "1rem" }),
-                    react_1.default.createElement(TextTruncation_1.default, { fontSize: "0.875rem", fontWeight: "medium", flex: 1 }, sub.title)),
-                sub.locked ? (react_1.default.createElement(react_2.Icon, { as: lucide_react_1.LockKeyhole, fontSize: "1rem" })) : sub.badge ? (react_1.default.createElement(react_2.Badge, { colorScheme: "teal", fontSize: "0.625rem", variant: "subtle" }, sub.badge)) : null));
-        })));
-};
-exports.default = MenuPopoverContent;

package/dist/Components/SideBar/components/TextTruncation.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { TextProps } from "@chakra-ui/react";
-interface TruncatedTextWithTooltipProps extends TextProps {
-    children: string;
-    open?: boolean;
-}
-declare const TruncatedTextWithTooltip: React.FC<TruncatedTextWithTooltipProps>;
-export default TruncatedTextWithTooltip;

package/dist/Components/SideBar/components/TextTruncation.js

@@ -1,77 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var TruncatedTextWithTooltip = function (_a) {
-    var children = _a.children, _b = _a.open, open = _b === void 0 ? false : _b, props = __rest(_a, ["children", "open"]);
-    var textRef = (0, react_1.useRef)(null);
-    var shadowRef = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(false), isTruncated = _c[0], setIsTruncated = _c[1];
-    (0, react_1.useEffect)(function () {
-        var checkTruncation = function () {
-            var textEl = textRef.current;
-            var shadowEl = shadowRef.current;
-            if (textEl && shadowEl) {
-                var visibleWidth = textEl.offsetWidth;
-                var fullTextWidth = shadowEl.scrollWidth;
-                setIsTruncated(fullTextWidth > visibleWidth);
-            }
-        };
-        checkTruncation();
-        var resizeObserver = new ResizeObserver(checkTruncation);
-        if (textRef.current) {
-            resizeObserver.observe(textRef.current);
-        }
-        return function () { return resizeObserver.disconnect(); };
-    }, [children]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_2.Tooltip, { label: children, isDisabled: !isTruncated, hasArrow: true, placement: "right" },
-            react_1.default.createElement(react_2.Text, __assign({ ref: textRef, isTruncated: true, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", maxW: "100%" }, props), children)),
-        react_1.default.createElement(react_2.Box, { ref: shadowRef, position: "absolute", visibility: "hidden", whiteSpace: "nowrap", fontSize: props.fontSize, fontWeight: props.fontWeight, fontFamily: props.fontFamily, lineHeight: props.lineHeight, px: props.px, py: props.py }, children)));
-};
-exports.default = TruncatedTextWithTooltip;

package/dist/Components/Skeletons/Skeleton.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/Components/Skeletons/Skeleton.stories.js

@@ -1,7 +0,0 @@
-"use strict";
-// import React from 'react';
-// import { Meta, StoryFn } from '@storybook/react';
-// import Skeletons from './Skeletons'; // adjust the import path as necessary
-// import { ChakraProvider } from '@chakra-ui/react';
-// import { SkeletonProps } from './SkeletonProps'; // adjust the import path as necessary
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/Skeletons/SkeletonProps.d.ts

@@ -1,4 +0,0 @@
-import { SkeletonProps as ChakraSkeleton, SkeletonTextProps } from "@chakra-ui/react";
-export type SkeletonProps = Pick<ChakraSkeleton, "startColor" | "endColor" | "height" | "isLoaded" | "bg" | "color" | "fadeDuration" | "children" | "speed" | "size" | "mt" | "noOfLines" | "width"> & {
-    type: "skeleton" | "circle" | "text";
-} & Partial<Pick<SkeletonTextProps, "spacing" | "skeletonHeight">>;

package/dist/Components/Skeletons/SkeletonProps.js

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

package/dist/Components/Skeletons/Skeletons.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { SkeletonProps } from "./SkeletonProps";
-export default function Skeletons({ startColor, endColor, height, isLoaded, bg, color, fadeDuration, children, type, speed, size, mt, noOfLines, spacing, skeletonHeight, width, }: SkeletonProps): React.JSX.Element;

package/dist/Components/Skeletons/Skeletons.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-function Skeletons(_a) {
-    var startColor = _a.startColor, endColor = _a.endColor, _b = _a.height, height = _b === void 0 ? "20px" : _b, isLoaded = _a.isLoaded, bg = _a.bg, color = _a.color, fadeDuration = _a.fadeDuration, children = _a.children, type = _a.type, speed = _a.speed, size = _a.size, mt = _a.mt, noOfLines = _a.noOfLines, spacing = _a.spacing, skeletonHeight = _a.skeletonHeight, width = _a.width;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        type === "skeleton" && (react_1.default.createElement(react_2.Skeleton, { height: height, isLoaded: isLoaded, bg: bg, color: color, fadeDuration: fadeDuration, startColor: startColor, endColor: endColor, speed: speed, width: width }, children)),
-        type === "circle" && react_1.default.createElement(react_2.SkeletonCircle, { size: size, speed: speed }),
-        type === "text" && (react_1.default.createElement(react_2.SkeletonText, { mt: mt, noOfLines: noOfLines, spacing: spacing, skeletonHeight: skeletonHeight }))));
-}
-exports.default = Skeletons;

package/dist/Components/Switch/Switch.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { SwitchProps } from "./SwitchProps";
-export default function Switch({ leftText, rightText, leftIcon, rightIcon, onSwitchToggle, switchActive, }: SwitchProps): React.JSX.Element;

package/dist/Components/Switch/Switch.js

@@ -1,39 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var react_2 = require("@emotion/react");
-var SwitchContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: auto;\n  background-color: white;\n  border-radius: 20px;\n  overflow: hidden;\n"], ["\n  position: relative;\n  width: 100%;\n  height: auto;\n  background-color: white;\n  border-radius: 20px;\n  overflow: hidden;\n"])));
-var Highlight = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 50%;\n  background-color: #eff7ff;\n  border-radius: 16px;\n  border: 1px solid #88c9f3;\n  transition: transform 0.3s ease;\n  transform: ", ";\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 50%;\n  background-color: #eff7ff;\n  border-radius: 16px;\n  border: 1px solid #88c9f3;\n  transition: transform 0.3s ease;\n  transform: ", ";\n"])), function (_a) {
-    var position = _a.position;
-    return position === "left" ? "translateX(0%)" : "translateX(100%)";
-});
-// background-color: ${({ backgroundColor }) => backgroundColor};
-var SwitchList = styled_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  list-style-type: none;\n  margin: 0;\n  padding: 1px;\n  height: 100%;\n  z-index: 1;\n"], ["\n  display: flex;\n  list-style-type: none;\n  margin: 0;\n  padding: 1px;\n  height: 100%;\n  z-index: 1;\n"])));
-var SwitchOption = styled_1.default.li(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  width: 110px;\n  height: 100%;\n  color: black;\n  transition: color 0.3s ease;\n  font-weight: 400;\n  padding: 2px;\n  font-size: 14px;\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  width: 110px;\n  height: 100%;\n  color: black;\n  transition: color 0.3s ease;\n  font-weight: 400;\n  padding: 2px;\n  font-size: 14px;\n  ", "\n"])), function (_a) {
-    var isActive = _a.isActive;
-    return isActive && (0, react_2.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-weight: 600;\n      background-color: transparent;\n      z-index: 1;\n    "], ["\n      font-weight: 600;\n      background-color: transparent;\n      z-index: 1;\n    "])));
-});
-var SwitchContainerHeader = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: white;\n  height: auto;\n  padding: 1px;\n  width: 200px;\n  border-radius: 20px;\n  border: 1px solid #e2e7ee;\n"], ["\n  background-color: white;\n  height: auto;\n  padding: 1px;\n  width: 200px;\n  border-radius: 20px;\n  border: 1px solid #e2e7ee;\n"])));
-function Switch(_a) {
-    var leftText = _a.leftText, rightText = _a.rightText, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onSwitchToggle = _a.onSwitchToggle, switchActive = _a.switchActive;
-    return (react_1.default.createElement(SwitchContainerHeader, null,
-        react_1.default.createElement(SwitchContainer, null,
-            react_1.default.createElement(Highlight, { position: switchActive }),
-            react_1.default.createElement(SwitchList, null,
-                react_1.default.createElement(SwitchOption, { isActive: switchActive === "left", onClick: function () { return onSwitchToggle("left"); } },
-                    leftIcon,
-                    leftText),
-                react_1.default.createElement(SwitchOption, { isActive: switchActive === "right", onClick: function () { return onSwitchToggle("right"); } },
-                    rightIcon,
-                    rightText)))));
-}
-exports.default = Switch;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/Components/Switch/SwitchProps.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export type SwitchProps = {
-    leftText: string;
-    rightText: string;
-    leftIcon?: JSX.Element;
-    rightIcon?: JSX.Element;
-    onSwitchToggle: (value: "left" | "right") => void;
-    switchActive: "left" | "right";
-};

package/dist/Components/Switch/SwitchProps.js

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

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

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

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

@@ -1,45 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var react_2 = __importDefault(require("react"));
-var useCustomTheme_1 = require("../../../Theme/useCustomTheme");
-var ListItem = function (_a) {
-    var _b;
-    var icon = _a.icon, name = _a.name, onClick = _a.onClick, selections = _a.selections;
-    var colors = (0, useCustomTheme_1.useCustomTheme)().colors;
-    var styledIcon = react_2.default.cloneElement(icon, {
-        color: (_b = colors === null || colors === void 0 ? void 0 : colors.text) === null || _b === void 0 ? void 0 : _b[500],
-        size: "1.25rem",
-    });
-    return (react_2.default.createElement(react_1.Box, { display: "flex", alignItems: "center", gap: "0.375rem", onClick: function () { return onClick && onClick(selections); }, cursor: "pointer" },
-        styledIcon,
-        " ",
-        name));
-};
-var HeaderActions = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var actions = _a.actions, selections = _a.selections;
-    var colors = (0, useCustomTheme_1.useCustomTheme)().colors;
-    return (react_2.default.createElement(react_1.Box, { display: "flex", gap: 4, fontSize: "0.875rem", fontWeight: 400, color: (_b = colors === null || colors === void 0 ? void 0 : colors.secondary) === null || _b === void 0 ? void 0 : _b[500] },
-        ((_c = actions === null || actions === void 0 ? void 0 : actions.isDelete) === null || _c === void 0 ? void 0 : _c.enabled) && (react_2.default.createElement(ListItem, { icon: react_2.default.createElement(lucide_react_1.Trash2, null), name: "Delete", onClick: (_d = actions === null || actions === void 0 ? void 0 : actions.isDelete) === null || _d === void 0 ? void 0 : _d.onClick, selections: selections })),
-        ((_e = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _e === void 0 ? void 0 : _e.enabled) && (react_2.default.createElement(ListItem, { icon: react_2.default.createElement(lucide_react_1.SquarePen, null), name: "Mass Update", onClick: (_f = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _f === void 0 ? void 0 : _f.onClick, selections: selections })),
-        ((_g = actions === null || actions === void 0 ? void 0 : actions.items) === null || _g === void 0 ? void 0 : _g.length)
-            ? (_h = actions === null || actions === void 0 ? void 0 : actions.items) === null || _h === void 0 ? void 0 : _h.map(function (item) { return (react_2.default.createElement(ListItem, __assign({}, item, { selections: selections }))); })
-            : null));
-};
-exports.default = HeaderActions;

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

@@ -1,14 +0,0 @@
-import React from "react";
-import { TableProps } from "../TableProps";
-type PaginationProps = Pick<TableProps, "isVisiblity" | "columns"> & {
-    paginationText: string;
-    handlePageSizeChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-    rowsPerPage: number;
-    currentPage: number;
-    pages: number;
-    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
-    dataLength: number;
-    isServerPagination: boolean;
-};
-declare const Pagination: ({ paginationText, handlePageSizeChange, rowsPerPage, currentPage, pages, setCurrentPage, dataLength, isServerPagination, }: PaginationProps) => React.JSX.Element;
-export default Pagination;

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

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var table_1 = require("../../../Utils/table");
-var lucide_react_1 = require("lucide-react");
-var Pagination = function (_a) {
-    var paginationText = _a.paginationText, handlePageSizeChange = _a.handlePageSizeChange, rowsPerPage = _a.rowsPerPage, currentPage = _a.currentPage, pages = _a.pages, setCurrentPage = _a.setCurrentPage, dataLength = _a.dataLength, isServerPagination = _a.isServerPagination;
-    var pageSizeOptions = (0, table_1.pageSizeCalculation)(dataLength);
-    var isLeftDisabled = currentPage === 0;
-    var isRightDisabled = currentPage >= pages - 1;
-    return (react_1.default.createElement(react_2.Flex, { justify: "flex-end", align: "center" },
-        !isServerPagination && (react_1.default.createElement(react_2.Select, { onChange: handlePageSizeChange, value: rowsPerPage, size: "xs", borderRadius: 3, width: 20 },
-            dataLength < 100 ? react_1.default.createElement("option", { value: 0 }) : null,
-            pageSizeOptions.map(function (size, index) { return (react_1.default.createElement("option", { key: index, value: size }, size)); }))),
-        react_1.default.createElement(react_2.Flex, null,
-            react_1.default.createElement(react_2.IconButton, { "aria-label": "left-icon", color: isLeftDisabled ? "gray" : "black", rounded: "full", variant: isLeftDisabled ? "plain" : "ghost", onClick: function () { return setCurrentPage(0); } },
-                react_1.default.createElement(lucide_react_1.ChevronsLeft, null)),
-            react_1.default.createElement(react_2.IconButton, { "aria-label": "left-icon", color: isLeftDisabled ? "gray" : "black", rounded: "full", variant: isLeftDisabled ? "plain" : "ghost", onClick: function () { return currentPage > 0 && setCurrentPage(currentPage - 1); } },
-                react_1.default.createElement(lucide_react_1.ChevronLeft, null)),
-            react_1.default.createElement(react_2.Text, { mt: 3, fontSize: 12 }, paginationText),
-            react_1.default.createElement(react_2.IconButton, { "aria-label": "left-icon", color: isRightDisabled ? "gray" : "black", rounded: "full", variant: isRightDisabled ? "plain" : "ghost", onClick: function () {
-                    return currentPage < pages - 1 && setCurrentPage(currentPage + 1);
-                } },
-                react_1.default.createElement(lucide_react_1.ChevronRight, null)),
-            react_1.default.createElement(react_2.IconButton, { "aria-label": "left-icon", color: isRightDisabled ? "gray" : "black", rounded: "full", variant: isRightDisabled ? "plain" : "ghost", onClick: function () { return setCurrentPage(pages - 1); } },
-                react_1.default.createElement(lucide_react_1.ChevronsRight, null)))));
-};
-exports.default = Pagination;

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

@@ -1,3 +0,0 @@
-import React from "react";
-declare const TableActions: ({ row }: any) => React.JSX.Element;
-export default TableActions;

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

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var TableActions = function (_a) {
-    var row = _a.row;
-    return (react_1.default.createElement(react_2.Popover, { placement: "bottom-start", closeOnBlur: true },
-        react_1.default.createElement(react_2.PopoverTrigger, null,
-            react_1.default.createElement(react_2.IconButton, { "aria-label": "Link", color: "black", icon: react_1.default.createElement(lucide_react_1.EllipsisVertical, { size: 17 }), size: "sm", p: 0, variant: "ghost", _hover: { transform: "scale(1.2)" } })),
-        react_1.default.createElement(react_2.Portal, null,
-            react_1.default.createElement(react_2.PopoverContent, { w: "auto", minW: "150px", boxShadow: "lg", p: 0, zIndex: 999 },
-                react_1.default.createElement(react_2.PopoverBody, null,
-                    react_1.default.createElement(react_2.VStack, { align: "stretch", spacing: 1 },
-                        row.onLink && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, onClick: function () { return row === null || row === void 0 ? void 0 : row.onLink(row); } },
-                            react_1.default.createElement(lucide_react_1.ExternalLink, { size: 17 }),
-                            " View")),
-                        row.onEdit && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, onClick: function () { var _a; return (_a = row === null || row === void 0 ? void 0 : row.onEdit) === null || _a === void 0 ? void 0 : _a.call(row, row); } },
-                            react_1.default.createElement(lucide_react_1.Pencil, { size: 17 }),
-                            " Edit")),
-                        row.onDelete && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", colorScheme: "red", gap: 2, onClick: function () { var _a; return (_a = row === null || row === void 0 ? void 0 : row.onDelete) === null || _a === void 0 ? void 0 : _a.call(row, row); } },
-                            react_1.default.createElement(lucide_react_1.Trash2, { size: 17 }),
-                            "Delete"))))))));
-};
-exports.default = TableActions;

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { TableBodyPageProps } from "../TableProps";
-declare const TableBody: ({ data, isCheckbox, columns, startRow, columnWidths, freezedBgColor, freezedTextColor, noBorders, handleCheckbox, selections, isLoading, onRowClick, isContent, isLink, isActionFreeze, }: TableBodyPageProps) => React.JSX.Element;
-export default TableBody;