@roomstay/frontend 2.0.12 → 2.1.0

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("components/generic/PaymentCard/CardTypeSelect").CardTypeSelectProps>>;
+export default _default;
+export declare const Primary: any;

package/dist/src/stories/CardTypeSelect.stories.js

@@ -0,0 +1,37 @@
+"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.Primary = void 0;
+const React = __importStar(require("react"));
+const CardTypeSelect_1 = require("components/generic/PaymentCard/CardTypeSelect");
+exports.default = {
+    title: 'generic/PaymentCard/CardTypeSelect',
+    component: CardTypeSelect_1.CardTypeSelect,
+    argTypes: {},
+};
+const Template = (args) => React.createElement(CardTypeSelect_1.CardTypeSelect, Object.assign({}, args));
+exports.Primary = Template.bind({});
+exports.Primary.args = {};
+//# sourceMappingURL=CardTypeSelect.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardTypeSelect.stories.js","sourceRoot":"/","sources":["src/stories/CardTypeSelect.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,kFAA+E;AAE/E,kBAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,+BAAc;IACzB,QAAQ,EAAE,EAAE;CACyB,CAAC;AAE1C,MAAM,QAAQ,GAA0C,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,+BAAc,oBAAK,IAAI,EAAI,CAAC;AAElF,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport { CardTypeSelect } from 'components/generic/PaymentCard/CardTypeSelect';\n\nexport default {\n    title: 'generic/PaymentCard/CardTypeSelect',\n    component: CardTypeSelect,\n    argTypes: {},\n} as ComponentMeta<typeof CardTypeSelect>;\n\nconst Template: ComponentStory<typeof CardTypeSelect> = (args) => <CardTypeSelect {...args} />;\n\nexport const Primary = Template.bind({});\nPrimary.args = {};\n"]}

package/dist/src/stories/Checkbox.stories.js

@@ -1,8 +1,34 @@
 "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 = require("react");
