@roomstay/frontend 2.1.6 → 2.1.7

package/dist/src/components/generic/InputGroup/InputGroup.js

@@ -1,52 +1,29 @@
 "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 });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 function InputGroup(props) {
     const classes = (0, classnames_1.default)('be-form-group', {
         [`s-${props.dimensions}`]: !!props.dimensions,
     });
     let innerLayout;
-    const childrenArray = React.Children.toArray(props.children);
+    const childrenArray = react_1.default.Children.toArray(props.children);
     switch (props.dimensions) {
         case '3/1':
         case '2/2':
-            innerLayout = (React.createElement(React.Fragment, null,
-                React.createElement("div", null, childrenArray[0]),
-                React.createElement("div", { className: childrenArray[1].type.name === InputGroup.name ? 'no-marg' : '' }, childrenArray[1])));
+            innerLayout = (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", null, childrenArray[0]),
+                react_1.default.createElement("div", { className: childrenArray[1].type.name === InputGroup.name ? 'no-marg' : '' }, childrenArray[1])));
             break;
         case '1':
         default:
             innerLayout = props.children;
             break;
     }
-    return React.createElement("div", { className: classes }, innerLayout);
+    return react_1.default.createElement("div", { className: classes }, innerLayout);
 }
 exports.default = InputGroup;
 //# sourceMappingURL=InputGroup.js.map

package/dist/src/components/generic/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4DAAoC;AASpC,SAAwB,UAAU,CAAC,KAAsB;IACrD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACxC,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;KAChD,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC;IAEhB,MAAM,aAAa,GAAU,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,QAAQ,KAAK,CAAC,UAAU,EAAE;QACtB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACN,WAAW,GAAG,CACV;gBACI,iCAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBAC7B,6BAAK,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAG,aAAa,CAAC,CAAC,CAAC,CAAO,CAC1G,CACN,CAAC;YAEF,MAAM;QACV,KAAK,GAAG,CAAC;QACT;YACI,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC7B,MAAM;KACb;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,WAAW,CAAO,CAAC;AACxD,CAAC;AA1BD,6BA0BC","sourcesContent":["import * as React from 'react';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface InputGroupProps {\n    children: ReactNode | ReactNode[];\n\n    dimensions?: InputGroupDimensions;\n}\n\nexport default function InputGroup(props: InputGroupProps) {\n    const classes = classNames('be-form-group', {\n        [`s-${props.dimensions}`]: !!props.dimensions,\n    });\n\n    let innerLayout;\n\n    const childrenArray: any[] = React.Children.toArray(props.children);\n    switch (props.dimensions) {\n        case '3/1':\n        case '2/2':\n            innerLayout = (\n                <>\n                    <div>{childrenArray[0]}</div>\n                    <div className={childrenArray[1].type.name === InputGroup.name ? 'no-marg' : ''}>{childrenArray[1]}</div>\n                </>\n            );\n\n            break;\n        case '1':\n        default:\n            innerLayout = props.children;\n            break;\n    }\n\n    return <div className={classes}>{innerLayout}</div>;\n}\n"]}
+{"version":3,"file":"InputGroup.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AASpC,SAAwB,UAAU,CAAC,KAAsB;IACrD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACxC,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;KAChD,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC;IAEhB,MAAM,aAAa,GAAU,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,QAAQ,KAAK,CAAC,UAAU,EAAE;QACtB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACN,WAAW,GAAG,CACV;gBACI,2CAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBAC7B,uCAAK,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAG,aAAa,CAAC,CAAC,CAAC,CAAO,CAC1G,CACN,CAAC;YAEF,MAAM;QACV,KAAK,GAAG,CAAC;QACT;YACI,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC7B,MAAM;KACb;IAED,OAAO,uCAAK,SAAS,EAAE,OAAO,IAAG,WAAW,CAAO,CAAC;AACxD,CAAC;AA1BD,6BA0BC","sourcesContent":["import React from 'react';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { InputGroupDimensions } from '@/components/generic/InputGroup/InputGroup.types';\n\nexport interface InputGroupProps {\n    children: ReactNode | ReactNode[];\n\n    dimensions?: InputGroupDimensions;\n}\n\nexport default function InputGroup(props: InputGroupProps) {\n    const classes = classNames('be-form-group', {\n        [`s-${props.dimensions}`]: !!props.dimensions,\n    });\n\n    let innerLayout;\n\n    const childrenArray: any[] = React.Children.toArray(props.children);\n    switch (props.dimensions) {\n        case '3/1':\n        case '2/2':\n            innerLayout = (\n                <>\n                    <div>{childrenArray[0]}</div>\n                    <div className={childrenArray[1].type.name === InputGroup.name ? 'no-marg' : ''}>{childrenArray[1]}</div>\n                </>\n            );\n\n            break;\n        case '1':\n        default:\n            innerLayout = props.children;\n            break;\n    }\n\n    return <div className={classes}>{innerLayout}</div>;\n}\n"]}

package/dist/src/components/generic/LineBreak.js

@@ -1,32 +1,9 @@
 "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 });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 function LineBreak(props) {
     const classes = (0, classnames_1.default)('line-break', {
@@ -35,7 +12,7 @@ function LineBreak(props) {
         'u-marg-none': props.noMargins,
         '--full-bleed': props.fullBleed,
     });
-    return React.createElement("div", { className: classes });
+    return react_1.default.createElement("div", { className: classes });
 }
 exports.default = LineBreak;
 //# sourceMappingURL=LineBreak.js.map

package/dist/src/components/generic/LineBreak.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineBreak.js","sourceRoot":"/","sources":["src/components/generic/LineBreak.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,4DAAoC;AASpC,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,YAAY,EAAE;QACrC,UAAU,EAAE,KAAK,CAAC,MAAM;QACxB,WAAW,EAAE,KAAK,CAAC,YAAY;QAC/B,aAAa,EAAE,KAAK,CAAC,SAAS;QAC9B,cAAc,EAAE,KAAK,CAAC,SAAS;KAClC,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,OAAO,GAAI,CAAC;AACvC,CAAC;AATD,4BASC","sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\n\nexport interface LineBreakProps {\n    darker?: boolean;\n    noMargins?: boolean;\n    smallMargins?: boolean;\n    fullBleed?: boolean;\n}\n\nexport default function LineBreak(props: LineBreakProps) {\n    const classes = classNames('line-break', {\n        '--darker': props.darker,\n        '--smaller': props.smallMargins,\n        'u-marg-none': props.noMargins,\n        '--full-bleed': props.fullBleed,\n    });\n\n    return <div className={classes} />;\n}\n"]}
+{"version":3,"file":"LineBreak.js","sourceRoot":"/","sources":["src/components/generic/LineBreak.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AASpC,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,YAAY,EAAE;QACrC,UAAU,EAAE,KAAK,CAAC,MAAM;QACxB,WAAW,EAAE,KAAK,CAAC,YAAY;QAC/B,aAAa,EAAE,KAAK,CAAC,SAAS;QAC9B,cAAc,EAAE,KAAK,CAAC,SAAS;KAClC,CAAC,CAAC;IAEH,OAAO,uCAAK,SAAS,EAAE,OAAO,GAAI,CAAC;AACvC,CAAC;AATD,4BASC","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nexport interface LineBreakProps {\n    darker?: boolean;\n    noMargins?: boolean;\n    smallMargins?: boolean;\n    fullBleed?: boolean;\n}\n\nexport default function LineBreak(props: LineBreakProps) {\n    const classes = classNames('line-break', {\n        '--darker': props.darker,\n        '--smaller': props.smallMargins,\n        'u-marg-none': props.noMargins,\n        '--full-bleed': props.fullBleed,\n    });\n\n    return <div className={classes} />;\n}\n"]}

