@homefile/components-v2 1.0.2 → 1.0.4

package/dist/stories/homeAssistant/HomeAssistantTutorial.stories.js

@@ -1,34 +1,19 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HomeAssistantTutorialComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../components");
-var react_1 = require("@chakra-ui/react");
-var addon_actions_1 = require("@storybook/addon-actions");
-var mocks_1 = require("../../mocks");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HomeAssistantTutorial } from '../../components';
+import { Box } from '@chakra-ui/react';
+import { action } from '@storybook/addon-actions';
+import { videoMock } from '../../mocks';
+export default {
     title: 'Components/HomeAssistant',
-    component: components_1.HomeAssistantTutorial,
+    component: HomeAssistantTutorial,
     args: {
-        videoUrl: mocks_1.videoMock,
-        onStart: (0, addon_actions_1.action)('onStart'),
+        videoUrl: videoMock,
+        onStart: action('onStart'),
     },
     decorators: [
-        function (Story) { return ((0, jsx_runtime_1.jsx)(react_1.Box, { w: "fit-content", p: "base", bg: "neutral.white", children: (0, jsx_runtime_1.jsx)(Story, {}) })); },
+        (Story) => (_jsx(Box, { w: "fit-content", p: "base", bg: "neutral.white", children: _jsx(Story, {}) })),
     ],
 };
-var HomeAssistantTutorialComponent = function (args) {
-    return (0, jsx_runtime_1.jsx)(components_1.HomeAssistantTutorial, __assign({}, args));
+export const HomeAssistantTutorialComponent = (args) => {
+    return _jsx(HomeAssistantTutorial, Object.assign({}, args));
 };
-exports.HomeAssistantTutorialComponent = HomeAssistantTutorialComponent;

package/dist/stories/homeAssistant/panel/ApplianceSteps.stories.js

@@ -1,32 +1,17 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApplianceStepsComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../components");
-var react_1 = require("@chakra-ui/react");
-var addon_actions_1 = require("@storybook/addon-actions");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ApplianceSteps } from '../../../components';
+import { Box } from '@chakra-ui/react';
+import { action } from '@storybook/addon-actions';
+export default {
     title: 'Components/HomeAssistant',
-    component: components_1.ApplianceSteps,
+    component: ApplianceSteps,
     args: {
-        onclick: (0, addon_actions_1.action)('clicked'),
+        onclick: action('clicked'),
     },
     decorators: [
-        function (Story) { return ((0, jsx_runtime_1.jsx)(react_1.Box, { w: ['full', 'fit-content'], p: "base", children: (0, jsx_runtime_1.jsx)(Story, {}) })); },
+        (Story) => (_jsx(Box, { w: ['full', 'fit-content'], p: "base", children: _jsx(Story, {}) })),
     ],
 };
