@roomstay/frontend 2.0.11 → 2.1.0

package/dist/vendors.bundle.js.LICENSE.txt

@@ -37,6 +37,11 @@ object-assign
  * MIT Licensed
  */
 
+/*!
+* focus-trap 6.9.4
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -78,15 +83,6 @@ PERFORMANCE OF THIS SOFTWARE.
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v16.14.0
- * react-dom-server.browser.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 /** @license React v16.14.0
  * react-dom.production.min.js
  *

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@roomstay/frontend",
-    "version": "2.0.11",
+    "version": "2.1.0",
     "author": {
         "name": "Roomstay",
         "email": "rob@roomstay.io",
@@ -13,6 +13,8 @@
     ],
     "dependencies": {
         "@aws-amplify/auth": "^4.5.10",
+        "@googlemaps/react-wrapper": "^1.1.35",
+        "@juggle/resize-observer": "^3.4.0",
         "@planpay/web": "^0.1.3",
         "@popperjs/core": "^2.11.6",
         "@react-spring/web": "^9.4.4",
@@ -23,10 +25,9 @@
         "@vgs/collect-js": "^0.6.1",
         "base-64": "^1.0.0",
         "classnames": "^2.2.6",
-        "dayjs": "^1.8.33",
+        "dayjs": "^1.11.7",
         "flubber": "^0.4.2",
         "fslightbox-react": "^1.4.9",
-        "google-maps-react": "^2.0.6",
         "i18next": "^19.6.3",
         "react": "^16.12.0",
         "react-dom": "^16.12.0",
@@ -36,9 +37,9 @@
         "react-popper": "^2.3.0",
         "react-router": "^5.2.0",
         "react-router-dom": "^5.2.0",
-        "react-use-gesture": "^7.0.13",
+        "react-spring-bottom-sheet": "^3.4.1",
+        "react-use-gesture": "^8.0.1",
         "react-use-measure": "^2.0.1",
-        "resize-observer-polyfill": "^1.5.1",
         "swiper": "^8.4.2",
         "uncontrollable": "^7.2.1"
     },
@@ -55,7 +56,7 @@
         "build": "rm -rf ./dist/; tsc; env-cmd -f .env.prod  webpack --mode production",
         "release": "np",
         "prepublishOnly": "rm -rf ./dist/; tsc --emitDeclarationOnly; ./rsbundler pack-for-release; echo 0;",
-        "storybook": "start-storybook -p 6006",
+        "storybook": "env-cmd -f .env.local start-storybook -p 6006",
         "build-storybook": "build-storybook"
     },
     "eslintConfig": {
@@ -113,7 +114,7 @@
         "@testing-library/user-event": "^7.1.2",
         "@types/classnames": "^2.2.10",
         "@types/fslightbox-react": "^1.4.0",
-        "@types/google-maps-react": "^2.0.5",
+        "@types/google.maps": "^3.51.1",
         "@types/googlemaps": "^3.39.11",
         "@types/jest": "^24.9.1",
         "@types/node": "^12.12.54",
@@ -126,6 +127,7 @@
         "@typescript-eslint/eslint-plugin": "^5.21.0",
         "@typescript-eslint/parser": "^5.21.0",
         "babel": "^6.23.0",
+        "babel-jest": "^29.4.2",
         "babel-loader": "^8.1.0",
         "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
         "bootstrap": "^4.5.2",
@@ -140,6 +142,7 @@
         "fork-ts-checker-webpack-plugin": "^4.1.6",
         "html-loader": "^0.5.5",
         "html-webpack-plugin": "^5.5.0",
+        "inspectpack": "^4.7.1",
         "jest": "^26.3.0",
         "jest-transform-css": "^2.0.0",
         "json-loader": "^0.5.7",

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

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export interface BESelectItem {
-    value: string;
-    text: any;
-}
-export interface BESelectProps {
-    items: BESelectItem[];
-    iconComponent?: React.ElementType<any>;
-    selectedValue?: BESelectItem | any;
-    onChange?: (selected: unknown) => void;
-    className?: string;
-}
-/**
- * @deprecated Please use Select instead
- */
-export default function BESelect(props: BESelectProps): JSX.Element;

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const Select_1 = require("./Select/Select");
-/**
- * @deprecated Please use Select instead
- */
-function BESelect(props) {
-    return (React.createElement(Select_1.Select, { nativeOnMobile: true, options: props.items, value: props.selectedValue, onChange: props.onChange, keyName: "value", labelName: "text", className: props.className }));
-}
-exports.default = BESelect;
-//# sourceMappingURL=BESelect.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BESelect.js","sourceRoot":"/","sources":["src/components/generic/BESelect.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,4CAAyC;AAgBzC;;GAEG;AACH,SAAwB,QAAQ,CAAC,KAAoB;IACjD,OAAO,CACH,oBAAC,eAAM,IACH,cAAc,QACd,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,KAAK,EAAE,KAAK,CAAC,aAAa,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC5B,CACL,CAAC;AACN,CAAC;AAZD,2BAYC","sourcesContent":["import * as React from 'react';\nimport { Select } from './Select/Select';\n\nexport interface BESelectItem {\n    value: string;\n    text: any;\n}\n\nexport interface BESelectProps {\n    items: BESelectItem[];\n    iconComponent?: React.ElementType<any>;\n    selectedValue?: BESelectItem | any;\n\n    onChange?: (selected: unknown) => void;\n    className?: string;\n}\n\n/**\n * @deprecated Please use Select instead\n */\nexport default function BESelect(props: BESelectProps) {\n    return (\n        <Select<BESelectItem, 'value'>\n            nativeOnMobile\n            options={props.items}\n            value={props.selectedValue}\n            onChange={props.onChange}\n            keyName=\"value\"\n            labelName=\"text\"\n            className={props.className}\n        />\n    );\n}\n"]}

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

