@roomstay/frontend 2.3.9 → 2.3.11

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

@@ -1 +1 @@
-{"version":3,"file":"PromoCodeInput.stories.js","sourceRoot":"/","sources":["src/stories/PromoCodeInput.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,yFAAiE;AAEjE,kBAAe;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,wBAAc;IACzB,QAAQ,EAAE,EAAE;CACyB,CAAC;AAE1C,MAAM,QAAQ,GAA0C,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,wBAAc,oBAAK,IAAI,EAAI,CAAC;AAElF,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 PromoCodeInput from '@/components/generic/PromoCodeInput';\n\nexport default {\n    title: 'generic/PromoCodeInput',\n    component: PromoCodeInput,\n    argTypes: {},\n} as ComponentMeta<typeof PromoCodeInput>;\n\nconst Template: ComponentStory<typeof PromoCodeInput> = (args) => <PromoCodeInput {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}
+{"version":3,"file":"PromoCodeInput.stories.js","sourceRoot":"/","sources":["src/stories/PromoCodeInput.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,yFAAiE;AAEjE,kBAAe;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,wBAAc;IACzB,QAAQ,EAAE,EAAE;CACyB,CAAC;AAE1C,MAAM,QAAQ,GAA0C,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,wBAAc,oBAAK,IAAI,EAAI,CAAC;AAElF,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 PromoCodeInput from '@/components/generic/PromoCodeInput';\n\nexport default {\n    title: 'generic/PromoCodeInput',\n    component: PromoCodeInput,\n    argTypes: {},\n} as ComponentMeta<typeof PromoCodeInput>;\n\nconst Template: ComponentStory<typeof PromoCodeInput> = (args) => <PromoCodeInput {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}

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

@@ -1,5 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("../components/generic/RadioButtonGroup/RadioButton").RadioButtonProps & React.RefAttributes<HTMLDivElement>>>;
 export default _default;
 export declare const Checked: ComponentStory<React.ForwardRefExoticComponent<import("../components/generic/RadioButtonGroup/RadioButton").RadioButtonProps & React.RefAttributes<HTMLDivElement>>>;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.stories.js","sourceRoot":"/","sources":["src/stories/RadioButton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,mFAAgF;AAEhF,kBAAe;IACX,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,yBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEvC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,yBAAW,oBAAK,IAAI,EAAI,CAAC;AAE5E,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC;AAEW,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC","sourcesContent":["import React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport { RadioButton } from '@/components/generic/RadioButtonGroup/RadioButton';\n\nexport default {\n    title: 'generic/RadioButtonGroup/RadioButton',\n    component: RadioButton,\n    argTypes: {},\n} as ComponentMeta<typeof RadioButton>;\n\nconst Template: ComponentStory<typeof RadioButton> = (args) => <RadioButton {...args} />;\n\nexport const Checked = Template.bind({});\nChecked.args = {\n    label: 'Label',\n    checked: true,\n    renderContent: () => 'Content',\n};\n\nexport const Unchecked = Template.bind({});\nUnchecked.args = {\n    label: 'Label',\n    checked: false,\n    renderContent: () => 'Content',\n};\n"]}
+{"version":3,"file":"RadioButton.stories.js","sourceRoot":"/","sources":["src/stories/RadioButton.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,mFAAgF;AAEhF,kBAAe;IACX,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,yBAAW;IACtB,QAAQ,EAAE,EAAE;CACsB,CAAC;AAEvC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,yBAAW,oBAAK,IAAI,EAAI,CAAC;AAE5E,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC;AAEW,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport { RadioButton } from '@/components/generic/RadioButtonGroup/RadioButton';\n\nexport default {\n    title: 'generic/RadioButtonGroup/RadioButton',\n    component: RadioButton,\n    argTypes: {},\n} as ComponentMeta<typeof RadioButton>;\n\nconst Template: ComponentStory<typeof RadioButton> = (args) => <RadioButton {...args} />;\n\nexport const Checked = Template.bind({});\nChecked.args = {\n    label: 'Label',\n    checked: true,\n    renderContent: () => 'Content',\n};\n\nexport const Unchecked = Template.bind({});\nUnchecked.args = {\n    label: 'Label',\n    checked: false,\n    renderContent: () => 'Content',\n};\n"]}

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { ComponentMeta } from '@storybook/react';
+import React from 'react';
 import { IRadioButtonGroupProps } from '../components/generic/RadioButtonGroup/RadioButtonGroup';
 declare const _default: ComponentMeta<(<TValue extends string = string>({ options, value: valueProp, onChange, renderChildrenContent, }: IRadioButtonGroupProps<TValue>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null)>;
 export default _default;

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

@@ -1,11 +1,33 @@
 "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 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const RadioButtonGroup_1 = __importDefault(require("../components/generic/RadioButtonGroup/RadioButtonGroup"));
 exports.default = {
     title: 'generic/RadioButtonGroup/RadioButtonGroup',
@@ -25,7 +47,7 @@ const Default = () => {
             renderContent: () => 'Content 2',
         },
     ];
-    const [value, setValue] = (0, react_2.useState)(options[0].value);
+    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;
@@ -54,7 +76,7 @@ const SelectRadio = () => {
             renderContent: () => 'Content 2',
         },
     ];
-    const [value, setValue] = (0, react_2.useState)();
+    const [value, setValue] = (0, react_1.useState)();
     return react_1.default.createElement(RadioButtonGroup_1.default, { options: options, value: value, onChange: setValue });
 };
 exports.SelectRadio = SelectRadio;
@@ -97,7 +119,7 @@ const DisabledSelectRadio = () => {
             ],
         },
     ];
-    const [value, setValue] = (0, react_2.useState)();
+    const [value, setValue] = (0, react_1.useState)();
     return react_1.default.createElement(RadioButtonGroup_1.default, { options: options, value: value, onChange: setValue });
 };
 exports.DisabledSelectRadio = DisabledSelectRadio;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.stories.js","sourceRoot":"/","sources":["src/stories/RadioButtonGroup.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iCAAiC;AAGjC,8GAAkH;AAElH,kBAAe;IACX,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,0BAAgB;IAC3B,QAAQ,EAAE,EAAE;CAC2B,CAAC;AACrC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG;QACZ;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;SACnC;QACD;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;SACnC;KACJ,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACrD,OAAO,8BAAC,0BAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpF,CAAC,CAAC;AAfW,QAAA,OAAO,WAelB;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAsC;QAC/C;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;YAChC,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;gBACD;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;aACJ;SACJ;QACD;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;SACnC;KACJ,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IACzD,OAAO,8BAAC,0BAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpF,CAAC,CAAC;AA3BW,QAAA,WAAW,eA2BtB;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAsC;QAC/C;YACI,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;YAChC,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;gBACD;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;aACJ;SACJ;QACD;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW;YAChC,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;oBAClC,QAAQ,EAAE,IAAI;iBACjB;gBACD;oBACI,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;iBACrC;aACJ;SACJ;KACJ,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IACzD,OAAO,8BAAC,0BAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpF,CAAC,CAAC;AAzCW,QAAA,mBAAmB,uBAyC9B","sourcesContent":["import React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/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"]}