-var ApplianceStepsComponent = function (args) {
-    return (0, jsx_runtime_1.jsx)(components_1.ApplianceSteps, __assign({}, args));
+export const ApplianceStepsComponent = (args) => {
+    return _jsx(ApplianceSteps, Object.assign({}, args));
 };
-exports.ApplianceStepsComponent = ApplianceStepsComponent;

package/dist/stories/homeAssistant/panel/HomeAssistantPanel.stories.js

@@ -1,58 +1,39 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HomeAssistantPanelComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var addon_actions_1 = require("@storybook/addon-actions");
-var components_1 = require("../../../components");
-var mocks_1 = require("../../../mocks");
-var react_1 = require("react");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { action } from '@storybook/addon-actions';
+import { HomeAssistantPanel, RightPanel } from '../../../components';
+import { homeAssitantStep1FormMock, homeAssitantStep2FormMock, homeAssitantStep3FormMock, homeAssitantStep4FormMock, homeAssitantStep5FormMock, } from '../../../mocks';
+import { useState } from 'react';
+export default {
     title: 'Components/HomeAssistant',
-    component: components_1.HomeAssistantPanel,
+    component: HomeAssistantPanel,
     args: {
         currentStep: 4,
-        currentForm: mocks_1.homeAssitantStep1FormMock,
+        currentForm: homeAssitantStep1FormMock,
     },
     decorators: [
-        function (Story) { return ((0, jsx_runtime_1.jsx)(components_1.RightPanel, { isOpen: true, onClose: (0, addon_actions_1.action)('onClose'), children: (0, jsx_runtime_1.jsx)(Story, {}) })); },
+        (Story) => (_jsx(RightPanel, { isOpen: true, onClose: action('onClose'), children: _jsx(Story, {}) })),
     ],
 };
-var HomeAssistantPanelComponent = function (args) {
-    var _a = (0, react_1.useState)(args.currentStep), currentStep = _a[0], setCurrentStep = _a[1];
-    var forms = {
-        1: mocks_1.homeAssitantStep1FormMock,
-        2: mocks_1.homeAssitantStep2FormMock,
-        3: mocks_1.homeAssitantStep3FormMock,
-        4: mocks_1.homeAssitantStep4FormMock,
-        5: mocks_1.homeAssitantStep5FormMock,
-        6: mocks_1.homeAssitantStep5FormMock,
-    };
-    var handleFormChange = function () {
-        return setCurrentStep(function (prev) {
-            if (prev === 6)
-                return 1;
-            return prev + 1;
-        });
-    };
-    var handleBack = function () {
-        return setCurrentStep(function (prev) {
-            if (prev === 1)
-                return 6;
-            return prev - 1;
-        });
+export const HomeAssistantPanelComponent = (args) => {
+    const [currentStep, setCurrentStep] = useState(args.currentStep);
+    const forms = {
+        1: homeAssitantStep1FormMock,
+        2: homeAssitantStep2FormMock,
+        3: homeAssitantStep3FormMock,
+        4: homeAssitantStep4FormMock,
+        5: homeAssitantStep5FormMock,
+        6: homeAssitantStep5FormMock,
     };
-    var currentForm = forms[currentStep];
-    return ((0, jsx_runtime_1.jsx)(components_1.HomeAssistantPanel, __assign({}, args, { currentStep: currentStep, currentForm: currentForm, onNext: handleFormChange, onBack: handleBack })));
+    const handleFormChange = () => setCurrentStep((prev) => {
+        if (prev === 6)
+            return 1;
+        return prev + 1;
+    });
+    const handleBack = () => setCurrentStep((prev) => {
+        if (prev === 1)
+            return 6;
+        return prev - 1;
+    });
+    const currentForm = forms[currentStep];
+    return (_jsx(HomeAssistantPanel, Object.assign({}, args, { currentStep: currentStep, currentForm: currentForm, onNext: handleFormChange, onBack: handleBack })));
 };
-exports.HomeAssistantPanelComponent = HomeAssistantPanelComponent;

package/dist/stories/homeAssistant/panel/HomeAssistantPanelStep.stories.js

@@ -1,31 +1,16 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HomeAssistantPanelStepComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../components");
-var react_1 = require("@chakra-ui/react");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HomeAssistantPanelStep } from '../../../components';
+import { Box } from '@chakra-ui/react';
+export default {
     title: 'Components/HomeAssistant',
-    component: components_1.HomeAssistantPanelStep,
+    component: HomeAssistantPanelStep,
     args: {
         currentStep: 3,
     },
     decorators: [
-        function (Story) { return ((0, jsx_runtime_1.jsx)(react_1.Box, { w: "500px", p: "base", children: (0, jsx_runtime_1.jsx)(Story, {}) })); },
+        (Story) => (_jsx(Box, { w: "500px", p: "base", children: _jsx(Story, {}) })),
     ],
 };
-var HomeAssistantPanelStepComponent = function (args) {
-    return (0, jsx_runtime_1.jsx)(components_1.HomeAssistantPanelStep, __assign({}, args));
+export const HomeAssistantPanelStepComponent = (args) => {
+    return _jsx(HomeAssistantPanelStep, Object.assign({}, args));
 };
-exports.HomeAssistantPanelStepComponent = HomeAssistantPanelStepComponent;

package/dist/stories/homeBoard/AddFolder.stories.js

@@ -1,34 +1,19 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddFolderComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_2 = require("@chakra-ui/react");
-var components_1 = require("../../components");
-var addon_actions_1 = require("@storybook/addon-actions");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { Drawer, useDisclosure } from '@chakra-ui/react';
+import { AddFolder, FolderTypeSelection } from '../../components';
+import { action } from '@storybook/addon-actions';
+export default {
     title: 'Components/HomeBoard',
-    component: components_1.AddFolder,
+    component: AddFolder,
     args: {
-        children: (0, jsx_runtime_1.jsx)(components_1.FolderTypeSelection, { onChange: (0, addon_actions_1.action)('onChange') }),
+        children: _jsx(FolderTypeSelection, { onChange: action('onChange') }),
     },
 };
-var AddFolderComponent = function (args) {
-    var _a = (0, react_2.useDisclosure)(), isOpen = _a.isOpen, onOpen = _a.onOpen, onClose = _a.onClose;
-    (0, react_1.useEffect)(function () {
+export const AddFolderComponent = (args) => {
+    const { isOpen, onOpen, onClose } = useDisclosure();
+    useEffect(() => {
         onOpen();
     }, []);
-    return ((0, jsx_runtime_1.jsx)(react_2.Drawer, { placement: "right", onClose: onClose, isOpen: isOpen, size: "md", children: (0, jsx_runtime_1.jsx)(components_1.AddFolder, __assign({}, args)) }));
+    return (_jsx(Drawer, { placement: "right", onClose: onClose, isOpen: isOpen, size: "md", children: _jsx(AddFolder, Object.assign({}, args)) }));
 };
-exports.AddFolderComponent = AddFolderComponent;

package/dist/stories/homeBoard/AddHomeItem.stories.js

@@ -1,25 +1,10 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddHomeItemComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../components");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { AddHomeItem } from '../../components';
+export default {
     title: 'Components/HomeBoard',
-    component: components_1.AddHomeItem,
+    component: AddHomeItem,
 };
-var AddHomeItemComponent = function (args) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { w: ['full', '300px'], children: (0, jsx_runtime_1.jsx)(components_1.AddHomeItem, __assign({}, args)) }));
+export const AddHomeItemComponent = (args) => {
+    return (_jsx(Box, { w: ['full', '300px'], children: _jsx(AddHomeItem, Object.assign({}, args)) }));
 };
-exports.AddHomeItemComponent = AddHomeItemComponent;

package/dist/stories/homeBoard/AddPropertyRecords.stories.js

@@ -1,28 +1,14 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddPropertyRecordsComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../components");
-var helpers_1 = require("../../helpers");
-var mocks_1 = require("../../mocks");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Drawer } from '@chakra-ui/react';
+import { AddPropertyRecords } from '../../components';
+import { formValues } from '../../helpers';
+import { propertiesMock } from '../../mocks';
+export default {
     title: 'Components/HomeBoard',
-    component: components_1.AddPropertyRecords,
+    component: AddPropertyRecords,
     args: {
-        values: helpers_1.formValues,
-        properties: mocks_1.propertiesMock,
+        values: formValues,
+        properties: propertiesMock,
     },
     argTypes: {
         step: {
@@ -30,7 +16,6 @@ exports.default = {
         },
     },
 };
-var AddPropertyRecordsComponent = function (args) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Drawer, { placement: "left", onClose: function () { return null; }, isOpen: true, size: "md", children: (0, jsx_runtime_1.jsx)(components_1.AddPropertyRecords, __assign({}, args)) }));
+export const AddPropertyRecordsComponent = (args) => {
+    return (_jsx(Drawer, { placement: "left", onClose: () => null, isOpen: true, size: "md", children: _jsx(AddPropertyRecords, Object.assign({}, args)) }));
 };
-exports.AddPropertyRecordsComponent = AddPropertyRecordsComponent;

package/dist/stories/homeBoard/DetailsTab.stories.js

@@ -1,25 +1,10 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DetailsTabComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../components");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { DetailsTab } from '../../components';
+export default {
     title: 'Components/HomeBoard',
-    component: components_1.DetailsTab,
+    component: DetailsTab,
 };
-var DetailsTabComponent = function (args) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { width: ['full', '500px'], p: "base", bg: "white", children: (0, jsx_runtime_1.jsx)(components_1.DetailsTab, __assign({}, args)) }));
+export const DetailsTabComponent = (args) => {
+    return (_jsx(Box, { width: ['full', '500px'], p: "base", bg: "white", children: _jsx(DetailsTab, Object.assign({}, args)) }));
 };
