@roomstay/frontend 2.5.8-1 → 2.5.9

package/dist/src/stories/RadioButtonGroup.stories.js

@@ -0,0 +1,126 @@
+"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.DisabledSelectRadio = exports.SelectRadio = exports.Default = void 0;
+const react_1 = __importStar(require("react"));
+const RadioButtonGroup_1 = __importDefault(require("../components/generic/RadioButtonGroup/RadioButtonGroup"));
+exports.default = {
+    title: 'generic/RadioButtonGroup/RadioButtonGroup',
+    component: RadioButtonGroup_1.default,
+    argTypes: {},
+};
+const Default = () => {
+    const options = [
+        {
+            label: 'Label1',
+            value: 'value1',
+            renderContent: () => 'Content 1',
+        },
+        {
+            label: 'Label2',
+            value: 'value2',
+            renderContent: () => 'Content 2',
+        },
+    ];
+    const [value, setValue] = (0, react_1.useState)(options[0].value);
+    return react_1.default.createElement(RadioButtonGroup_1.default, { options: options, value: value, onChange: setValue });
+};
+exports.Default = Default;
+const SelectRadio = () => {
+    const options = [
+        {
+            label: 'Label1',
+            value: 'value1',
+            renderContent: () => 'Content 1',
+            options: [
+                {
+                    label: 'Label1.1',
+                    value: 'value1.1',
+                    renderContent: () => 'Content 1.1',
+                },
+                {
+                    label: 'Label1.2',
+                    value: 'value1.2',
+                    renderContent: () => 'Content 1.2',
+                },
+            ],
+        },
+        {
+            label: 'Label2',
+            value: 'value2',
+            renderContent: () => 'Content 2',
+        },
+    ];
+    const [value, setValue] = (0, react_1.useState)();
+    return react_1.default.createElement(RadioButtonGroup_1.default, { options: options, value: value, onChange: setValue });
+};
+exports.SelectRadio = SelectRadio;
+const DisabledSelectRadio = () => {
+    const options = [
+        {
+            disabled: true,
+            label: 'Label1',
+            value: 'value1',
+            renderContent: () => 'Content 1',
+            options: [
+                {
+                    label: 'Label1.1',
+                    value: 'value1.1',
+                    renderContent: () => 'Content 1.1',
+                },
+                {
+                    label: 'Label1.2',
+                    value: 'value1.2',
+                    renderContent: () => 'Content 1.2',
+                },
+            ],
+        },
+        {
+            label: 'Label2',
+            value: 'value2',
+            renderContent: () => 'Content 2',
+            options: [
+                {
+                    label: 'Label2.1',
+                    value: 'value2.1',
+                    renderContent: () => 'Content 2.1',
+                    disabled: true,
+                },
+                {
+                    label: 'Label2.2',
+                    value: 'value2.2',
+                    renderContent: () => 'Content 2.2',
+                },
+            ],
+        },
+    ];
+    const [value, setValue] = (0, react_1.useState)();
+    return react_1.default.createElement(RadioButtonGroup_1.default, { options: options, value: value, onChange: setValue });
+};
+exports.DisabledSelectRadio = DisabledSelectRadio;
+//# sourceMappingURL=RadioButtonGroup.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.stories.js","sourceRoot":"/","sources":["src/stories/RadioButtonGroup.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport RadioButtonGroup, { IRadioButtonGroupProps } from '@/components/generic/RadioButtonGroup/RadioButtonGroup';\n\nexport default {\n    title: 'generic/RadioButtonGroup/RadioButtonGroup',\n    component: RadioButtonGroup,\n    argTypes: {},\n} as ComponentMeta<typeof RadioButtonGroup>;\nexport const Default = () => {\n    const options = [\n        {\n            label: 'Label1',\n            value: 'value1',\n            renderContent: () => 'Content 1',\n        },\n        {\n            label: 'Label2',\n            value: 'value2',\n            renderContent: () => 'Content 2',\n        },\n    ];\n    const [value, setValue] = useState(options[0].value);\n    return <RadioButtonGroup options={options} value={value} onChange={setValue} />;\n};\n\nexport const SelectRadio = () => {\n    const options: IRadioButtonGroupProps['options'] = [\n        {\n            label: 'Label1',\n            value: 'value1',\n            renderContent: () => 'Content 1',\n            options: [\n                {\n                    label: 'Label1.1',\n                    value: 'value1.1',\n                    renderContent: () => 'Content 1.1',\n                },\n                {\n                    label: 'Label1.2',\n                    value: 'value1.2',\n                    renderContent: () => 'Content 1.2',\n                },\n            ],\n        },\n        {\n            label: 'Label2',\n            value: 'value2',\n            renderContent: () => 'Content 2',\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    return <RadioButtonGroup options={options} value={value} onChange={setValue} />;\n};\n\nexport const DisabledSelectRadio = () => {\n    const options: IRadioButtonGroupProps['options'] = [\n        {\n            disabled: true,\n            label: 'Label1',\n            value: 'value1',\n            renderContent: () => 'Content 1',\n            options: [\n                {\n                    label: 'Label1.1',\n                    value: 'value1.1',\n                    renderContent: () => 'Content 1.1',\n                },\n                {\n                    label: 'Label1.2',\n                    value: 'value1.2',\n                    renderContent: () => 'Content 1.2',\n                },\n            ],\n        },\n        {\n            label: 'Label2',\n            value: 'value2',\n            renderContent: () => 'Content 2',\n            options: [\n                {\n                    label: 'Label2.1',\n                    value: 'value2.1',\n                    renderContent: () => 'Content 2.1',\n                    disabled: true,\n                },\n                {\n                    label: 'Label2.2',\n                    value: 'value2.2',\n                    renderContent: () => 'Content 2.2',\n                },\n            ],\n        },\n    ];\n    const [value, setValue] = useState<string | undefined>();\n    return <RadioButtonGroup options={options} value={value} onChange={setValue} />;\n};\n"]}

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

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

