pixelize-design-library 2.1.13 → 2.1.15

package/dist/Components/MultiSelect/MultiSelect.js

@@ -1,115 +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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var FormLabel_1 = require("../Common/FormLabel");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var generateUniqueId = (function () {
-    var counter = 0;
-    return function () {
-        counter += 1;
-        return "".concat(Date.now(), "-").concat(counter);
-    };
-})();
-function MultiSelect(_a) {
-    var value = _a.value, onValueChange = _a.onValueChange, _b = _a.width, width = _b === void 0 ? "100%" : _b, _c = _a.label, label = _c === void 0 ? "label" : _c, _d = _a.isRequired, isRequired = _d === void 0 ? true : _d, _e = _a.isInformation, isInformation = _e === void 0 ? false : _e, _f = _a.informationMessage, informationMessage = _f === void 0 ? "" : _f, name = _a.name, id = _a.id, _g = _a.placeholderText, placeholderText = _g === void 0 ? "Type valid email and press enter" : _g, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, size = _a.size, inputStyle = _a.inputStyle;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var getPadding = function () {
-        return "0.5rem";
-    };
-    var _h = (0, react_1.useState)(value), options = _h[0], setOptions = _h[1];
-    var _j = (0, react_1.useState)(""), inputValue = _j[0], setInputValue = _j[1];
-    var _k = (0, react_1.useState)(""), error = _k[0], setError = _k[1];
-    var inputRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        setOptions(value);
-    }, [value]);
-    var handleInputChange = function (e) {
-        setInputValue(e.target.value);
-        setError("");
-    };
-    var validateEmail = function (email) {
-        var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        return emailRegex.test(email);
-    };
-    var handleKeyDown = function (e) {
-        if (e.key === "Enter" && inputValue.trim() !== "") {
-            if (!validateEmail(inputValue)) {
-                setError("Invalid email address");
-                return;
-            }
-            var existingOption = options.find(function (option) { return option.label === inputValue; });
-            if (!existingOption) {
-                var newOption = { id: generateUniqueId(), label: inputValue };
-                var updatedOptions = __spreadArray(__spreadArray([], options, true), [newOption], false);
-                setOptions(updatedOptions);
-                onValueChange(updatedOptions);
-                setInputValue("");
-                if (inputRef.current) {
-                    inputRef.current.focus();
-                }
-            }
-        }
-        else if (e.key === "Backspace" && inputValue === "") {
-            var updatedOptions = options.slice(0, -1); // Remove the last item
-            setOptions(updatedOptions);
-            onValueChange(updatedOptions);
-        }
-    };
-    var handleRemove = function (optionToRemove) {
-        var updatedOptions = options.filter(function (option) { return option.id !== optionToRemove.id; });
-        setOptions(updatedOptions);
-        onValueChange(updatedOptions);
-    };
-    return (react_1.default.createElement(react_2.Box, { width: width, borderRadius: "md", backgroundColor: "white" },
-        label && (react_1.default.createElement(FormLabel_1.TextLabel, { label: label, isRequired: isRequired, isInformation: isInformation, informationMessage: informationMessage })),
-        react_1.default.createElement(react_2.Flex, { wrap: "wrap", gap: 2 }, options.map(function (option) { return (react_1.default.createElement(react_2.Tag, { key: option.id, size: "md", variant: "solid", colorScheme: "gray" },
-            react_1.default.createElement(react_2.TagLabel, null, option.label),
-            react_1.default.createElement(react_2.TagCloseButton, { onClick: function () { return handleRemove(option); } }))); })),
-        react_1.default.createElement(react_2.Input, { ref: inputRef, type: "text", value: inputValue, isDisabled: isDisabled, isReadOnly: isReadOnly, id: id, name: name, size: size, style: __assign(__assign({}, inputStyle), { backgroundColor: theme.colors.backgroundColor.light, fontWeight: 600, color: theme.colors.gray[600], padding: getPadding(), fontSize: 15, letterSpacing: 0.7, borderRadius: "0.125rem" }), onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: placeholderText, marginTop: 2, marginLeft: 1 }),
-        error && (react_1.default.createElement(react_2.Text, { color: "red.500", marginTop: 2, marginLeft: 1 }, error))));
-}
-exports.default = MultiSelect;

