pixelize-design-library 2.1.18 → 2.1.20

package/dist/Components/Timeline/Timeline.js

@@ -1,166 +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("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var TimelineContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  padding: 0px 24px;\n  margin: 0 auto;\n  width: 100%;\n  max-width: 800px;\n   @media (max-width: 768px) {\n    padding: 0px 16px;\n    max-width: 100%;\n  }\n"], ["\n  position: relative;\n  padding: 0px 24px;\n  margin: 0 auto;\n  width: 100%;\n  max-width: 800px;\n   @media (max-width: 768px) {\n    padding: 0px 16px;\n    max-width: 100%;\n  }\n"])));
-var Line = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  left: 50%;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: #d2d9e0;\n  transform: translateX(-50%);\n  @media (max-width: 768px) {\n    left: 25px; /* Move the line towards the left */\n  }\n"], ["\n  position: absolute;\n  left: 50%;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: #d2d9e0;\n  transform: translateX(-50%);\n  @media (max-width: 768px) {\n    left: 25px; /* Move the line towards the left */\n  }\n"])));
-var EventContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: ", ";\n  width: 100%;\n  // padding: 1rem 0 1rem 0;\n  box-sizing: border-box;\n  position: relative;\n  margin-bottom: 24px;\n  align-items: center; /* Center alignment for dot and event content */\n  text-align: ", ";\n  @media (max-width: 768px) {\n    flex-direction: column;\n    text-align: left;\n    align-items: flex-start;\n  }\n"], ["\n  display: flex;\n  justify-content: ", ";\n  width: 100%;\n  // padding: 1rem 0 1rem 0;\n  box-sizing: border-box;\n  position: relative;\n  margin-bottom: 24px;\n  align-items: center; /* Center alignment for dot and event content */\n  text-align: ", ";\n  @media (max-width: 768px) {\n    flex-direction: column;\n    text-align: left;\n    align-items: flex-start;\n  }\n"])), function (_a) {
-    var isLeft = _a.isLeft;
-    return (isLeft ? "flex-end" : "flex-start");
-}, function (_a) {
-    var isLeft = _a.isLeft;
-    return (isLeft ? "left" : "right");
-});
-var Event = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  // background: white;\n  // padding: 16px;\n  // border: 1px solid #007bff;\n  // border-radius: 8px;\n  // width: 40%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer; /* Indicates that the event is clickable */\n"], ["\n  // background: white;\n  // padding: 16px;\n  // border: 1px solid #007bff;\n  // border-radius: 8px;\n  // width: 40%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer; /* Indicates that the event is clickable */\n"])));
-var Dot = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n  left: 50%;\n  width: 30px;\n  height: 30px;\n  background-color: #f4f7ff;\n  border-radius: 50%;\n  transform: translateX(-50%);\n  padding: 6px;\n  border: 1px solid #d2d9e0;\n   @media (max-width: 768px) {\n    left: 20px; /* Move dot closer to the left */\n    transform: translateX(0); /* Remove horizontal centering */\n  }\n"], ["\n  position: absolute;\n  left: 50%;\n  width: 30px;\n  height: 30px;\n  background-color: #f4f7ff;\n  border-radius: 50%;\n  transform: translateX(-50%);\n  padding: 6px;\n  border: 1px solid #d2d9e0;\n   @media (max-width: 768px) {\n    left: 20px; /* Move dot closer to the left */\n    transform: translateX(0); /* Remove horizontal centering */\n  }\n"])));
-// const Arrow = styled.div<{ isLeft: boolean }>`
-//   position: absolute;
-//   left: ${({ isLeft }) => (isLeft ? "-10px " : "100%")};
-//   width: 0;
-//   height: 0;
-//   border-style: solid;
-//   border-width: ${({ isLeft }) =>
-//     isLeft ? "10px 10px 10px 0" : "10px 10px 10px 10px"};
-//   border-color: transparent #007bff transparent transparent;
-//   transform: translateX(-50%);
-//   top: 50%;
-//   transform: translateY(-50%);
-//   transform: ${({ isLeft }) =>
-//     isLeft ? "translateY(-50%) " : "translateY(-50%) rotate(180deg)"};
-// `;
-var EventContent = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  // margin-left: 24px;\n"], ["\n  // margin-left: 24px;\n"])));
-var EventTitle = styled_1.default.h3(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
-// const EventDescription = styled.p`
-//   margin: 0;
-// `;
-var EventDate = styled_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: block;\n  margin-top: 8px;\n  color: #6c757d;\n"], ["\n  display: block;\n  margin-top: 8px;\n  color: #6c757d;\n"])));
-var EventTime = styled_1.default.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  left: ", ";\n  position: absolute;\n  color: #6c757d;\n  @media (max-width: 768px) {\n    position: relative;\n    left: auto;\n    margin-left: 40px;\n  }\n"], ["\n  left: ", ";\n  position: absolute;\n  color: #6c757d;\n  @media (max-width: 768px) {\n    position: relative;\n    left: auto;\n    margin-left: 40px;\n  }\n"])), function (_a) {
-    var isLeft = _a.isLeft;
-    return (isLeft ? "38% " : "53%");
-});
-var EventGroupDate = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  font-size: 1rem;\n  font-weight: 400;\n  color: #464f62;\n  box-sizing: border-box;\n  width: 180px;\n  padding: 5px 25px;\n  text-align: center;\n  background-color: #f4f7ff;\n  border: 1px solid #d2d9e0;\n  border-radius: 5px;\n  margin: 0 auto; /* Center horizontally */\n  display: flex;\n  align-items: center; /* Center vertically */\n  justify-content: center; /* Center horizontally */\n  @media (max-width: 768px) {\n    width: auto;\n    padding: 5px 10px;\n  }\n"], ["\n  font-size: 1rem;\n  font-weight: 400;\n  color: #464f62;\n  box-sizing: border-box;\n  width: 180px;\n  padding: 5px 25px;\n  text-align: center;\n  background-color: #f4f7ff;\n  border: 1px solid #d2d9e0;\n  border-radius: 5px;\n  margin: 0 auto; /* Center horizontally */\n  display: flex;\n  align-items: center; /* Center vertically */\n  justify-content: center; /* Center horizontally */\n  @media (max-width: 768px) {\n    width: auto;\n    padding: 5px 10px;\n  }\n"])));
-var EventGroupSeparator = styled_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-var EventGroupHeader = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: relative;\n  margin-bottom: 24px;\n"], ["\n  position: relative;\n  margin-bottom: 24px;\n"])));
-// const FlexContainer = styled.div`
-//   display: flex;
-//   align-items: center;
-// `;
-var Timeline = function (_a) {
-    var timelineEvents = _a.timelineEvents;
-    var formatTimestamp = function (timestamp, type) {
-        var parsedTimestamp = parseInt(timestamp, 10);
-        var date = new Date(parsedTimestamp);
-        if (isNaN(date.getTime())) {
-            return "Invalid Date";
-        }
-        if (type === "date") {
-            var monthNames = [
-                "January",
-                "February",
-                "March",
-                "April",
-                "May",
-                "June",
-                "July",
-                "August",
-                "September",
-                "October",
-                "November",
-                "December",
-            ];
-            var month = monthNames[date.getMonth()];
-            var day = date.getDate();
-            var year = date.getFullYear();
-            return "".concat(month, " ").concat(day, ", ").concat(year);
-        }
-        else if (type === "time") {
-            // Convert to IST (UTC+5:30)
-            var istOffset = 5.5 * 60 * 60 * 1000; // 5 hours 30 minutes in milliseconds
-            var istDate = new Date(date.getTime() + istOffset);
-            var hours = istDate.getUTCHours();
-            var minutes = istDate.getUTCMinutes();
-            var ampm = hours >= 12 ? "PM" : "AM";
-            // Convert hours to 12-hour format
-            hours = hours % 12;
-            hours = hours ? hours : 12; // the hour '0' should be '12'
-            // Pad minutes with leading zero if needed
-            var minutesStr = minutes < 10 ? "0" + minutes : minutes;
-            return "".concat(hours, ":").concat(minutesStr, " ").concat(ampm);
-        }
-        return date.toLocaleString();
-    };
-    var getIcon = function (event) {
-        switch (event.action_from) {
-            case "Accounts":
-                return react_1.default.createElement(lucide_react_1.IndianRupee, { size: 17 });
-            case "Notes":
-                return react_1.default.createElement(lucide_react_1.FileText, { size: 17 });
-            default:
-                return react_1.default.createElement(lucide_react_1.Volleyball, { size: 17 });
-        }
-    };
-    var groupEventsByDate = function (events) {
-        return events.reduce(function (groups, event) {
-            var date = formatTimestamp(event.created_at, "date");
-            if (!groups[date]) {
-                groups[date] = [];
-            }
-            groups[date].push(event);
-            return groups;
-        }, {});
-    };
-    var groupedEvents = groupEventsByDate(timelineEvents);
-    var formatChanges = function (changes) {
-        if (changes === null) {
-            return "No Changes";
-        }
-        var result = Object.entries(JSON.parse(changes))
-            .map(function (_a) {
-            var key = _a[0], value = _a[1];
-            var changeRecord = value;
-            if (changeRecord.original === null ||
-                changeRecord.original === undefined) {
-                return "".concat(key, " changed from null to ").concat(changeRecord.updated);
-            }
-            else {
-                return "".concat(key, " updated to ").concat(changeRecord.updated);
-            }
-        })
-            .join("\n");
-        return result;
-    };
-    // console.log("groupedEvents", groupedEvents);
-    return (react_1.default.createElement(TimelineContainer, null,
-        react_1.default.createElement(Line, null),
-        Object.keys(groupedEvents).map(function (date) { return (react_1.default.createElement(EventGroupSeparator, { key: date },
-            react_1.default.createElement(EventGroupHeader, null,
-                react_1.default.createElement(EventGroupDate, null, date)),
-            groupedEvents[date].map(function (event, index) { return (react_1.default.createElement(EventContainer, { key: index, isLeft: index % 2 === 0 },
-                react_1.default.createElement(Dot, null, getIcon(event)),
-                react_1.default.createElement(EventTime, { isLeft: index % 2 === 0 }, formatTimestamp(event.created_at, "time")),
-                react_1.default.createElement(Event, null,
-                    react_1.default.createElement(EventContent, null,
-                        react_1.default.createElement("div", { style: {
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: index % 2 === 0 ? "flex-start" : "flex-end",
-                            } },
-                            react_1.default.createElement(EventTitle, null, event.action_from + " " + event.title),
-                            react_1.default.createElement(react_2.Tooltip, { label: formatChanges(event.changes), shouldWrapChildren: true, placement: "top", hasArrow: true },
-                                react_1.default.createElement(lucide_react_1.Info, { style: { marginLeft: "5px" }, size: 17 }))),
-                        react_1.default.createElement(EventDate, null, " by " +
-                            event.action_by +
-                            " " +
-                            formatTimestamp(event.created_at, "date")))))); }))); })));
-};
-exports.default = Timeline;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;