-const Checkbox_1 = require("../components/generic/Checkbox/Checkbox");
+const React = __importStar(require("react"));
+const Checkbox_1 = __importDefault(require("../components/generic/Checkbox/Checkbox"));
 exports.default = {
     title: 'generic/Checkbox/Checkbox',
     component: Checkbox_1.default,

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.js","sourceRoot":"/","sources":["src/stories/Checkbox.stories.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B,sEAA+D;AAE/D,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,IAAI;CAChB,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport Checkbox from '../components/generic/Checkbox/Checkbox';\n\nexport default {\n    title: 'generic/Checkbox/Checkbox',\n    component: Checkbox,\n    argTypes: {},\n} as ComponentMeta<typeof Checkbox>;\n\nconst Template: ComponentStory<typeof Checkbox> = (args) => <Checkbox {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    label: 'Label',\n    checked: true,\n};\n"]}
+{"version":3,"file":"Checkbox.stories.js","sourceRoot":"/","sources":["src/stories/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,uFAA+D;AAE/D,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,IAAI;CAChB,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport Checkbox from '../components/generic/Checkbox/Checkbox';\n\nexport default {\n    title: 'generic/Checkbox/Checkbox',\n    component: Checkbox,\n    argTypes: {},\n} as ComponentMeta<typeof Checkbox>;\n\nconst Template: ComponentStory<typeof Checkbox> = (args) => <Checkbox {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    label: 'Label',\n    checked: true,\n};\n"]}

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

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

package/dist/src/stories/ConfirmationModal.stories.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationModal.stories.js","sourceRoot":"/","sources":["src/stories/ConfirmationModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAiC;AAEjC,mGAAuG;AAEvG,kBAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,2BAAiB;IAC5B,QAAQ,EAAE,EAAE;CAC4B,CAAC;AAEtC,MAAM,OAAO,GAAG,CAAC,IAA4B,EAAE,EAAE;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjD,OAAO,CACH;QACI,6BAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QACnE,oBAAC,2BAAiB,IAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CACtH,CACN,CAAC;AACN,CAAC,CAAC;AARW,QAAA,OAAO,WAQlB","sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\nimport ConfirmationModal, { ConfirmationModalProps } from 'components/generic/modal/ConfirmationModal';\n\nexport default {\n    title: 'generic/modal/ConfirmationModal',\n    component: ConfirmationModal,\n    argTypes: {},\n} as ComponentMeta<typeof ConfirmationModal>;\n\nexport const Default = (args: ConfirmationModalProps) => {\n    const [open, setOpen] = useState<boolean>(false);\n    return (\n        <>\n            <div onClick={() => setOpen(!open)}>{open ? 'Close' : 'Open'}</div>\n            <ConfirmationModal message={'Message'} onConfirm={() => setOpen(false)} onClose={() => setOpen(false)} open={open} />\n        </>\n    );\n};\n"]}

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

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

package/dist/src/stories/Countdown.stories.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.stories.js","sourceRoot":"/","sources":["src/stories/Countdown.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,6EAAqD;AACrD,6CAA+B;AAE/B,kBAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,mBAAS;IACpB,QAAQ,EAAE,EAAE;CACoB,CAAC;AAErC,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,mBAAS,oBAAK,IAAI,EAAI,CAAC;AAExE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,WAAW,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC;CACtE,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\nimport Countdown from 'components/generic/Countdown';\nimport * as dayjs from 'dayjs';\n\nexport default {\n    title: 'generic/Countdown',\n    component: Countdown,\n    argTypes: {},\n} as ComponentMeta<typeof Countdown>;\n\nconst Template: ComponentStory<typeof Countdown> = (args) => <Countdown {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    endTimeDate: dayjs().subtract(-3, 'minute').subtract(-30, 'second'),\n};\n"]}

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

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

package/dist/src/stories/Currency.stories.js

@@ -0,0 +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.Default = void 0;
+const React = __importStar(require("react"));
+const Currency_1 = __importDefault(require("components/generic/Currency"));
+exports.default = {
+    title: 'generic/Currency',
+    component: Currency_1.default,
+    argTypes: {},
+};
+const Template = (args) => React.createElement(Currency_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    children: 1234.567,
+};
+//# sourceMappingURL=Currency.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.stories.js","sourceRoot":"/","sources":["src/stories/Currency.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,2EAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,QAAQ;CACrB,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport Currency from 'components/generic/Currency';\n\nexport default {\n    title: 'generic/Currency',\n    component: Currency,\n    argTypes: {},\n} as ComponentMeta<typeof Currency>;\n\nconst Template: ComponentStory<typeof Currency> = (args) => <Currency {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    children: 1234.567,\n};\n"]}

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

@@ -0,0 +1,8 @@
+import { ComponentMeta } from '@storybook/react';
+import DateRangePicker, { DatePickerProps } from 'components/generic/DateRangePicker/DateRangePicker';
+declare const _default: ComponentMeta<typeof DateRangePicker>;
+export default _default;
+export declare const Primary: (args: DatePickerProps) => JSX.Element;
+export declare const StartDatePopulated: (args: DatePickerProps) => JSX.Element;
+export declare const MultipleMonths: (args: DatePickerProps) => JSX.Element;
+export declare const ThemeSpecific: (args: DatePickerProps) => JSX.Element;

package/dist/src/stories/DateRangePicker.stories.js

@@ -0,0 +1,80 @@
+"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.ThemeSpecific = exports.MultipleMonths = exports.StartDatePopulated = exports.Primary = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const DateRangePicker_1 = __importStar(require("components/generic/DateRangePicker/DateRangePicker"));
+const dayjs = __importStar(require("dayjs"));
+exports.default = {
+    title: 'generic/DateRangePicker/DateRangePicker',
+    component: DateRangePicker_1.default,
+    argTypes: {},
+};
+const Primary = (args) => {
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (React.createElement(DateRangePicker_1.default, { selectedStartDate: startDate, selectedEndDate: endDate, onStartDateChanged: (...params) => {
+            setStartDate(params[0]);
+            args.onStartDateChanged(...params);
+        }, onEndDateChanged: (...params) => {
+            setEndDate(params[0]);
+            args.onEndDateChanged(...params);
+        } }));
+};
+exports.Primary = Primary;
+const StartDatePopulated = (args) => {
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (React.createElement(DateRangePicker_1.default, { selectedStartDate: dayjs('20230125'), fixedStartDate: true, selectedEndDate: endDate, onEndDateChanged: (a) => {
+            setEndDate(a);
+            args.onEndDateChanged(a);
+        } }));
+};
+exports.StartDatePopulated = StartDatePopulated;
+const MultipleMonths = (args) => {
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (React.createElement(DateRangePicker_1.default, { showMultipleMonths: true, selectedStartDate: startDate, selectedEndDate: endDate, onStartDateChanged: (...params) => {
+            setStartDate(params[0]);
+            args.onStartDateChanged(...params);
+        }, onEndDateChanged: (...params) => {
+            setEndDate(params[0]);
+            args.onEndDateChanged(...params);
+        } }));
+};
+exports.MultipleMonths = MultipleMonths;
+const ThemeSpecific = (args) => {
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (React.createElement(DateRangePicker_1.default, { showMultipleMonths: true, theme: DateRangePicker_1.ETheme.Specific, selectedStartDate: startDate, selectedEndDate: endDate, onStartDateChanged: (...params) => {
+            setStartDate(params[0]);
+            args.onStartDateChanged(...params);
+        }, onEndDateChanged: (...params) => {
+            setEndDate(params[0]);
+            args.onEndDateChanged(...params);
+        } }));
+};
+exports.ThemeSpecific = ThemeSpecific;
+//# sourceMappingURL=DateRangePicker.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.stories.js","sourceRoot":"/","sources":["src/stories/DateRangePicker.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAiC;AAGjC,sGAA8G;AAC9G,6CAA+B;AAE/B,kBAAe;IACX,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,yBAAe;IAC1B,QAAQ,EAAE,EAAE;CAC0B,CAAC;AAEpC,MAAM,OAAO,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC1D,OAAO,CACH,oBAAC,yBAAe,IACZ,iBAAiB,EAAE,SAAS,EAC5B,eAAe,EAAE,OAAO,EACxB,kBAAkB,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE;YAC9B,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,IAAI,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,CAAC;QACvC,CAAC,EACD,gBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE;YAC5B,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,CAAC;QACrC,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,OAAO,WAiBlB;AAEK,MAAM,kBAAkB,GAAG,CAAC,IAAqB,EAAE,EAAE;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC1D,OAAO,CACH,oBAAC,yBAAe,IACZ,iBAAiB,EAAE,KAAK,CAAC,UAAU,CAAC,EACpC,cAAc,QACd,eAAe,EAAE,OAAO,EACxB,gBAAgB,EAAE,CAAC,CAAC,EAAE,EAAE;YACpB,UAAU,CAAC,CAAC,CAAC,CAAC;YACd,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,kBAAkB,sBAa7B;AAEK,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC1D,OAAO,CACH,oBAAC,yBAAe,IACZ,kBAAkB,QAClB,iBAAiB,EAAE,SAAS,EAC5B,eAAe,EAAE,OAAO,EACxB,kBAAkB,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE;YAC9B,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,IAAI,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,CAAC;QACvC,CAAC,EACD,gBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE;YAC5B,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,CAAC;QACrC,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB;AAEK,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAE,EAAE;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC1D,OAAO,CACH,oBAAC,yBAAe,IACZ,kBAAkB,QAClB,KAAK,EAAE,wBAAM,CAAC,QAAQ,EACtB,iBAAiB,EAAE,SAAS,EAC5B,eAAe,EAAE,OAAO,EACxB,kBAAkB,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE;YAC9B,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,IAAI,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,CAAC;QACvC,CAAC,EACD,gBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE;YAC5B,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,CAAC;QACrC,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAnBW,QAAA,aAAa,iBAmBxB","sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport DateRangePicker, { DatePickerProps, ETheme } from 'components/generic/DateRangePicker/DateRangePicker';\nimport * as dayjs from 'dayjs';\n\nexport default {\n    title: 'generic/DateRangePicker/DateRangePicker',\n    component: DateRangePicker,\n    argTypes: {},\n} as ComponentMeta<typeof DateRangePicker>;\n\nexport const Primary = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs>(null);\n    return (\n        <DateRangePicker\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged(...params);\n            }}\n        />\n    );\n};\n\nexport const StartDatePopulated = (args: DatePickerProps) => {\n    const [endDate, setEndDate] = useState<dayjs.Dayjs>(null);\n    return (\n        <DateRangePicker\n            selectedStartDate={dayjs('20230125')}\n            fixedStartDate\n            selectedEndDate={endDate}\n            onEndDateChanged={(a) => {\n                setEndDate(a);\n                args.onEndDateChanged(a);\n            }}\n        />\n    );\n};\n\nexport const MultipleMonths = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs>(null);\n    return (\n        <DateRangePicker\n            showMultipleMonths\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged(...params);\n            }}\n        />\n    );\n};\n\nexport const ThemeSpecific = (args: DatePickerProps) => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs>(null);\n    return (\n        <DateRangePicker\n            showMultipleMonths\n            theme={ETheme.Specific}\n            selectedStartDate={startDate}\n            selectedEndDate={endDate}\n            onStartDateChanged={(...params) => {\n                setStartDate(params[0]);\n                args.onStartDateChanged(...params);\n            }}\n            onEndDateChanged={(...params) => {\n                setEndDate(params[0]);\n                args.onEndDateChanged(...params);\n            }}\n        />\n    );\n};\n"]}

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

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

package/dist/src/stories/Distance.stories.js

@@ -0,0 +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.Default = void 0;
+const React = __importStar(require("react"));
+const Distance_1 = __importDefault(require("components/generic/Distance"));
+exports.default = {
+    title: 'generic/Distance',
+    component: Distance_1.default,
+    argTypes: {},
+};
+const Template = (args) => React.createElement(Distance_1.default, Object.assign({}, args));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    distance: 100,
+};
+//# sourceMappingURL=Distance.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Distance.stories.js","sourceRoot":"/","sources":["src/stories/Distance.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,2EAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,GAAG;CAChB,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport Distance from 'components/generic/Distance';\n\nexport default {\n    title: 'generic/Distance',\n    component: Distance,\n    argTypes: {},\n} as ComponentMeta<typeof Distance>;\n\nconst Template: ComponentStory<typeof Distance> = (args) => <Distance {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    distance: 100,\n};\n"]}