package/dist/Components/MultiSelect/MultiSelectProps.d.ts

@@ -1,20 +0,0 @@
-export type MultiSelectProps = {
-    value: MultiSelctOPtions[];
-    onValueChange: (options: MultiSelctOPtions[]) => void;
-    width?: string;
-    label?: string;
-    id?: string;
-    name?: string;
-    isRequired?: boolean;
-    isInformation?: boolean;
-    informationMessage?: string;
-    placeholderText?: string;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
-    size?: string;
-    inputStyle?: {};
-};
-export type MultiSelctOPtions = {
-    id: string;
-    label: string;
-};

package/dist/Components/MultiSelect/MultiSelectProps.js

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

package/dist/Components/NavigationBar/NavBar.stories.d.ts

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

package/dist/Components/NavigationBar/NavBar.stories.js

@@ -1,3 +0,0 @@
-"use strict";
-// // NavBar.stories.tsx
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/NavigationBar/NavigationBar.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { NavbarProps } from "./NavigationBarProps";
-export default function NavBar({ userAvathar, userName, navMenu, moreIcon, handleNavOnClick, handleLogout, logoutText, navigationBarText, }: NavbarProps): React.JSX.Element;

package/dist/Components/NavigationBar/NavigationBar.js

@@ -1,50 +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 useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var lucide_react_1 = require("lucide-react");
-function NavBar(_a) {
-    var _b, _c, _d, _e;
-    var userAvathar = _a.userAvathar, userName = _a.userName, navMenu = _a.navMenu, moreIcon = _a.moreIcon, handleNavOnClick = _a.handleNavOnClick, handleLogout = _a.handleLogout, logoutText = _a.logoutText, navigationBarText = _a.navigationBarText;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    return (react_1.default.createElement(react_2.Box, { bg: theme.colors.backgroundColor.light, px: 4, boxShadow: theme.shadows.sm },
-        react_1.default.createElement(react_2.Flex, { h: 16, alignItems: "center", justifyContent: "space-between" },
-            react_1.default.createElement(react_2.Box, { display: "flex", gap: 1.5, alignItems: "center" },
-                (navigationBarText === null || navigationBarText === void 0 ? void 0 : navigationBarText.onIconClick) && (react_1.default.createElement(react_2.Box, { width: "1.5rem", height: "1.5rem", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", onClick: function () { var _a; return (_a = navigationBarText === null || navigationBarText === void 0 ? void 0 : navigationBarText.onIconClick) === null || _a === void 0 ? void 0 : _a.call(navigationBarText); } },
-                    react_1.default.createElement(lucide_react_1.CircleArrowLeft, { size: "1.25rem", color: (_c = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.text) === null || _c === void 0 ? void 0 : _c[500] }))),
-                (navigationBarText === null || navigationBarText === void 0 ? void 0 : navigationBarText.text) && (react_1.default.createElement(react_2.Text, { color: (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.secondary) === null || _e === void 0 ? void 0 : _e[500], fontSize: "1.25rem", fontWeight: 600, fontFamily: "open-sans, sans-serif", letterSpacing: "-0.013rem" }, navigationBarText === null || navigationBarText === void 0 ? void 0 : navigationBarText.text))),
-            react_1.default.createElement(react_2.Flex, null,
-                react_1.default.createElement(react_2.Stack, { direction: "row", alignItems: "center", spacing: 7 },
-                    react_1.default.createElement(react_2.Menu, null,
-                        react_1.default.createElement(react_2.Box, { cursor: "pointer" }, moreIcon),
-                        react_1.default.createElement(react_2.MenuButton, { as: react_2.Button, rounded: "full", variant: "link", cursor: "pointer", minW: 0 },
-                            react_1.default.createElement(react_2.Avatar, { size: "sm", name: userName, src: userAvathar })),
-                        react_1.default.createElement(react_2.MenuList, { alignItems: "center", zIndex: 5 },
-                            react_1.default.createElement(react_2.Center, { py: 4 },
-                                react_1.default.createElement(react_2.Avatar, { size: "xl", name: userName, src: userAvathar })),
-                            react_1.default.createElement(react_2.Center, null,
-                                react_1.default.createElement(react_2.Text, { fontWeight: 500 }, userName)),
-                            react_1.default.createElement(react_2.MenuDivider, null), navMenu === null || navMenu === void 0 ? void 0 :
-                            navMenu.map(function (menu) { return (react_1.default.createElement(react_2.MenuItem, { onClick: function () { return handleNavOnClick(menu.url); }, key: menu.title, sx: {
-                                    fontWeight: 500,
-                                    gap: theme.space["2"],
-                                }, _hover: {
-                                    backgroundColor: theme.colors.primary["50"],
-                                } },
-                                menu.icon && react_1.default.createElement(react_2.Box, null, menu === null || menu === void 0 ? void 0 : menu.icon),
-                                react_1.default.createElement(react_2.Box, null, menu.title))); }),
-                            react_1.default.createElement(react_2.MenuDivider, null),
-                            react_1.default.createElement(react_2.MenuItem, { onClick: handleLogout, sx: {
-                                    fontWeight: 500,
-                                    gap: theme.space["2"],
-                                }, _hover: {
-                                    backgroundColor: theme.colors.primary["50"],
-                                } },
-                                react_1.default.createElement(react_2.Box, null, react_1.default.createElement(lucide_react_1.LogOut, { size: 16 })),
-                                react_1.default.createElement(react_2.Box, null, logoutText)))))))));
-}
-exports.default = NavBar;

package/dist/Components/NavigationBar/NavigationBarProps.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export type NavbarProps = {
-    userAvathar: string;
-    userName: string;
-    navMenu: MenuProps[];
-    moreIcon?: any;
-    handleNavOnClick: (url: string) => void;
-    handleLogout: () => void;
-    logoutText: string;
-    navigationBarText?: {
-        text: string;
-        onIconClick?: () => void;
-    };
-};
-export type MenuProps = {
-    title: string;
-    url: string;
-    icon?: React.ReactNode;
-};

package/dist/Components/NavigationBar/NavigationBarProps.js

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

package/dist/Components/NoteTextArea/NoteTextArea.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { NoteTextAreaProps } from "./NoteTextAreaProps";
-export default function NoteTextArea({ width, handleSubmit, handleCancel, value, title, file, isEditable, saveButtonLoading, maxFileSize, maxFilesSizeError, maxNoteWordCount, onChange, ref, }: NoteTextAreaProps): React.JSX.Element;

package/dist/Components/NoteTextArea/NoteTextArea.js

@@ -1,274 +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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-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 styled_1 = __importDefault(require("@emotion/styled"));
-var react_2 = require("@chakra-ui/react");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var lucide_react_1 = require("lucide-react");
-var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: ", ";\n  border-radius: 5px;\n  box-shadow: ", ";\n"], ["\n  border: ", ";\n  border-radius: 5px;\n  box-shadow: ", ";\n"])), function (_a) {
-    var isActive = _a.isActive;
-    return isActive ? "1px solid #3182ce" : "1px solid #c0c6cc";
-}, function (_a) {
-    var isActive = _a.isActive;
-    return isActive
-        ? "-1px 1px 8px 4px rgb(49 130 206 / 24%), 0px 2px 6px 0 rgb(49 130 206 / 19%)"
-        : "none";
-});
-var TextAreaContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  cursor: text;\n  padding: 12px 15px;\n  display: ", ";\n"], ["\n  width: 100%;\n  cursor: text;\n  padding: 12px 15px;\n  display: ", ";\n"])), function (_a) {
-    var isActive = _a.isActive;
-    return (isActive ? "block" : "none");
-});
-var PlaceholderText = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: #c0c6cc;\n  width: 100%;\n  cursor: text;\n  display: ", ";\n  padding: 12px 15px;\n"], ["\n  color: #c0c6cc;\n  width: 100%;\n  cursor: text;\n  display: ", ";\n  padding: 12px 15px;\n"])), function (_a) {
-    var isActive = _a.isActive;
-    return (isActive ? "block" : "none");
-});
-var InputTitle = styled_1.default.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 100%;\n  height: auto;\n  border: none;\n  outline: none;\n  background: none;\n  color: black;\n  fontsize: 1rem;\n  fontweight: 500;\n  marginbottom: 2px;\n"], ["\n  width: 100%;\n  height: auto;\n  border: none;\n  outline: none;\n  background: none;\n  color: black;\n  fontsize: 1rem;\n  fontweight: 500;\n  marginbottom: 2px;\n"])));
-var NotesTextArea = styled_1.default.textarea(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  width: 100%;\n  height: auto;\n  border: none;\n  outline: none;\n  background: none;\n  fontweight: 300;\n"], ["\n  color: ", ";\n  width: 100%;\n  height: auto;\n  border: none;\n  outline: none;\n  background: none;\n  fontweight: 300;\n"])), function (_a) {
-    var isActive = _a.isActive, noteValue = _a.noteValue;
-    return isActive && noteValue ? "#000000" : "#c0c6cc";
-});
-var FileUploadLabel = styled_1.default.label(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-var AddTitleButton = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: #616e88;\n  cursor: pointer;\n  fontsize: 0.8rem;\n"], ["\n  color: #616e88;\n  cursor: pointer;\n  fontsize: 0.8rem;\n"])));
-var Button = styled_1.default.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  border: none;\n  padding: 3px 15px;\n  text-align: center;\n  text-decoration: none;\n  background: ", ";\n  color: ", ";\n  font-size: 1rem;\n  margin-right: 5px;\n  border-radius: 5px;\n  opacity: ", ";\n  cursor: ", ";\n  pointer-events: ", ";\n"], ["\n  border: none;\n  padding: 3px 15px;\n  text-align: center;\n  text-decoration: none;\n  background: ", ";\n  color: ", ";\n  font-size: 1rem;\n  margin-right: 5px;\n  border-radius: 5px;\n  opacity: ", ";\n  cursor: ", ";\n  pointer-events: ", ";\n"])), function (_a) {
-    var isSaveButton = _a.isSaveButton, noteValue = _a.noteValue, isLoading = _a.isLoading, theme = _a.theme;
-    return isSaveButton
-        ? noteValue && !isLoading
-            ? theme.colors.primary[500]
-            : theme.colors.primary[500]
-        : "white";
-}, function (_a) {
-    var isSaveButton = _a.isSaveButton, isLoading = _a.isLoading;
-    return isSaveButton && !isLoading ? "white" : "white";
-}, function (_a) {
-    var isSaveButton = _a.isSaveButton, noteValue = _a.noteValue, isLoading = _a.isLoading, disabled = _a.disabled;
-    return isSaveButton && (!noteValue || isLoading || disabled) ? "0.5" : "1";
-}, function (_a) {
-    var isSaveButton = _a.isSaveButton, noteValue = _a.noteValue, isLoading = _a.isLoading, disabled = _a.disabled;
-    return isSaveButton && (!noteValue || isLoading || disabled)
-        ? "initial"
-        : "pointer";
-}, function (_a) {
-    var isLoading = _a.isLoading;
-    return (isLoading ? "none" : "auto");
-});
-var CancelButton = styled_1.default.button(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  border: none;\n  color: #5e5c5c;\n  padding: 3px 15px;\n  text-align: center;\n  text-decoration: none;\n  background: white;\n  font-size: 1rem;\n  margin-right: 5px;\n  border-radius: 5px;\n"], ["\n  border: none;\n  color: #5e5c5c;\n  padding: 3px 15px;\n  text-align: center;\n  text-decoration: none;\n  background: white;\n  font-size: 1rem;\n  margin-right: 5px;\n  border-radius: 5px;\n"])));
-var FileViewer = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 300px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 300px;\n"])));
-var FileEdit = (0, styled_1.default)(lucide_react_1.X)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  cursor: pointer;\n  color: #ff0000;\n"], ["\n  cursor: pointer;\n  color: #ff0000;\n"])));
-var ErrorText = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  color: #ff0000;\n  font-size: 0.8rem;\n  margin-top: 8px;\n"], ["\n  color: #ff0000;\n  font-size: 0.8rem;\n  margin-top: 8px;\n"])));
-var countWords = function (text) {
-    return text.trim().split(/\s+/).length;
-};
-function NoteTextArea(_a) {
-    var _b = _a.width, width = _b === void 0 ? "100%" : _b, handleSubmit = _a.handleSubmit, handleCancel = _a.handleCancel, value = _a.value, title = _a.title, file = _a.file, _c = _a.isEditable, isEditable = _c === void 0 ? false : _c, saveButtonLoading = _a.saveButtonLoading, _d = _a.maxFileSize, maxFileSize = _d === void 0 ? 1 * 1024 * 1024 : _d, _e = _a.maxFilesSizeError, maxFilesSizeError = _e === void 0 ? "Some files are too large. Maximum allowed size is" : _e, _f = _a.maxNoteWordCount, maxNoteWordCount = _f === void 0 ? 15 : _f, onChange = _a.onChange, ref = _a.ref;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var noteAreaRef = (0, react_1.useRef)(null);
-    var _g = (0, react_1.useState)(false), isActive = _g[0], setIsActive = _g[1];
-    var _h = (0, react_1.useState)(""), noteValue = _h[0], setNoteValue = _h[1];
-    var _j = (0, react_1.useState)(""), titleValue = _j[0], setTitleValue = _j[1];
-    var _k = (0, react_1.useState)(false), titleShow = _k[0], setTitleShow = _k[1];
-    var _l = (0, react_1.useState)([]), files = _l[0], setFiles = _l[1];
-    var _m = (0, react_1.useState)(""), fileError = _m[0], setFileError = _m[1];
-    var _o = (0, react_1.useState)(false), isSaveDisabled = _o[0], setIsSaveDisabled = _o[1];
-    (0, react_1.useEffect)(function () {
-        var titleWordCount = countWords(titleValue);
-        setIsSaveDisabled(titleWordCount > maxNoteWordCount);
-    }, [titleValue, maxNoteWordCount]);
-    (0, react_1.useEffect)(function () {
-        var noteWordCount = countWords(noteValue);
-        setIsSaveDisabled(noteWordCount > maxNoteWordCount);
-    }, [noteValue, maxNoteWordCount]);
-    (0, react_1.useEffect)(function () {
-        if (isEditable) {
-            setIsActive(true);
-            if (value) {
-                setNoteValue(value);
-            }
-            if (title) {
-                setTitleValue(title);
-                setTitleShow(true);
-            }
-            if (file) {
-                setFiles(file);
-            }
-        }
-    }, [value, title, file, isEditable]);
-    (0, react_1.useEffect)(function () {
-        if (!saveButtonLoading) {
-            setIsActive(false);
-            if (!isEditable) {
-                setNoteValue("");
-                setTitleValue("");
-                setTitleShow(false);
-                setFiles([]);
-            }
-        }
-        if (isEditable) {
-            setIsActive(true);
-        }
-    }, [saveButtonLoading, isEditable]);
-    var handleTextArea = function () {
-        setIsActive(true);
-        if (!isEditable) {
-            setNoteValue("");
-            setTitleValue("");
-            setTitleShow(false);
-            setFiles([]);
-        }
-    };
-    var handleCloseTextArea = function () {
-        setIsActive(false);
-        if (handleCancel) {
-            handleCancel(!isActive);
-        }
-        if (!isEditable) {
-            setNoteValue("");
-            setTitleValue("");
-            setTitleShow(false);
-            setFiles([]);
-        }
-        setFileError("");
-    };
-    var handleNoteChange = function (event) {
-        setNoteValue(event.target.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value);
-        adjustHeight();
-    };
-    (0, react_1.useEffect)(function () {
-        if (isActive && noteAreaRef.current) {
-            noteAreaRef.current.focus();
-        }
-    }, [isActive]);
-    var adjustHeight = function () {
-        var textarea = noteAreaRef.current;
-        if (!textarea)
-            return;
-        textarea.style.height = "auto";
-        textarea.style.height = "".concat(textarea.scrollHeight, "px");
-    };
-    var handleSetTitle = function () {
-        setTitleShow(true);
-    };
-    var handleTitleChange = function (event) {
-        event.target.value.length === 0 && setTitleShow(false);
-        setTitleValue(event.target.value);
-    };
-    var formatBytes = function (bytes, decimals) {
-        if (decimals === void 0) { decimals = 2; }
-        if (bytes === 0)
-            return "0 Bytes";
-        var k = 1024;
-        var dm = decimals < 0 ? 0 : decimals;
-        var sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-        var i = Math.floor(Math.log(bytes) / Math.log(k));
-        return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
-    };
-    var shortenFileName = function (name, maxLength) {
-        if (maxLength === void 0) { maxLength = 20; }
-        var extension = name.substring(name.lastIndexOf("."));
-        if (name.length <= maxLength)
-            return name;
-        var nameWithoutExtension = name.replace(extension, "");
-        var start = nameWithoutExtension.substring(0, maxLength - extension.length - 3);
-        return "".concat(start, "...").concat(extension, " ");
-    };
-    return (react_1.default.createElement(Container, { style: { width: width }, isActive: isActive },
-        react_1.default.createElement(PlaceholderText, { isActive: !isActive, onClick: handleTextArea },
-            react_1.default.createElement("span", null, "Add a note...")),
-        react_1.default.createElement(TextAreaContainer, { isActive: isActive },
-            titleShow && (react_1.default.createElement(InputTitle, { value: titleValue, onChange: handleTitleChange, placeholder: "Add a title...", ref: ref })),
-            react_1.default.createElement(NotesTextArea, { ref: noteAreaRef, isActive: isActive, noteValue: noteValue, value: noteValue, onChange: handleNoteChange, placeholder: "Add a note..." })),
-        isActive && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("hr", { style: { margin: 0 } }),
-            react_1.default.createElement("div", { style: { padding: "12px 15px" } },
-                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center" } },
-                    react_1.default.createElement(FileUploadLabel, { htmlFor: "file-upload" },
-                        react_1.default.createElement(lucide_react_1.Paperclip, { size: 17 }),
-                        react_1.default.createElement("input", { id: "file-upload", type: "file", style: { display: "none" }, onChange: function (e) {
-                                var newFiles = Array.from(e.target.files || []);
-                                var validFiles = newFiles.filter(function (file) { return file.size <= maxFileSize; });
-                                var invalidFiles = newFiles.filter(function (file) { return file.size > maxFileSize; });
-                                if (invalidFiles.length > 0) {
-                                    setFileError("".concat(maxFilesSizeError, " ").concat(formatBytes(maxFileSize), "."));
-                                }
-                                else {
-                                    setFileError("");
-                                }
-                                if (validFiles.length > 0) {
-                                    setFiles(function (prevFiles) { return __spreadArray(__spreadArray([], prevFiles, true), validFiles, true); });
-                                }
-                            }, multiple: true })),
-                    !titleShow && (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("div", { style: {
-                                height: "15px",
-                                width: "1px",
-                                backgroundColor: "#c0c6cc",
-                                marginRight: "5px",
-                                marginLeft: "5px",
-                            } }),
-                        react_1.default.createElement(AddTitleButton, { onClick: handleSetTitle }, "Add a Title"))),
-                    react_1.default.createElement("div", { style: { marginLeft: "auto" } },
-                        react_1.default.createElement(CancelButton, { onClick: handleCloseTextArea }, "Cancel"),
-                        react_1.default.createElement(Button, { isSaveButton: true, noteValue: noteValue, isLoading: saveButtonLoading, disabled: !noteValue || isSaveDisabled, theme: theme, onClick: function () {
-                                handleSubmit(noteValue, titleValue, files);
-                                // handleCloseTextArea();
-                            } },
-                            saveButtonLoading && (react_1.default.createElement("span", { style: { marginRight: "6px" } },
-                                react_1.default.createElement(react_2.Spinner, { thickness: "2px", speed: "0.75s", emptyColor: "gray.200", color: "blue.500", size: "xs" }))),
-                            "Save"))),
-                react_1.default.createElement("div", { style: { display: "flex", gap: "10px" } },
-                    react_1.default.createElement("div", null, "Note:"),
-                    react_1.default.createElement("div", null,
-                        "You can add up to ",
-                        maxNoteWordCount,
-                        " words only")),
-                fileError && react_1.default.createElement(ErrorText, null, fileError),
-                " ",
-                files.length > 0 && (react_1.default.createElement("div", null, files.map(function (item, index) { return (react_1.default.createElement(FileViewer, { key: index },
-                    react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("span", null, shortenFileName(item.name)),
-                        react_1.default.createElement("span", null, formatBytes(item.size))),
-                    react_1.default.createElement(FileEdit, { onClick: function () {
-                            return setFiles(files.filter(function (fileItem) { return fileItem !== item; }));
-                        } }))); }))))))));
-}
-exports.default = NoteTextArea;
-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/NoteTextArea/NoteTextAreaProps.d.ts