package/dist/Components/Timeline/TimelineProps.d.ts

@@ -1,20 +0,0 @@
-export interface TimelineProps {
-    events?: TimelineEvent[];
-    timelineEvents: TimelineEvents[];
-    onEventClick?: (event: TimelineEvents, index: number) => void;
-}
-export interface TimelineEvent {
-    title: string;
-    description: string;
-    time: string;
-}
-export interface TimelineEvents {
-    logs_id: number;
-    title: string;
-    primary_id: number;
-    is_from: string;
-    action_from: string;
-    action_by: string;
-    created_at: number;
-    changes: any;
-}

package/dist/Components/Timeline/TimelineProps.js

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

package/dist/Components/Toaster/Toaster.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ToasterChildren, ToasterContextType } from "./ToasterProps";
-export default function ToasterProvider({ children }: ToasterChildren): React.JSX.Element;
-export declare const useToaster: () => ToasterContextType;

package/dist/Components/Toaster/Toaster.js

@@ -1,86 +0,0 @@
-"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 (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToaster = void 0;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var ToasterContext = (0, react_1.createContext)(undefined);
-function ToasterProvider(_a) {
-    var children = _a.children;
-    var toast = (0, react_2.useToast)();
-    var theme = (0, react_2.useTheme)();
-    var showToast = function (_a) {
-        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        var title = _a.title, description = _a.description, _m = _a.status, status = _m === void 0 ? "info" : _m, _o = _a.duration, duration = _o === void 0 ? 5000 : _o, _p = _a.isClosable, isClosable = _p === void 0 ? true : _p, _q = _a.position, position = _q === void 0 ? "top-right" : _q, onClose = _a.onClose;
-        var statusColors = {
-            success: {
-                bg: (_b = theme.colors.green) === null || _b === void 0 ? void 0 : _b[50],
-                border: (_c = theme.colors.green) === null || _c === void 0 ? void 0 : _c[300],
-            },
-            error: {
-                bg: (_d = theme.colors.red) === null || _d === void 0 ? void 0 : _d[50],
-                border: (_e = theme.colors.red) === null || _e === void 0 ? void 0 : _e[300],
-            },
-            warning: {
-                bg: (_f = theme.colors.yellow) === null || _f === void 0 ? void 0 : _f[50],
-                border: (_g = theme.colors.yellow) === null || _g === void 0 ? void 0 : _g[300],
-            },
-            info: {
-                bg: (_h = theme.colors.blue) === null || _h === void 0 ? void 0 : _h[50],
-                border: (_j = theme.colors.blue) === null || _j === void 0 ? void 0 : _j[300],
-            },
-            loading: {
-                bg: (_k = theme.colors.gray) === null || _k === void 0 ? void 0 : _k[50],
-                border: (_l = theme.colors.gray) === null || _l === void 0 ? void 0 : _l[300],
-            },
-        };
-        var colors = statusColors[status];
-        toast({
-            duration: duration,
-            isClosable: isClosable,
-            position: position,
-            onCloseComplete: onClose,
-            render: function (_a) {
-                var onClose = _a.onClose;
-                return (react_1.default.createElement(react_2.Box, { bg: colors.bg, border: "0.063rem solid", borderColor: colors.border, boxShadow: "md", borderRadius: "md", p: 4, minW: "22.5rem" },
-                    react_1.default.createElement(react_2.Flex, { justify: "space-between", align: "flex-start" },
-                        react_1.default.createElement(react_2.Box, null,
-                            react_1.default.createElement(react_2.Text, { fontWeight: "semibold", mb: "0.25rem" }, title),
-                            react_1.default.createElement(react_2.Text, { fontSize: "sm" }, description)),
-                        isClosable && (react_1.default.createElement(react_2.CloseButton, { onClick: onClose, size: "sm", mt: 1, ml: 4 })))));
-            },
-        });
-    };
-    return (react_1.default.createElement(ToasterContext.Provider, { value: { showToast: showToast } }, children));
-}
-exports.default = ToasterProvider;
-var useToaster = function () {
-    var context = (0, react_1.useContext)(ToasterContext);
-    if (!context) {
-        throw new Error("useToaster must be used within a ToasterProvider");
-    }
-    return context;
-};
-exports.useToaster = useToaster;

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

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