package/dist/src/stories/RadioFields.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+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_1 = __importDefault(require("react"));
+const RadioFields_1 = __importDefault(require("../components/generic/radio/RadioFields"));
+exports.default = {
+    title: 'generic/radio/RadioFields',
+    component: RadioFields_1.default,
+    argTypes: {},
+};
+const Template = (args) => react_1.default.createElement(RadioFields_1.default, Object.assign({}, args));
+exports.Primary = Template.bind({});
+exports.Primary.args = {
+    options: [
+        {
+            label: 'foo',
+            value: 'foo',
+        },
+        {
+            label: 'bar',
+            value: 'bar',
+            selected: true,
+        },
+    ],
+    label: 'label',
+    name: 'radio',
+};
+//# sourceMappingURL=RadioFields.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioFields.stories.js","sourceRoot":"/","sources":["src/stories/RadioFields.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,yFAAiE;AAEjE,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEvC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,qBAAW,oBAAK,IAAI,EAAI,CAAC;AAE5E,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE;QACL;YACI,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;SACf;QACD;YACI,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,IAAI;SACjB;KACJ;IACD,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,OAAO;CAChB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport RadioFields from '@/components/generic/radio/RadioFields';\n\nexport default {\n    title: 'generic/radio/RadioFields',\n    component: RadioFields,\n    argTypes: {},\n} as ComponentMeta<typeof RadioFields>;\n\nconst Template: ComponentStory<typeof RadioFields> = (args) => <RadioFields {...args} />;\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n    options: [\n        {\n            label: 'foo',\n            value: 'foo',\n        },\n        {\n            label: 'bar',\n            value: 'bar',\n            selected: true,\n        },\n    ],\n    label: 'label',\n    name: 'radio',\n};\n"]}

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

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