@@ -1,11 +0,0 @@
-interface SelectItem {
-    value: string | number;
-    text: any;
-}
-interface Props {
-    className?: string;
-    items: SelectItem[];
-    onChange?: (selected: string | number) => void;
-}
-declare const Select: ({ className, items, onChange }: Props) => JSX.Element;
-export default Select;

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const Color_1 = require("util/Color");
-const Icon_1 = require("components/generic/Icon/Icon");
-const Select = ({ className, items, onChange }) => {
-    const onSelectChange = (event) => {
-        onChange(event.target.value);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "d-flex align-items-center" },
-            React.createElement("select", { className: "rb-select", onChange: onSelectChange }, items.map((item) => {
-                return (React.createElement("option", { key: item.value, value: item.value }, item.text));
-            })),
-            React.createElement(Icon_1.default, { icon: Icon_1.IconType.Dropdown, size: "1em", color: Color_1.Color.DarkGrey }))));
-};
-exports.default = Select;
-//# sourceMappingURL=Select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sourceRoot":"/","sources":["src/components/generic/Select.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,sCAAmC;AACnC,uDAA8D;AAa9D,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACrD,MAAM,cAAc,GAAG,CAAC,KAA2C,EAAE,EAAE;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,2BAA2B;YACtC,gCAAQ,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAE,cAAc,IACjD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChB,OAAO,CACH,gCAAQ,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACrC,IAAI,CAAC,IAAI,CACL,CACZ,CAAC;YACN,CAAC,CAAC,CACG;YACT,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,QAAQ,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,GAAI,CACjE,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\nimport { Color } from 'util/Color';\nimport Icon, { IconType } from 'components/generic/Icon/Icon';\n\ninterface SelectItem {\n    value: string | number;\n    text: any;\n}\n\ninterface Props {\n    className?: string;\n    items: SelectItem[];\n    onChange?: (selected: string | number) => void;\n}\n\nconst Select = ({ className, items, onChange }: Props) => {\n    const onSelectChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n        onChange(event.target.value);\n    };\n\n    return (\n        <>\n            <div className=\"d-flex align-items-center\">\n                <select className=\"rb-select\" onChange={onSelectChange}>\n                    {items.map((item) => {\n                        return (\n                            <option key={item.value} value={item.value}>\n                                {item.text}\n                            </option>\n                        );\n                    })}\n                </select>\n                <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />\n            </div>\n        </>\n    );\n};\n\nexport default Select;\n"]}

package/dist/src/stories/Button.stories.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const react_1 = require("react");
-const BEButton_1 = require("../components/generic/BEButton");
-exports.default = {
-    title: 'generic/buttons/BEButton',
-    component: BEButton_1.default,
-    argTypes: {},
-};
-const Template = (args) => react_1.default.createElement(BEButton_1.default, Object.assign({}, args));
-exports.Primary = Template.bind({});
-exports.Primary.args = {
-    children: 'Text Button',
-    primary: true,
-};
-//# sourceMappingURL=Button.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"/","sources":["src/stories/Button.stories.tsx"],"names":[],"mappings":";;;AAAA,iCAA0B;AAG1B,6DAAsD;AAEtD,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;CACmB,CAAC;AAEpC,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,IAAI;CAChB,CAAC","sourcesContent":["import React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react';\n\nimport BEButton from '../components/generic/BEButton';\n\nexport default {\n    title: 'generic/buttons/BEButton',\n    component: BEButton,\n    argTypes: {},\n} as ComponentMeta<typeof BEButton>;\n\nconst Template: ComponentStory<typeof BEButton> = (args) => <BEButton {...args} />;\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n    children: 'Text Button',\n    primary: true,\n};\n"]}