@@ -1,16 +0,0 @@
-import { LegacyRef } from "react";
-export type NoteTextAreaProps = {
-    width: number | string;
-    handleSubmit: (noteValue: string, titleValue: string, file: File[], resetState: void) => void;
-    value?: string;
-    title?: string;
-    file?: File[];
-    isEditable?: boolean;
-    handleCancel?: (isActive: boolean) => void;
-    saveButtonLoading: boolean;
-    maxFileSize?: number;
-    maxFilesSizeError?: string;
-    maxNoteWordCount?: number;
-    onChange?: (value: string) => void;
-    ref?: LegacyRef<HTMLInputElement>;
-};

package/dist/Components/NoteTextArea/NoteTextAreaProps.js

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

package/dist/Components/NumberInput/NumberInput.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { NumberInputProps } from "./NumberInputProps";
-export default function NumberInput({ defaultValue, min, max, precision, step, clampValueOnBlur, keepWithinRange, value, onChange, size, maxW, allowMouseWheel, NumberIncrementStepperBg, NumberIncrementStepperActive, NumberIncrementStepperChildren, NumberDecrementStepperBg, NumberDecrementStepperChildren, NumberDecrementStepperActive, }: NumberInputProps): React.JSX.Element;

package/dist/Components/NumberInput/NumberInput.js

