@roomstay/frontend 2.6.87 → 2.6.89-0

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

@@ -1,9 +1,18 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { IconNavCard } from '../components/generic/Card/IconNavCard/IconNavCard';
 import { IconType } from '../components/generic/Icon/Icon';
 import { Color } from '../util/Color';
-declare const _default: ComponentMeta<typeof IconNavCard>;
+declare const _default: ComponentMeta<(props: {
+    icon: IconType;
+    title: string;
+    description?: React.ReactNode;
+    link?: {
+        text: string;
+        pathTo?: string | undefined;
+        icon?: "arrow" | "open-new" | undefined;
+        color?: Color | undefined;
+    } | undefined;
+}) => JSX.Element | null>;
 export default _default;
 export declare const Default: ComponentStory<(props: {
     icon: IconType;
@@ -11,8 +20,8 @@ export declare const Default: ComponentStory<(props: {
     description?: React.ReactNode;
     link?: {
         text: string;
-        pathTo?: string;
-        icon?: "arrow" | "open-new";
-        color?: Color;
-    };
-}) => React.JSX.Element | null>;
+        pathTo?: string | undefined;
+        icon?: "arrow" | "open-new" | undefined;
+        color?: Color | undefined;
+    } | undefined;
+}) => JSX.Element | null>;

package/dist/src/stories/IconText.stories.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"IconText.stories.js","sourceRoot":"/","sources":["src/stories/IconText.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAE1B,uEAAoE;AAEpE,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,cAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,eAAQ,CAAC,KAAK;CACvB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport IconText, { IconType } from '@/components/generic/Icon/Icon';\n\nexport default {\n    title: 'generic/IconText/IconText',\n    component: IconText,\n    argTypes: {},\n} as ComponentMeta<typeof IconText>;\n\nconst Template: ComponentStory<typeof IconText> = (args) => <IconText {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    icon: IconType.Check,\n};\n"]}
+{"version":3,"file":"IconText.stories.js","sourceRoot":"/","sources":["src/stories/IconText.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAE1B,uEAAoE;AAEpE,kBAAe;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,cAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,eAAQ,CAAC,KAAK;CACvB,CAAC","sourcesContent":["import { ComponentMeta, ComponentStory } from '@storybook/react';\nimport React from 'react';\n\nimport IconText, { IconType } from '@/components/generic/Icon/Icon';\n\nexport default {\n    title: 'generic/IconText/IconText',\n    component: IconText,\n    argTypes: {},\n} as ComponentMeta<typeof IconText>;\n\nconst Template: ComponentStory<typeof IconText> = (args) => <IconText {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    icon: IconType.Check,\n};\n"]}

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

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

package/dist/src/stories/NumberIncrement.stories.js

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NumberIncrement.stories.js","sourceRoot":"/","sources":["src/stories/NumberIncrement.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,2FAA6F;AAE7F,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,yBAAe;IAC1B,QAAQ,EAAE,EAAE;CAC0B,CAAC;AACpC,MAAM,OAAO,GAAG,CAAC,IAA0B,EAAE,EAAE;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC9C,OAAO,CACH,8BAAC,yBAAe,IACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,EACP,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;YAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,MAAA,IAAI,CAAC,QAAQ,qDAAG,KAAK,CAAC,CAAC;QAC3B,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport NumberIncrement, { NumberIncrementProps } from '@/components/generic/NumberIncrement';\n\nexport default {\n    title: 'generic/NumberIncrement',\n    component: NumberIncrement,\n    argTypes: {},\n} as ComponentMeta<typeof NumberIncrement>;\nexport const Default = (args: NumberIncrementProps) => {\n    const [value, setValue] = useState<number>(1);\n    return (\n        <NumberIncrement\n            min={0}\n            max={10}\n            number={value}\n            onChange={(value) => {\n                setValue(value);\n                args.onChange?.(value);\n            }}\n        />\n    );\n};\n"]}
+{"version":3,"file":"NumberIncrement.stories.js","sourceRoot":"/","sources":["src/stories/NumberIncrement.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAExC,2FAA6F;AAE7F,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,yBAAe;IAC1B,QAAQ,EAAE,EAAE;CAC0B,CAAC;AACpC,MAAM,OAAO,GAAG,CAAC,IAA0B,EAAE,EAAE;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC9C,OAAO,CACH,8BAAC,yBAAe,IACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,EACP,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;YAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,MAAA,IAAI,CAAC,QAAQ,qDAAG,KAAK,CAAC,CAAC;QAC3B,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB","sourcesContent":["import { ComponentMeta } from '@storybook/react';\nimport React, { useState } from 'react';\n\nimport NumberIncrement, { NumberIncrementProps } from '@/components/generic/NumberIncrement';\n\nexport default {\n    title: 'generic/NumberIncrement',\n    component: NumberIncrement,\n    argTypes: {},\n} as ComponentMeta<typeof NumberIncrement>;\nexport const Default = (args: NumberIncrementProps) => {\n    const [value, setValue] = useState<number>(1);\n    return (\n        <NumberIncrement\n            min={0}\n            max={10}\n            number={value}\n            onChange={(value) => {\n                setValue(value);\n                args.onChange?.(value);\n            }}\n        />\n    );\n};\n"]}

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

@@ -1,6 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { PasswordBox } from '../components/generic/PasswordBox/PasswordBox';
-declare const _default: ComponentMeta<typeof PasswordBox>;
+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/PaymentCard.stories.d.ts

@@ -1,6 +1,4 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-import React from 'react';
-import { PaymentCard } from '../components/generic/PaymentCard/PaymentCard';
-declare const _default: ComponentMeta<typeof PaymentCard>;
+declare const _default: ComponentMeta<({ card }: import("../components/generic/PaymentCard/PaymentCard").PaymentCardProps) => JSX.Element>;
 export default _default;
-export declare const Primary: ComponentStory<({ card }: import("../components/generic/PaymentCard/PaymentCard").PaymentCardProps) => React.JSX.Element>;
+export declare const Primary: ComponentStory<({ card }: import("../components/generic/PaymentCard/PaymentCard").PaymentCardProps) => JSX.Element>;

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

@@ -1,7 +1,6 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { PaymentCardInput } from '../components/generic/PaymentCard/PaymentCardInput';
-declare const _default: ComponentMeta<typeof PaymentCardInput>;
+declare const _default: ComponentMeta<React.FC<import("../components/generic/PaymentCard/PaymentCardInput").PaymentCardInputProps>>;
 export default _default;
 export declare const Editable: ComponentStory<React.FC<import("../components/generic/PaymentCard/PaymentCardInput").PaymentCardInputProps>>;
 export declare const ViewOnly: ComponentStory<React.FC<import("../components/generic/PaymentCard/PaymentCardInput").PaymentCardInputProps>>;

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

@@ -1,6 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { PlanpayButton } from '../components/generic/PlanpayButton/PlanpayButton';
-declare const _default: ComponentMeta<typeof PlanpayButton>;
+declare const _default: ComponentMeta<React.FC<import("../components/generic/PlanpayButton/PlanpayButton").PlanpayButtonProps>>;
 export default _default;
 export declare const Primary: ComponentStory<React.FC<import("../components/generic/PlanpayButton/PlanpayButton").PlanpayButtonProps>>;

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

@@ -1,7 +1,6 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { RadioButton } from '../components/generic/RadioButtonGroup/RadioButton';
-declare const _default: ComponentMeta<typeof RadioButton>;
+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>>>;
 export declare const Unchecked: ComponentStory<React.ForwardRefExoticComponent<import("../components/generic/RadioButtonGroup/RadioButton").RadioButtonProps & React.RefAttributes<HTMLDivElement>>>;

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

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

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 };
 };

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":"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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"]}
+{"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/Select.stories.d.ts

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

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = exports.Customized = exports.Default = void 0;
 const react_1 = __importStar(require("react"));

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

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

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

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 };
 };

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

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

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

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
 const react_1 = __importStar(require("react"));

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"]}
+{"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/TabbedModal.stories.d.ts

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

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

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+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 };
 };

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

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

