@homefile/components-v2 1.0.2 → 1.0.3

package/dist/components/folderPanel/index.js

@@ -1,22 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./displayFiles"), exports);
-__exportStar(require("./folderDetails"), exports);
-__exportStar(require("./folders"), exports);
-__exportStar(require("./loaders"), exports);
-__exportStar(require("./sharedWith"), exports);
-__exportStar(require("./fileDetails"), exports);
+export * from './displayFiles';
+export * from './folderDetails';
+export * from './folders';
+export * from './loaders';
+export * from './sharedWith';
+export * from './fileDetails';

package/dist/components/folderPanel/loaders/GridLoader.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridLoader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var react_spinners_1 = require("react-spinners");
-var images_1 = require("../../../assets/images");
-var GridLoader = function () {
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { align: "center", spacing: "1", w: "fit-content", children: [(0, jsx_runtime_1.jsx)(react_1.Flex, { bgImage: images_1.FileUploading, bgRepeat: "no-repeat", bgSize: "cover", w: "43px", h: "49px", align: "center", justify: "center", children: (0, jsx_runtime_1.jsx)(react_spinners_1.BeatLoader, { color: "gray", size: 5 }) }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xs", children: "".concat((0, i18next_1.t)('folderSharing.uploading'), "...") })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex, Stack, Text } from '@chakra-ui/react';
+import { BeatLoader } from 'react-spinners';
+import { FileUploading } from '../../../assets/images';
+export const GridLoader = () => {
+    return (_jsxs(Stack, { align: "center", spacing: "1", w: "fit-content", children: [_jsx(Flex, { bgImage: FileUploading, bgRepeat: "no-repeat", bgSize: "cover", w: "43px", h: "49px", align: "center", justify: "center", children: _jsx(BeatLoader, { color: "gray", size: 5 }) }), _jsx(Text, { fontSize: "xs", children: `${t('folderSharing.uploading')}...` })] }));
 };
-exports.GridLoader = GridLoader;

package/dist/components/folderPanel/loaders/index.js

@@ -1,17 +1 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./GridLoader"), exports);
+export * from './GridLoader';

package/dist/components/folderPanel/sharedWith/ConnectedAccounts.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConnectedAccounts = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var utils_1 = require("../../../utils");
-var ConnectedAccounts = function (_a) {
-    var label = _a.label, onClick = _a.onClick, totalAccounts = _a.totalAccounts, totalShowing = _a.totalShowing, disabled = _a.disabled;
-    var plural = (0, utils_1.pluralize)(3, (0, i18next_1.t)('folderSharing.showing.part6'));
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { pl: "base", justify: "space-between", align: "center", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { variant: "home", children: "".concat((0, i18next_1.t)('folderSharing.showing.part1'), " ").concat(totalShowing, " ").concat((0, i18next_1.t)('folderSharing.showing.part2'), " ").concat(totalAccounts, " ").concat(plural) }), (0, jsx_runtime_1.jsx)(components_1.LeftButtonAnimated, { disabled: disabled, onClick: onClick, label: label })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex, Text } from '@chakra-ui/react';
+import { LeftButtonAnimated } from '../..';
+import { pluralize } from '../../../utils';
+export const ConnectedAccounts = ({ label, onClick, totalAccounts, totalShowing, disabled }) => {
+    const plural = pluralize(3, t('folderSharing.showing.part6'));
+    return (_jsxs(Flex, { pl: "base", justify: "space-between", align: "center", children: [_jsx(Text, { variant: "home", children: `${t('folderSharing.showing.part1')} ${totalShowing} ${t('folderSharing.showing.part2')} ${totalAccounts} ${plural}` }), _jsx(LeftButtonAnimated, { disabled: disabled, onClick: onClick, label: label })] }));
 };
-exports.ConnectedAccounts = ConnectedAccounts;

package/dist/components/folderPanel/sharedWith/RecipientsToShare.js

@@ -1,15 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RecipientsToShare = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var colors_1 = require("../../../theme/colors");
-var RecipientsToShare = function (_a) {
-    var onAddRecipient = _a.onAddRecipient, onShare = _a.onShare, recipients = _a.recipients;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { bg: "lightBlue.1", p: "base", spacing: "6", children: [(0, jsx_runtime_1.jsx)(components_1.RecipientForm, { onAdd: onAddRecipient }), (0, jsx_runtime_1.jsx)(react_1.Stack, { spacing: "base", children: recipients === null || recipients === void 0 ? void 0 : recipients.map(function (recipient, index) {
-                    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.RecipientCard, { index: index, recipient: recipient, isEditDisabled: true }), (0, jsx_runtime_1.jsx)(react_1.Center, { children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { w: "2rem", h: "2rem", "aria-label": (0, i18next_1.t)('ariaLabels.share'), variant: "iconOutlined", icon: (0, jsx_runtime_1.jsx)(components_1.Plus, { stroke: colors_1.colors.blue[3], size: 20 }), onClick: function () { return onShare(recipient.user.email); } }) })] }, recipient.user.email));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Center, Flex, IconButton, Stack } from '@chakra-ui/react';
+import { Plus, RecipientCard, RecipientForm } from '../..';
+import { colors } from '../../../theme/colors';
+export const RecipientsToShare = ({ onAddRecipient, onShare, recipients, }) => {
+    return (_jsxs(Stack, { bg: "lightBlue.1", p: "base", spacing: "6", children: [_jsx(RecipientForm, { onAdd: onAddRecipient }), _jsx(Stack, { spacing: "base", children: recipients === null || recipients === void 0 ? void 0 : recipients.map((recipient, index) => {
+                    return (_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(RecipientCard, { index: index, recipient: recipient, isEditDisabled: true }), _jsx(Center, { children: _jsx(IconButton, { w: "2rem", h: "2rem", "aria-label": t('ariaLabels.share'), variant: "iconOutlined", icon: _jsx(Plus, { stroke: colors.blue[3], size: 20 }), onClick: () => onShare(recipient.user.email) }) })] }, recipient.user.email));
                 }) })] }));
 };
-exports.RecipientsToShare = RecipientsToShare;

package/dist/components/folderPanel/sharedWith/SharedAccounts.js

@@ -1,13 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SharedAccounts = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../..");
-var SharedAccounts = function (_a) {
-    var accounts = _a.accounts, label = _a.label, menu = _a.menu, onClick = _a.onClick, totalAccounts = _a.totalAccounts, totalShowing = _a.totalShowing, disabled = _a.disabled;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { py: "base", spacing: "base", children: [(0, jsx_runtime_1.jsx)(components_1.ConnectedAccounts, { label: label, onClick: onClick, totalAccounts: totalAccounts, totalShowing: totalShowing, disabled: disabled }), (0, jsx_runtime_1.jsx)(react_1.Stack, { px: "base", spacing: "1", children: accounts === null || accounts === void 0 ? void 0 : accounts.map(function (account, index) {
-                    return ((0, jsx_runtime_1.jsx)(components_1.RecipientCard, { index: index, menu: menu, recipient: account, isEditDisabled: true }, account.user.email));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@chakra-ui/react';
+import { ConnectedAccounts, RecipientCard } from '../..';
+export const SharedAccounts = ({ accounts, label, menu, onClick, totalAccounts, totalShowing, disabled }) => {
+    return (_jsxs(Stack, { py: "base", spacing: "base", children: [_jsx(ConnectedAccounts, { label: label, onClick: onClick, totalAccounts: totalAccounts, totalShowing: totalShowing, disabled: disabled }), _jsx(Stack, { px: "base", spacing: "1", children: accounts === null || accounts === void 0 ? void 0 : accounts.map((account, index) => {
+                    return (_jsx(RecipientCard, { index: index, menu: menu, recipient: account, isEditDisabled: true }, account.user.email));
                 }) })] }));
 };
-exports.SharedAccounts = SharedAccounts;

package/dist/components/folderPanel/sharedWith/index.js

@@ -1,19 +1,3 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ConnectedAccounts"), exports);
-__exportStar(require("./RecipientsToShare"), exports);
-__exportStar(require("./SharedAccounts"), exports);
+export * from './ConnectedAccounts';
+export * from './RecipientsToShare';
+export * from './SharedAccounts';

package/dist/components/folderSharing/FolderLegends.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FolderLegends = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var helpers_1 = require("../../helpers");
-var components_1 = require("..");
-var FolderLegends = function () {
-    return ((0, jsx_runtime_1.jsx)(react_1.Flex, { align: "center", gap: "4", children: helpers_1.folderValuesCompleted.map(function (variant) { return ((0, jsx_runtime_1.jsx)(components_1.Legend, { variant: variant }, variant)); }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex } from '@chakra-ui/react';
+import { folderValuesCompleted } from '../../helpers';
+import { Legend } from '..';
+export const FolderLegends = () => {
+    return (_jsx(Flex, { align: "center", gap: "4", children: folderValuesCompleted.map((variant) => (_jsx(Legend, { variant: variant }, variant))) }));
 };
-exports.FolderLegends = FolderLegends;

package/dist/components/folderSharing/FolderSharing.js

@@ -1,27 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FolderSharing = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var images_1 = require("../../assets/images");
-var hooks_1 = require("../../hooks");
-var FolderSharing = function (_a) {
-    var currentSort = _a.currentSort, _b = _a.folders, folders = _b === void 0 ? [] : _b, handleAddNewFolder = _a.handleAddNewFolder, handleFolderClick = _a.handleFolderClick, handleSelect = _a.handleSelect, menuItems = _a.menuItems, disabled = _a.disabled;
-    var _c = (0, hooks_1.useFolderSharing)({ folders: folders, currentSort: currentSort, handleSelect: handleSelect }), currentSelection = _c.currentSelection, handleSelectItem = _c.handleSelectItem, hideLabels = _c.hideLabels, items = _c.items, sortedFolders = _c.sortedFolders;
-    var folderVariants = (0, hooks_1.useFolderValues)().folderVariants;
-    var hasMenuItems = !!menuItems && menuItems.length > 0;
-    return ((0, jsx_runtime_1.jsx)(react_1.GridItem, { colSpan: [1, 2], children: (0, jsx_runtime_1.jsx)(components_1.TileTooltip, { label: "folders", children: (0, jsx_runtime_1.jsxs)(react_1.Box, { backgroundColor: "lightBlue.1", boxShadow: "base", h: "full", children: [(0, jsx_runtime_1.jsx)(components_1.ContainerHeader, { disabled: !hasMenuItems, title: (0, i18next_1.t)('folderSharing.title'), titleIcon: images_1.YellowFolder, menuItems: menuItems, icon: (0, jsx_runtime_1.jsx)(components_1.MoreHorizontal, { size: 38 }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { bg: "lightBlue.2", py: "2", pl: "base", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { justify: "space-between", align: "center", gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.SelectInput, { handleClick: handleSelectItem, initialValue: currentSelection, items: items }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { alignSelf: "flex-end", gap: "6", children: [!hideLabels && (0, jsx_runtime_1.jsx)(components_1.FolderLegends, {}), (0, jsx_runtime_1.jsx)(components_1.LeftButtonAnimated, { id: "addFolders", onClick: handleAddNewFolder, label: (0, i18next_1.t)('folderSharing.addFolder.label'), disabled: disabled })] })] }) }), (0, jsx_runtime_1.jsx)(react_1.Wrap, { py: "8", px: "base", spacing: "2", id: "folder", children: sortedFolders === null || sortedFolders === void 0 ? void 0 : sortedFolders.map(function (folder) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Flex, Wrap, WrapItem, Image, Text, GridItem, } from '@chakra-ui/react';
+import { ContainerHeader, FolderLegends, LeftButtonAnimated, MoreHorizontal, SelectInput, TileTooltip, } from '..';
+import { GreenFolder, YellowFolder } from '../../assets/images';
+import { useFolderSharing, useFolderValues } from '../../hooks';
+export const FolderSharing = ({ currentSort, folders = [], handleAddNewFolder, handleFolderClick, handleSelect, menuItems, disabled, }) => {
+    const { currentSelection, handleSelectItem, hideLabels, items, sortedFolders, } = useFolderSharing({ folders, currentSort, handleSelect });
+    const { folderVariants } = useFolderValues();
+    const hasMenuItems = !!menuItems && menuItems.length > 0;
+    return (_jsx(GridItem, { colSpan: [1, 2], children: _jsx(TileTooltip, { label: "folders", children: _jsxs(Box, { backgroundColor: "lightBlue.1", boxShadow: "base", h: "full", children: [_jsx(ContainerHeader, { disabled: !hasMenuItems, title: t('folderSharing.title'), titleIcon: YellowFolder, menuItems: menuItems, icon: _jsx(MoreHorizontal, { size: 38 }) }), _jsx(Box, { bg: "lightBlue.2", py: "2", pl: "base", children: _jsxs(Flex, { justify: "space-between", align: "center", gap: "base", children: [_jsx(SelectInput, { handleClick: handleSelectItem, initialValue: currentSelection, items: items }), _jsxs(Flex, { alignSelf: "flex-end", gap: "6", children: [!hideLabels && _jsx(FolderLegends, {}), _jsx(LeftButtonAnimated, { id: "addFolders", onClick: handleAddNewFolder, label: t('folderSharing.addFolder.label'), disabled: disabled })] })] }) }), _jsx(Wrap, { py: "8", px: "base", spacing: "2", id: "folder", children: sortedFolders === null || sortedFolders === void 0 ? void 0 : sortedFolders.map((folder) => {
                             var _a;
-                            var _id = folder._id, name = folder.name, icon = folder.icon;
-                            var folderIcon = icon
+                            const { _id, name, icon } = folder;
+                            const folderIcon = icon
                                 ? (_a = folderVariants[icon]) === null || _a === void 0 ? void 0 : _a.folder
                                 : folderVariants['system'].folder;
-                            return ((0, jsx_runtime_1.jsx)(react_1.WrapItem, { w: "6.5rem", role: "group", children: (0, jsx_runtime_1.jsx)(react_1.Box, { as: "button", position: "relative", pb: "base", pt: "6", w: "100%", onClick: function () { return handleFolderClick(folder); }, children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { direction: "column", gap: "base", align: "center", px: "base", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: folderIcon || images_1.GreenFolder, w: "3.7rem", h: "auto", alt: (0, i18next_1.t)('folderSharing.altIcon'), transition: "all 0.2s ease-in-out", _groupHover: {
+                            return (_jsx(WrapItem, { w: "6.5rem", role: "group", children: _jsx(Box, { as: "button", position: "relative", pb: "base", pt: "6", w: "100%", onClick: () => handleFolderClick(folder), children: _jsxs(Flex, { direction: "column", gap: "base", align: "center", px: "base", children: [_jsx(Image, { src: folderIcon || GreenFolder, w: "3.7rem", h: "auto", alt: t('folderSharing.altIcon'), transition: "all 0.2s ease-in-out", _groupHover: {
                                                     boxShadow: 'lg',
                                                     transform: 'scale(1.05)',
-                                                } }), (0, jsx_runtime_1.jsx)(react_1.Text, { noOfLines: 2, lineHeight: "1.1", fontSize: "sm", textOverflow: "ellipsis", children: name })] }) }) }, _id));
+                                                } }), _jsx(Text, { noOfLines: 2, lineHeight: "1.1", fontSize: "sm", textOverflow: "ellipsis", children: name })] }) }) }, _id));
                         }) })] }) }) }));
 };
-exports.FolderSharing = FolderSharing;

package/dist/components/folderSharing/Legend.js

@@ -1,17 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Legend = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var helpers_1 = require("../../helpers");
-var LegendChildren = function (_a) {
-    var variant = _a.variant;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { w: "1rem", h: "1rem", backgroundColor: helpers_1.folderBgColorCompleted[variant] }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "xxs", fontFamily: "secondary", children: variant.toUpperCase() })] }));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Flex, Box, Text, Tooltip } from '@chakra-ui/react';
+import { folderBgColorCompleted } from '../../helpers';
+const LegendChildren = ({ variant }) => (_jsxs(_Fragment, { children: [_jsx(Box, { w: "1rem", h: "1rem", backgroundColor: folderBgColorCompleted[variant] }), _jsx(Text, { fontSize: "xxs", fontFamily: "secondary", children: variant.toUpperCase() })] }));
+export const Legend = ({ variant }) => {
+    const isSystem = variant === 'system';
+    return (_jsxs(_Fragment, { children: [isSystem && (_jsx(Tooltip, { label: t('tooltips.system'), children: _jsx(Flex, { align: "center", gap: "2", children: _jsx(LegendChildren, { variant: variant }) }) })), !isSystem && (_jsx(Flex, { align: "center", gap: "2", children: _jsx(LegendChildren, { variant: variant }) }))] }));
 };
-var Legend = function (_a) {
-    var variant = _a.variant;
-    var isSystem = variant === 'system';
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isSystem && ((0, jsx_runtime_1.jsx)(react_1.Tooltip, { label: (0, i18next_1.t)('tooltips.system'), children: (0, jsx_runtime_1.jsx)(react_1.Flex, { align: "center", gap: "2", children: (0, jsx_runtime_1.jsx)(LegendChildren, { variant: variant }) }) })), !isSystem && ((0, jsx_runtime_1.jsx)(react_1.Flex, { align: "center", gap: "2", children: (0, jsx_runtime_1.jsx)(LegendChildren, { variant: variant }) }))] }));
-};
-exports.Legend = Legend;

package/dist/components/folderSharing/index.js

@@ -1,19 +1,3 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./FolderLegends"), exports);
-__exportStar(require("./FolderSharing"), exports);
-__exportStar(require("./Legend"), exports);
+export * from './FolderLegends';
+export * from './FolderSharing';
+export * from './Legend';

package/dist/components/footers/FooterButtons.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterButtons = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var FooterButtons = function (_a) {
-    var button1 = _a.button1, button2 = _a.button2, button3 = _a.button3;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", justifyContent: "space-between", w: "full", px: "base", children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", gap: "2", children: [button1 ? ((0, jsx_runtime_1.jsx)(react_1.Button, { variant: button1.buttonStyle, onClick: button1.onClick, disabled: button1.isDisabled, isLoading: button1.isLoading, children: button1.label })) : ((0, jsx_runtime_1.jsx)(react_1.Box, {})), button2 && ((0, jsx_runtime_1.jsx)(react_1.Button, { variant: button2.buttonStyle, onClick: button2.onClick, disabled: button2.isDisabled, isLoading: button2.isLoading, children: button2.label }))] }), button3 && ((0, jsx_runtime_1.jsx)(react_1.Button, { variant: button3.buttonStyle, onClick: button3.onClick, disabled: button3.isDisabled, isLoading: button3.isLoading, children: button3.label }))] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Flex } from '@chakra-ui/react';
+export const FooterButtons = ({ button1, button2, button3, }) => {
+    return (_jsxs(Flex, { align: "center", justifyContent: "space-between", w: "full", px: "base", children: [_jsxs(Flex, { align: "center", gap: "2", children: [button1 ? (_jsx(Button, { variant: button1.buttonStyle, onClick: button1.onClick, disabled: button1.isDisabled, isLoading: button1.isLoading, children: button1.label })) : (_jsx(Box, {})), button2 && (_jsx(Button, { variant: button2.buttonStyle, onClick: button2.onClick, disabled: button2.isDisabled, isLoading: button2.isLoading, children: button2.label }))] }), button3 && (_jsx(Button, { variant: button3.buttonStyle, onClick: button3.onClick, disabled: button3.isDisabled, isLoading: button3.isLoading, children: button3.label }))] }));
 };
-exports.FooterButtons = FooterButtons;

package/dist/components/footers/FooterDrawer.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterDrawer = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var FooterDrawer = function (_a) {
-    var children = _a.children, isOpen = _a.isOpen, _b = _a.variant, variant = _b === void 0 ? 'footer' : _b;
-    return ((0, jsx_runtime_1.jsx)(react_1.Slide, { direction: "bottom", in: isOpen, children: (0, jsx_runtime_1.jsx)(react_1.Container, { variant: variant, minW: "full", children: (0, jsx_runtime_1.jsx)(react_1.Center, { py: ["0.5rem", "2rem"], children: children }) }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Center, Container, Slide } from '@chakra-ui/react';
+export const FooterDrawer = ({ children, isOpen, variant = 'footer' }) => {
+    return (_jsx(Slide, { direction: "bottom", in: isOpen, children: _jsx(Container, { variant: variant, minW: "full", children: _jsx(Center, { py: ["0.5rem", "2rem"], children: children }) }) }));
 };
-exports.FooterDrawer = FooterDrawer;

package/dist/components/footers/index.js

@@ -1,18 +1,2 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./FooterDrawer"), exports);
-__exportStar(require("./FooterButtons"), exports);
+export * from './FooterDrawer';
+export * from './FooterButtons';

package/dist/components/forms/Address.js

@@ -1,18 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Address = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var utils_1 = require("../../utils");
-var colors_1 = require("../../theme/colors");
-var Address = function (_a) {
-    var complements = _a.complements, counter = _a.counter, handleInputChange = _a.handleInputChange, handleAddComplements = _a.handleAddComplements, handleDeleteComplements = _a.handleDeleteComplements, inputs = _a.inputs, _b = _a.isDisabled, isDisabled = _b === void 0 ? true : _b, isValidated = _a.isValidated;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", children: [(0, jsx_runtime_1.jsxs)(react_1.InputGroup, { gap: "base", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { w: "40%", children: (0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: (0, i18next_1.t)('forms.number') + ' ' + (0, i18next_1.t)('forms.required'), hasError: isValidated && (0, utils_1.isEmptyField)(inputs.number), id: "number", placeholder: (0, i18next_1.t)('forms.number'), value: inputs.number, handleChange: function (event) { return handleInputChange(event, 'number'); } }) }), (0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: (0, i18next_1.t)('forms.street') + ' ' + (0, i18next_1.t)('forms.required'), hasError: isValidated && (0, utils_1.isEmptyField)(inputs.street), id: "street", placeholder: (0, i18next_1.t)('forms.street'), value: inputs.street, handleChange: function (event) { return handleInputChange(event, 'street'); } }), (0, jsx_runtime_1.jsx)(react_1.IconButton, { "aria-label": "Add new address line", variant: "iconOutlined", icon: (0, jsx_runtime_1.jsx)(components_1.Plus, { size: 28, stroke: colors_1.colors.blue[3] }), onClick: handleAddComplements, isDisabled: counter >= 2, maxH: "input.md" })] }), (complements === null || complements === void 0 ? void 0 : complements.length) > 0 &&
-                (complements === null || complements === void 0 ? void 0 : complements.map(function (complement) {
-                    var complementValue = inputs[complement];
-                    return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, { gap: "base", children: [complement && ((0, jsx_runtime_1.jsx)(components_1.TextInput, { id: complement, placeholder: (0, i18next_1.t)("forms.".concat(complement)), value: complementValue, handleChange: function (event) { return handleInputChange(event, complement); } })), (0, jsx_runtime_1.jsx)(react_1.Center, { w: "3.5rem", children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { w: "2rem", h: "2rem", "aria-label": "Delete address line", variant: "iconOutlined", icon: (0, jsx_runtime_1.jsx)(components_1.Minus, {}), onClick: function () { return handleDeleteComplements(complement); } }) })] }, complement));
-                })), (0, jsx_runtime_1.jsxs)(react_1.InputGroup, { gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: (0, i18next_1.t)('forms.zip') + ' ' + (0, i18next_1.t)('forms.required'), hasError: isValidated && (0, utils_1.isEmptyField)(inputs.zip), id: "zip", placeholder: (0, i18next_1.t)('forms.zip'), value: inputs.zip, handleChange: function (event) { return handleInputChange(event, 'zip'); } }), (0, jsx_runtime_1.jsx)(components_1.TextInput, { id: "city", placeholder: (0, i18next_1.t)('forms.city'), value: inputs.city, handleChange: function (event) { return handleInputChange(event, 'city'); }, isDisabled: isDisabled }), (0, jsx_runtime_1.jsx)(components_1.TextInput, { id: "state", placeholder: (0, i18next_1.t)('forms.state'), value: inputs.state, handleChange: function (event) { return handleInputChange(event, 'state'); }, isDisabled: isDisabled })] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Center, IconButton, InputGroup, Stack } from '@chakra-ui/react';
+import { Minus, Plus, TextInput } from '..';
+import { isEmptyField } from '../../utils';
+import { colors } from '../../theme/colors';
+export const Address = ({ complements, counter, handleInputChange, handleAddComplements, handleDeleteComplements, inputs, isDisabled = true, isValidated, }) => {
+    return (_jsxs(Stack, { spacing: "base", children: [_jsxs(InputGroup, { gap: "base", children: [_jsx(Box, { w: "40%", children: _jsx(TextInput, { errorMessage: t('forms.number') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.number), id: "number", placeholder: t('forms.number'), value: inputs.number, handleChange: (event) => handleInputChange(event, 'number') }) }), _jsx(TextInput, { errorMessage: t('forms.street') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.street), id: "street", placeholder: t('forms.street'), value: inputs.street, handleChange: (event) => handleInputChange(event, 'street') }), _jsx(IconButton, { "aria-label": "Add new address line", variant: "iconOutlined", icon: _jsx(Plus, { size: 28, stroke: colors.blue[3] }), onClick: handleAddComplements, isDisabled: counter >= 2, maxH: "input.md" })] }), (complements === null || complements === void 0 ? void 0 : complements.length) > 0 &&
+                (complements === null || complements === void 0 ? void 0 : complements.map((complement) => {
+                    const complementValue = inputs[complement];
+                    return (_jsxs(InputGroup, { gap: "base", children: [complement && (_jsx(TextInput, { id: complement, placeholder: t(`forms.${complement}`), value: complementValue, handleChange: (event) => handleInputChange(event, complement) })), _jsx(Center, { w: "3.5rem", children: _jsx(IconButton, { w: "2rem", h: "2rem", "aria-label": "Delete address line", variant: "iconOutlined", icon: _jsx(Minus, {}), onClick: () => handleDeleteComplements(complement) }) })] }, complement));
+                })), _jsxs(InputGroup, { gap: "base", children: [_jsx(TextInput, { errorMessage: t('forms.zip') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.zip), id: "zip", placeholder: t('forms.zip'), value: inputs.zip, handleChange: (event) => handleInputChange(event, 'zip') }), _jsx(TextInput, { id: "city", placeholder: t('forms.city'), value: inputs.city, handleChange: (event) => handleInputChange(event, 'city'), isDisabled: isDisabled }), _jsx(TextInput, { id: "state", placeholder: t('forms.state'), value: inputs.state, handleChange: (event) => handleInputChange(event, 'state'), isDisabled: isDisabled })] })] }));
 };
-exports.Address = Address;

package/dist/components/forms/AddressStored.js

@@ -1,23 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddressStored = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var valtio_1 = require("valtio");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var proxies_1 = require("../../proxies");
-var hooks_1 = require("../../hooks");
-var colors_1 = require("../../theme/colors");
-var AddressStored = function (_a) {
-    var _b;
-    var _c = _a.proxy, proxy = _c === void 0 ? proxies_1.addressProxy : _c, setIsDirty = _a.setIsDirty;
-    var _d = (0, valtio_1.useSnapshot)(proxy, { sync: true }), fields = _d.fields, validations = _d.validations;
-    var _e = (0, hooks_1.useAddressStored)({ proxy: proxy, setIsDirty: setIsDirty }), complements = _e.complements, handleAddComplement = _e.handleAddComplement, handleDeleteComplement = _e.handleDeleteComplement, handleErrorMessage = _e.handleErrorMessage, handleInputChange = _e.handleInputChange, handleValidation = _e.handleValidation;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: "base", children: [(0, jsx_runtime_1.jsxs)(react_1.InputGroup, { gap: "base", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { w: "40%", children: (0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: handleErrorMessage('number'), hasError: !validations.isStreetNumberValid, id: "streetNumber", placeholder: "".concat((0, i18next_1.t)('forms.number'), "*"), value: (_b = fields.number) === null || _b === void 0 ? void 0 : _b.toString(), handleChange: function (event) { return handleInputChange(event, 'number'); }, onBlurCapture: function () { return handleValidation('number'); } }) }), (0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: handleErrorMessage('street'), hasError: !validations.isStreetValid, id: "street", placeholder: "".concat((0, i18next_1.t)('forms.street'), "*"), value: fields.street, handleChange: function (event) { return handleInputChange(event, 'street'); }, onBlurCapture: function () { return handleValidation('street'); } }), (0, jsx_runtime_1.jsx)(react_1.IconButton, { "aria-label": "Add new address line", variant: "iconOutlined", icon: (0, jsx_runtime_1.jsx)(components_1.Plus, { stroke: colors_1.colors.blue[3], size: 28 }), onClick: handleAddComplement, isDisabled: complements.length === 2, maxH: "input.md" })] }), (complements === null || complements === void 0 ? void 0 : complements.length) > 0 &&
-                (complements === null || complements === void 0 ? void 0 : complements.map(function (complement) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSnapshot } from 'valtio';
+import { t } from 'i18next';
+import { Box, Center, IconButton, InputGroup, Stack } from '@chakra-ui/react';
+import { Minus, Plus, TextInput } from '..';
+import { addressProxy } from '../../proxies';
+import { useAddressStored } from '../../hooks';
+import { colors } from '../../theme/colors';
+export const AddressStored = ({ proxy = addressProxy, setIsDirty, }) => {
+    var _a;
+    const { fields, validations } = useSnapshot(proxy, { sync: true });
+    const { complements, handleAddComplement, handleDeleteComplement, handleErrorMessage, handleInputChange, handleValidation, } = useAddressStored({ proxy, setIsDirty });
+    return (_jsxs(Stack, { spacing: "base", children: [_jsxs(InputGroup, { gap: "base", children: [_jsx(Box, { w: "40%", children: _jsx(TextInput, { errorMessage: handleErrorMessage('number'), hasError: !validations.isStreetNumberValid, id: "streetNumber", placeholder: `${t('forms.number')}*`, value: (_a = fields.number) === null || _a === void 0 ? void 0 : _a.toString(), handleChange: (event) => handleInputChange(event, 'number'), onBlurCapture: () => handleValidation('number') }) }), _jsx(TextInput, { errorMessage: handleErrorMessage('street'), hasError: !validations.isStreetValid, id: "street", placeholder: `${t('forms.street')}*`, value: fields.street, handleChange: (event) => handleInputChange(event, 'street'), onBlurCapture: () => handleValidation('street') }), _jsx(IconButton, { "aria-label": "Add new address line", variant: "iconOutlined", icon: _jsx(Plus, { stroke: colors.blue[3], size: 28 }), onClick: handleAddComplement, isDisabled: complements.length === 2, maxH: "input.md" })] }), (complements === null || complements === void 0 ? void 0 : complements.length) > 0 &&
+                (complements === null || complements === void 0 ? void 0 : complements.map((complement) => {
                     var _a;
-                    return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, { gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.TextInput, { id: complement, placeholder: (0, i18next_1.t)("forms.".concat(complement)), value: (_a = fields[complement]) !== null && _a !== void 0 ? _a : '', handleChange: function (event) { return handleInputChange(event, complement); } }), (0, jsx_runtime_1.jsx)(react_1.Center, { w: "3.5rem", children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { w: "2rem", h: "2rem", "aria-label": "Delete address line", variant: "iconOutlined", icon: (0, jsx_runtime_1.jsx)(components_1.Minus, {}), onClick: function () { return handleDeleteComplement(complement); } }) })] }, complement));
-                })), (0, jsx_runtime_1.jsxs)(react_1.InputGroup, { gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: handleErrorMessage('zip'), hasError: !validations.isZipValid, id: "zip", placeholder: "".concat((0, i18next_1.t)('forms.zip'), "*"), value: fields.zip, handleChange: function (event) { return handleInputChange(event, 'zip'); }, onBlurCapture: function () { return handleValidation('zip'); } }), (0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: handleErrorMessage('city'), hasError: !validations.isCityValid, id: "city", placeholder: "".concat((0, i18next_1.t)('forms.city'), "*"), value: fields.city, handleChange: function (event) { return handleInputChange(event, 'city'); }, isDisabled: !fields.zip, onBlurCapture: function () { return handleValidation('city'); } }), (0, jsx_runtime_1.jsx)(components_1.TextInput, { errorMessage: handleErrorMessage('state'), hasError: !validations.isStateValid, id: "state", placeholder: "".concat((0, i18next_1.t)('forms.state'), "*"), value: fields.state, handleChange: function (event) { return handleInputChange(event, 'state'); }, isDisabled: !fields.zip, onBlurCapture: function () { return handleValidation('state'); } })] })] }));
+                    return (_jsxs(InputGroup, { gap: "base", children: [_jsx(TextInput, { id: complement, placeholder: t(`forms.${complement}`), value: (_a = fields[complement]) !== null && _a !== void 0 ? _a : '', handleChange: (event) => handleInputChange(event, complement) }), _jsx(Center, { w: "3.5rem", children: _jsx(IconButton, { w: "2rem", h: "2rem", "aria-label": "Delete address line", variant: "iconOutlined", icon: _jsx(Minus, {}), onClick: () => handleDeleteComplement(complement) }) })] }, complement));
+                })), _jsxs(InputGroup, { gap: "base", children: [_jsx(TextInput, { errorMessage: handleErrorMessage('zip'), hasError: !validations.isZipValid, id: "zip", placeholder: `${t('forms.zip')}*`, value: fields.zip, handleChange: (event) => handleInputChange(event, 'zip'), onBlurCapture: () => handleValidation('zip') }), _jsx(TextInput, { errorMessage: handleErrorMessage('city'), hasError: !validations.isCityValid, id: "city", placeholder: `${t('forms.city')}*`, value: fields.city, handleChange: (event) => handleInputChange(event, 'city'), isDisabled: !fields.zip, onBlurCapture: () => handleValidation('city') }), _jsx(TextInput, { errorMessage: handleErrorMessage('state'), hasError: !validations.isStateValid, id: "state", placeholder: `${t('forms.state')}*`, value: fields.state, handleChange: (event) => handleInputChange(event, 'state'), isDisabled: !fields.zip, onBlurCapture: () => handleValidation('state') })] })] }));
 };
