@roomstay/frontend 2.1.6 → 2.1.7

package/dist/src/stories/Select.stories.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
+import React from 'react';
 import { ComponentMeta } from '@storybook/react';
 import { TSelectOptionKey } from '../components/generic/Select/Select';
 declare const _default: ComponentMeta<(<TOption extends import("../components/generic/Select/Select").Option<KeyName>, KeyName extends string>(p: {
     options: TSelectOptionKey<TOption>[];
     keyName: KeyName;
-    value?: TOption[KeyName];
-    labelName?: TOption[keyof TOption];
-    target?: HTMLElement;
-    open?: boolean;
-    onClose?: (e: MouseEvent) => void;
-    onChange?: (value: TOption[KeyName]) => void;
-    className?: string;
-    offset?: [number, number];
-    renderOption?: (option?: TOption) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    renderLabel?: (option?: TOption) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    nativeOnMobile?: boolean;
-    overlay?: Partial<Omit<import("../components/generic/Overlay/Overlay").OverlayProps, "children" | "open" | "onClose" | "followElement" | "container" | "overlayRef">>;
+    value?: TOption[KeyName] | undefined;
+    labelName?: TOption[keyof TOption] | undefined;
+    target?: HTMLElement | null | undefined;
+    open?: boolean | undefined;
+    onClose?: ((e: Event) => void) | undefined;
+    onChange?: ((value: TOption[KeyName]) => void) | undefined;
+    className?: string | undefined;
+    offset?: [number, number] | undefined;
+    renderOption?: ((option?: TOption | undefined) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) | undefined;
+    renderLabel?: ((option?: TOption | null | undefined) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) | undefined;
+    nativeOnMobile?: boolean | undefined;
+    overlay?: Partial<Omit<import("../components/generic/Overlay/Overlay").OverlayProps, "children" | "open" | "onClose" | "container" | "followElement" | "overlayRef">> | undefined;
 } & {
-    ref?: React.Ref<HTMLDivElement>;
+    ref?: React.Ref<HTMLDivElement> | undefined;
 }) => JSX.Element)>;
 export default _default;
 export declare const Default: () => JSX.Element;

package/dist/src/stories/Select.stories.js

@@ -1,31 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = exports.Customized = exports.Default = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Select_1 = require("../components/generic/Select/Select");
 exports.default = {
     title: 'generic/Select/Select',
@@ -39,8 +19,8 @@ const Default = () => {
         label: `Label${index}`,
         value: `value${index}`,
     }));
-    const [value, setValue] = (0, react_1.useState)(options[0].value);
-    return (React.createElement(Select_1.Select, { value: value, options: options, keyName: 'value', labelName: 'label', onChange: setValue }));
+    const [value, setValue] = (0, react_2.useState)(options[0].value);
+    return (react_1.default.createElement(Select_1.Select, { value: value, options: options, keyName: "value", labelName: "label", onChange: setValue }));
 };
 exports.Default = Default;
 const Customized = () => {
@@ -50,12 +30,12 @@ const Customized = () => {
         label: `Label${index}`,
         value: `value${index}`,
     }));
-    const [value, setValue] = (0, react_1.useState)(options[0].value);
-    const [ref, setRef] = (0, react_1.useState)(null);
-    const [open, setIsOpen] = (0, react_1.useState)(false);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("input", { value: value, ref: setRef, onClick: () => setIsOpen(!open) }),
-        React.createElement(Select_1.Select, { open: open, value: value, options: options, keyName: 'value', labelName: 'label', onChange: (value) => {
+    const [value, setValue] = (0, react_2.useState)(options[0].value);
+    const [ref, setRef] = (0, react_2.useState)(null);
+    const [open, setIsOpen] = (0, react_2.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("input", { value: value, ref: setRef, onClick: () => setIsOpen(!open) }),
+        react_1.default.createElement(Select_1.Select, { open: open, value: value, options: options, keyName: "value", labelName: "label", onChange: (value) => {
                 setIsOpen(false);
                 setValue(value);
             }, target: ref || undefined, onClose: () => setIsOpen(false) })));
@@ -82,12 +62,12 @@ const Group = () => {
             })),
         },
     ];