package/dist/src/stories/EnhancedPhoneNumberField.stories.js

@@ -1,8 +1,34 @@
 "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 = require("react");
-const EnhancedPhoneNumberField_1 = require("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField");
+const React = __importStar(require("react"));
+const EnhancedPhoneNumberField_1 = __importDefault(require("../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField"));
 exports.default = {
     title: 'generic/EnhancedPhoneNumberField/EnhancedPhoneNumberField',
     component: EnhancedPhoneNumberField_1.default,

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

@@ -1 +1 @@
-{"version":3,"file":"EnhancedPhoneNumberField.stories.js","sourceRoot":"/","sources":["src/stories/EnhancedPhoneNumberField.stories.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B,6HAAsH;AAEtH,kBAAe;IACX,KAAK,EAAE,2DAA2D;IAClE,SAAS,EAAE,kCAAwB;IACnC,QAAQ,EAAE,EAAE;CACmC,CAAC;AAEpD,MAAM,QAAQ,GAAoD,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,kCAAwB,oBAAK,IAAI,EAAI,CAAC;AAEtG,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;CAC7B,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport EnhancedPhoneNumberField from '../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\n\nexport default {\n    title: 'generic/EnhancedPhoneNumberField/EnhancedPhoneNumberField',\n    component: EnhancedPhoneNumberField,\n    argTypes: {},\n} as ComponentMeta<typeof EnhancedPhoneNumberField>;\n\nconst Template: ComponentStory<typeof EnhancedPhoneNumberField> = (args) => <EnhancedPhoneNumberField {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    value: '+61 1111111111111',\n};\n"]}
+{"version":3,"file":"EnhancedPhoneNumberField.stories.js","sourceRoot":"/","sources":["src/stories/EnhancedPhoneNumberField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,8IAAsH;AAEtH,kBAAe;IACX,KAAK,EAAE,2DAA2D;IAClE,SAAS,EAAE,kCAAwB;IACnC,QAAQ,EAAE,EAAE;CACmC,CAAC;AAEpD,MAAM,QAAQ,GAAoD,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,kCAAwB,oBAAK,IAAI,EAAI,CAAC;AAEtG,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;CAC7B,CAAC","sourcesContent":["import * as React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport EnhancedPhoneNumberField from '../components/generic/custom/EnhancedPhoneNumberField/EnhancedPhoneNumberField';\n\nexport default {\n    title: 'generic/EnhancedPhoneNumberField/EnhancedPhoneNumberField',\n    component: EnhancedPhoneNumberField,\n    argTypes: {},\n} as ComponentMeta<typeof EnhancedPhoneNumberField>;\n\nconst Template: ComponentStory<typeof EnhancedPhoneNumberField> = (args) => <EnhancedPhoneNumberField {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    value: '+61 1111111111111',\n};\n"]}

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

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

package/dist/src/stories/ErrorModal.stories.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorModal.stories.js","sourceRoot":"/","sources":["src/stories/ErrorModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAiC;AAGjC,qFAA6D;AAE7D,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE,EAAE;CACqB,CAAC;AAE/B,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjD,OAAO,CACH;QACI,6BAAK,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAO;QACnE,oBAAC,oBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,OAAO,EAAC,eAAe,EAAC,iBAAiB;YAClG,4CAAmB,CACV,CACd,CACN,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,OAAO,WAUlB","sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport ErrorModal from 'components/generic/modal/ErrorModal';\n\nexport default {\n    title: 'generic/modal/ErrorModal',\n    component: ErrorModal,\n    argTypes: {},\n} as ComponentMeta<typeof ErrorModal>;\n\nexport const Default = () => {\n    const [open, setOpen] = useState<boolean>(false);\n    return (\n        <>\n            <div onClick={() => setOpen(!open)}>{open ? 'Close' : 'Open'}</div>\n            <ErrorModal open={open} onClose={() => setOpen(false)} title=\"title\" closeButtonText=\"closeButtonText\">\n                <div>Children</div>\n            </ErrorModal>\n        </>\n    );\n};\n"]}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("components/generic/DateRangePicker/FloatingDateRangePicker").FloatingDateRangePickerProps & React.RefAttributes<import("components/generic/DateRangePicker/FloatingDateRangePicker").FloatingDateRangePickerHandle>>>;
+export default _default;
+export declare const Primary: () => JSX.Element;
+export declare const ThemeSpecific: () => JSX.Element;

package/dist/src/stories/FloatingDateRangePicker.stories.js

@@ -0,0 +1,75 @@
+"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.ThemeSpecific = exports.Primary = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const FloatingDateRangePicker_1 = __importDefault(require("components/generic/DateRangePicker/FloatingDateRangePicker"));
+const DateRangePicker_1 = require("components/generic/DateRangePicker/DateRangePicker");
+exports.default = {
+    title: 'generic/DateRangePicker/FloatingRangeDatePicker',
+    component: FloatingDateRangePicker_1.default,
+    argTypes: {},
+};
+const Primary = () => {
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FloatingDateRangePicker_1.default, { startDate: startDate, endDate: endDate, selectedDateChanged: (start, end) => {
+                setStartDate(start);
+                setEndDate(end);
+            } }, "Click here"),
+        React.createElement(FloatingDateRangePicker_1.default, { startDate: startDate, endDate: endDate, selectedDateChanged: (start, end) => {
+                setStartDate(start);
+                setEndDate(end);
+            }, small: true }, "Small"),
+        React.createElement(FloatingDateRangePicker_1.default, { showMultipleMonths: true, startDate: startDate, endDate: endDate, selectedDateChanged: (start, end) => {
+                setStartDate(start);
+                setEndDate(end);
+            }, small: true }, "Multiple months small"),
+        React.createElement(FloatingDateRangePicker_1.default, { showMultipleMonths: true, startDate: startDate, endDate: endDate, selectedDateChanged: (start, end) => {
+                setStartDate(start);
+                setEndDate(end);
+            } }, "Multiple months")));
+};
+exports.Primary = Primary;
+const ThemeSpecific = () => {
+    const [startDate, setStartDate] = (0, react_1.useState)(null);
+    const [endDate, setEndDate] = (0, react_1.useState)(null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FloatingDateRangePicker_1.default, { theme: DateRangePicker_1.ETheme.Specific, showMultipleMonths: true, startDate: startDate, endDate: endDate, selectedDateChanged: (start, end) => {
+                setStartDate(start);
+                setEndDate(end);
+            } }, "Default"),
+        React.createElement(FloatingDateRangePicker_1.default, { theme: DateRangePicker_1.ETheme.Specific, startDate: startDate, endDate: endDate, selectedDateChanged: (start, end) => {
+                setStartDate(start);
+                setEndDate(end);
+            } }, "Single")));
+};
+exports.ThemeSpecific = ThemeSpecific;
+//# sourceMappingURL=FloatingDateRangePicker.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingDateRangePicker.stories.js","sourceRoot":"/","sources":["src/stories/FloatingDateRangePicker.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAiC;AAIjC,yHAAiG;AACjG,wFAA4E;AAE5E,kBAAe;IACX,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,iCAAuB;IAClC,QAAQ,EAAE,EAAE;CACkC,CAAC;AAE5C,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC1D,OAAO,CACH;QACI,oBAAC,iCAAuB,IACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,iBAGqB;QAC1B,oBAAC,iCAAuB,IACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,EACD,KAAK,kBAGiB;QAC1B,oBAAC,iCAAuB,IACpB,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,EACD,KAAK,kCAGiB;QAC1B,oBAAC,iCAAuB,IACpB,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,sBAGqB,CAC3B,CACN,CAAC;AACN,CAAC,CAAC;AAnDW,QAAA,OAAO,WAmDlB;AAEK,MAAM,aAAa,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAC1D,OAAO,CACH;QACI,oBAAC,iCAAuB,IACpB,KAAK,EAAE,wBAAM,CAAC,QAAQ,EACtB,kBAAkB,QAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,cAGqB;QAC1B,oBAAC,iCAAuB,IACpB,KAAK,EAAE,wBAAM,CAAC,QAAQ,EACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAChC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,UAAU,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC,aAGqB,CAC3B,CACN,CAAC;AACN,CAAC,CAAC;AA9BW,QAAA,aAAa,iBA8BxB","sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport { ComponentMeta } from '@storybook/react';\n\nimport * as dayjs from 'dayjs';\nimport FloatingDateRangePicker from 'components/generic/DateRangePicker/FloatingDateRangePicker';\nimport { ETheme } from 'components/generic/DateRangePicker/DateRangePicker';\n\nexport default {\n    title: 'generic/DateRangePicker/FloatingRangeDatePicker',\n    component: FloatingDateRangePicker,\n    argTypes: {},\n} as ComponentMeta<typeof FloatingDateRangePicker>;\n\nexport const Primary = () => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs>(null);\n    return (\n        <>\n            <FloatingDateRangePicker\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Click here\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n                small\n            >\n                Small\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                showMultipleMonths\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n                small\n            >\n                Multiple months small\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                showMultipleMonths\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Multiple months\n            </FloatingDateRangePicker>\n        </>\n    );\n};\n\nexport const ThemeSpecific = () => {\n    const [startDate, setStartDate] = useState<dayjs.Dayjs>(null);\n    const [endDate, setEndDate] = useState<dayjs.Dayjs>(null);\n    return (\n        <>\n            <FloatingDateRangePicker\n                theme={ETheme.Specific}\n                showMultipleMonths\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Default\n            </FloatingDateRangePicker>\n            <FloatingDateRangePicker\n                theme={ETheme.Specific}\n                startDate={startDate}\n                endDate={endDate}\n                selectedDateChanged={(start, end) => {\n                    setStartDate(start);\n                    setEndDate(end);\n                }}\n            >\n                Single\n            </FloatingDateRangePicker>\n        </>\n    );\n};\n"]}