+{"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

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

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 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)>;

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

@@ -1,11 +1,30 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const Select_1 = require("../components/generic/Select/Select");
 exports.default = {
     title: 'generic/Select/Select',
@@ -19,7 +38,7 @@ const Default = () => {
         label: `Label${index}`,
         value: `value${index}`,
     }));
-    const [value, setValue] = (0, react_2.useState)(options[0].value);
+    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;
@@ -30,9 +49,9 @@ const Customized = () => {
         label: `Label${index}`,
         value: `value${index}`,
     }));
-    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);
+    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) => {
@@ -62,9 +81,9 @@ const Group = () => {
             })),
         },
     ];
-    const [value, setValue] = (0, react_2.useState)();
-    const [ref, setRef] = (0, react_2.useState)(null);
-    const [open, setIsOpen] = (0, react_2.useState)(false);
+    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) => {

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 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 { 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.js

@@ -1,20 +1,42 @@
 "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 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const SimpleModal_1 = __importDefault(require("../components/generic/modal/SimpleModal"));
-const react_2 = require("react");
 exports.default = {
     title: 'generic/modal/SimpleModal',
     component: SimpleModal_1.default,
     argTypes: {},
 };
 const Primary = (args) => {
-    const [open, setOpen] = (0, react_2.useState)(!!args.open);
-    (0, react_2.useEffect)(() => {
+    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,

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,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"]}
+{"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.js

@@ -1,11 +1,30 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const Slider_1 = require("../components/generic/Slider/Slider");
 exports.default = {
     title: 'generic/Slider/Slider',
@@ -13,7 +32,7 @@ exports.default = {
     argTypes: {},
 };
 const Default = () => {
-    const [range, setRange] = (0, react_2.useState)([10, 20]);
+    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],

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,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"]}
+{"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

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

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,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"]}
+{"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.js

@@ -1,11 +1,33 @@
 "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 = __importDefault(require("react"));
-const react_2 = require("react");
+const react_1 = __importStar(require("react"));
 const TabbedModal_1 = __importDefault(require("../components/generic/modal/TabbedModal"));
 exports.default = {
     title: 'generic/modal/TabbedModal',
@@ -13,7 +35,7 @@ exports.default = {
     argTypes: {},
 };
 const Default = () => {
-    const [open, setOpen] = (0, react_2.useState)(false);
+    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: {

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,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"]}
+{"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

@@ -1,5 +1,5 @@
-import React from 'react';
 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

@@ -6,8 +6,8 @@ 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 Tabs_1 = __importDefault(require("../components/generic/Tabs/Tabs"));
 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,

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,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"]}
+{"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

@@ -1,5 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/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>>>;

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,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"]}
+{"version":3,"file":"Text.stories.js","sourceRoot":"/","sources":["src/stories/Text.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,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 { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from '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 { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<import("../components/generic/TextArea").TextAreaProps, "label" | "key" | keyof React.TextareaHTMLAttributes<HTMLTextAreaElement> | "validationStatus"> & React.RefAttributes<HTMLTextAreaElement>>>;
 export default _default;
 export declare const Default: ComponentStory<React.ForwardRefExoticComponent<Pick<import("../components/generic/TextArea").TextAreaProps, "label" | "key" | keyof React.TextareaHTMLAttributes<HTMLTextAreaElement> | "validationStatus"> & React.RefAttributes<HTMLTextAreaElement>>>;

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.stories.js","sourceRoot":"/","sources":["src/stories/TextArea.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,6EAAqD;AAErD,kBAAe;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,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 TextArea from '@/components/generic/TextArea';\n\nexport default {\n    title: 'generic/TextArea',\n    component: TextArea,\n    argTypes: {},\n} as ComponentMeta<typeof TextArea>;\n\nconst Template: ComponentStory<typeof TextArea> = (args) => <TextArea {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"/","sources":["src/stories/TextArea.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,6EAAqD;AAErD,kBAAe;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,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 TextArea from '@/components/generic/TextArea';\n\nexport default {\n    title: 'generic/TextArea',\n    component: TextArea,\n    argTypes: {},\n} as ComponentMeta<typeof TextArea>;\n\nconst Template: ComponentStory<typeof TextArea> = (args) => <TextArea {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextBox.stories.js","sourceRoot":"/","sources":["src/stories/TextBox.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,2EAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,iBAAO;IAClB,QAAQ,EAAE,EAAE;CACkB,CAAC;AAEnC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,iBAAO,oBAAK,IAAI,EAAI,CAAC;AAEpE,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 TextBox from '@/components/generic/TextBox';\n\nexport default {\n    title: 'generic/TextBox',\n    component: TextBox,\n    argTypes: {},\n} as ComponentMeta<typeof TextBox>;\n\nconst Template: ComponentStory<typeof TextBox> = (args) => <TextBox {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}
+{"version":3,"file":"TextBox.stories.js","sourceRoot":"/","sources":["src/stories/TextBox.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,2EAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,iBAAO;IAClB,QAAQ,EAAE,EAAE;CACkB,CAAC;AAEnC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,iBAAO,oBAAK,IAAI,EAAI,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 TextBox from '@/components/generic/TextBox';\n\nexport default {\n    title: 'generic/TextBox',\n    component: TextBox,\n    argTypes: {},\n} as ComponentMeta<typeof TextBox>;\n\nconst Template: ComponentStory<typeof TextBox> = (args) => <TextBox {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {};\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.js","sourceRoot":"/","sources":["src/stories/Tooltip.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,mFAA2D;AAE3D,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,iBAAO;IAClB,QAAQ,EAAE,EAAE;CACkB,CAAC;AAEnC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,iBAAO,oBAAK,IAAI,EAAI,CAAC;AAEpE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,SAAS;CACnB,CAAC","sourcesContent":["import React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\n\nexport default {\n    title: 'generic/Tooltip/Tooltip',\n    component: Tooltip,\n    argTypes: {},\n} as ComponentMeta<typeof Tooltip>;\n\nconst Template: ComponentStory<typeof Tooltip> = (args) => <Tooltip {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    children: 'Hover me',\n    title: 'Tooltip',\n};\n"]}
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"/","sources":["src/stories/Tooltip.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,mFAA2D;AAE3D,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,iBAAO;IAClB,QAAQ,EAAE,EAAE;CACkB,CAAC;AAEnC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,iBAAO,oBAAK,IAAI,EAAI,CAAC;AAEpE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,SAAS;CACnB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\n\nexport default {\n    title: 'generic/Tooltip/Tooltip',\n    component: Tooltip,\n    argTypes: {},\n} as ComponentMeta<typeof Tooltip>;\n\nconst Template: ComponentStory<typeof Tooltip> = (args) => <Tooltip {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    children: 'Hover me',\n    title: 'Tooltip',\n};\n"]}

package/dist/src/util/CalendarHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHelper.js","sourceRoot":"/","sources":["src/util/CalendarHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport const getLetterDaysOfWeek = (startsWeekOnDay: string) => {\n    if (startsWeekOnDay === 'monday') {\n        return ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n    } else {\n        return ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\n    }\n};\n\nexport default class CalendarHelper {\n    /**\n     * Returns an array always divisible by 7,\n     *\n     * Essentially no matter what what month is given, this function will always return the same number of days;\n     * with each MOD 7 index representing the correct date.\n     */\n    public static getWeekPaddedMonthArrayForDate = (startWeekOnDay: WeekdayStartsOn, date: dayjs.Dayjs): string[] => {\n        const monthStart = date.startOf('month');\n        const monthEnd = date.endOf('month');\n        // Get the day start so we know how many days we have to left pad\n        let startDayIndex = parseInt(monthStart.format('d'), 10);\n\n        if (startWeekOnDay === 'monday') {\n            if (startDayIndex !== 0) {\n                startDayIndex--;\n            } else {\n                startDayIndex = 6;\n            }\n        }\n        // Get the end day so we can right pad 6 - x;\n        const endDateNumber = parseInt(monthEnd.format('D'), 10);\n\n        // We gotta pad it at the start, we'll do the same at the end\n        const dayArray: string[] = [];\n\n        for (let i = 0; i < endDateNumber + startDayIndex; i++) {\n            if (i >= startDayIndex) {\n                dayArray.push(String(i + 1 - startDayIndex));\n            } else {\n                dayArray.push('');\n            }\n        }\n\n        return dayArray;\n    };\n\n    public static getMonthArray = (date: dayjs.Dayjs): dayjs.Dayjs[] => {\n        const monthStart = date.startOf('month');\n        const monthEnd = date.endOf('month');\n\n        const diff = monthEnd.diff(monthStart, 'day');\n\n        const days = [];\n\n        for (let i = 0; i < diff; i++) {\n            days.push(dayjs(monthStart.add(i, 'day')));\n        }\n\n        return days;\n    };\n\n    public static getWeekFrom = (date: dayjs.Dayjs): dayjs.Dayjs[] => {\n        const days: dayjs.Dayjs[] = [];\n\n        for (let i = 1; i <= 7; i++) {\n            days.push(date.add(i, 'day'));\n        }\n\n        return days;\n    };\n\n    public static getWeekTo = (date: dayjs.Dayjs): dayjs.Dayjs[] => {\n        const days: dayjs.Dayjs[] = [];\n\n        for (let i = 1; i <= 7; i++) {\n            days.push(date.subtract(i, 'day'));\n        }\n\n        return days;\n    };\n\n    public static getDaysBetween = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs): dayjs.Dayjs[] => {\n        const days: dayjs.Dayjs[] = [];\n        const diff = endDate.diff(startDate, 'day');\n\n        for (let i = 0; i <= diff + 7; i++) {\n            days.push(startDate.add(i, 'day'));\n        }\n\n        return days;\n    };\n}\n"]}
+{"version":3,"file":"CalendarHelper.js","sourceRoot":"/","sources":["src/util/CalendarHelper.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAInB,MAAM,mBAAmB,GAAG,CAAC,eAAuB,EAAE,EAAE;IAC3D,IAAI,eAAe,KAAK,QAAQ,EAAE;QAC9B,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;KAC9C;SAAM;QACH,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;KAC9C;AACL,CAAC,CAAC;AANW,QAAA,mBAAmB,uBAM9B;AAEF,MAAqB,cAAc;;AAAnC,iCAkFC;AAjFG;;;;;GAKG;AACW,6CAA8B,GAAG,CAAC,cAA+B,EAAE,IAAiB,EAAY,EAAE;IAC5G,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACrC,iEAAiE;IACjE,IAAI,aAAa,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzD,IAAI,cAAc,KAAK,QAAQ,EAAE;QAC7B,IAAI,aAAa,KAAK,CAAC,EAAE;YACrB,aAAa,EAAE,CAAC;SACnB;aAAM;YACH,aAAa,GAAG,CAAC,CAAC;SACrB;KACJ;IACD,6CAA6C;IAC7C,MAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzD,6DAA6D;IAC7D,MAAM,QAAQ,GAAa,EAAE,CAAC;IAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;QACpD,IAAI,CAAC,IAAI,aAAa,EAAE;YACpB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC;SAChD;aAAM;YACH,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACrB;KACJ;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAEY,4BAAa,GAAG,CAAC,IAAiB,EAAiB,EAAE;IAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAE9C,MAAM,IAAI,GAAG,EAAE,CAAC;IAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;QAC3B,IAAI,CAAC,IAAI,CAAC,IAAA,eAAK,EAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;KAC9C;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEY,0BAAW,GAAG,CAAC,IAAiB,EAAiB,EAAE;IAC7D,MAAM,IAAI,GAAkB,EAAE,CAAC;IAE/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;KACjC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEY,wBAAS,GAAG,CAAC,IAAiB,EAAiB,EAAE;IAC3D,MAAM,IAAI,GAAkB,EAAE,CAAC;IAE/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;KACtC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEY,6BAAc,GAAG,CAAC,SAAsB,EAAE,OAAoB,EAAiB,EAAE;IAC3F,MAAM,IAAI,GAAkB,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAE5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;QAChC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;KACtC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC","sourcesContent":["import dayjs from 'dayjs';\n\nimport { WeekdayStartsOn } from '@/models/Client/Hotel/WeekdayStartsOn.types';\n\nexport const getLetterDaysOfWeek = (startsWeekOnDay: string) => {\n    if (startsWeekOnDay === 'monday') {\n        return ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n    } else {\n        return ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\n    }\n};\n\nexport default class CalendarHelper {\n    /**\n     * Returns an array always divisible by 7,\n     *\n     * Essentially no matter what what month is given, this function will always return the same number of days;\n     * with each MOD 7 index representing the correct date.\n     */\n    public static getWeekPaddedMonthArrayForDate = (startWeekOnDay: WeekdayStartsOn, date: dayjs.Dayjs): string[] => {\n        const monthStart = date.startOf('month');\n        const monthEnd = date.endOf('month');\n        // Get the day start so we know how many days we have to left pad\n        let startDayIndex = parseInt(monthStart.format('d'), 10);\n\n        if (startWeekOnDay === 'monday') {\n            if (startDayIndex !== 0) {\n                startDayIndex--;\n            } else {\n                startDayIndex = 6;\n            }\n        }\n        // Get the end day so we can right pad 6 - x;\n        const endDateNumber = parseInt(monthEnd.format('D'), 10);\n\n        // We gotta pad it at the start, we'll do the same at the end\n        const dayArray: string[] = [];\n\n        for (let i = 0; i < endDateNumber + startDayIndex; i++) {\n            if (i >= startDayIndex) {\n                dayArray.push(String(i + 1 - startDayIndex));\n            } else {\n                dayArray.push('');\n            }\n        }\n\n        return dayArray;\n    };\n\n    public static getMonthArray = (date: dayjs.Dayjs): dayjs.Dayjs[] => {\n        const monthStart = date.startOf('month');\n        const monthEnd = date.endOf('month');\n\n        const diff = monthEnd.diff(monthStart, 'day');\n\n        const days = [];\n\n        for (let i = 0; i < diff; i++) {\n            days.push(dayjs(monthStart.add(i, 'day')));\n        }\n\n        return days;\n    };\n\n    public static getWeekFrom = (date: dayjs.Dayjs): dayjs.Dayjs[] => {\n        const days: dayjs.Dayjs[] = [];\n\n        for (let i = 1; i <= 7; i++) {\n            days.push(date.add(i, 'day'));\n        }\n\n        return days;\n    };\n\n    public static getWeekTo = (date: dayjs.Dayjs): dayjs.Dayjs[] => {\n        const days: dayjs.Dayjs[] = [];\n\n        for (let i = 1; i <= 7; i++) {\n            days.push(date.subtract(i, 'day'));\n        }\n\n        return days;\n    };\n\n    public static getDaysBetween = (startDate: dayjs.Dayjs, endDate: dayjs.Dayjs): dayjs.Dayjs[] => {\n        const days: dayjs.Dayjs[] = [];\n        const diff = endDate.diff(startDate, 'day');\n\n        for (let i = 0; i <= diff + 7; i++) {\n            days.push(startDate.add(i, 'day'));\n        }\n\n        return days;\n    };\n}\n"]}