-exports.AddressStored = AddressStored;

package/dist/components/forms/Collapsible.js

@@ -1,18 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Collapsible = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var Collapsible = function (_a) {
-    var children = _a.children, icon = _a.icon, title = _a.title;
-    return ((0, jsx_runtime_1.jsx)(react_1.Accordion, { flex: "1", allowMultiple: true, boxShadow: "md", children: (0, jsx_runtime_1.jsx)(react_1.AccordionItem, { border: "none", children: function (_a) {
-                var isExpanded = _a.isExpanded;
-                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.AccordionButton, { w: "100%", p: "base", bg: "neutral.white", transition: "all .2s ease-in-out", borderBottom: "1px solid", borderColor: isExpanded ? 'lightBlue.2' : 'transparent', _hover: {
-                                boxShadow: 'lg',
-                            }, _focus: {
-                                outline: 'none',
-                            }, children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", justify: "space-between", flex: "1", children: [(0, jsx_runtime_1.jsx)(components_1.CollapsibleHeader, { icon: icon, title: title }), (0, jsx_runtime_1.jsx)(react_1.Box, { rounded: "full", border: "1px solid", padding: "1", borderColor: "blue.3", transition: "all .2s ease-in-out", transform: isExpanded ? 'rotate(-90deg)' : 'rotate(0)', children: (0, jsx_runtime_1.jsx)(components_1.ChevronRight, {}) })] }) }), (0, jsx_runtime_1.jsx)(react_1.AccordionPanel, { p: "base", bg: "neutral.white", children: children })] }));
-            } }) }));
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Accordion, AccordionButton, AccordionItem, AccordionPanel, Box, Flex, } from '@chakra-ui/react';
+import { ChevronRight, CollapsibleHeader } from '..';
+export const Collapsible = ({ children, icon, title, }) => {
+    return (_jsx(Accordion, { flex: "1", allowMultiple: true, boxShadow: "md", children: _jsx(AccordionItem, { border: "none", children: ({ isExpanded }) => (_jsxs(_Fragment, { children: [_jsx(AccordionButton, { w: "100%", p: "base", bg: "neutral.white", transition: "all .2s ease-in-out", borderBottom: "1px solid", borderColor: isExpanded ? 'lightBlue.2' : 'transparent', _hover: {
+                            boxShadow: 'lg',
+                        }, _focus: {
+                            outline: 'none',
+                        }, children: _jsxs(Flex, { align: "center", justify: "space-between", flex: "1", children: [_jsx(CollapsibleHeader, { icon: icon, title: title }), _jsx(Box, { rounded: "full", border: "1px solid", padding: "1", borderColor: "blue.3", transition: "all .2s ease-in-out", transform: isExpanded ? 'rotate(-90deg)' : 'rotate(0)', children: _jsx(ChevronRight, {}) })] }) }), _jsx(AccordionPanel, { p: "base", bg: "neutral.white", children: children })] })) }) }));
 };
-exports.Collapsible = Collapsible;

package/dist/components/forms/EditItemName.js

@@ -1,13 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditItemName = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = require("i18next");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("..");
-var EditItemName = function (_a) {
-    var errorMessage = _a.errorMessage, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isRequired, isRequired = _c === void 0 ? true : _c, loading = _a.loading, onChange = _a.onChange, onSave = _a.onSave, _d = _a.showSaveButton, showSaveButton = _d === void 0 ? false : _d, value = _a.value;
-    var showButton = value || showSaveButton;
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { w: "100%", children: (0, jsx_runtime_1.jsxs)(react_1.Flex, { gap: "base", children: [(0, jsx_runtime_1.jsx)(components_1.TextInput, { maxLength: 45, handleChange: onChange, id: "folder-name", placeholder: placeholder, value: value, isDisabled: isDisabled, hasError: isRequired && !value, errorMessage: errorMessage }), showButton && ((0, jsx_runtime_1.jsx)(react_1.Button, { variant: "secondary", maxW: "fit-content", maxH: "input.md", onClick: onSave, isLoading: loading, children: (0, i18next_1.t)('createDocument.buttons.save') }))] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from 'i18next';
+import { Box, Button, Flex } from '@chakra-ui/react';
+import { TextInput } from '..';
+export const EditItemName = ({ errorMessage, placeholder, isDisabled = false, isRequired = true, loading, onChange, onSave, showSaveButton = false, value, }) => {
+    const showButton = value || showSaveButton;
+    return (_jsx(Box, { w: "100%", children: _jsxs(Flex, { gap: "base", children: [_jsx(TextInput, { maxLength: 45, handleChange: onChange, id: "folder-name", placeholder: placeholder, value: value, isDisabled: isDisabled, hasError: isRequired && !value, errorMessage: errorMessage }), showButton && (_jsx(Button, { variant: "secondary", maxW: "fit-content", maxH: "input.md", onClick: onSave, isLoading: loading, children: t('createDocument.buttons.save') }))] }) }));
 };
-exports.EditItemName = EditItemName;