-exports.DetailsTabComponent = DetailsTabComponent;

package/dist/stories/homeBoard/EditAccountType.stories.js

@@ -1,29 +1,14 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditAccountTypeComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../components");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Drawer } from '@chakra-ui/react';
+import { EditAccountType } from '../../components';
+export default {
     title: 'Components/HomeBoard',
-    component: components_1.EditAccountType,
+    component: EditAccountType,
 };
-var EditAccountTypeComponent = function (args) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Drawer, { placement: "right", onClose: function () { return null; }, isOpen: true, size: "md", children: (0, jsx_runtime_1.jsx)(components_1.EditAccountType, __assign({}, args)) }));
+export const EditAccountTypeComponent = (args) => {
+    return (_jsx(Drawer, { placement: "right", onClose: () => null, isOpen: true, size: "md", children: _jsx(EditAccountType, Object.assign({}, args)) }));
 };
-exports.EditAccountTypeComponent = EditAccountTypeComponent;
-exports.EditAccountTypeComponent.args = {
+EditAccountTypeComponent.args = {
     associateAccount: {
         accountTypes: ['member', 'manager'],
         user: {

package/dist/stories/homeBoard/File.stories.js

@@ -1,32 +1,17 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../components");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Wrap } from '@chakra-ui/react';
+import { File } from '../../components';
+export default {
     title: 'Components/HomeBoard',
-    component: components_1.File,
+    component: File,
 };
-var FileComponent = function (args) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Wrap, { width: "fit-content", p: "4", bg: "white", children: (0, jsx_runtime_1.jsx)(components_1.File, __assign({}, args)) }));
+export const FileComponent = (args) => {
+    return (_jsx(Wrap, { width: "fit-content", p: "4", bg: "white", children: _jsx(File, Object.assign({}, args)) }));
 };
-exports.FileComponent = FileComponent;
-exports.FileComponent.args = {
+FileComponent.args = {
     menu: [
         {
-            handleClick: function () { return null; },
+            handleClick: () => null,
             label: 'edit',
         },
     ],

package/dist/stories/homeBoard/FileDetail.stories.js

@@ -1,26 +1,11 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileDetailComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../components");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Drawer } from '@chakra-ui/react';
+import { FileDetail } from '../../components';
+export default {
     title: 'Components/HomeBoard',
-    component: components_1.FileDetail,
+    component: FileDetail,
 };
-var FileDetailComponent = function (args) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Drawer, { placement: "right", onClose: function () { return null; }, isOpen: true, size: "md", children: (0, jsx_runtime_1.jsx)(components_1.FileDetail, __assign({}, args)) }));
+export const FileDetailComponent = (args) => {
+    return (_jsx(Drawer, { placement: "right", onClose: () => null, isOpen: true, size: "md", children: _jsx(FileDetail, Object.assign({}, args)) }));
 };
-exports.FileDetailComponent = FileDetailComponent;
-exports.FileDetailComponent.args = {};
+FileDetailComponent.args = {};

package/dist/stories/homeBoard/Files.stories.js

@@ -1,30 +1,15 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilesComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../components");
-var helpers_1 = require("../../helpers");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex } from '@chakra-ui/react';
+import { Files } from '../../components';
+import { fileDB } from '../../helpers';
+export default {
     title: 'Components/HomeBoard',
-    component: components_1.Files,
+    component: Files,
 };
-var FilesComponent = function (args) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Flex, { gap: "base", p: "base", bg: "white", children: (0, jsx_runtime_1.jsx)(components_1.Files, __assign({}, args)) }));
+export const FilesComponent = (args) => {
+    return (_jsx(Flex, { gap: "base", p: "base", bg: "white", children: _jsx(Files, Object.assign({}, args)) }));
 };