@@ -1,6 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import Text from '../components/generic/Text';
-declare const _default: ComponentMeta<typeof Text>;
+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/TextArea.stories.d.ts

@@ -1,6 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import TextArea from '../components/generic/TextArea';
-declare const _default: ComponentMeta<typeof TextArea>;
+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/TextBox.stories.d.ts

@@ -1,6 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import TextBox from '../components/generic/TextBox';
-declare const _default: ComponentMeta<typeof TextBox>;
+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/translations/Translation.d.ts

@@ -588,6 +588,8 @@ export declare const Translation: {
         PerksDisclaimer: string;
         LoadMoreDates: string;
         MoreInfo: string;
+        ChooseRoomGroup: string;
+        PleaseSelectRoomGroup: string;
     };
     FindReservation: {
         FindYourReservation: string;

package/dist/src/translations/Translation.js

@@ -217,7 +217,7 @@ exports.Translation = {
                 RevealPrice: 'Step.Room.RoomInfo.RevealPrice',
                 RevealPrices: 'Step.Room.RoomInfo.RevealPrices',
                 IncludesTaxes: 'Step.Room.RoomInfo.IncludesTaxes',
-                AddRoom: 'Step.Room.RoomInfo.AddRoom', // AddRoom is for Actual Add Room, and BookNow is for Book now :D
+                AddRoom: 'Step.Room.RoomInfo.AddRoom',
                 Information: 'Step.Room.RoomInfo.Information',
                 RoomAmenities: 'Step.Room.RoomInfo.RoomAmenities',
                 MemberRateLockedTooltip: 'Step.Room.RoomInfo.MemberRateLockedTooltip',
@@ -349,7 +349,7 @@ exports.Translation = {
                 Address: 'Step.Confirmation.Inputs.Address',
                 CardNumber: 'Step.Confirmation.Inputs.CardNumber',
                 City: 'Step.Confirmation.Inputs.City',
-                State: 'Step.Confirmation.Inputs.State', // todo: Translations for non-English
+                State: 'Step.Confirmation.Inputs.State',
                 Country: 'Step.Confirmation.Inputs.Country',
                 CreditOrDebitCard: 'Step.Confirmation.Inputs.CreditOrDebitCard',
                 Email: 'Step.Confirmation.Inputs.Email',
@@ -591,6 +591,8 @@ exports.Translation = {
         PerksDisclaimer: 'Misc.PerksDisclaimer',
         LoadMoreDates: 'Misc.LoadMoreDates',
         MoreInfo: 'Misc.MoreInfo',
+        ChooseRoomGroup: 'Misc.ChooseRoomGroup',
+        PleaseSelectRoomGroup: 'Misc.PleaseSelectRoomGroup',
     },
     FindReservation: {
         FindYourReservation: 'FindReservation.FindYourReservation',