package/dist/Components/Toaster/Toaster.stories.js

@@ -1,8 +0,0 @@
-"use strict";
-// // Toaster.stories.tsx
-// import React from 'react';
-// import { Meta, StoryFn } from '@storybook/react';
-// import ToasterProvider, { useToaster } from './Toaster';
-// import { Button, ChakraProvider } from '@chakra-ui/react';
-// import { ToasterToastProps } from './ToasterProps';
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/Toaster/ToasterProps.js

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

package/dist/Components/Toggle/TableToggle.d.ts

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

package/dist/Components/Toggle/TableToggle.js

@@ -1,60 +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 = __importDefault(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 TableToggle = function (_a) {
-    var value = _a.value, onChange = _a.onChange;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var styles = {
-        container: {
-            display: "flex",
-            alignItems: "center",
-            bg: theme.colors.background[600],
-            p: "0.125rem",
-            borderRadius: "0.375rem",
-            height: "2rem",
-            gap: "0.125rem",
-            width: "6.3rem",
-        },
-        button: function (mode) { return ({
-            bg: value === mode ? theme.colors.background[50] : "transparent",
-            boxShadow: value === mode ? "md" : "none",
-            color: value === mode ? theme.colors.black : theme.colors.background[800],
-            borderRadius: "0.313rem",
-            height: "1.75rem",
-            border: "0.031rem solid",
-            borderColor: value === mode ? theme.colors.background[400] : "transparent",
-            padding: "0.313rem 0.813rem",
-            _hover: {
-                bg: value === mode
-                    ? theme.colors.background[50]
-                    : theme.colors.background[400],
-                color: value === mode ? theme.colors.black : theme.colors.background[900],
-            },
-            transition: "all 0.3s ease-in-out",
-        }); },
-    };
-    return (react_1.default.createElement(react_2.Box, __assign({}, styles.container),
-        react_1.default.createElement(ToolTip_1.default, { label: "Table View", placement: "top", fontSize: 12, hasArrow: true },
-            react_1.default.createElement(react_2.IconButton, __assign({ "aria-label": "Grid View", icon: react_1.default.createElement(lucide_react_1.Table2, { size: "1.25rem" }), variant: "ghost", onClick: function () { return onChange("grid"); } }, styles.button("grid")))),
-        react_1.default.createElement(ToolTip_1.default, { label: "Kanban View", placement: "top", fontSize: 12, hasArrow: true },
-            react_1.default.createElement(react_2.IconButton, __assign({ "aria-label": "List View", icon: react_1.default.createElement(lucide_react_1.Columns3, { size: "1.25rem" }), variant: "ghost", onClick: function () { return onChange("list"); } }, styles.button("list"))))));
-};
-exports.default = TableToggle;

package/dist/Components/Toggle/TableToggleProps.js

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

package/dist/Components/ToolTip/ToolTip.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { ToolTipProps } from "./ToolTipProps";
-export default function ToolTip({ placement, label, children, hasArrow, fontSize, bg, color, isDisabled, isOpen, defaultIsOpen, openDelay, closeDelay, arrowSize, closeOnClick, size, width, height, arrowPadding, arrowShadowColor, direction, gutter, onClose, modifiers, closeOnPointerDown, styles, }: ToolTipProps): React.JSX.Element;

package/dist/Components/ToolTip/ToolTip.js

@@ -1,12 +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 ToolTip(_a) {
-    var placement = _a.placement, label = _a.label, children = _a.children, hasArrow = _a.hasArrow, fontSize = _a.fontSize, bg = _a.bg, color = _a.color, isDisabled = _a.isDisabled, isOpen = _a.isOpen, defaultIsOpen = _a.defaultIsOpen, openDelay = _a.openDelay, closeDelay = _a.closeDelay, arrowSize = _a.arrowSize, closeOnClick = _a.closeOnClick, size = _a.size, width = _a.width, height = _a.height, arrowPadding = _a.arrowPadding, arrowShadowColor = _a.arrowShadowColor, direction = _a.direction, gutter = _a.gutter, onClose = _a.onClose, modifiers = _a.modifiers, closeOnPointerDown = _a.closeOnPointerDown, styles = _a.styles;
-    return (react_1.default.createElement(react_2.Tooltip, { label: label, placement: placement, hasArrow: hasArrow, fontSize: fontSize, bg: bg, color: color, isDisabled: isDisabled, isOpen: isOpen, defaultIsOpen: defaultIsOpen, openDelay: openDelay, closeDelay: closeDelay, arrowSize: arrowSize, closeOnClick: closeOnClick, size: size, width: width, height: height, arrowPadding: arrowPadding, arrowShadowColor: arrowShadowColor, direction: direction, gutter: gutter, onClose: onClose, modifiers: modifiers, closeOnPointerDown: closeOnPointerDown, style: styles }, children));
-}
-exports.default = ToolTip;

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

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

package/dist/Components/ToolTip/ToolTip.stories.js

@@ -1,7 +0,0 @@
-"use strict";
-// import React from 'react';
-// import ToolTip from './ToolTip';
-// import { ToolTipProps } from "./ToolTipProps";
-// import { StoryFn, Meta } from '@storybook/react';
-// import { Box } from '@chakra-ui/react';
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/ToolTip/ToolTipProps.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { TooltipProps as ChakraTooltip } from "@chakra-ui/react";
-export type ToolTipProps = Pick<ChakraTooltip, "placement" | "label" | "hasArrow" | "fontSize" | "bg" | "color" | "isDisabled" | "isOpen" | "defaultIsOpen" | "openDelay" | "closeDelay" | "arrowSize" | "closeOnClick" | "size" | "width" | "height" | "arrowPadding" | "arrowShadowColor" | "direction" | "gutter" | "onClose" | "modifiers" | "closeOnPointerDown"> & {
-    children: React.ReactNode;
-    styles?: React.CSSProperties;
-    placement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-};

package/dist/Components/ToolTip/ToolTipProps.js

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

package/dist/Components/Trail/EditableCell.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { Row, Column } from "./data";
-interface EditableCellProps {
-    row: Row;
-    column: Column;
-    isEditable: boolean;
-    handleCellClick: (rowId: number, columnId: number) => void;
-    handleCellChange: (rowId: number, columnLabel: string, value: any) => void;
-}
-export declare const EditableCell: React.FC<EditableCellProps>;
-export {};

package/dist/Components/Trail/EditableCell.js

@@ -1,71 +0,0 @@
-"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 (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditableCell = void 0;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var EditableCell = function (_a) {
-    var row = _a.row, column = _a.column, isEditable = _a.isEditable, handleCellClick = _a.handleCellClick, handleCellChange = _a.handleCellChange;
-    var cellRef = (0, react_1.useRef)(null);
-    (0, react_2.useOutsideClick)({
-        ref: cellRef,
-        handler: function () {
-            return handleCellChange(row.id, column.label, row[column.label]);
-        },
-    });
-    var value = row[column.label] || "-";
-    if (isEditable) {
-        if (column.label === "dueDate") {
-            return (react_1.default.createElement(react_2.Box, { width: "50%", ref: cellRef },
-                react_1.default.createElement(react_2.Input, { type: "date", value: value, onChange: function (e) {
-                        return handleCellChange(row.id, column.label, e.target.value);
-                    } })));
-        }
-        else if (column.label === "priority") {
-            return (react_1.default.createElement(react_2.Box, { width: "100%", ref: cellRef },
-                react_1.default.createElement(react_2.Menu, { isOpen: true },
-                    react_1.default.createElement(react_2.MenuButton, { as: react_2.Button, rightIcon: react_1.default.createElement(lucide_react_1.ChevronDown, null), bg: "teal.500", color: "white", _hover: { bg: "teal.600" }, _active: { bg: "teal.700" } }, value),
-                    react_1.default.createElement(react_2.MenuList, null,
-                        react_1.default.createElement(react_2.MenuItem, { onClick: function () {
-                                return handleCellChange(row.id, column.label, "Low");
-                            }, _hover: { bg: "teal.100" } }, "Low"),
-                        react_1.default.createElement(react_2.MenuItem, { onClick: function () {
-                                return handleCellChange(row.id, column.label, "Medium");
-                            }, _hover: { bg: "teal.100" } }, "Medium"),
-                        react_1.default.createElement(react_2.MenuItem, { onClick: function () {
-                                return handleCellChange(row.id, column.label, "High");
-                            }, _hover: { bg: "teal.100" } }, "High")))));
-        }
-        else {
-            return (react_1.default.createElement(react_2.Box, { width: "100%", ref: cellRef },
-                react_1.default.createElement(react_2.Input, { value: value, onChange: function (e) {
-                        return handleCellChange(row.id, column.label, e.target.value);
-                    } })));
-        }
-    }
-    return (react_1.default.createElement("span", { onClick: function () { return handleCellClick(row.id, column.id); } }, value));
-};
-exports.EditableCell = EditableCell;