@@ -1,16 +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 NumberInput(_a) {
-    var defaultValue = _a.defaultValue, min = _a.min, max = _a.max, precision = _a.precision, step = _a.step, clampValueOnBlur = _a.clampValueOnBlur, keepWithinRange = _a.keepWithinRange, value = _a.value, onChange = _a.onChange, size = _a.size, maxW = _a.maxW, allowMouseWheel = _a.allowMouseWheel, NumberIncrementStepperBg = _a.NumberIncrementStepperBg, NumberIncrementStepperActive = _a.NumberIncrementStepperActive, NumberIncrementStepperChildren = _a.NumberIncrementStepperChildren, NumberDecrementStepperBg = _a.NumberDecrementStepperBg, NumberDecrementStepperChildren = _a.NumberDecrementStepperChildren, NumberDecrementStepperActive = _a.NumberDecrementStepperActive;
-    return (react_1.default.createElement(react_2.NumberInput, { defaultValue: defaultValue, min: min, max: max, step: step, precision: precision, clampValueOnBlur: clampValueOnBlur, keepWithinRange: keepWithinRange, value: value, onChange: onChange, size: size, maxW: maxW, allowMouseWheel: allowMouseWheel },
-        react_1.default.createElement(react_2.NumberInputField, null),
-        react_1.default.createElement(react_2.NumberInputStepper, null,
-            react_1.default.createElement(react_2.NumberIncrementStepper, { bg: NumberIncrementStepperBg, _active: NumberIncrementStepperActive }, NumberIncrementStepperChildren),
-            react_1.default.createElement(react_2.NumberDecrementStepper, { bg: NumberDecrementStepperBg, _active: NumberDecrementStepperActive }, NumberDecrementStepperChildren))));
-}
-exports.default = NumberInput;

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

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