-    const [value, setValue] = (0, react_1.useState)();
-    const [ref, setRef] = (0, react_1.useState)(null);
-    const [open, setIsOpen] = (0, react_1.useState)(false);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("input", { value: value, ref: setRef, onClick: () => setIsOpen(!open) }),
-        React.createElement(Select_1.Select, { open: open, value: value, options: options, keyName: 'value', labelName: 'label', onChange: (value) => {
+    const [value, setValue] = (0, react_2.useState)();
+    const [ref, setRef] = (0, react_2.useState)(null);
+    const [open, setIsOpen] = (0, react_2.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("input", { value: value, ref: setRef, onClick: () => setIsOpen(!open) }),
+        react_1.default.createElement(Select_1.Select, { open: open, value: value, options: options, keyName: "value", labelName: "label", onChange: (value) => {
                 setIsOpen(false);
                 setValue(value);
             }, target: ref || undefined, onClose: () => setIsOpen(false) })));

package/dist/src/stories/Select.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.js","sourceRoot":"/","sources":["src/stories/Select.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport { Select, TSelectOptionKey } from '@/components/generic/Select/Select';\n\nexport default {\n    title: 'generic/Select/Select',\n    component: Select,\n    argTypes: {},\n} as ComponentMeta<typeof Select>;\nexport const Default = () => {\n    const options = Array(100)\n        .fill(undefined)\n        .map((_, index) => ({\n            label: `Label${index}`,\n            value: `value${index}`,\n        }));\n    const [value, setValue] = useState(options[0].value);\n    return (\n        <Select<\n            {\n                label: string;\n                value: string;\n            },\n            'value'\n        >\n            value={value}\n            options={options}\n            keyName={'value'}\n            labelName={'label'}\n            onChange={setValue}\n        />\n    );\n};\n\nexport const Customized = () => {\n    const options = Array(100)\n        .fill(undefined)\n        .map((_, index) => ({\n            label: `Label${index}`,\n            value: `value${index}`,\n        }));\n    const [value, setValue] = useState(options[0].value);\n    const [ref, setRef] = useState<HTMLInputElement | null>(null);\n    const [open, setIsOpen] = useState(false);\n    return (\n        <>\n            <input value={value} ref={setRef} onClick={() => setIsOpen(!open)} />\n            <Select<\n                {\n                    label: string;\n                    value: string;\n                },\n                'value'\n            >\n                open={open}\n                value={value}\n                options={options}\n                keyName={'value'}\n                labelName={'label'}\n                onChange={(value) => {\n                    setIsOpen(false);\n                    setValue(value);\n                }}\n                target={ref || undefined}\n                onClose={() => setIsOpen(false)}\n            />\n        </>\n    );\n};\n\nexport const Group = () => {\n    const options: TSelectOptionKey<{ label: string; value: string }>[] = [\n        {\n            name: 'Test Group 1',\n            options: Array(100)\n                .fill(undefined)\n                .map((_, index) => ({\n                    label: `Label 1.${index}`,\n                    value: `value1.${index}`,\n                })),\n        },\n        {\n            name: 'Test Group 2',\n            options: Array(100)\n                .fill(undefined)\n                .map((_, index) => ({\n                    label: `Label 2.${index}`,\n                    value: `value2.${index}`,\n                })),\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    const [ref, setRef] = useState<HTMLInputElement | null>(null);\n    const [open, setIsOpen] = useState(false);\n    return (\n        <>\n            <input value={value} ref={setRef} onClick={() => setIsOpen(!open)} />\n            <Select<\n                {\n                    label: string;\n                    value: string;\n                },\n                'value'\n            >\n                open={open}\n                value={value}\n                options={options}\n                keyName={'value'}\n                labelName={'label'}\n                onChange={(value) => {\n                    setIsOpen(false);\n                    setValue(value);\n                }}\n                target={ref || undefined}\n                onClose={() => setIsOpen(false)}\n            />\n        </>\n    );\n};\n"]}
+{"version":3,"file":"Select.stories.js","sourceRoot":"/","sources":["src/stories/Select.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport { Select, TSelectOptionKey } from '@/components/generic/Select/Select';\n\nexport default {\n    title: 'generic/Select/Select',\n    component: Select,\n    argTypes: {},\n} as ComponentMeta<typeof Select>;\nexport const Default = () => {\n    const options = Array(100)\n        .fill(undefined)\n        .map((_, index) => ({\n            label: `Label${index}`,\n            value: `value${index}`,\n        }));\n    const [value, setValue] = useState(options[0].value);\n    return (\n        <Select<\n            {\n                label: string;\n                value: string;\n            },\n            'value'\n        >\n            value={value}\n            options={options}\n            keyName=\"value\"\n            labelName=\"label\"\n            onChange={setValue}\n        />\n    );\n};\n\nexport const Customized = () => {\n    const options = Array(100)\n        .fill(undefined)\n        .map((_, index) => ({\n            label: `Label${index}`,\n            value: `value${index}`,\n        }));\n    const [value, setValue] = useState(options[0].value);\n    const [ref, setRef] = useState<HTMLInputElement | null>(null);\n    const [open, setIsOpen] = useState(false);\n    return (\n        <>\n            <input value={value} ref={setRef} onClick={() => setIsOpen(!open)} />\n            <Select<\n                {\n                    label: string;\n                    value: string;\n                },\n                'value'\n            >\n                open={open}\n                value={value}\n                options={options}\n                keyName=\"value\"\n                labelName=\"label\"\n                onChange={(value) => {\n                    setIsOpen(false);\n                    setValue(value);\n                }}\n                target={ref || undefined}\n                onClose={() => setIsOpen(false)}\n            />\n        </>\n    );\n};\n\nexport const Group = () => {\n    const options: TSelectOptionKey<{ label: string; value: string }>[] = [\n        {\n            name: 'Test Group 1',\n            options: Array(100)\n                .fill(undefined)\n                .map((_, index) => ({\n                    label: `Label 1.${index}`,\n                    value: `value1.${index}`,\n                })),\n        },\n        {\n            name: 'Test Group 2',\n            options: Array(100)\n                .fill(undefined)\n                .map((_, index) => ({\n                    label: `Label 2.${index}`,\n                    value: `value2.${index}`,\n                })),\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    const [ref, setRef] = useState<HTMLInputElement | null>(null);\n    const [open, setIsOpen] = useState(false);\n    return (\n        <>\n            <input value={value} ref={setRef} onClick={() => setIsOpen(!open)} />\n            <Select<\n                {\n                    label: string;\n                    value: string;\n                },\n                'value'\n            >\n                open={open}\n                value={value}\n                options={options}\n                keyName=\"value\"\n                labelName=\"label\"\n                onChange={(value) => {\n                    setIsOpen(false);\n                    setValue(value);\n                }}\n                target={ref || undefined}\n                onClose={() => setIsOpen(false)}\n            />\n        </>\n    );\n};\n"]}

package/dist/src/stories/SimpleModal.stories.js

@@ -1,52 +1,30 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Primary = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const SimpleModal_1 = __importDefault(require("../components/generic/modal/SimpleModal"));
-const react_1 = require("react");
+const react_2 = require("react");
 exports.default = {
     title: 'generic/modal/SimpleModal',
     component: SimpleModal_1.default,
     argTypes: {},
 };
 const Primary = (args) => {
-    const [open, setOpen] = (0, react_1.useState)(args.open);
-    (0, react_1.useEffect)(() => {
-        setOpen(args.open);
+    const [open, setOpen] = (0, react_2.useState)(!!args.open);
+    (0, react_2.useEffect)(() => {
+        setOpen(!!args.open);
     }, [args.open]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { onClick: () => setOpen(true) }, open ? 'Close' : 'Open'),
-        React.createElement(SimpleModal_1.default, Object.assign({ mobileFooter: React.createElement(React.Fragment, null, "mobileFooter"), desktopFooter: React.createElement(React.Fragment, null, "desktopFooter") }, args, { open: open, onClose: () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { onClick: () => setOpen(true) }, open ? 'Close' : 'Open'),
+        react_1.default.createElement(SimpleModal_1.default, Object.assign({ mobileFooter: react_1.default.createElement(react_1.default.Fragment, null, "mobileFooter"), desktopFooter: react_1.default.createElement(react_1.default.Fragment, null, "desktopFooter") }, args, { open: open, onClose: () => {
+                var _a;
                 setOpen(false);
-                args.onClose();
+                (_a = args.onClose) === null || _a === void 0 ? void 0 : _a.call(args);
             } }),
-            React.createElement("div", null, "Children"))));
+            react_1.default.createElement("div", null, "Children"))));
 };
 exports.Primary = Primary;
 //# sourceMappingURL=SimpleModal.stories.js.map

package/dist/src/stories/SimpleModal.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleModal.stories.js","sourceRoot":"/","sources":["src/stories/SimpleModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,yFAAuF;AACvF,iCAA4C;AAE5C,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEhC,MAAM,OAAO,GAAG,CAAC,IAAsB,EAAE,EAAE;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,IAAI,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhB,OAAO,CACH;QACI,6BAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QAClE,oBAAC,qBAAW,kBACR,YAAY,EAAE,yDAAiB,EAC/B,aAAa,EAAE,0DAAkB,IAC7B,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,CAAC;gBACf,IAAI,CAAC,OAAO,EAAE,CAAC;YACnB,CAAC;YAED,4CAAmB,CACT,CACf,CACN,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,OAAO,WAwBlB","sourcesContent":["import * as React from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport SimpleModal, { SimpleModalProps } from '@/components/generic/modal/SimpleModal';\nimport { useEffect, useState } from 'react';\n\nexport default {\n    title: 'generic/modal/SimpleModal',\n    component: SimpleModal,\n    argTypes: {},\n} as ComponentMeta<typeof SimpleModal>;\n\nexport const Primary = (args: SimpleModalProps) => {\n    const [open, setOpen] = useState<boolean>(args.open);\n\n    useEffect(() => {\n        setOpen(args.open);\n    }, [args.open]);\n\n    return (\n        <>\n            <div onClick={() => setOpen(true)}>{open ? 'Close' : 'Open'}</div>\n            <SimpleModal\n                mobileFooter={<>mobileFooter</>}\n                desktopFooter={<>desktopFooter</>}\n                {...args}\n                open={open}\n                onClose={() => {\n                    setOpen(false);\n                    args.onClose();\n                }}\n            >\n                <div>Children</div>\n            </SimpleModal>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"SimpleModal.stories.js","sourceRoot":"/","sources":["src/stories/SimpleModal.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,yFAAuF;AACvF,iCAA4C;AAE5C,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEhC,MAAM,OAAO,GAAG,CAAC,IAAsB,EAAE,EAAE;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhB,OAAO,CACH;QACI,uCAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QAClE,8BAAC,qBAAW,kBACR,YAAY,EAAE,6EAAiB,EAC/B,aAAa,EAAE,8EAAkB,IAC7B,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;;gBACV,OAAO,CAAC,KAAK,CAAC,CAAC;gBACf,MAAA,IAAI,CAAC,OAAO,oDAAI,CAAC;YACrB,CAAC;YAED,sDAAmB,CACT,CACf,CACN,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,OAAO,WAwBlB","sourcesContent":["import React from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport SimpleModal, { SimpleModalProps } from '@/components/generic/modal/SimpleModal';\nimport { useEffect, useState } from 'react';\n\nexport default {\n    title: 'generic/modal/SimpleModal',\n    component: SimpleModal,\n    argTypes: {},\n} as ComponentMeta<typeof SimpleModal>;\n\nexport const Primary = (args: SimpleModalProps) => {\n    const [open, setOpen] = useState<boolean>(!!args.open);\n\n    useEffect(() => {\n        setOpen(!!args.open);\n    }, [args.open]);\n\n    return (\n        <>\n            <div onClick={() => setOpen(true)}>{open ? 'Close' : 'Open'}</div>\n            <SimpleModal\n                mobileFooter={<>mobileFooter</>}\n                desktopFooter={<>desktopFooter</>}\n                {...args}\n                open={open}\n                onClose={() => {\n                    setOpen(false);\n                    args.onClose?.();\n                }}\n            >\n                <div>Children</div>\n            </SimpleModal>\n        </>\n    );\n};\n"]}

package/dist/src/stories/Slider.stories.d.ts

@@ -1,10 +1,10 @@
 import { ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<(props: {
-    min?: number;
-    max?: number;
-    onChange?: (markers: import("../components/generic/Slider/Slider").MarkerType[]) => void;
+    min: number;
+    max: number;
+    onChange?: ((markers: import("../components/generic/Slider/Slider").MarkerType[]) => void) | undefined;
     markers: import("../components/generic/Slider/Slider").MarkerType[];
-    backgroundMarkers?: import("../components/generic/Slider/Slider").BackgroundMarkerType[];
+    backgroundMarkers?: import("../components/generic/Slider/Slider").BackgroundMarkerType[] | undefined;
 }) => JSX.Element>;
 export default _default;
 export declare const Default: () => JSX.Element;

package/dist/src/stories/Slider.stories.js

@@ -1,31 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Slider_1 = require("../components/generic/Slider/Slider");
 exports.default = {
     title: 'generic/Slider/Slider',
@@ -33,8 +13,8 @@ exports.default = {
     argTypes: {},
 };
 const Default = () => {
-    const [range, setRange] = (0, react_1.useState)([10, 20]);
-    return (React.createElement(Slider_1.Slider, { min: 0, max: 100, markers: [
+    const [range, setRange] = (0, react_2.useState)([10, 20]);
+    return (react_1.default.createElement(Slider_1.Slider, { min: 0, max: 100, markers: [
             {
                 label: range[0],
                 isVisible: true,

package/dist/src/stories/Slider.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.stories.js","sourceRoot":"/","sources":["src/stories/Slider.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAiC;AAGjC,+DAA4D;AAE5D,kBAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,eAAM;IACjB,QAAQ,EAAE,EAAE;CACiB,CAAC;AAC3B,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IACvD,OAAO,CACH,oBAAC,eAAM,IACH,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;gBACf,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;aAClB;YACD;gBACI,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;gBACf,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;aAClB;SACJ,EACD,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACnB,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACnD,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,OAAO,WAuBlB","sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport { Slider } from '@/components/generic/Slider/Slider';\n\nexport default {\n    title: 'generic/Slider/Slider',\n    component: Slider,\n    argTypes: {},\n} as ComponentMeta<typeof Slider>;\nexport const Default = () => {\n    const [range, setRange] = useState<number[]>([10, 20]);\n    return (\n        <Slider\n            min={0}\n            max={100}\n            markers={[\n                {\n                    label: range[0],\n                    isVisible: true,\n                    value: range[0],\n                },\n                {\n                    label: range[1],\n                    isVisible: true,\n                    value: range[1],\n                },\n            ]}\n            onChange={(newValue) => {\n                setRange(newValue.map((value) => value.value));\n            }}\n        />\n    );\n};\n"]}
+{"version":3,"file":"Slider.stories.js","sourceRoot":"/","sources":["src/stories/Slider.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iCAAiC;AAGjC,+DAA4D;AAE5D,kBAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,eAAM;IACjB,QAAQ,EAAE,EAAE;CACiB,CAAC;AAC3B,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IACvD,OAAO,CACH,8BAAC,eAAM,IACH,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;gBACf,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;aAClB;YACD;gBACI,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;gBACf,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;aAClB;SACJ,EACD,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACnB,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACnD,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,OAAO,WAuBlB","sourcesContent":["import React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport { Slider } from '@/components/generic/Slider/Slider';\n\nexport default {\n    title: 'generic/Slider/Slider',\n    component: Slider,\n    argTypes: {},\n} as ComponentMeta<typeof Slider>;\nexport const Default = () => {\n    const [range, setRange] = useState<number[]>([10, 20]);\n    return (\n        <Slider\n            min={0}\n            max={100}\n            markers={[\n                {\n                    label: range[0],\n                    isVisible: true,\n                    value: range[0],\n                },\n                {\n                    label: range[1],\n                    isVisible: true,\n                    value: range[1],\n                },\n            ]}\n            onChange={(newValue) => {\n                setRange(newValue.map((value) => value.value));\n            }}\n        />\n    );\n};\n"]}

package/dist/src/stories/SmallSpinner.stories.d.ts

@@ -1,5 +1,5 @@
-import { ComponentMeta } from '@storybook/react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
 import SmallSpinner from '../components/generic/loader/SmallSpinner';
 declare const _default: ComponentMeta<typeof SmallSpinner>;
 export default _default;
-export declare const Default: any;
+export declare const Default: ComponentStory<typeof SmallSpinner>;

package/dist/src/stories/SmallSpinner.stories.js

@@ -1,40 +1,17 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const SmallSpinner_1 = __importDefault(require("../components/generic/loader/SmallSpinner"));
 exports.default = {
     title: 'generic/Loader/SmallSpinner',
     component: SmallSpinner_1.default,
     argTypes: {},
 };
-const Template = (args) => React.createElement(SmallSpinner_1.default, Object.assign({}, args));
+const Template = (args) => react_1.default.createElement(SmallSpinner_1.default, Object.assign({}, args));
 exports.Default = Template.bind({});
 exports.Default.args = {};
 //# sourceMappingURL=SmallSpinner.stories.js.map

package/dist/src/stories/SmallSpinner.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmallSpinner.stories.js","sourceRoot":"/","sources":["src/stories/SmallSpinner.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,6FAAqE;AAErE,kBAAe;IACX,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,sBAAY;IACvB,QAAQ,EAAE,EAAE;CACuB,CAAC;AAExC,MAAM,QAAQ,GAAwC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,sBAAY,oBAAK,IAAI,EAAI,CAAC;AAE9E,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport SmallSpinner from '../components/generic/loader/SmallSpinner';\n\nexport default {\n    title: 'generic/Loader/SmallSpinner',\n    component: SmallSpinner,\n    argTypes: {},\n} as ComponentMeta<typeof SmallSpinner>;\n\nconst Template: ComponentStory<typeof SmallSpinner> = (args) => <SmallSpinner {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}
+{"version":3,"file":"SmallSpinner.stories.js","sourceRoot":"/","sources":["src/stories/SmallSpinner.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,6FAAqE;AAErE,kBAAe;IACX,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,sBAAY;IACvB,QAAQ,EAAE,EAAE;CACuB,CAAC;AAExC,MAAM,QAAQ,GAAwC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,sBAAY,oBAAK,IAAI,EAAI,CAAC;AAE9E,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport SmallSpinner from '../components/generic/loader/SmallSpinner';\n\nexport default {\n    title: 'generic/Loader/SmallSpinner',\n    component: SmallSpinner,\n    argTypes: {},\n} as ComponentMeta<typeof SmallSpinner>;\n\nconst Template: ComponentStory<typeof SmallSpinner> = (args) => <SmallSpinner {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}

package/dist/src/stories/TabbedModal.stories.js

@@ -1,34 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const TabbedModal_1 = __importDefault(require("../components/generic/modal/TabbedModal"));
 exports.default = {
     title: 'generic/modal/TabbedModal',
@@ -36,10 +13,10 @@ exports.default = {
     argTypes: {},
 };
 const Default = () => {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { onClick: () => setOpen(!open) }, open ? 'Close' : 'Open'),
-        React.createElement(TabbedModal_1.default, { isOpen: open, tabs: {
+    const [open, setOpen] = (0, react_2.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { onClick: () => setOpen(!open) }, open ? 'Close' : 'Open'),
+        react_1.default.createElement(TabbedModal_1.default, { isOpen: open, tabs: {
                 name1: {
                     title: 'title1',
                     content: 'content1',

package/dist/src/stories/TabbedModal.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabbedModal.stories.js","sourceRoot":"/","sources":["src/stories/TabbedModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAiC;AAGjC,yFAAiE;AAEjE,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEhC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjD,OAAO,CACH;QACI,6BAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QACnE,oBAAC,qBAAW,IACR,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE;gBACF,KAAK,EAAE;oBACH,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,UAAU;oBACnB,MAAM,EAAE,SAAS;iBACpB;gBACD,KAAK,EAAE;oBACH,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,UAAU;oBACnB,MAAM,EAAE,SAAS;iBACpB;gBACD,KAAK,EAAE;oBACH,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,UAAU;oBACnB,MAAM,EAAE,SAAS;iBACpB;aACJ,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,OAAO,EAAC,OAAO,GACjB,CACH,CACN,CAAC;AACN,CAAC,CAAC;AA7BW,QAAA,OAAO,WA6BlB","sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport TabbedModal from '@/components/generic/modal/TabbedModal';\n\nexport default {\n    title: 'generic/modal/TabbedModal',\n    component: TabbedModal,\n    argTypes: {},\n} as ComponentMeta<typeof TabbedModal>;\n\nexport const Default = () => {\n    const [open, setOpen] = useState<boolean>(false);\n    return (\n        <>\n            <div onClick={() => setOpen(!open)}>{open ? 'Close' : 'Open'}</div>\n            <TabbedModal\n                isOpen={open}\n                tabs={{\n                    name1: {\n                        title: 'title1',\n                        content: 'content1',\n                        footer: 'footer1',\n                    },\n                    name2: {\n                        title: 'title2',\n                        content: 'content2',\n                        footer: 'footer2',\n                    },\n                    name3: {\n                        title: 'title3',\n                        content: 'content3',\n                        footer: 'footer3',\n                    },\n                }}\n                onClose={() => setOpen(false)}\n                openTab=\"name1\"\n            />\n        </>\n    );\n};\n"]}
+{"version":3,"file":"TabbedModal.stories.js","sourceRoot":"/","sources":["src/stories/TabbedModal.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iCAAiC;AAGjC,yFAAiE;AAEjE,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEhC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjD,OAAO,CACH;QACI,uCAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QACnE,8BAAC,qBAAW,IACR,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE;gBACF,KAAK,EAAE;oBACH,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,UAAU;oBACnB,MAAM,EAAE,SAAS;iBACpB;gBACD,KAAK,EAAE;oBACH,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,UAAU;oBACnB,MAAM,EAAE,SAAS;iBACpB;gBACD,KAAK,EAAE;oBACH,KAAK,EAAE,QAAQ;oBACf,OAAO,EAAE,UAAU;oBACnB,MAAM,EAAE,SAAS;iBACpB;aACJ,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,OAAO,EAAC,OAAO,GACjB,CACH,CACN,CAAC;AACN,CAAC,CAAC;AA7BW,QAAA,OAAO,WA6BlB","sourcesContent":["import React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport TabbedModal from '@/components/generic/modal/TabbedModal';\n\nexport default {\n    title: 'generic/modal/TabbedModal',\n    component: TabbedModal,\n    argTypes: {},\n} as ComponentMeta<typeof TabbedModal>;\n\nexport const Default = () => {\n    const [open, setOpen] = useState<boolean>(false);\n    return (\n        <>\n            <div onClick={() => setOpen(!open)}>{open ? 'Close' : 'Open'}</div>\n            <TabbedModal\n                isOpen={open}\n                tabs={{\n                    name1: {\n                        title: 'title1',\n                        content: 'content1',\n                        footer: 'footer1',\n                    },\n                    name2: {\n                        title: 'title2',\n                        content: 'content2',\n                        footer: 'footer2',\n                    },\n                    name3: {\n                        title: 'title3',\n                        content: 'content3',\n                        footer: 'footer3',\n                    },\n                }}\n                onClose={() => setOpen(false)}\n                openTab=\"name1\"\n            />\n        </>\n    );\n};\n"]}

package/dist/src/stories/Tabs.stories.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<React.FC<import("../components/generic/Tabs/Tabs").TabsProps>>;
 export default _default;

package/dist/src/stories/Tabs.stories.js

@@ -1,33 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
 const Tabs_1 = __importDefault(require("../components/generic/Tabs/Tabs"));
 const Tab_1 = require("../components/generic/Tabs/Tab");
@@ -37,16 +14,16 @@ exports.default = {
     argTypes: {},
     decorators: [
         (Story) => {
-            return (React.createElement(react_router_dom_1.HashRouter, null,
-                React.createElement(Story, null)));
+            return (react_1.default.createElement(react_router_dom_1.HashRouter, null,
+                react_1.default.createElement(Story, null)));
         },
     ],
 };
 const Default = () => {
-    return (React.createElement(Tabs_1.default, { defaultActiveKey: "upcoming-stays" },
-        React.createElement(Tab_1.Tab, { navPath: `/tab-1`, title: 'Title 1' }, "Tab 1"),
-        React.createElement(Tab_1.Tab, { navPath: `/tab-2`, title: 'Title 2' }, "Tab 2"),
-        React.createElement(Tab_1.Tab, { navPath: `/tab-3`, title: 'Title 3' }, "Tab 3")));
+    return (react_1.default.createElement(Tabs_1.default, { defaultActiveKey: "upcoming-stays" },
+        react_1.default.createElement(Tab_1.Tab, { navPath: "/tab-1", title: "Title 1" }, "Tab 1"),
+        react_1.default.createElement(Tab_1.Tab, { navPath: "/tab-2", title: "Title 2" }, "Tab 2"),
+        react_1.default.createElement(Tab_1.Tab, { navPath: "/tab-3", title: "Title 3" }, "Tab 3")));
 };
 exports.Default = Default;
 //# sourceMappingURL=Tabs.stories.js.map

package/dist/src/stories/Tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.js","sourceRoot":"/","sources":["src/stories/Tabs.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAA8C;AAC9C,0EAAkD;AAClD,uDAAoD;AAEpD,kBAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,CAAC,KAAK,EAAE,EAAE;YACN,OAAO,CACH,oBAAC,6BAAU;gBACP,oBAAC,KAAK,OAAG,CACA,CAChB,CAAC;QACN,CAAC;KACJ;CAC0B,CAAC;AAEzB,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,OAAO,CACH,oBAAC,cAAI,IAAC,gBAAgB,EAAC,gBAAgB;QACnC,oBAAC,SAAG,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,YAElC;QACN,oBAAC,SAAG,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,YAElC;QACN,oBAAC,SAAG,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,YAElC,CACH,CACV,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,OAAO,WAclB","sourcesContent":["import * as React from 'react';\nimport { ComponentMeta } from '@storybook/react';\nimport { HashRouter } from 'react-router-dom';\nimport Tabs from '@/components/generic/Tabs/Tabs';\nimport { Tab } from '@/components/generic/Tabs/Tab';\n\nexport default {\n    title: 'generic/Tabs/Tabs',\n    component: Tabs,\n    argTypes: {},\n    decorators: [\n        (Story) => {\n            return (\n                <HashRouter>\n                    <Story />\n                </HashRouter>\n            );\n        },\n    ],\n} as ComponentMeta<typeof Tabs>;\n\nexport const Default = () => {\n    return (\n        <Tabs defaultActiveKey=\"upcoming-stays\">\n            <Tab navPath={`/tab-1`} title={'Title 1'}>\n                Tab 1\n            </Tab>\n            <Tab navPath={`/tab-2`} title={'Title 2'}>\n                Tab 2\n            </Tab>\n            <Tab navPath={`/tab-3`} title={'Title 3'}>\n                Tab 3\n            </Tab>\n        </Tabs>\n    );\n};\n"]}
+{"version":3,"file":"Tabs.stories.js","sourceRoot":"/","sources":["src/stories/Tabs.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA8C;AAC9C,0EAAkD;AAClD,uDAAoD;AAEpD,kBAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACR,CAAC,KAAK,EAAE,EAAE;YACN,OAAO,CACH,8BAAC,6BAAU;gBACP,8BAAC,KAAK,OAAG,CACA,CAChB,CAAC;QACN,CAAC;KACJ;CAC0B,CAAC;AAEzB,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,OAAO,CACH,8BAAC,cAAI,IAAC,gBAAgB,EAAC,gBAAgB;QACnC,8BAAC,SAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YAE/B;QACN,8BAAC,SAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YAE/B;QACN,8BAAC,SAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YAE/B,CACH,CACV,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,OAAO,WAclB","sourcesContent":["import React from 'react';\nimport { ComponentMeta } from '@storybook/react';\nimport { HashRouter } from 'react-router-dom';\nimport Tabs from '@/components/generic/Tabs/Tabs';\nimport { Tab } from '@/components/generic/Tabs/Tab';\n\nexport default {\n    title: 'generic/Tabs/Tabs',\n    component: Tabs,\n    argTypes: {},\n    decorators: [\n        (Story) => {\n            return (\n                <HashRouter>\n                    <Story />\n                </HashRouter>\n            );\n        },\n    ],\n} as ComponentMeta<typeof Tabs>;\n\nexport const Default = () => {\n    return (\n        <Tabs defaultActiveKey=\"upcoming-stays\">\n            <Tab navPath=\"/tab-1\" title=\"Title 1\">\n                Tab 1\n            </Tab>\n            <Tab navPath=\"/tab-2\" title=\"Title 2\">\n                Tab 2\n            </Tab>\n            <Tab navPath=\"/tab-3\" title=\"Title 3\">\n                Tab 3\n            </Tab>\n        </Tabs>\n    );\n};\n"]}

package/dist/src/stories/Text.stories.d.ts

@@ -1,5 +1,5 @@
-import { ComponentMeta } from '@storybook/react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
 import Text from '../components/generic/Text';
 declare const _default: ComponentMeta<typeof Text>;
 export default _default;
-export declare const Default: any;
+export declare const Default: ComponentStory<typeof Text>;

package/dist/src/stories/Text.stories.js

@@ -1,40 +1,17 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Text_1 = __importDefault(require("../components/generic/Text"));
 exports.default = {
     title: 'generic/Text',
     component: Text_1.default,
     argTypes: {},
 };
-const Template = (args) => React.createElement(Text_1.default, Object.assign({}, args));
+const Template = (args) => react_1.default.createElement(Text_1.default, Object.assign({}, args));
 exports.Default = Template.bind({});
 exports.Default.args = {
     children: 'Children',

package/dist/src/stories/Text.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.js","sourceRoot":"/","sources":["src/stories/Text.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,qEAA6C;AAE7C,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE,EAAE;CACe,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;AAE9D,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,UAAU;CACvB,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport Text from '@/components/generic/Text';\n\nexport default {\n    title: 'generic/Text',\n    component: Text,\n    argTypes: {},\n} as ComponentMeta<typeof Text>;\n\nconst Template: ComponentStory<typeof Text> = (args) => <Text {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    children: 'Children',\n};\n"]}
+{"version":3,"file":"Text.stories.js","sourceRoot":"/","sources":["src/stories/Text.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,qEAA6C;AAE7C,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE,EAAE;CACe,CAAC;AAEhC,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;AAE9D,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,UAAU;CACvB,CAAC","sourcesContent":["import React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport Text from '@/components/generic/Text';\n\nexport default {\n    title: 'generic/Text',\n    component: Text,\n    argTypes: {},\n} as ComponentMeta<typeof Text>;\n\nconst Template: ComponentStory<typeof Text> = (args) => <Text {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    children: 'Children',\n};\n"]}

package/dist/src/stories/TextArea.stories.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ComponentMeta } from '@storybook/react';
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | keyof React.TextareaHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>>;
 export default _default;
-export declare const Default: any;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | keyof React.TextareaHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>>;