package/dist/src/components/generic/Notification.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
+import React from 'react';
 import { IconType } from './Icon/Icon';
 export interface NotificationType {
-    icon?: IconType;
+    icon: IconType;
     children?: React.ReactNode;
-    ttl: number;
     id?: number;
 }
 interface NotificationProps {

package/dist/src/components/generic/Notification.js

@@ -22,15 +22,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Icon_1 = __importStar(require("./Icon/Icon"));
 const Color_1 = require("../../util/Color");
 const web_1 = require("@react-spring/web");
-const react_1 = require("react");
+const react_2 = require("react");
 function Notification(props) {
-    const { icon, children, ttl } = props.data;
-    const [goAway, setGoAway] = (0, react_1.useState)(false);
+    const { icon, children } = props.data;
+    const [goAway, setGoAway] = (0, react_2.useState)(false);
     const right = (0, web_1.useSpring)({
         delay: 1200,
         config: { mass: 50, tension: 170, friction: 200 },
@@ -49,19 +52,19 @@ function Notification(props) {
         to: {
             opacity: goAway ? 0 : 1,
         },
-        onRest: () => props.onRemove(props.data.id),
+        onRest: () => { var _a; return props.data.id && ((_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, props.data.id)); },
     });
     const iconOnClickHandler = () => {
         setGoAway(true);
     };
-    return (React.createElement(web_1.animated.div, { className: "c-notification a-bounce-down-left", style: outAnim },
-        React.createElement("div", { className: "c-notification__inner" },
-            React.createElement(web_1.animated.div, { className: "c-notification__timer", style: { right: right.right } }),
-            React.createElement("div", { className: "u-flex" },
-                React.createElement("div", { className: "u-flex__item" },
-                    React.createElement(Icon_1.default, { icon: icon, color: Color_1.Color.Accent }),
-                    React.createElement("div", { className: "u-inline u-marg-left" }, children)),
-                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Close, size: "24px", onClick: iconOnClickHandler })))));
+    return (react_1.default.createElement(web_1.animated.div, { className: "c-notification a-bounce-down-left", style: outAnim },
+        react_1.default.createElement("div", { className: "c-notification__inner" },
+            react_1.default.createElement(web_1.animated.div, { className: "c-notification__timer", style: { right: right.right } }),
+            react_1.default.createElement("div", { className: "u-flex" },
+                react_1.default.createElement("div", { className: "u-flex__item" },
+                    react_1.default.createElement(Icon_1.default, { icon: icon, color: Color_1.Color.Accent }),
+                    react_1.default.createElement("div", { className: "u-inline u-marg-left" }, children)),
+                react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Close, size: "24px", onClick: iconOnClickHandler })))));
 }
 exports.default = Notification;
 //# sourceMappingURL=Notification.js.map