package/dist/src/stories/SSLSecureBadge.stories.js

@@ -0,0 +1,17 @@
+"use strict";
+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_1 = __importDefault(require("react"));
+const SSLSecureBadge_1 = __importDefault(require("../components/generic/badging/SSLSecureBadge"));
+exports.default = {
+    title: 'generic/badging/SSLSecureBadge',
+    component: SSLSecureBadge_1.default,
+    argTypes: {},
+};
+const Template = () => react_1.default.createElement(SSLSecureBadge_1.default, null);
+exports.Default = Template.bind({});
+exports.Default.args = {};
+//# sourceMappingURL=SSLSecureBadge.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SSLSecureBadge.stories.js","sourceRoot":"/","sources":["src/stories/SSLSecureBadge.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,kGAA0E;AAE1E,kBAAe;IACX,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,wBAAc;IACzB,QAAQ,EAAE,EAAE;CACyB,CAAC;AAE1C,MAAM,QAAQ,GAA0C,GAAG,EAAE,CAAC,8BAAC,wBAAc,OAAG,CAAC;AAEpE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport SSLSecureBadge from '../components/generic/badging/SSLSecureBadge';\n\nexport default {\n    title: 'generic/badging/SSLSecureBadge',\n    component: SSLSecureBadge,\n    argTypes: {},\n} as ComponentMeta<typeof SSLSecureBadge>;\n\nconst Template: ComponentStory<typeof SSLSecureBadge> = () => <SSLSecureBadge />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}

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

@@ -0,0 +1,9 @@
+import { ComponentMeta } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<(<TOption extends import("../components/generic/Select/Select").Option<KeyName>, KeyName extends string>(p: import("../components/generic/Select/Select").SelectProps<TOption, KeyName> & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}) => JSX.Element)>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Customized: () => JSX.Element;
+export declare const Group: () => JSX.Element;

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

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Group = exports.Customized = exports.Default = void 0;
+const react_1 = __importStar(require("react"));
+const Select_1 = require("../components/generic/Select/Select");
+exports.default = {
+    title: 'generic/Select/Select',
+    component: Select_1.Select,
+    argTypes: {},
+};
+const Default = () => {
+    const options = Array(100)
+        .fill(undefined)
+        .map((_, index) => ({
+        label: `Label${index}`,
+        value: `value${index}`,
+    }));
+    const [value, setValue] = (0, react_1.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 = () => {
+    const options = Array(100)
+        .fill(undefined)
+        .map((_, index) => ({
+        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_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) })));
+};
+exports.Customized = Customized;
+const Group = () => {
+    const options = [
+        {
+            name: 'Test Group 1',
+            options: Array(100)
+                .fill(undefined)
+                .map((_, index) => ({
+                label: `Label 1.${index}`,
+                value: `value1.${index}`,
+            })),
+        },
+        {
+            name: 'Test Group 2',
+            options: Array(100)
+                .fill(undefined)
+                .map((_, index) => ({
+                label: `Label 2.${index}`,
+                value: `value2.${index}`,
+            })),
+        },
+    ];
+    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_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) })));
+};
+exports.Group = Group;
+//# sourceMappingURL=Select.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.js","sourceRoot":"/","sources":["src/stories/Select.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from '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.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta } from '@storybook/react';
+import SimpleModal, { SimpleModalProps } from '../components/generic/modal/SimpleModal';
+declare const _default: ComponentMeta<typeof SimpleModal>;
+export default _default;
+export declare const Primary: (args: SimpleModalProps) => JSX.Element;

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