package/dist/Components/Trail/SelectAllCheckbox.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface SelectAllCheckboxProps {
-    isAllSelected: boolean;
-    isIndeterminate: boolean;
-    handleSelectAll: () => void;
-}
-export declare const SelectAllCheckbox: React.FC<SelectAllCheckboxProps>;
-export {};

package/dist/Components/Trail/SelectAllCheckbox.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 });
-exports.SelectAllCheckbox = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var SelectAllCheckbox = function (_a) {
-    var isAllSelected = _a.isAllSelected, isIndeterminate = _a.isIndeterminate, handleSelectAll = _a.handleSelectAll;
-    return (react_1.default.createElement(react_2.Checkbox, { isChecked: isAllSelected, isIndeterminate: isIndeterminate, onChange: handleSelectAll }));
-};
-exports.SelectAllCheckbox = SelectAllCheckbox;

package/dist/Components/Trail/TrailWorks.d.ts

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

package/dist/Components/Trail/data.d.ts

@@ -1,15 +0,0 @@
-export type Row = {
-    id: number;
-    project: string;
-    owner: string;
-    status: string;
-    priority: string;
-    dueDate: string;
-    [key: string]: any;
-};
-export type Column = {
-    id: number;
-    label: keyof Row | string;
-};
-export declare const initialColumns: Column[];
-export declare const initialRows: Row[];