package/dist/Components/NumberInput/NumberInput.stories.js

@@ -1,5 +0,0 @@
-"use strict";
-// import React from 'react';
-// import { StoryFn, Meta } from '@storybook/react';
-// import NumberInputs from './NumberInput';
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/NumberInput/NumberInputProps.d.ts

@@ -1,12 +0,0 @@
-import { NumberInputProps as chakraNumbetInpurProps } from "@chakra-ui/react";
-export type NumberInputProps = Pick<chakraNumbetInpurProps, "defaultValue" | "min" | "max" | "precision" | "step" | "clampValueOnBlur" | "keepWithinRange" | "value" | "onChange" | "size" | "maxW" | "allowMouseWheel"> & {
-    NumberIncrementStepperBg?: string;
-    NumberIncrementStepperActive?: ActiveStyle;
-    NumberIncrementStepperChildren?: string;
-    NumberDecrementStepperBg?: string;
-    NumberDecrementStepperChildren?: string;
-    NumberDecrementStepperActive?: ActiveStyle;
-};
-export type ActiveStyle = {
-    bg: string;
-};

package/dist/Components/NumberInput/NumberInputProps.js

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

package/dist/Components/PinInput/PinInput.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { ChakraPinInputProps } from "./PinInputProps";
-export default function PinInputs({ otp, mask, defaultValue, placeholder, manageFocus, errorBorderColor, focusBorderColor, onChange, onComplete, type, color, variant, pins, label, }: ChakraPinInputProps): React.JSX.Element;