-exports.FilesComponent = FilesComponent;
-exports.FilesComponent.args = {
+FilesComponent.args = {
     panelSize: "md",
-    files: helpers_1.fileDB
+    files: fileDB
 };

package/dist/stories/homeBoard/FolderDetail.stories.js

@@ -1,35 +1,20 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FolderDetailComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var components_1 = require("../../components");
-var helpers_1 = require("../../helpers");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Drawer } from '@chakra-ui/react';
+import { FolderDetail } from '../../components';
+import { fileDB, FoldersDB, recipientsDb } from '../../helpers';
+export default {
     title: 'Components/HomeBoard',
-    component: components_1.FolderDetail,
+    component: FolderDetail,
 };
-var FolderDetailComponent = function (args) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Drawer, { placement: "right", onClose: function () { return null; }, isOpen: true, size: "md", children: (0, jsx_runtime_1.jsx)(components_1.FolderDetail, __assign({}, args, { panelSize: "md" })) }));
+export const FolderDetailComponent = (args) => {
+    return (_jsx(Drawer, { placement: "right", onClose: () => null, isOpen: true, size: "md", children: _jsx(FolderDetail, Object.assign({}, args, { panelSize: "md" })) }));
 };
-exports.FolderDetailComponent = FolderDetailComponent;
-exports.FolderDetailComponent.args = {
-    recipients: helpers_1.recipientsDb,
+FolderDetailComponent.args = {
+    recipients: recipientsDb,
     addedBy: 'Adam Lee',
-    files: helpers_1.fileDB,
-    folder: helpers_1.FoldersDB[0],
-    handleUpload: function () { return null; },
+    files: fileDB,
+    folder: FoldersDB[0],
+    handleUpload: () => null,
     sortMenu: [
         {
             name: 'Name',

package/dist/stories/homeBoard/HomeBoard.stories.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HomeBoardComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../components");
-exports.default = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HomeBoard } from '../../components';
+export default {
     title: 'Pages/HomeBoard',
-    component: components_1.HomeBoard,
+    component: HomeBoard,
 };
-var HomeBoardComponent = function () {
-    return (0, jsx_runtime_1.jsx)(components_1.HomeBoard, {});
+export const HomeBoardComponent = () => {
+    return _jsx(HomeBoard, {});
 };
-exports.HomeBoardComponent = HomeBoardComponent;