package/dist/src/components/generic/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sourceRoot":"/","sources":["src/components/generic/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uEAAgE;AAChE,wCAAqC;AACrC,2CAAwD;AACxD,iCAAiC;AAgBjC,SAAwB,YAAY,CAAC,KAAwB;IACzD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IAE3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,KAAK,GAAG,IAAA,eAAS,EAAC;QACpB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE;QACjD,EAAE,EAAE;YACA,KAAK,EAAE,GAAG;SACb;QACD,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;SAChB;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;KAChC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,eAAS,EAAC;QACtB,IAAI,EAAE;YACF,OAAO,EAAE,CAAC;SACb;QACD,EAAE,EAAE;YACA,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;KACvC,CAAC,CAAC;IACV,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,oBAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,OAAO;QACtE,6BAAK,SAAS,EAAC,uBAAuB;YAClC,oBAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAI;YACjF,6BAAK,SAAS,EAAC,QAAQ;gBACnB,6BAAK,SAAS,EAAC,cAAc;oBACzB,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI;oBACzC,6BAAK,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAO,CACpD;gBACN,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,kBAAkB,GAAI,CACrE,CACJ,CACK,CAClB,CAAC;AACN,CAAC;AA3CD,+BA2CC","sourcesContent":["import * as React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { useSpring, animated } from '@react-spring/web';\nimport { useState } from 'react';\n\nexport interface NotificationType {\n    icon?: IconType;\n    children?: React.ReactNode;\n    // in milliseconds\n    ttl: number;\n\n    id?: number;\n}\n\ninterface NotificationProps {\n    data: NotificationType;\n    onRemove?: (id: number) => void;\n}\n\nexport default function Notification(props: NotificationProps) {\n    const { icon, children, ttl } = props.data;\n\n    const [goAway, setGoAway] = useState(false);\n\n    const right = useSpring({\n        delay: 1200,\n        config: { mass: 50, tension: 170, friction: 200 },\n        to: {\n            right: '0',\n        },\n        from: {\n            right: '100%',\n        },\n        onRest: () => setGoAway(true),\n    });\n\n    const outAnim = useSpring({\n        from: {\n            opacity: 1,\n        },\n        to: {\n            opacity: goAway ? 0 : 1,\n        },\n        onRest: () => props.onRemove(props.data.id),\n    } as any);\n    const iconOnClickHandler = () => {\n        setGoAway(true);\n    };\n    return (\n        <animated.div className=\"c-notification a-bounce-down-left\" style={outAnim}>\n            <div className=\"c-notification__inner\">\n                <animated.div className=\"c-notification__timer\" style={{ right: right.right }} />\n                <div className=\"u-flex\">\n                    <div className=\"u-flex__item\">\n                        <Icon icon={icon} color={Color.Accent} />\n                        <div className=\"u-inline u-marg-left\">{children}</div>\n                    </div>\n                    <Icon icon={IconType.Close} size=\"24px\" onClick={iconOnClickHandler} />\n                </div>\n            </div>\n        </animated.div>\n    );\n}\n"]}
+{"version":3,"file":"Notification.js","sourceRoot":"/","sources":["src/components/generic/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAAgE;AAChE,wCAAqC;AACrC,2CAAwD;AACxD,iCAAiC;AAejC,SAAwB,YAAY,CAAC,KAAwB;IACzD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IAEtC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,KAAK,GAAG,IAAA,eAAS,EAAC;QACpB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE;QACjD,EAAE,EAAE;YACA,KAAK,EAAE,GAAG;SACb;QACD,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;SAChB;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;KAChC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,eAAS,EAAC;QACtB,IAAI,EAAE;YACF,OAAO,EAAE,CAAC;SACb;QACD,EAAE,EAAE;YACA,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B;QACD,MAAM,EAAE,GAAG,EAAE,WAAC,OAAA,KAAK,CAAC,IAAI,CAAC,EAAE,KAAI,MAAA,KAAK,CAAC,QAAQ,sDAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA,CAAA,EAAA;KAC1D,CAAC,CAAC;IACV,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,OAAO;QACtE,uCAAK,SAAS,EAAC,uBAAuB;YAClC,8BAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAI;YACjF,uCAAK,SAAS,EAAC,QAAQ;gBACnB,uCAAK,SAAS,EAAC,cAAc;oBACzB,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI;oBACzC,uCAAK,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAO,CACpD;gBACN,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,kBAAkB,GAAI,CACrE,CACJ,CACK,CAClB,CAAC;AACN,CAAC;AA3CD,+BA2CC","sourcesContent":["import React from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport { Color } from '@/util/Color';\nimport { useSpring, animated } from '@react-spring/web';\nimport { useState } from 'react';\n\nexport interface NotificationType {\n    icon: IconType;\n    children?: React.ReactNode;\n    // in milliseconds\n\n    id?: number;\n}\n\ninterface NotificationProps {\n    data: NotificationType;\n    onRemove?: (id: number) => void;\n}\n\nexport default function Notification(props: NotificationProps) {\n    const { icon, children } = props.data;\n\n    const [goAway, setGoAway] = useState(false);\n\n    const right = useSpring({\n        delay: 1200,\n        config: { mass: 50, tension: 170, friction: 200 },\n        to: {\n            right: '0',\n        },\n        from: {\n            right: '100%',\n        },\n        onRest: () => setGoAway(true),\n    });\n\n    const outAnim = useSpring({\n        from: {\n            opacity: 1,\n        },\n        to: {\n            opacity: goAway ? 0 : 1,\n        },\n        onRest: () => props.data.id && props.onRemove?.(props.data.id),\n    } as any);\n    const iconOnClickHandler = () => {\n        setGoAway(true);\n    };\n    return (\n        <animated.div className=\"c-notification a-bounce-down-left\" style={outAnim}>\n            <div className=\"c-notification__inner\">\n                <animated.div className=\"c-notification__timer\" style={{ right: right.right }} />\n                <div className=\"u-flex\">\n                    <div className=\"u-flex__item\">\n                        <Icon icon={icon} color={Color.Accent} />\n                        <div className=\"u-inline u-marg-left\">{children}</div>\n                    </div>\n                    <Icon icon={IconType.Close} size=\"24px\" onClick={iconOnClickHandler} />\n                </div>\n            </div>\n        </animated.div>\n    );\n}\n"]}

package/dist/src/components/generic/NumberIncrement.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const Text_1 = __importStar(require("./Text"));
 const Icon_1 = __importStar(require("./Icon/Icon"));
 const Tooltip_1 = __importDefault(require("./Tooltip/Tooltip"));
@@ -58,15 +58,15 @@ function NumberIncrement(props) {
     const incrementCurrentNumber = () => {
         updateCurrentNumber(true);
     };
-    return (React.createElement("div", { className: "number-increment" },
-        React.createElement(Tooltip_1.default, { title: currentNumber <= (props.min || 0) ? 'Minimum reached' : 'Decrease' },
-            React.createElement("div", { className: 'number-increment--button' + (currentNumber <= (props.min || 0) ? ' disabled' : ''), onClick: decrementCurrentNumber },
-                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Remove, size: '24px' }))),
-        React.createElement("div", { className: "number-increment--value" },
-            React.createElement(Text_1.default, { type: textSize }, currentNumber)),
-        React.createElement(Tooltip_1.default, { title: currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add' },
-            React.createElement("div", { className: 'number-increment--button' + (currentNumber >= (props.max || 0) ? ' disabled' : ''), onClick: incrementCurrentNumber },
-                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Add, size: '24px' })))));
+    return (react_1.default.createElement("div", { className: "number-increment" },
+        react_1.default.createElement(Tooltip_1.default, { title: currentNumber <= (props.min || 0) ? 'Minimum reached' : 'Decrease' },
+            react_1.default.createElement("div", { className: 'number-increment--button' + (currentNumber <= (props.min || 0) ? ' disabled' : ''), onClick: decrementCurrentNumber },
+                react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Remove, size: "24px" }))),
+        react_1.default.createElement("div", { className: "number-increment--value" },
+            react_1.default.createElement(Text_1.default, { type: textSize }, currentNumber)),
+        react_1.default.createElement(Tooltip_1.default, { title: currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add' },
+            react_1.default.createElement("div", { className: 'number-increment--button' + (currentNumber >= (props.max || 0) ? ' disabled' : ''), onClick: incrementCurrentNumber },
+                react_1.default.createElement(Icon_1.default, { icon: Icon_1.IconType.Add, size: "24px" })))));
 }
 exports.default = NumberIncrement;
 //# sourceMappingURL=NumberIncrement.js.map