@@ -0,0 +1,52 @@
+"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_1 = __importStar(require("react"));
+const SimpleModal_1 = __importDefault(require("../components/generic/modal/SimpleModal"));
+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);
+    }, [args.open]);
+    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);
+                (_a = args.onClose) === null || _a === void 0 ? void 0 : _a.call(args);
+            } }),
+            react_1.default.createElement("div", null, "Children"))));
+};
+exports.Primary = Primary;
+//# sourceMappingURL=SimpleModal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleModal.stories.js","sourceRoot":"/","sources":["src/stories/SimpleModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAmD;AAEnD,yFAAuF;AAEvF,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 { ComponentMeta } from '@storybook/react';\nimport React, { useEffect, useState } from 'react';\n\nimport SimpleModal, { SimpleModalProps } from '@/components/generic/modal/SimpleModal';\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

@@ -0,0 +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) | undefined;
+    markers: import("../components/generic/Slider/Slider").MarkerType[];
+    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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.stories.js","sourceRoot":"/","sources":["src/stories/Slider.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,+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 { ComponentMeta } from '@storybook/react';\nimport React, { useState } from '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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+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_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_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

@@ -0,0 +1 @@
+{"version":3,"file":"SmallSpinner.stories.js","sourceRoot":"/","sources":["src/stories/SmallSpinner.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,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 { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from '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.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta } from '@storybook/react';
+import TabbedModal from '../components/generic/modal/TabbedModal';
+declare const _default: ComponentMeta<typeof TabbedModal>;
+export default _default;
+export declare const Default: () => JSX.Element;

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

@@ -0,0 +1,60 @@
+"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_1 = __importStar(require("react"));
+const TabbedModal_1 = __importDefault(require("../components/generic/modal/TabbedModal"));
+exports.default = {
+    title: 'generic/modal/TabbedModal',
+    component: TabbedModal_1.default,
+    argTypes: {},
+};
+const Default = () => {
+    const [open, setOpen] = (0, react_1.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',
+                    footer: 'footer1',
+                },
+                name2: {
+                    title: 'title2',
+                    content: 'content2',
+                    footer: 'footer2',
+                },
+                name3: {
+                    title: 'title3',
+                    content: 'content3',
+                    footer: 'footer3',
+                },
+            }, onClose: () => setOpen(false), openTab: "name1" })));
+};
+exports.Default = Default;
+//# sourceMappingURL=TabbedModal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedModal.stories.js","sourceRoot":"/","sources":["src/stories/TabbedModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,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 { ComponentMeta } from '@storybook/react';\nimport React, { useState } from '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

@@ -0,0 +1,5 @@
+import { ComponentMeta } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.FC<import("../components/generic/Tabs/Tabs").TabsProps>>;
+export default _default;
+export declare const Default: () => JSX.Element;

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

@@ -0,0 +1,29 @@
+"use strict";
+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_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const Tab_1 = require("../components/generic/Tabs/Tab");
+const Tabs_1 = __importDefault(require("../components/generic/Tabs/Tabs"));
+exports.default = {
+    title: 'generic/Tabs/Tabs',
+    component: Tabs_1.default,
+    argTypes: {},
+    decorators: [
+        (Story) => {
+            return (react_1.default.createElement(react_router_dom_1.HashRouter, null,
+                react_1.default.createElement(Story, null)));
+        },
+    ],
+};
+const Default = () => {
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.js","sourceRoot":"/","sources":["src/stories/Tabs.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,uDAA8C;AAE9C,uDAAoD;AACpD,0EAAkD;AAElD,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 { ComponentMeta } from '@storybook/react';\nimport React from 'react';\nimport { HashRouter } from 'react-router-dom';\n\nimport { Tab } from '@/components/generic/Tabs/Tab';\nimport Tabs from '@/components/generic/Tabs/Tabs';\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

@@ -0,0 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<import("../components/generic/Text").TextProps, keyof import("../components/generic/Text").TextProps> & React.RefAttributes<HTMLParagraphElement>>>;
+export default _default;
+export declare const Default: ComponentStory<React.ForwardRefExoticComponent<Pick<import("../components/generic/Text").TextProps, keyof import("../components/generic/Text").TextProps> & React.RefAttributes<HTMLParagraphElement>>>;