package/dist/Components/PinInput/PinInput.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 PinInputs(_a) {
-    var otp = _a.otp, mask = _a.mask, defaultValue = _a.defaultValue, placeholder = _a.placeholder, manageFocus = _a.manageFocus, errorBorderColor = _a.errorBorderColor, focusBorderColor = _a.focusBorderColor, onChange = _a.onChange, onComplete = _a.onComplete, type = _a.type, color = _a.color, variant = _a.variant, _b = _a.pins, pins = _b === void 0 ? 3 : _b, label = _a.label;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        label && (react_1.default.createElement(react_2.Text, { fontWeight: "bold", marginBottom: "8px" }, label)),
-        react_1.default.createElement(react_2.HStack, null,
-            react_1.default.createElement(react_2.PinInput, { otp: otp, mask: mask, defaultValue: defaultValue, placeholder: placeholder, manageFocus: manageFocus, errorBorderColor: errorBorderColor, focusBorderColor: focusBorderColor, onChange: onChange, onComplete: onComplete, type: type, colorScheme: color, variant: variant }, Array.from({ length: pins }).map(function (_, index) { return (react_1.default.createElement(react_2.PinInputField, { key: index })); })))));
-}
-exports.default = PinInputs;

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

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

package/dist/Components/PinInput/PinInput.stories.js

@@ -1,6 +0,0 @@
-"use strict";
-// import React from 'react';
-// import { StoryFn, Meta } from '@storybook/react';
-// import PinInput from './PinInput';
-// import { ChakraPinInputProps } from './PinInputProps';
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/PinInput/PinInputProps.d.ts

@@ -1,9 +0,0 @@
-import { PinInputProps } from "@chakra-ui/react";
-export type ChakraPinInputProps = Pick<PinInputProps, "otp" | "mask" | "defaultValue" | "placeholder" | "manageFocus" | "errorBorderColor" | "focusBorderColor" | "onChange" | "onComplete"> & {
-    type?: "alphanumeric" | "number";
-    size?: "xs" | "sm" | "md" | "lg";
-    variant?: "flushed" | "outline" | "filled" | "unstyled";
-    color?: "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "whiteAlpha" | "blackAlpha";
-    pins: number;
-    label?: string;
-};

package/dist/Components/PinInput/PinInputProps.js

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