package/dist/src/components/generic/NumberIncrement.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberIncrement.js","sourceRoot":"/","sources":["src/components/generic/NumberIncrement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,kEAA2D;AAC3D,uEAAgE;AAEhE,mFAA2D;AAU3D,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,QAAQ,GAAG,eAAQ,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;QACpC,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,EAAE;QAC/C,IAAI,SAAS,GAAG,aAAa,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErD,IAAI,SAAS,EAAE;YACX,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;aAAM;YACH,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,kBAAkB;QAC7B,oBAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU;YAC9E,6BAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,GAAI,CAC3C,CACA;QACV,6BAAK,SAAS,EAAC,yBAAyB;YACpC,oBAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,IAAG,aAAa,CAAQ,CAC1C;QACN,oBAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;YACzE,6BAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,GAAI,CACxC,CACA,CACR,CACT,CAAC;AACN,CAAC;AAjDD,kCAiDC","sourcesContent":["import * as React from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\n\nexport interface NumberIncrementProps {\n    number?: number;\n    onChange?: (value: number) => void;\n    min?: number;\n    max?: number;\n    textSize?: TextType;\n}\n\nexport default function NumberIncrement(props: NumberIncrementProps) {\n    const { textSize = TextType.Body } = props;\n\n    const currentNumber = props.number ? props.number : 0;\n\n    const setNumber = (newNumber: number) => {\n        if (props.onChange) {\n            props.onChange(newNumber);\n        }\n    };\n\n    const updateCurrentNumber = (increment: boolean) => {\n        let newNumber = currentNumber + (increment ? 1 : -1);\n\n        if (increment) {\n            if (typeof props.max === 'number' && newNumber >= props.max) {\n                newNumber = props.max;\n            }\n        } else {\n            if (typeof props.min === 'number' && newNumber <= props.min) {\n                newNumber = props.min;\n            }\n        }\n\n        setNumber(newNumber);\n    };\n    const decrementCurrentNumber = () => {\n        updateCurrentNumber(false);\n    };\n    const incrementCurrentNumber = () => {\n        updateCurrentNumber(true);\n    };\n    return (\n        <div className=\"number-increment\">\n            <Tooltip title={currentNumber <= (props.min || 0) ? 'Minimum reached' : 'Decrease'}>\n                <div className={'number-increment--button' + (currentNumber <= (props.min || 0) ? ' disabled' : '')} onClick={decrementCurrentNumber}>\n                    <Icon icon={IconType.Remove} size={'24px'} />\n                </div>\n            </Tooltip>\n            <div className=\"number-increment--value\">\n                <Text type={textSize}>{currentNumber}</Text>\n            </div>\n            <Tooltip title={currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add'}>\n                <div className={'number-increment--button' + (currentNumber >= (props.max || 0) ? ' disabled' : '')} onClick={incrementCurrentNumber}>\n                    <Icon icon={IconType.Add} size={'24px'} />\n                </div>\n            </Tooltip>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"NumberIncrement.js","sourceRoot":"/","sources":["src/components/generic/NumberIncrement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,kEAA2D;AAC3D,uEAAgE;AAEhE,mFAA2D;AAU3D,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,EAAE,QAAQ,GAAG,eAAQ,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;QACpC,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,EAAE;QAC/C,IAAI,SAAS,GAAG,aAAa,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErD,IAAI,SAAS,EAAE;YACX,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;aAAM;YACH,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,OAAO,CACH,uCAAK,SAAS,EAAC,kBAAkB;QAC7B,8BAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU;YAC9E,uCAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,GAAG,CACzC,CACA;QACV,uCAAK,SAAS,EAAC,yBAAyB;YACpC,8BAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,IAAG,aAAa,CAAQ,CAC1C;QACN,8BAAC,iBAAO,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK;YACzE,uCAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,8BAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAC,MAAM,GAAG,CACtC,CACA,CACR,CACT,CAAC;AACN,CAAC;AAjDD,kCAiDC","sourcesContent":["import React from 'react';\nimport Text, { TextType } from '@/components/generic/Text';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport Tooltip from '@/components/generic/Tooltip/Tooltip';\n\nexport interface NumberIncrementProps {\n    number?: number;\n    onChange?: (value: number) => void;\n    min?: number;\n    max?: number;\n    textSize?: TextType;\n}\n\nexport default function NumberIncrement(props: NumberIncrementProps) {\n    const { textSize = TextType.Body } = props;\n\n    const currentNumber = props.number ? props.number : 0;\n\n    const setNumber = (newNumber: number) => {\n        if (props.onChange) {\n            props.onChange(newNumber);\n        }\n    };\n\n    const updateCurrentNumber = (increment: boolean) => {\n        let newNumber = currentNumber + (increment ? 1 : -1);\n\n        if (increment) {\n            if (typeof props.max === 'number' && newNumber >= props.max) {\n                newNumber = props.max;\n            }\n        } else {\n            if (typeof props.min === 'number' && newNumber <= props.min) {\n                newNumber = props.min;\n            }\n        }\n\n        setNumber(newNumber);\n    };\n    const decrementCurrentNumber = () => {\n        updateCurrentNumber(false);\n    };\n    const incrementCurrentNumber = () => {\n        updateCurrentNumber(true);\n    };\n    return (\n        <div className=\"number-increment\">\n            <Tooltip title={currentNumber <= (props.min || 0) ? 'Minimum reached' : 'Decrease'}>\n                <div className={'number-increment--button' + (currentNumber <= (props.min || 0) ? ' disabled' : '')} onClick={decrementCurrentNumber}>\n                    <Icon icon={IconType.Remove} size=\"24px\" />\n                </div>\n            </Tooltip>\n            <div className=\"number-increment--value\">\n                <Text type={textSize}>{currentNumber}</Text>\n            </div>\n            <Tooltip title={currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add'}>\n                <div className={'number-increment--button' + (currentNumber >= (props.max || 0) ? ' disabled' : '')} onClick={incrementCurrentNumber}>\n                    <Icon icon={IconType.Add} size=\"24px\" />\n                </div>\n            </Tooltip>\n        </div>\n    );\n}\n"]}

package/dist/src/components/generic/Overlay/Overlay.d.ts

@@ -4,15 +4,15 @@ export type OverlayProps = {
     children: ReactNode | ReactNode[];
     open: boolean;
     usePortal?: boolean;
-    container?: HTMLElement;
-    followElement?: Element;
+    container?: HTMLElement | null;
+    followElement?: Element | null;
     className?: string;
     containerClassName?: string;
     hideStyles?: boolean;
     placement?: Placement;
     fallbackPlacements?: Placement;
     strategy?: PositioningStrategy;
-    onClose?: (e: MouseEvent) => void;
+    onClose?: (e: Event) => void;
     offset?: [number, number];
     overlayRef?: LegacyRef<HTMLDivElement>;
 };

package/dist/src/components/generic/Overlay/Overlay.js

@@ -1,34 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Overlay = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_popper_1 = require("react-popper");
 const Overlay_module_scss_1 = __importDefault(require("./Overlay.module.scss"));
 const Portal_1 = require("../Portal/Portal");
@@ -37,13 +14,13 @@ const Fade_1 = __importDefault(require("../../../animations/Fade"));
 const classnames_1 = __importDefault(require("classnames"));
 const Overlay = (props) => {
     var _a, _b, _c;
-    const [referenceElement, setReferenceElement] = (0, react_1.useState)(null);
-    const [popperElement, setPopperElement] = (0, react_1.useState)(null);
-    const [isOpen, setIsOpen] = (0, react_1.useState)(props.open);
+    const [referenceElement, setReferenceElement] = (0, react_2.useState)(null);
+    const [popperElement, setPopperElement] = (0, react_2.useState)(null);
+    const [isOpen, setIsOpen] = (0, react_2.useState)(props.open);
     const { onBodyClickExcept } = (0, hooks_1.useBodyClick)();
     // Used to prevent premature closing of window before it gets a chance to open
-    (0, react_1.useEffect)(() => {
-        let timeout = null;
+    (0, react_2.useEffect)(() => {
+        let timeout;
         let cancelled = false;
         if (props.open) {
             setIsOpen(props.open);
@@ -61,7 +38,7 @@ const Overlay = (props) => {
             clearTimeout(timeout);
         };
     }, [props.open]);
-    (0, react_1.useLayoutEffect)(() => {
+    (0, react_2.useLayoutEffect)(() => {
         const { remove } = onBodyClickExcept((e) => {
             var _a;
             if (isOpen) {
@@ -96,23 +73,22 @@ const Overlay = (props) => {
         strategy: (_c = props.strategy) !== null && _c !== void 0 ? _c : 'absolute',
         modifiers,
     });
-    const overlayClasses = (0, classnames_1.default)({
+    const overlayClasses = (0, classnames_1.default)(props.className, {
         [Overlay_module_scss_1.default['rs-overlay']]: !props.hideStyles,
-        [props.className]: !!props.className,
     });
     const overlayElement = (
     // Here we depend on the props.open as that's the "intended" state. Fade animation will handle it going in and out.
-    React.createElement(React.Fragment, null,
-        !props.followElement && React.createElement("span", { ref: setReferenceElement }),
-        React.createElement("div", Object.assign({ ref: setPopperElement, style: popperStyles.popper }, attributes.popper, { className: (0, classnames_1.default)(Overlay_module_scss_1.default['rs-popper-container'], props.containerClassName) }),
-            React.createElement(Fade_1.default, { open: props.open },
-                React.createElement("div", { ref: props.overlayRef, className: overlayClasses }, props.children)))));
+    react_1.default.createElement(react_1.default.Fragment, null,
+        !props.followElement && react_1.default.createElement("span", { ref: setReferenceElement }),
+        react_1.default.createElement("div", Object.assign({ ref: setPopperElement, style: popperStyles.popper }, attributes.popper, { className: (0, classnames_1.default)(Overlay_module_scss_1.default['rs-popper-container'], props.containerClassName) }),
+            react_1.default.createElement(Fade_1.default, { open: props.open },
+                react_1.default.createElement("div", { ref: props.overlayRef, className: overlayClasses }, props.children)))));
     if (!isOpen) {
-        return React.createElement(React.Fragment, null);
+        return react_1.default.createElement(react_1.default.Fragment, null);
     }
     if (props.usePortal || props.container) {
         // PreventZIndex is only enabled if container is not specified, since modal will be appended to body, Roomstay engine by default will overlay it
-        return (React.createElement(Portal_1.RoomstayPortal, { target: props.container || document.body, preventZIndex: !!props.container }, overlayElement));
+        return (react_1.default.createElement(Portal_1.RoomstayPortal, { target: props.container || document.body, preventZIndex: !!props.container }, overlayElement));
     }
     return overlayElement;
 };

package/dist/src/components/generic/Overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sourceRoot":"/","sources":["src/components/generic/Overlay/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAmF;AACnF,+CAAmD;AAEnD,gFAA2C;AAC3C,+DAAoE;AACpE,2CAA+C;AAC/C,6DAA8C;AAC9C,4DAAoC;AAyB7B,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;;IAC3C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IAEtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE7C,8EAA8E;IAC9E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,GAAmB,IAAI,CAAC;QACnC,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,IAAI,KAAK,CAAC,IAAI,EAAE;YACZ,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SACzB;aAAM;YACH,8DAA8D;YAC9D,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,IAAI,CAAC,SAAS,EAAE;oBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;iBACpB;YACL,CAAC,EAAE,GAAG,CAAC,CAAC;SACX;QAED,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAC,CAAC,CAAa,EAAE,EAAE;;YACnD,IAAI,MAAM,EAAE;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,MAAA,KAAK,CAAC,OAAO,sDAAG,CAAC,CAAC,CAAC;aACtB;QACL,CAAC,EAAE,aAAa,CAAC,CAAC;QAElB,OAAO,GAAG,EAAE;YACR,MAAM,EAAE,CAAC;QACb,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5B,MAAM,SAAS,GAAoB;QAC/B;YACI,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE;gBACL,cAAc,EAAE,KAAK;gBACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;aAC/C;SACJ;KACJ,CAAC;IACF,IAAI,KAAK,CAAC,MAAM,EAAE;QACd,SAAS,CAAC,IAAI,CAAC;YACX,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACL,MAAM,EAAE,KAAK,CAAC,MAAM;aACvB;SACJ,CAAC,CAAC;KACN;IAED,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAA,wBAAS,EAAC,MAAA,KAAK,CAAC,aAAa,mCAAI,gBAAgB,EAAE,aAAa,EAAE;QAC3G,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,QAAQ;QACtC,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,UAAU;QACtC,SAAS;KACZ,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,oBAAU,EAAC;QAC9B,CAAC,6BAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU;QACzC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS;KACvC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG;IACnB,mHAAmH;IAEnH;QACK,CAAC,KAAK,CAAC,aAAa,IAAI,8BAAM,GAAG,EAAE,mBAAmB,GAAS;QAEhE,2CAAK,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,CAAC,MAAM,IAAM,UAAU,CAAC,MAAM,IAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAAM,CAAC,qBAAqB,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC;YACzJ,oBAAC,cAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI;gBAC3B,6BAAK,GAAG,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,IAChD,KAAK,CAAC,QAAQ,CACb,CACM,CACd,CACP,CACN,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACT,OAAO,yCAAK,CAAC;KAChB;IAED,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,EAAE;QACpC,gJAAgJ;QAChJ,OAAO,CACH,oBAAC,uBAAc,IAAC,MAAM,EAAE,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,IACrF,cAAc,CACF,CACpB,CAAC;KACL;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC,CAAC;AAvGW,QAAA,OAAO,WAuGlB","sourcesContent":["import * as React from 'react';\nimport { useState, ReactNode, useEffect, useLayoutEffect, LegacyRef } from 'react';\nimport { Modifier, usePopper } from 'react-popper';\n\nimport styles from './Overlay.module.scss';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport { useBodyClick } from '@frontend/hooks';\nimport FadeAnimation from '@/animations/Fade';\nimport classNames from 'classnames';\nimport { Placement, PositioningStrategy } from '@popperjs/core';\n\nexport type OverlayProps = {\n    children: ReactNode | ReactNode[];\n    open: boolean;\n\n    usePortal?: boolean;\n    container?: HTMLElement;\n\n    followElement?: Element;\n    className?: string;\n    containerClassName?: string;\n\n    hideStyles?: boolean;\n\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    strategy?: PositioningStrategy;\n\n    onClose?: (e: MouseEvent) => void;\n    offset?: [number, number];\n    overlayRef?: LegacyRef<HTMLDivElement>;\n};\n\nexport const Overlay = (props: OverlayProps) => {\n    const [referenceElement, setReferenceElement] = useState<Element>(null);\n    const [popperElement, setPopperElement] = useState<HTMLElement>(null);\n\n    const [isOpen, setIsOpen] = useState(props.open);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    // Used to prevent premature closing of window before it gets a chance to open\n    useEffect(() => {\n        let timeout: NodeJS.Timeout = null;\n        let cancelled = false;\n\n        if (props.open) {\n            setIsOpen(props.open);\n        } else {\n            // Allow for fade out animation to run before removing element\n            timeout = setTimeout(() => {\n                if (!cancelled) {\n                    setIsOpen(false);\n                }\n            }, 500);\n        }\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeout);\n        };\n    }, [props.open]);\n\n    useLayoutEffect(() => {\n        const { remove } = onBodyClickExcept((e: MouseEvent) => {\n            if (isOpen) {\n                e.preventDefault();\n                e.stopPropagation();\n                props.onClose?.(e);\n            }\n        }, popperElement);\n\n        return () => {\n            remove();\n        };\n    }, [isOpen, popperElement]);\n\n    const modifiers: Modifier<any>[] = [\n        {\n            name: 'flip',\n            options: {\n                flipVariations: false,\n                fallbackPlacements: props.fallbackPlacements,\n            },\n        },\n    ];\n    if (props.offset) {\n        modifiers.push({\n            name: 'offset',\n            options: {\n                offset: props.offset,\n            },\n        });\n    }\n\n    const { styles: popperStyles, attributes } = usePopper(props.followElement ?? referenceElement, popperElement, {\n        placement: props.placement ?? 'bottom',\n        strategy: props.strategy ?? 'absolute',\n        modifiers,\n    });\n\n    const overlayClasses = classNames({\n        [styles['rs-overlay']]: !props.hideStyles,\n        [props.className]: !!props.className,\n    });\n\n    const overlayElement = (\n        // Here we depend on the props.open as that's the \"intended\" state. Fade animation will handle it going in and out.\n\n        <>\n            {!props.followElement && <span ref={setReferenceElement}></span>}\n\n            <div ref={setPopperElement} style={popperStyles.popper} {...attributes.popper} className={classNames(styles['rs-popper-container'], props.containerClassName)}>\n                <FadeAnimation open={props.open}>\n                    <div ref={props.overlayRef} className={overlayClasses}>\n                        {props.children}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </>\n    );\n\n    if (!isOpen) {\n        return <></>;\n    }\n\n    if (props.usePortal || props.container) {\n        // PreventZIndex is only enabled if container is not specified, since modal will be appended to body, Roomstay engine by default will overlay it\n        return (\n            <RoomstayPortal target={props.container || document.body} preventZIndex={!!props.container}>\n                {overlayElement}\n            </RoomstayPortal>\n        );\n    }\n\n    return overlayElement;\n};\n"]}
+{"version":3,"file":"Overlay.js","sourceRoot":"/","sources":["src/components/generic/Overlay/Overlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useState, ReactNode, useEffect, useLayoutEffect, LegacyRef } from 'react';\nimport { Modifier, usePopper } from 'react-popper';\n\nimport styles from './Overlay.module.scss';\nimport { RoomstayPortal } from '@/components/generic/Portal/Portal';\nimport { useBodyClick } from '@frontend/hooks';\nimport FadeAnimation from '@/animations/Fade';\nimport classNames from 'classnames';\nimport { Placement, PositioningStrategy } from '@popperjs/core';\n\nexport type OverlayProps = {\n    children: ReactNode | ReactNode[];\n    open: boolean;\n\n    usePortal?: boolean;\n    container?: HTMLElement | null;\n\n    followElement?: Element | null;\n    className?: string;\n    containerClassName?: string;\n\n    hideStyles?: boolean;\n\n    placement?: Placement;\n    fallbackPlacements?: Placement;\n    strategy?: PositioningStrategy;\n\n    onClose?: (e: Event) => void;\n    offset?: [number, number];\n    overlayRef?: LegacyRef<HTMLDivElement>;\n};\n\nexport const Overlay = (props: OverlayProps) => {\n    const [referenceElement, setReferenceElement] = useState<Element | null>(null);\n    const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n\n    const [isOpen, setIsOpen] = useState(props.open);\n\n    const { onBodyClickExcept } = useBodyClick();\n\n    // Used to prevent premature closing of window before it gets a chance to open\n    useEffect(() => {\n        let timeout: NodeJS.Timeout;\n        let cancelled = false;\n\n        if (props.open) {\n            setIsOpen(props.open);\n        } else {\n            // Allow for fade out animation to run before removing element\n            timeout = setTimeout(() => {\n                if (!cancelled) {\n                    setIsOpen(false);\n                }\n            }, 500);\n        }\n\n        return () => {\n            cancelled = true;\n            clearTimeout(timeout);\n        };\n    }, [props.open]);\n\n    useLayoutEffect(() => {\n        const { remove } = onBodyClickExcept((e: Event) => {\n            if (isOpen) {\n                e.preventDefault();\n                e.stopPropagation();\n                props.onClose?.(e);\n            }\n        }, popperElement as HTMLDivElement);\n\n        return () => {\n            remove();\n        };\n    }, [isOpen, popperElement]);\n\n    const modifiers: Modifier<any>[] = [\n        {\n            name: 'flip',\n            options: {\n                flipVariations: false,\n                fallbackPlacements: props.fallbackPlacements,\n            },\n        },\n    ];\n    if (props.offset) {\n        modifiers.push({\n            name: 'offset',\n            options: {\n                offset: props.offset,\n            },\n        });\n    }\n\n    const { styles: popperStyles, attributes } = usePopper(props.followElement ?? referenceElement, popperElement, {\n        placement: props.placement ?? 'bottom',\n        strategy: props.strategy ?? 'absolute',\n        modifiers,\n    });\n\n    const overlayClasses = classNames(props.className, {\n        [styles['rs-overlay']]: !props.hideStyles,\n    });\n\n    const overlayElement = (\n        // Here we depend on the props.open as that's the \"intended\" state. Fade animation will handle it going in and out.\n\n        <>\n            {!props.followElement && <span ref={setReferenceElement}></span>}\n\n            <div ref={setPopperElement} style={popperStyles.popper} {...attributes.popper} className={classNames(styles['rs-popper-container'], props.containerClassName)}>\n                <FadeAnimation open={props.open}>\n                    <div ref={props.overlayRef} className={overlayClasses}>\n                        {props.children}\n                    </div>\n                </FadeAnimation>\n            </div>\n        </>\n    );\n\n    if (!isOpen) {\n        return <></>;\n    }\n\n    if (props.usePortal || props.container) {\n        // PreventZIndex is only enabled if container is not specified, since modal will be appended to body, Roomstay engine by default will overlay it\n        return (\n            <RoomstayPortal target={props.container || document.body} preventZIndex={!!props.container}>\n                {overlayElement}\n            </RoomstayPortal>\n        );\n    }\n\n    return overlayElement;\n};\n"]}

package/dist/src/components/generic/PasswordBox/PasswordBox.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 import { TextBoxProps } from '../TextBox';
 export declare const PasswordBox: React.ForwardRefExoticComponent<TextBoxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/generic/PasswordBox/PasswordBox.js

@@ -27,20 +27,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PasswordBox = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Icon_1 = __importStar(require("../Icon/Icon"));
 const TextBox_1 = __importDefault(require("../TextBox"));
 const PasswordBox_module_scss_1 = __importDefault(require("./PasswordBox.module.scss"));
-exports.PasswordBox = (0, react_1.forwardRef)(function PasswordBox(props, ref) {
-    const [canSeePassword, setCanSeePassword] = (0, react_1.useState)(true);
+exports.PasswordBox = (0, react_2.forwardRef)(function PasswordBox(props, ref) {
+    const [canSeePassword, setCanSeePassword] = (0, react_2.useState)(true);
     const inputProperties = Object.assign(Object.assign({}, props), { type: canSeePassword ? 'text' : 'password' });
     const onSwitch = () => {
         setCanSeePassword(!canSeePassword);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: PasswordBox_module_scss_1.default.passwordbox },
-            React.createElement(TextBox_1.default, Object.assign({ ref: ref }, inputProperties)),
-            React.createElement(Icon_1.default, { className: PasswordBox_module_scss_1.default['suffix-icon'], icon: canSeePassword ? Icon_1.IconType.Eye : Icon_1.IconType.EyeBlocked, onClick: onSwitch }))));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: PasswordBox_module_scss_1.default.passwordbox },
+            react_1.default.createElement(TextBox_1.default, Object.assign({ ref: ref }, inputProperties)),
+            react_1.default.createElement(Icon_1.default, { className: PasswordBox_module_scss_1.default['suffix-icon'], icon: canSeePassword ? Icon_1.IconType.Eye : Icon_1.IconType.EyeBlocked, onClick: onSwitch }))));
 });
 //# sourceMappingURL=PasswordBox.js.map

package/dist/src/components/generic/PasswordBox/PasswordBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordBox.js","sourceRoot":"/","sources":["src/components/generic/PasswordBox/PasswordBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA6C;AAC7C,uEAAgE;AAChE,yDAAmD;AACnD,wFAA+C;AAElC,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAiC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IACjG,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,eAAe,mCACd,KAAK,KACR,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,GAC7C,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,SAAS,EAAE,iCAAM,CAAC,WAAW;YAC9B,oBAAC,iBAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,eAAe,EAAI;YAC1C,oBAAC,cAAI,IAAC,SAAS,EAAE,iCAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,eAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,eAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,GAAI,CACtH,CACP,CACN,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { forwardRef, useState } from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport TextBox, { TextBoxProps } from '../TextBox';\nimport styles from './PasswordBox.module.scss';\n\nexport const PasswordBox = forwardRef<HTMLInputElement, TextBoxProps>(function PasswordBox(props, ref) {\n    const [canSeePassword, setCanSeePassword] = useState(true);\n\n    const inputProperties: TextBoxProps = {\n        ...props,\n        type: canSeePassword ? 'text' : 'password',\n    };\n\n    const onSwitch = () => {\n        setCanSeePassword(!canSeePassword);\n    };\n\n    return (\n        <>\n            <div className={styles.passwordbox}>\n                <TextBox ref={ref} {...inputProperties} />\n                <Icon className={styles['suffix-icon']} icon={canSeePassword ? IconType.Eye : IconType.EyeBlocked} onClick={onSwitch} />\n            </div>\n        </>\n    );\n});\n"]}
+{"version":3,"file":"PasswordBox.js","sourceRoot":"/","sources":["src/components/generic/PasswordBox/PasswordBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iCAA6C;AAC7C,uEAAgE;AAChE,yDAAmD;AACnD,wFAA+C;AAElC,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAiC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IACjG,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,eAAe,mCACd,KAAK,KACR,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,GAC7C,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACH;QACI,uCAAK,SAAS,EAAE,iCAAM,CAAC,WAAW;YAC9B,8BAAC,iBAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,eAAe,EAAI;YAC1C,8BAAC,cAAI,IAAC,SAAS,EAAE,iCAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,eAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,eAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,GAAI,CACtH,CACP,CACN,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { forwardRef, useState } from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\nimport TextBox, { TextBoxProps } from '../TextBox';\nimport styles from './PasswordBox.module.scss';\n\nexport const PasswordBox = forwardRef<HTMLInputElement, TextBoxProps>(function PasswordBox(props, ref) {\n    const [canSeePassword, setCanSeePassword] = useState(true);\n\n    const inputProperties: TextBoxProps = {\n        ...props,\n        type: canSeePassword ? 'text' : 'password',\n    };\n\n    const onSwitch = () => {\n        setCanSeePassword(!canSeePassword);\n    };\n\n    return (\n        <>\n            <div className={styles.passwordbox}>\n                <TextBox ref={ref} {...inputProperties} />\n                <Icon className={styles['suffix-icon']} icon={canSeePassword ? IconType.Eye : IconType.EyeBlocked} onClick={onSwitch} />\n            </div>\n        </>\n    );\n});\n"]}

package/dist/src/components/generic/PaymentCard/CardTypeSelect.js

@@ -1,33 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardTypeSelect = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const PaymentCard_1 = require("../../../models/PaymentCard");
 const CardTypeSelect_module_scss_1 = __importDefault(require("./CardTypeSelect.module.scss"));
 const classnames_1 = __importDefault(require("classnames"));
@@ -42,14 +19,18 @@ const cardType2HotelCardType = {
 };
 const CardTypeSelect = ({ value, onChange }) => {
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    return (React.createElement("div", { className: CardTypeSelect_module_scss_1.default.root, onChange: onChange }, Object.values(PaymentCard_1.ECardType)
-        .filter((cardType) => { var _a; return (_a = hotel.paymentCardTypes) === null || _a === void 0 ? void 0 : _a.includes(cardType2HotelCardType[cardType]); })
+    return (react_1.default.createElement("div", { className: CardTypeSelect_module_scss_1.default.root, onChange: onChange }, Object.values(PaymentCard_1.ECardType)
+        .filter((cardType) => {
+        var _a;
+        const paymentCardType = cardType2HotelCardType[cardType];
+        return paymentCardType && ((_a = hotel === null || hotel === void 0 ? void 0 : hotel.paymentCardTypes) === null || _a === void 0 ? void 0 : _a.includes(paymentCardType));
+    })
         .map((cardType) => {
         const iconUrl = (0, PaymentCardHelper_1.mapCardTypeToGraphic)(cardType).cardIconUrl;
-        return (React.createElement("div", { key: cardType, className: (0, classnames_1.default)(CardTypeSelect_module_scss_1.default.icon, {
+        return (react_1.default.createElement("div", { key: cardType, className: (0, classnames_1.default)(CardTypeSelect_module_scss_1.default.icon, {
                 [CardTypeSelect_module_scss_1.default.isSelected]: value === cardType,
             }) },
-            React.createElement("img", { src: iconUrl, alt: cardType })));
+            react_1.default.createElement("img", { src: iconUrl, alt: cardType })));
     })));
 };
 exports.CardTypeSelect = CardTypeSelect;

package/dist/src/components/generic/PaymentCard/CardTypeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTypeSelect.js","sourceRoot":"/","sources":["src/components/generic/PaymentCard/CardTypeSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,sDAAiD;AACjD,8FAAkD;AAClD,4DAAoC;AACpC,gEAAgE;AAChE,2CAAkD;AAClD,uDAA+D;AAQ/D,MAAM,sBAAsB,GAExB;IACA,CAAC,uBAAS,CAAC,IAAI,CAAC,EAAE,wBAAgB,CAAC,IAAI;IACvC,CAAC,uBAAS,CAAC,UAAU,CAAC,EAAE,wBAAgB,CAAC,UAAU;IACnD,CAAC,uBAAS,CAAC,eAAe,CAAC,EAAE,wBAAgB,CAAC,eAAe;IAC7D,CAAC,uBAAS,CAAC,GAAG,CAAC,EAAE,wBAAgB,CAAC,GAAG;CACxC,CAAC;AACK,MAAM,cAAc,GAA4B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEpC,OAAO,CACH,6BAAK,SAAS,EAAE,oCAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAC1C,MAAM,CAAC,MAAM,CAAC,uBAAS,CAAC;SACpB,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,gBAAgB,0CAAE,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAA,EAAA,CAAC;SACxF,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;QACd,MAAM,OAAO,GAAG,IAAA,wCAAoB,EAAC,QAAQ,CAAC,CAAC,WAAW,CAAC;QAE3D,OAAO,CACH,6BACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAM,CAAC,IAAI,EAAE;gBAC/B,CAAC,oCAAM,CAAC,UAAU,CAAC,EAAE,KAAK,KAAK,QAAQ;aAC1C,CAAC;YAEF,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,GAAI,CAClC,CACT,CAAC;IACN,CAAC,CAAC,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB","sourcesContent":["import * as React from 'react';\nimport { FC, FormEvent } from 'react';\nimport { ECardType } from '@/models/PaymentCard';\nimport styles from './CardTypeSelect.module.scss';\nimport classNames from 'classnames';\nimport { mapCardTypeToGraphic } from '@/util/PaymentCardHelper';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EPaymentCardType } from '@/models/Client/Hotel/Hotel';\n\nexport interface CardTypeSelectProps {\n    value?: ECardType;\n    onChange?: (e: FormEvent<HTMLDivElement>) => void;\n    name?: string;\n}\n\nconst cardType2HotelCardType: {\n    [cardType in ECardType]?: EPaymentCardType;\n} = {\n    [ECardType.Visa]: EPaymentCardType.Visa,\n    [ECardType.Mastercard]: EPaymentCardType.Mastercard,\n    [ECardType.AmericanExpress]: EPaymentCardType.AmericanExpress,\n    [ECardType.JCB]: EPaymentCardType.JCB,\n};\nexport const CardTypeSelect: FC<CardTypeSelectProps> = ({ value, onChange }) => {\n    const { hotel } = useCurrentHotel();\n\n    return (\n        <div className={styles.root} onChange={onChange}>\n            {Object.values(ECardType)\n                .filter((cardType) => hotel.paymentCardTypes?.includes(cardType2HotelCardType[cardType]))\n                .map((cardType) => {\n                    const iconUrl = mapCardTypeToGraphic(cardType).cardIconUrl;\n\n                    return (\n                        <div\n                            key={cardType}\n                            className={classNames(styles.icon, {\n                                [styles.isSelected]: value === cardType,\n                            })}\n                        >\n                            <img src={iconUrl} alt={cardType} />\n                        </div>\n                    );\n                })}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"CardTypeSelect.js","sourceRoot":"/","sources":["src/components/generic/PaymentCard/CardTypeSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,sDAAiD;AACjD,8FAAkD;AAClD,4DAAoC;AACpC,gEAAgE;AAChE,2CAAkD;AAClD,uDAA+D;AAQ/D,MAAM,sBAAsB,GAExB;IACA,CAAC,uBAAS,CAAC,IAAI,CAAC,EAAE,wBAAgB,CAAC,IAAI;IACvC,CAAC,uBAAS,CAAC,UAAU,CAAC,EAAE,wBAAgB,CAAC,UAAU;IACnD,CAAC,uBAAS,CAAC,eAAe,CAAC,EAAE,wBAAgB,CAAC,eAAe;IAC7D,CAAC,uBAAS,CAAC,GAAG,CAAC,EAAE,wBAAgB,CAAC,GAAG;CACxC,CAAC;AACK,MAAM,cAAc,GAA4B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IACpC,OAAO,CACH,uCAAK,SAAS,EAAE,oCAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAC1C,MAAM,CAAC,MAAM,CAAC,uBAAS,CAAC;SACpB,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE;;QACjB,MAAM,eAAe,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACzD,OAAO,eAAe,KAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,0CAAE,QAAQ,CAAC,eAAe,CAAC,CAAA,CAAC;IACjF,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;QACd,MAAM,OAAO,GAAG,IAAA,wCAAoB,EAAC,QAAQ,CAAC,CAAC,WAAW,CAAC;QAE3D,OAAO,CACH,uCACI,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAM,CAAC,IAAI,EAAE;gBAC/B,CAAC,oCAAM,CAAC,UAAU,CAAC,EAAE,KAAK,KAAK,QAAQ;aAC1C,CAAC;YAEF,uCAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,GAAI,CAClC,CACT,CAAC;IACN,CAAC,CAAC,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAzBW,QAAA,cAAc,kBAyBzB","sourcesContent":["import React from 'react';\nimport { FC, FormEvent } from 'react';\nimport { ECardType } from '@/models/PaymentCard';\nimport styles from './CardTypeSelect.module.scss';\nimport classNames from 'classnames';\nimport { mapCardTypeToGraphic } from '@/util/PaymentCardHelper';\nimport { useCurrentHotel } from '@frontend/hooks';\nimport { EPaymentCardType } from '@/models/Client/Hotel/Hotel';\n\nexport interface CardTypeSelectProps {\n    value?: ECardType;\n    onChange?: (e: FormEvent<HTMLDivElement>) => void;\n    name?: string;\n}\n\nconst cardType2HotelCardType: {\n    [cardType in ECardType]?: EPaymentCardType;\n} = {\n    [ECardType.Visa]: EPaymentCardType.Visa,\n    [ECardType.Mastercard]: EPaymentCardType.Mastercard,\n    [ECardType.AmericanExpress]: EPaymentCardType.AmericanExpress,\n    [ECardType.JCB]: EPaymentCardType.JCB,\n};\nexport const CardTypeSelect: FC<CardTypeSelectProps> = ({ value, onChange }) => {\n    const { hotel } = useCurrentHotel();\n    return (\n        <div className={styles.root} onChange={onChange}>\n            {Object.values(ECardType)\n                .filter((cardType) => {\n                    const paymentCardType = cardType2HotelCardType[cardType];\n                    return paymentCardType && hotel?.paymentCardTypes?.includes(paymentCardType);\n                })\n                .map((cardType) => {\n                    const iconUrl = mapCardTypeToGraphic(cardType).cardIconUrl;\n\n                    return (\n                        <div\n                            key={cardType}\n                            className={classNames(styles.icon, {\n                                [styles.isSelected]: value === cardType,\n                            })}\n                        >\n                            <img src={iconUrl} alt={cardType} />\n                        </div>\n                    );\n                })}\n        </div>\n    );\n};\n"]}