package/dist/Components/Trail/data.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initialRows = exports.initialColumns = void 0;
-exports.initialColumns = [
-    { id: 1, label: "project" },
-    { id: 2, label: "owner" },
-    { id: 3, label: "status" },
-    { id: 4, label: "priority" },
-    { id: 5, label: "dueDate" },
-];
-exports.initialRows = [
-    {
-        id: 1,
-        project: "Project A",
-        owner: "Owner A",
-        status: "In Progress",
-        priority: "High",
-        dueDate: "2023-12-31",
-    },
-    {
-        id: 2,
-        project: "Project B",
-        owner: "Owner B",
-        status: "Completed",
-        priority: "Medium",
-        dueDate: "2023-11-30",
-    },
-    // Add more initial rows as needed
-];

package/dist/Constants/Sidebar.d.ts

@@ -1,38 +0,0 @@
-export declare const FlexCss: {
-    "&::-webkit-scrollbar": {
-        width: string;
-    };
-    "&::-webkit-scrollbar-track": {
-        background: string;
-    };
-    "&::-webkit-scrollbar-thumb": {
-        background: string;
-        transition: string;
-    };
-    "&:hover::-webkit-scrollbar-thumb": {
-        background: string;
-    };
-};
-export declare const cssForScrollBar: (theme: any) => {
-    "&::-webkit-scrollbar": {
-        width: string;
-    };
-    "&::-webkit-scrollbar-track": {
-        background: any;
-    };
-    "&::-webkit-scrollbar-thumb": {
-        background: string;
-        borderRadius: string;
-    };
-    "&:hover::-webkit-scrollbar-thumb": {
-        background: any;
-    };
-    "&:hover::-webkit-scrollbar-thumb:hover": {
-        background: any;
-    };
-    scrollbarWidth: string;
-    "&:hover": {
-        scrollbarWidth: string;
-        scrollbarColor: string;
-    };
-};