@roomstay/frontend 2.2.4 → 2.3.0-0

package/dist/src/components/generic/Tabs/TabContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabContext.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabContext.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iCAA4C;AAU5C,MAAM,UAAU,GAAG,eAAK,CAAC,aAAa,CAAkB;IACpD,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,GAAG,EAAE;QACX,EAAE;IACN,CAAC;CACJ,CAAC,CAAC;AAmCoB,6BAAO;AA3B9B,MAAM,kBAAkB,GAAsC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAE5D,MAAM,SAAS,GAAG;QACd,SAAS;QACT,SAAS;QACT,YAAY;QACZ,QAAQ,EAAE,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE;YACxC,+CAA+C;YAC/C,uGAAuG;YACvG,kCAAkC;YAClC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAC;YACnB,YAAY,CAAC,YAAY,CAAC,CAAC;YAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,YAAY,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC;KACJ,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,8BAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAG,QAAQ,CAAuB,CAAC;AACnF,CAAC,CAAC;AAE8B,gDAAkB","sourcesContent":["import React from 'react';\nimport { useEffect, useState } from 'react';\nimport { EventKey } from '@/components/generic/Tabs/Tabs';\n\ninterface TabContextProps {\n    activeKey: string;\n    lastIndex: number;\n    currentIndex: number;\n    onChange: (newKey: string, index: number) => void;\n}\n\nconst TabContext = React.createContext<TabContextProps>({\n    activeKey: '',\n    lastIndex: 0,\n    currentIndex: 0,\n    onChange: () => {\n        //\n    },\n});\n\ninterface TabContextProviderProps {\n    children: any;\n    defaultActiveKey: string;\n    onChange?: (key: string) => void;\n}\n\nconst TabContextProvider: React.FC<TabContextProviderProps> = ({ children, defaultActiveKey, onChange }) => {\n    const [activeKey, setActiveKey] = useState<string>('');\n    const [lastIndex, setLastIndex] = useState<number>(0);\n    const [currentIndex, setCurrentIndex] = useState<number>(0);\n\n    const tabValues = {\n        activeKey,\n        lastIndex,\n        currentIndex,\n        onChange: (newKey: string, index: number) => {\n            // TODO: Add checks for Tab state being \"Dirty\"\n            // This means if you're in the middle of editing a form, and you press back / forward, we don't want to\n            // yank the user out of their flow\n            onChange?.(newKey);\n            setLastIndex(currentIndex);\n            setCurrentIndex(index);\n            setActiveKey(newKey);\n        },\n    };\n\n    useEffect(() => {\n        setActiveKey(defaultActiveKey);\n    }, []);\n\n    return <TabContext.Provider value={tabValues}>{children}</TabContext.Provider>;\n};\n\nexport { TabContext as default, TabContextProvider };\n"]}
+{"version":3,"file":"TabContext.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabContext.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iCAA4C;AAS5C,MAAM,UAAU,GAAG,eAAK,CAAC,aAAa,CAAkB;IACpD,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,GAAG,EAAE;QACX,EAAE;IACN,CAAC;CACJ,CAAC,CAAC;AAmCoB,6BAAO;AA3B9B,MAAM,kBAAkB,GAAsC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAE5D,MAAM,SAAS,GAAG;QACd,SAAS;QACT,SAAS;QACT,YAAY;QACZ,QAAQ,EAAE,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE;YACxC,+CAA+C;YAC/C,uGAAuG;YACvG,kCAAkC;YAClC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAC;YACnB,YAAY,CAAC,YAAY,CAAC,CAAC;YAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,YAAY,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC;KACJ,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,8BAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAG,QAAQ,CAAuB,CAAC;AACnF,CAAC,CAAC;AAE8B,gDAAkB","sourcesContent":["import React from 'react';\nimport { useEffect, useState } from 'react';\n\ninterface TabContextProps {\n    activeKey: string;\n    lastIndex: number;\n    currentIndex: number;\n    onChange: (newKey: string, index: number) => void;\n}\n\nconst TabContext = React.createContext<TabContextProps>({\n    activeKey: '',\n    lastIndex: 0,\n    currentIndex: 0,\n    onChange: () => {\n        //\n    },\n});\n\ninterface TabContextProviderProps {\n    children: any;\n    defaultActiveKey: string;\n    onChange?: (key: string) => void;\n}\n\nconst TabContextProvider: React.FC<TabContextProviderProps> = ({ children, defaultActiveKey, onChange }) => {\n    const [activeKey, setActiveKey] = useState<string>('');\n    const [lastIndex, setLastIndex] = useState<number>(0);\n    const [currentIndex, setCurrentIndex] = useState<number>(0);\n\n    const tabValues = {\n        activeKey,\n        lastIndex,\n        currentIndex,\n        onChange: (newKey: string, index: number) => {\n            // TODO: Add checks for Tab state being \"Dirty\"\n            // This means if you're in the middle of editing a form, and you press back / forward, we don't want to\n            // yank the user out of their flow\n            onChange?.(newKey);\n            setLastIndex(currentIndex);\n            setCurrentIndex(index);\n            setActiveKey(newKey);\n        },\n    };\n\n    useEffect(() => {\n        setActiveKey(defaultActiveKey);\n    }, []);\n\n    return <TabContext.Provider value={tabValues}>{children}</TabContext.Provider>;\n};\n\nexport { TabContext as default, TabContextProvider };\n"]}

package/dist/src/components/generic/Tabs/TabLink.js

@@ -33,21 +33,24 @@ const TabContext_1 = __importDefault(require("./TabContext"));
 const react_router_dom_1 = require("react-router-dom");
 const Text_1 = __importDefault(require("../Text"));
 const Color_1 = require("../../../util/Color");
+const HistoryConsistentPush_1 = require("../../../hooks/HistoryConsistentPush");
 const TabLink = (props) => {
     const tabContext = (0, react_1.useContext)(TabContext_1.default);
-    const history = (0, react_router_dom_1.useHistory)();
+    const { location } = (0, react_router_dom_1.useHistory)();
+    const historyConsistentPush = (0, HistoryConsistentPush_1.useHistoryConsistentPush)();
     const { title, navPath, disabled, index } = props;
     if (!title) {
         return null;
     }
+    const stateConsistentPath = Object.assign(Object.assign({}, location), { pathname: navPath });
     return (react_1.default.createElement("li", null,
-        react_1.default.createElement(react_router_dom_1.NavLink, { to: navPath, activeClassName: "active", className: (0, classnames_1.default)('c-nav-item ', { disabled }), onClick: (e) => {
-                if (disabled) {
-                    e.preventDefault();
-                }
-                else {
+        react_1.default.createElement(react_router_dom_1.NavLink, { to: stateConsistentPath, isActive: (match, location) => {
+                return !disabled && location.pathname.endsWith(navPath);
+            }, activeClassName: "active", className: (0, classnames_1.default)('c-nav-item ', { disabled }), onClick: (e) => {
+                e.preventDefault();
+                if (!disabled) {
                     // Sometimes "to" property does not trigger, we need to call push action
-                    history.push(navPath);
+                    historyConsistentPush(navPath);
                     tabContext.onChange(navPath, index);
                 }
             } },

package/dist/src/components/generic/Tabs/TabLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabLink.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,4DAA4B;AAC5B,sFAA8D;AAC9D,uDAAuD;AACvD,qEAA6C;AAC7C,wCAAqC;AAE9B,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IAClC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,oBAAU,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,IAAA,6BAAU,GAAE,CAAC;IAE7B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElD,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH;QACI,8BAAC,0BAAO,IACJ,EAAE,EAAE,OAAO,EACX,eAAe,EAAC,QAAQ,EACxB,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,EAC1C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,IAAI,QAAQ,EAAE;oBACV,CAAC,CAAC,cAAc,EAAE,CAAC;iBACtB;qBAAM;oBACH,wEAAwE;oBACxE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBACtB,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;iBACvC;YACL,CAAC;YAED,wCAAM,SAAS,EAAE,IAAA,oBAAE,EAAC,YAAY,CAAC;gBAC7B,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,UAC5B,KAAK,CACH,CACJ,CACD,CACT,CACR,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,OAAO,WAkClB","sourcesContent":["import React, { useContext } from 'react';\nimport cx from 'classnames';\nimport TabContext from '@/components/generic/Tabs/TabContext';\nimport { NavLink, useHistory } from 'react-router-dom';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nexport const TabLink = (props: any) => {\n    const tabContext = useContext(TabContext);\n    const history = useHistory();\n\n    const { title, navPath, disabled, index } = props;\n\n    if (!title) {\n        return null;\n    }\n\n    return (\n        <li>\n            <NavLink\n                to={navPath}\n                activeClassName=\"active\"\n                className={cx('c-nav-item ', { disabled })}\n                onClick={(e) => {\n                    if (disabled) {\n                        e.preventDefault();\n                    } else {\n                        // Sometimes \"to\" property does not trigger, we need to call push action\n                        history.push(navPath);\n                        tabContext.onChange(navPath, index);\n                    }\n                }}\n            >\n                <span className={cx('c-nav-link')}>\n                    <Text color={Color.DarkGrey} bold>\n                        {title}\n                    </Text>\n                </span>\n            </NavLink>\n        </li>\n    );\n};\n"]}
+{"version":3,"file":"TabLink.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,4DAA4B;AAC5B,sFAA8D;AAC9D,uDAAuD;AACvD,qEAA6C;AAC7C,wCAAqC;AACrC,yEAAyE;AAElE,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IAClC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,oBAAU,CAAC,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAU,GAAE,CAAC;IAElC,MAAM,qBAAqB,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAEzD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElD,IAAI,CAAC,KAAK,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,MAAM,mBAAmB,mCAClB,QAAQ,KACX,QAAQ,EAAE,OAAO,GACpB,CAAC;IAEF,OAAO,CACH;QACI,8BAAC,0BAAO,IACJ,EAAE,EAAE,mBAAmB,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAC1B,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC5D,CAAC,EACD,eAAe,EAAC,QAAQ,EACxB,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,EAC1C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBAEnB,IAAI,CAAC,QAAQ,EAAE;oBACX,wEAAwE;oBACxE,qBAAqB,CAAC,OAAO,CAAC,CAAC;oBAC/B,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;iBACvC;YACL,CAAC;YAED,wCAAM,SAAS,EAAE,IAAA,oBAAE,EAAC,YAAY,CAAC;gBAC7B,8BAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,UAC5B,KAAK,CACH,CACJ,CACD,CACT,CACR,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,OAAO,WA4ClB","sourcesContent":["import React, { useContext } from 'react';\nimport cx from 'classnames';\nimport TabContext from '@/components/generic/Tabs/TabContext';\nimport { NavLink, useHistory } from 'react-router-dom';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\nimport { useHistoryConsistentPush } from '@/hooks/HistoryConsistentPush';\n\nexport const TabLink = (props: any) => {\n    const tabContext = useContext(TabContext);\n    const { location } = useHistory();\n\n    const historyConsistentPush = useHistoryConsistentPush();\n\n    const { title, navPath, disabled, index } = props;\n\n    if (!title) {\n        return null;\n    }\n\n    const stateConsistentPath = {\n        ...location,\n        pathname: navPath,\n    };\n\n    return (\n        <li>\n            <NavLink\n                to={stateConsistentPath}\n                isActive={(match, location) => {\n                    return !disabled && location.pathname.endsWith(navPath);\n                }}\n                activeClassName=\"active\"\n                className={cx('c-nav-item ', { disabled })}\n                onClick={(e) => {\n                    e.preventDefault();\n\n                    if (!disabled) {\n                        // Sometimes \"to\" property does not trigger, we need to call push action\n                        historyConsistentPush(navPath);\n                        tabContext.onChange(navPath, index);\n                    }\n                }}\n            >\n                <span className={cx('c-nav-link')}>\n                    <Text color={Color.DarkGrey} bold>\n                        {title}\n                    </Text>\n                </span>\n            </NavLink>\n        </li>\n    );\n};\n"]}

package/dist/src/components/generic/Tabs/TabRouteContainer.js

@@ -12,6 +12,7 @@ const ElementChildren_1 = require("./ElementChildren");
 const TabContext_1 = __importDefault(require("./TabContext"));
 function TabRouteContainer({ children }) {
     const tabContext = (0, react_2.useContext)(TabContext_1.default);
+    const { location } = (0, react_router_1.useHistory)();
     const transitions = (0, web_1.useTransition)(tabContext.activeKey, {
         from: { opacity: 0, position: 'absolute' },
         to: { opacity: 1, position: 'relative' },
@@ -21,12 +22,13 @@ function TabRouteContainer({ children }) {
             friction: 25,
         },
     });
+    const firstTabRoute = Object.assign(Object.assign({}, location), { pathname: children[0].props.navPath });
     return (react_1.default.createElement("div", { className: "u-pos-rel" }, transitions((props) => {
         return (react_1.default.createElement(web_1.animated.div, { style: Object.assign({ left: 0, right: 0 }, props) },
             react_1.default.createElement(react_router_1.Switch, null,
                 (0, ElementChildren_1.reactMap)(children, (child) => (react_1.default.createElement(react_router_1.Route, { path: child.props.navPath }, child.props.children))),
                 react_1.default.createElement(react_router_1.Route, { path: "*" },
-                    react_1.default.createElement(react_router_1.Redirect, { to: children[0].props.navPath, push: false })))));
+                    react_1.default.createElement(react_router_1.Redirect, { to: firstTabRoute, push: false })))));
     })));
 }
 exports.TabRouteContainer = TabRouteContainer;

package/dist/src/components/generic/Tabs/TabRouteContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabRouteContainer.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabRouteContainer.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAA4D;AAC5D,kDAA0B;AAC1B,iCAA8C;AAC9C,+CAAuD;AACvD,+EAAqE;AACrE,sFAA8D;AAM9D,SAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAA0B;IAClE,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,oBAAU,CAAC,CAAC;IAE1C,MAAM,WAAW,GAAG,IAAA,mBAAa,EAAC,UAAU,CAAC,SAAS,EAAE;QACpD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC1C,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QACxC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3C,MAAM,EAAE;YACJ,QAAQ,EAAE,EAAE;SACf;KACJ,CAAC,CAAC;IAEH,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW,IACrB,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QACnB,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,KAAK,kBAAI,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAM,KAAa;YACvD,8BAAC,qBAAM;gBACF,IAAA,0BAAQ,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,8BAAC,oBAAK,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,IAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAS,CACnE,CAAC;gBAEF,8BAAC,oBAAK,IAAC,IAAI,EAAC,GAAG;oBACX,8BAAC,uBAAQ,IAAC,EAAE,EAAG,QAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,GAAI,CAC7D,CACH,CACE,CAClB,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AAhCD,8CAgCC","sourcesContent":["import { animated, useTransition } from '@react-spring/web';\nimport React from 'react';\nimport { ReactNode, useContext } from 'react';\nimport { Switch, Route, Redirect } from 'react-router';\nimport { reactMap } from '@/components/generic/Tabs/ElementChildren';\nimport TabContext from '@/components/generic/Tabs/TabContext';\n\ninterface TabRouteContainerProps {\n    children: ReactNode[];\n}\n\nexport function TabRouteContainer({ children }: TabRouteContainerProps) {\n    const tabContext = useContext(TabContext);\n\n    const transitions = useTransition(tabContext.activeKey, {\n        from: { opacity: 0, position: 'absolute' },\n        to: { opacity: 1, position: 'relative' },\n        enter: { opacity: 1, position: 'relative' },\n        leave: { opacity: 0, position: 'absolute' },\n        config: {\n            friction: 25,\n        },\n    });\n\n    return (\n        <div className=\"u-pos-rel\">\n            {transitions((props) => {\n                return (\n                    <animated.div style={{ left: 0, right: 0, ...(props as any) }}>\n                        <Switch>\n                            {reactMap(children, (child) => (\n                                <Route path={child.props.navPath}>{child.props.children}</Route>\n                            ))}\n                            {/* Adding a redirect if no route is matched */}\n                            <Route path=\"*\">\n                                <Redirect to={(children as any)[0].props.navPath} push={false} />\n                            </Route>\n                        </Switch>\n                    </animated.div>\n                );\n            })}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"TabRouteContainer.js","sourceRoot":"/","sources":["src/components/generic/Tabs/TabRouteContainer.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAA4D;AAC5D,kDAA0B;AAC1B,iCAA8C;AAC9C,+CAAmE;AACnE,+EAAqE;AACrE,sFAA8D;AAM9D,SAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAA0B;IAClE,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,oBAAU,CAAC,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAU,GAAE,CAAC;IAElC,MAAM,WAAW,GAAG,IAAA,mBAAa,EAAC,UAAU,CAAC,SAAS,EAAE;QACpD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC1C,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QACxC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3C,MAAM,EAAE;YACJ,QAAQ,EAAE,EAAE;SACf;KACJ,CAAC,CAAC;IAEH,MAAM,aAAa,mCACZ,QAAQ,KACX,QAAQ,EAAG,QAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAC/C,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,WAAW,IACrB,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QACnB,OAAO,CACH,8BAAC,cAAQ,CAAC,GAAG,IAAC,KAAK,kBAAI,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAM,KAAa;YACvD,8BAAC,qBAAM;gBACF,IAAA,0BAAQ,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,8BAAC,oBAAK,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,IAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAS,CACnE,CAAC;gBAEF,8BAAC,oBAAK,IAAC,IAAI,EAAC,GAAG;oBACX,8BAAC,uBAAQ,IAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,GAAI,CACxC,CACH,CACE,CAClB,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC;AAtCD,8CAsCC","sourcesContent":["import { animated, useTransition } from '@react-spring/web';\nimport React from 'react';\nimport { ReactNode, useContext } from 'react';\nimport { Switch, Route, Redirect, useHistory } from 'react-router';\nimport { reactMap } from '@/components/generic/Tabs/ElementChildren';\nimport TabContext from '@/components/generic/Tabs/TabContext';\n\ninterface TabRouteContainerProps {\n    children: ReactNode[];\n}\n\nexport function TabRouteContainer({ children }: TabRouteContainerProps) {\n    const tabContext = useContext(TabContext);\n    const { location } = useHistory();\n\n    const transitions = useTransition(tabContext.activeKey, {\n        from: { opacity: 0, position: 'absolute' },\n        to: { opacity: 1, position: 'relative' },\n        enter: { opacity: 1, position: 'relative' },\n        leave: { opacity: 0, position: 'absolute' },\n        config: {\n            friction: 25,\n        },\n    });\n\n    const firstTabRoute = {\n        ...location,\n        pathname: (children as any)[0].props.navPath,\n    };\n\n    return (\n        <div className=\"u-pos-rel\">\n            {transitions((props) => {\n                return (\n                    <animated.div style={{ left: 0, right: 0, ...(props as any) }}>\n                        <Switch>\n                            {reactMap(children, (child) => (\n                                <Route path={child.props.navPath}>{child.props.children}</Route>\n                            ))}\n                            {/* Adding a redirect if no route is matched */}\n                            <Route path=\"*\">\n                                <Redirect to={firstTabRoute} push={false} />\n                            </Route>\n                        </Switch>\n                    </animated.div>\n                );\n            })}\n        </div>\n    );\n}\n"]}

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

@@ -7,6 +7,7 @@ export interface TabsProps {
     defaultActiveKey?: EventKey;
     onSelect?: (key: string) => void;
     children: ReactNode[];
+    fullBleedOnLineBreak?: boolean;
 }
 declare const Tabs: React.FC<TabsProps>;
 export default Tabs;

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

@@ -12,15 +12,6 @@ const TabContext_1 = require("./TabContext");
 const TabLink_1 = require("./TabLink");
 const TabRouteContainer_1 = require("./TabRouteContainer");
 const tabs_module_scss_1 = __importDefault(require("./tabs.module.scss"));
-const getDefaultActiveKey = (children) => {
-    let defaultActiveKey = undefined;
-    (0, ElementChildren_1.reactForEach)(children, (child) => {
-        if (!defaultActiveKey) {
-            defaultActiveKey = child.props.eventKey;
-        }
-    });
-    return defaultActiveKey;
-};
 const options = {
     slidesPerView: 'auto',
     allowTouchMove: true,
@@ -28,14 +19,14 @@ const options = {
     noSwiping: false,
 };
 const Tabs = (props) => {
-    const { onSelect, children, variant = 'tabs', activeKey = getDefaultActiveKey(children), } = (0, uncontrollable_1.useUncontrolled)(props, {
+    const { onSelect, children, variant = 'tabs', activeKey = null, fullBleedOnLineBreak = true, } = (0, uncontrollable_1.useUncontrolled)(props, {
         activeKey: 'onSelect',
     });
     return (react_1.default.createElement(TabContext_1.TabContextProvider, { defaultActiveKey: activeKey || '', onChange: onSelect },
         react_1.default.createElement("ul", { className: `c-nav c-nav-${variant} ${tabs_module_scss_1.default.tabCarousel}` },
             react_1.default.createElement(react_2.Swiper, Object.assign({}, options), (0, ElementChildren_1.reactMap)(children, (child, index) => (react_1.default.createElement(react_2.SwiperSlide, { key: index },
                 react_1.default.createElement(TabLink_1.TabLink, Object.assign({ index: index }, child.props), child)))))),
-        react_1.default.createElement(LineBreak_1.default, { noMargins: true, fullBleed: true }),
+        react_1.default.createElement(LineBreak_1.default, { noMargins: true, fullBleed: fullBleedOnLineBreak }),
         react_1.default.createElement(TabRouteContainer_1.TabRouteContainer, null, props.children)));
 };
 exports.default = Tabs;

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"/","sources":["src/components/generic/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,mDAAiD;AAEjD,wCAAmD;AACnD,+EAAuD;AACvD,+EAAmF;AAEnF,qEAA0E;AAC1E,+DAA4D;AAC5D,mFAAgF;AAEhF,0EAAwC;AAYxC,MAAM,mBAAmB,GAAG,CAAC,QAAa,EAAsB,EAAE;IAC9D,IAAI,gBAAgB,GAAuB,SAAS,CAAC;IACrD,IAAA,8BAAY,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7B,IAAI,CAAC,gBAAgB,EAAE;YACnB,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;SAC3C;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,OAAO,GAAkB;IAC3B,aAAa,EAAE,MAAM;IACrB,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,KAAK;CACnB,CAAC;AAEF,MAAM,IAAI,GAAwB,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EACF,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,mBAAmB,CAAC,QAAQ,CAAC,GAC5C,GAAG,IAAA,gCAAe,EAAC,KAAK,EAAE;QACvB,SAAS,EAAE,UAAU;KACxB,CAAC,CAAC;IAEH,OAAO,CACH,8BAAC,+BAAkB,IAAC,gBAAgB,EAAE,SAAS,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ;QACrE,sCAAI,SAAS,EAAE,eAAe,OAAO,IAAI,0BAAM,CAAC,WAAW,EAAE;YACzD,8BAAC,cAAM,oBAAK,OAAO,GACd,IAAA,0BAAQ,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,8BAAC,mBAAW,IAAC,GAAG,EAAE,KAAK;gBACnB,8BAAC,iBAAO,kBAAC,KAAK,EAAE,KAAK,IAAM,KAAK,CAAC,KAAK,GACjC,KAAK,CACA,CACA,CACjB,CAAC,CACG,CACR;QACL,8BAAC,mBAAS,IAAC,SAAS,QAAC,SAAS,SAAG;QACjC,8BAAC,qCAAiB,QAAE,KAAK,CAAC,QAAQ,CAAqB,CACtC,CACxB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import React from 'react';\nimport { ReactNode } from 'react';\nimport { useUncontrolled } from 'uncontrollable';\nimport { SwiperOptions } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { reactForEach, reactMap } from '@/components/generic/Tabs/ElementChildren';\n\nimport { TabContextProvider } from '@/components/generic/Tabs/TabContext';\nimport { TabLink } from '@/components/generic/Tabs/TabLink';\nimport { TabRouteContainer } from '@/components/generic/Tabs/TabRouteContainer';\n\nimport styles from './tabs.module.scss';\n\nexport type EventKey = string | number;\n\nexport interface TabsProps {\n    variant?: 'tabs' | 'pills';\n    activeKey?: string;\n    defaultActiveKey?: EventKey;\n    onSelect?: (key: string) => void;\n    children: ReactNode[];\n}\n\nconst getDefaultActiveKey = (children: any): string | undefined => {\n    let defaultActiveKey: string | undefined = undefined;\n    reactForEach(children, (child) => {\n        if (!defaultActiveKey) {\n            defaultActiveKey = child.props.eventKey;\n        }\n    });\n\n    return defaultActiveKey;\n};\n\nconst options: SwiperOptions = {\n    slidesPerView: 'auto',\n    allowTouchMove: true,\n    spaceBetween: 32,\n    noSwiping: false,\n};\n\nconst Tabs: React.FC<TabsProps> = (props) => {\n    const {\n        onSelect,\n        children,\n        variant = 'tabs',\n        activeKey = getDefaultActiveKey(children),\n    } = useUncontrolled(props, {\n        activeKey: 'onSelect',\n    });\n\n    return (\n        <TabContextProvider defaultActiveKey={activeKey || ''} onChange={onSelect}>\n            <ul className={`c-nav c-nav-${variant} ${styles.tabCarousel}`}>\n                <Swiper {...options}>\n                    {reactMap(children, (child, index) => (\n                        <SwiperSlide key={index}>\n                            <TabLink index={index} {...child.props}>\n                                {child}\n                            </TabLink>\n                        </SwiperSlide>\n                    ))}\n                </Swiper>\n            </ul>\n            <LineBreak noMargins fullBleed />\n            <TabRouteContainer>{props.children}</TabRouteContainer>\n        </TabContextProvider>\n    );\n};\n\nexport default Tabs;\n"]}
+{"version":3,"file":"Tabs.js","sourceRoot":"/","sources":["src/components/generic/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,mDAAiD;AAEjD,wCAAmD;AACnD,+EAAuD;AACvD,+EAAqE;AAErE,qEAA0E;AAC1E,+DAA4D;AAC5D,mFAAgF;AAEhF,0EAAwC;AAaxC,MAAM,OAAO,GAAkB;IAC3B,aAAa,EAAE,MAAM;IACrB,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,KAAK;CACnB,CAAC;AAEF,MAAM,IAAI,GAAwB,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EACF,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,IAAI,EAChB,oBAAoB,GAAG,IAAI,GAC9B,GAAG,IAAA,gCAAe,EAAC,KAAK,EAAE;QACvB,SAAS,EAAE,UAAU;KACxB,CAAC,CAAC;IAEH,OAAO,CACH,8BAAC,+BAAkB,IAAC,gBAAgB,EAAE,SAAS,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ;QACrE,sCAAI,SAAS,EAAE,eAAe,OAAO,IAAI,0BAAM,CAAC,WAAW,EAAE;YACzD,8BAAC,cAAM,oBAAK,OAAO,GACd,IAAA,0BAAQ,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,8BAAC,mBAAW,IAAC,GAAG,EAAE,KAAK;gBACnB,8BAAC,iBAAO,kBAAC,KAAK,EAAE,KAAK,IAAM,KAAK,CAAC,KAAK,GACjC,KAAK,CACA,CACA,CACjB,CAAC,CACG,CACR;QACL,8BAAC,mBAAS,IAAC,SAAS,QAAC,SAAS,EAAE,oBAAoB,GAAI;QACxD,8BAAC,qCAAiB,QAAE,KAAK,CAAC,QAAQ,CAAqB,CACtC,CACxB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import React from 'react';\nimport { ReactNode } from 'react';\nimport { useUncontrolled } from 'uncontrollable';\nimport { SwiperOptions } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport LineBreak from '@/components/generic/LineBreak';\nimport { reactMap } from '@/components/generic/Tabs/ElementChildren';\n\nimport { TabContextProvider } from '@/components/generic/Tabs/TabContext';\nimport { TabLink } from '@/components/generic/Tabs/TabLink';\nimport { TabRouteContainer } from '@/components/generic/Tabs/TabRouteContainer';\n\nimport styles from './tabs.module.scss';\n\nexport type EventKey = string | number;\n\nexport interface TabsProps {\n    variant?: 'tabs' | 'pills';\n    activeKey?: string;\n    defaultActiveKey?: EventKey;\n    onSelect?: (key: string) => void;\n    children: ReactNode[];\n    fullBleedOnLineBreak?: boolean;\n}\n\nconst options: SwiperOptions = {\n    slidesPerView: 'auto',\n    allowTouchMove: true,\n    spaceBetween: 32,\n    noSwiping: false,\n};\n\nconst Tabs: React.FC<TabsProps> = (props) => {\n    const {\n        onSelect,\n        children,\n        variant = 'tabs',\n        activeKey = null,\n        fullBleedOnLineBreak = true,\n    } = useUncontrolled(props, {\n        activeKey: 'onSelect',\n    });\n\n    return (\n        <TabContextProvider defaultActiveKey={activeKey || ''} onChange={onSelect}>\n            <ul className={`c-nav c-nav-${variant} ${styles.tabCarousel}`}>\n                <Swiper {...options}>\n                    {reactMap(children, (child, index) => (\n                        <SwiperSlide key={index}>\n                            <TabLink index={index} {...child.props}>\n                                {child}\n                            </TabLink>\n                        </SwiperSlide>\n                    ))}\n                </Swiper>\n            </ul>\n            <LineBreak noMargins fullBleed={fullBleedOnLineBreak} />\n            <TabRouteContainer>{props.children}</TabRouteContainer>\n        </TabContextProvider>\n    );\n};\n\nexport default Tabs;\n"]}

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

@@ -1,8 +1,10 @@
 import { ReactChild } from 'react';
 export interface BETooltipProps {
     wrapperClasses?: string;
+    followElement?: HTMLElement | null;
     overrideContainer?: HTMLElement | null;
     children: ReactChild | ReactChild[];
     title: string;
+    disabled?: boolean;
 }
 export default function Tooltip(props: BETooltipProps): JSX.Element;

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

@@ -8,7 +8,7 @@ const react_2 = require("react");
 const Overlay_1 = require("../Overlay/Overlay");
 const Tooltip_module_scss_1 = __importDefault(require("./Tooltip.module.scss"));
 function Tooltip(props) {
-    var _a;
+    var _a, _b;
     const wrapperClass = (_a = props.wrapperClasses) !== null && _a !== void 0 ? _a : '';
     const containerRef = (0, react_2.useRef)(null);
     const [isDisplayed, setDisplayed] = (0, react_2.useState)(false);
@@ -19,7 +19,7 @@ function Tooltip(props) {
         setDisplayed(true);
     };
     return (react_1.default.createElement("div", { ref: containerRef, onMouseLeave: displayFalse, onMouseEnter: displayTrue, onMouseDown: displayFalse, className: wrapperClass },
-        react_1.default.createElement(Overlay_1.Overlay, { open: isDisplayed, container: props.overrideContainer, hideStyles: true, followElement: containerRef === null || containerRef === void 0 ? void 0 : containerRef.current },
+        react_1.default.createElement(Overlay_1.Overlay, { open: isDisplayed && !props.disabled, container: props.overrideContainer, hideStyles: true, followElement: (_b = props.followElement) !== null && _b !== void 0 ? _b : containerRef === null || containerRef === void 0 ? void 0 : containerRef.current },
             react_1.default.createElement("div", { className: Tooltip_module_scss_1.default['rs-tooltip'] },
                 react_1.default.createElement("div", { className: Tooltip_module_scss_1.default['rs-tooltip-arrow'] }),
                 props.title)),

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"/","sources":["src/components/generic/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iCAAqD;AACrD,kEAA+D;AAE/D,gFAA2C;AAS3C,SAAwB,OAAO,CAAC,KAAqB;;IACjD,MAAM,YAAY,GAAG,MAAA,KAAK,CAAC,cAAc,mCAAI,EAAE,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAElC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,GAAG,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY;QAC7H,8BAAC,iBAAO,IAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,UAAU,QAAC,aAAa,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO;YAC3G,uCAAK,SAAS,EAAE,6BAAM,CAAC,YAAY,CAAC;gBAChC,uCAAK,SAAS,EAAE,6BAAM,CAAC,kBAAkB,CAAC,GAAQ;gBACjD,KAAK,CAAC,KAAK,CACV,CACA;QACT,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAzBD,0BAyBC","sourcesContent":["import React from 'react';\n\nimport { useState, useRef, ReactChild } from 'react';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nimport styles from './Tooltip.module.scss';\n\nexport interface BETooltipProps {\n    wrapperClasses?: string;\n    overrideContainer?: HTMLElement | null;\n    children: ReactChild | ReactChild[];\n    title: string;\n}\n\nexport default function Tooltip(props: BETooltipProps) {\n    const wrapperClass = props.wrapperClasses ?? '';\n    const containerRef = useRef(null);\n\n    const [isDisplayed, setDisplayed] = useState(false);\n\n    const displayFalse = () => {\n        setDisplayed(false);\n    };\n\n    const displayTrue = () => {\n        setDisplayed(true);\n    };\n\n    return (\n        <div ref={containerRef} onMouseLeave={displayFalse} onMouseEnter={displayTrue} onMouseDown={displayFalse} className={wrapperClass}>\n            <Overlay open={isDisplayed} container={props.overrideContainer} hideStyles followElement={containerRef?.current}>\n                <div className={styles['rs-tooltip']}>\n                    <div className={styles['rs-tooltip-arrow']}></div>\n                    {props.title}\n                </div>\n            </Overlay>\n            {props.children}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"/","sources":["src/components/generic/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iCAAqD;AACrD,kEAA+D;AAE/D,gFAA2C;AAY3C,SAAwB,OAAO,CAAC,KAAqB;;IACjD,MAAM,YAAY,GAAG,MAAA,KAAK,CAAC,cAAc,mCAAI,EAAE,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAElC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,GAAG,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY;QAC7H,8BAAC,iBAAO,IAAC,IAAI,EAAE,WAAW,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,UAAU,QAAC,aAAa,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO;YACrJ,uCAAK,SAAS,EAAE,6BAAM,CAAC,YAAY,CAAC;gBAChC,uCAAK,SAAS,EAAE,6BAAM,CAAC,kBAAkB,CAAC,GAAQ;gBACjD,KAAK,CAAC,KAAK,CACV,CACA;QACT,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAzBD,0BAyBC","sourcesContent":["import React from 'react';\n\nimport { useState, useRef, ReactChild } from 'react';\nimport { Overlay } from '@/components/generic/Overlay/Overlay';\n\nimport styles from './Tooltip.module.scss';\n\nexport interface BETooltipProps {\n    wrapperClasses?: string;\n    followElement?: HTMLElement | null;\n    overrideContainer?: HTMLElement | null;\n    children: ReactChild | ReactChild[];\n    title: string;\n\n    disabled?: boolean;\n}\n\nexport default function Tooltip(props: BETooltipProps) {\n    const wrapperClass = props.wrapperClasses ?? '';\n    const containerRef = useRef(null);\n\n    const [isDisplayed, setDisplayed] = useState(false);\n\n    const displayFalse = () => {\n        setDisplayed(false);\n    };\n\n    const displayTrue = () => {\n        setDisplayed(true);\n    };\n\n    return (\n        <div ref={containerRef} onMouseLeave={displayFalse} onMouseEnter={displayTrue} onMouseDown={displayFalse} className={wrapperClass}>\n            <Overlay open={isDisplayed && !props.disabled} container={props.overrideContainer} hideStyles followElement={props.followElement ?? containerRef?.current}>\n                <div className={styles['rs-tooltip']}>\n                    <div className={styles['rs-tooltip-arrow']}></div>\n                    {props.title}\n                </div>\n            </Overlay>\n            {props.children}\n        </div>\n    );\n}\n"]}

package/dist/src/components/steps/room/RoomList.js

@@ -31,39 +31,23 @@ const contexts_1 = require("../../../contexts/index.js");
 const RoomDetails_1 = __importDefault(require("./roomDetails/RoomDetails"));
 const LargeLoader_1 = __importDefault(require("../../generic/loader/LargeLoader"));
 const RoomSortProvider_1 = __importDefault(require("../../../providers/RoomSortProvider"));
-const FilterProvider_1 = __importDefault(require("../../../providers/FilterProvider"));
 const RoomListCrossSellBlock_1 = __importDefault(require("./RoomListCrossSellBlock"));
 const DataLayer_1 = __importDefault(require("../../../util/DataLayer"));
 const ScreenSize_1 = __importDefault(require("../../../util/ScreenSize"));
 const hooks_1 = require("../../../hooks/index.js");
-const GuestSearchEvent_1 = require("../../../events/actions/GuestSearchEvent");
-const RoomListSearchEvent_1 = require("../../../events/actions/RoomListSearchEvent");
 const RoomDetailsRetargeting_1 = require("./roomDetails/RoomDetailsRetargeting");
-const dayjs_1 = __importDefault(require("dayjs"));
 const NoRoomsFoundBlock_1 = __importDefault(require("./NoRoomsFoundBlock"));
 const RoomListAlert_1 = require("./RoomListAlert");
 const StepRoomErrorForm_1 = require("./StepRoomErrorForm");
+const RoomRateAvailabilityListFromApi_1 = require("../../../hooks/RoomRateAvailabilityListFromApi");
 function RoomList() {
-    var _a;
     const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
     const beContext = (0, react_1.useContext)(contexts_1.BookingEngineContext);
-    const ccx = (0, react_1.useContext)(contexts_1.CompanyContext);
-    const { roomstayMember } = (0, react_1.useContext)(contexts_1.RoomstayMemberContext);
     const { hotel } = (0, hooks_1.useCurrentHotel)();
-    const [rooms, setRooms] = react_1.default.useState([]);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [openRoom, setOpenRoom] = (0, react_1.useState)(null);
-    const [apiHasError, setApiHasError] = (0, react_1.useState)(null);
+    const { rooms, isLoading, openRoom, apiHasError, retargetingRoom } = (0, RoomRateAvailabilityListFromApi_1.useRoomRateAvailabilityListFromApi)();
     const roomListRef = (0, react_1.useRef)(null);
-    const selectedRow = basketContext.selectedBasketRow;
-    const startDate = selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.getStartDate();
-    const endDate = selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.getEndDate();
-    const promoCode = selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.getPromoCode();
-    const adults = selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.getAdults();
-    const children = selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.getChildren();
     const sortBy = beContext.currentRoomSort;
     let listWhenLastScrolled = null;
-    const { raise } = (0, hooks_1.useEvent)();
     const scrollIntoView = () => {
         if (roomListRef.current && listWhenLastScrolled !== rooms) {
             listWhenLastScrolled = rooms;
@@ -74,107 +58,6 @@ function RoomList() {
             });
         }
     };
-    (0, react_1.useEffect)(() => {
-        let isCancelled = false;
-        try {
-            const search = {
-                checkInTime: startDate === null || startDate === void 0 ? void 0 : startDate.format('YYYY-M-D'),
-                checkOutTime: endDate === null || endDate === void 0 ? void 0 : endDate.format('YYYY-M-D'),
-                numAdults: adults,
-                numChildren: children,
-                numRooms: 1,
-                promoCode: promoCode,
-            };
-            const event = new GuestSearchEvent_1.GuestSearchEvent(search);
-            raise(event);
-            const filters = Object.values(beContext.currentFilters).filter((filter) => !!filter);
-            let row = basketContext.selectedBasketRow;
-            if (!row && !rooms.length) {
-                row = basketContext.attemptSelectUnfilledRow();
-            }
-            if (!row) {
-                const validRows = basketContext.getAllValidRows();
-                row = validRows[validRows.length - 1];
-            }
-            if (row) {
-                setIsLoading(true);
-                FilterProvider_1.default.getRoomList(row, filters, hotel === null || hotel === void 0 ? void 0 : hotel.hotelID)
-                    .then((availableRooms) => {
-                    var _a;
-                    if (!isCancelled) {
-                        setRooms(availableRooms);
-                        setOpenRoom(!!basketContext.selectedBasketRow);
-                        setApiHasError(false);
-                        const foundRooms = (_a = availableRooms === null || availableRooms === void 0 ? void 0 : availableRooms.map((room) => {
-                            var _a, _b;
-                            const { name, code } = room;
-                            const foundRoom = {
-                                name: name,
-                                code: code,
-                                lowestPrice: room.getLowestPrice(),
-                                highestPrice: room.getHighestPrice(),
-                                currency: ccx.currentCurrency,
-                                rates: (_b = (_a = room.getRates()) === null || _a === void 0 ? void 0 : _a.map((rate) => {
-                                    const { name, code } = rate;
-                                    return {
-                                        name,
-                                        code,
-                                        price: {
-                                            averagePrice: rate.getAveragePrice(),
-                                            totalPrice: rate.getTotalPrice(),
-                                            currency: ccx.currentCurrency,
-                                        },
-                                    };
-                                })) !== null && _b !== void 0 ? _b : [],
-                            };
-                            return foundRoom;
-                        })) !== null && _a !== void 0 ? _a : [];
-                        const event = new RoomListSearchEvent_1.RoomListSearchEvent(search, foundRooms);
-                        raise(event);
-                    }
-                })
-                    .catch(() => {
-                    if (!isCancelled) {
-                        setRooms([]);
-                        setOpenRoom(null);
-                        setApiHasError(true);
-                    }
-                })
-                    .finally(() => {
-                    setIsLoading(false);
-                });
-            }
-        }
-        catch (ex) {
-            //
-        }
-        return () => {
-            setIsLoading(false);
-            isCancelled = true;
-        };
-    }, [adults, children, startDate, endDate, promoCode, ccx.currentLanguage, beContext.currentFilters, (_a = basketContext.selectedBasketRow) === null || _a === void 0 ? void 0 : _a.getStale()]);
-    const retargetingRoom = (0, react_1.useMemo)(() => {
-        var _a;
-        if (!roomstayMember || ((_a = roomstayMember.bookings) === null || _a === void 0 ? void 0 : _a.length) === 0)
-            return null;
-        let lastBookingDate;
-        let lastBookingRoomcode = '';
-        roomstayMember.bookings.forEach((booking) => {
-            if (booking.hotelId !== (hotel === null || hotel === void 0 ? void 0 : hotel.hotelID)) {
-                return;
-            }
-            Object.values(booking.itinerary).map((itinerary) => {
-                const { roomCode, nights } = itinerary;
-                const dates = Object.keys(nights).map(dayjs_1.default);
-                const maxDate = (0, dayjs_1.default)(Math.max.apply(null, dates.map((d) => +d)));
-                if (!lastBookingDate || maxDate.isAfter(maxDate)) {
-                    lastBookingDate = maxDate;
-                    lastBookingRoomcode = roomCode;
-                }
-            });
-        });
-        return rooms.find((room) => room.code === lastBookingRoomcode);
-    }, [rooms, roomstayMember]);
     return (0, react_1.useMemo)(() => {
         var _a;
         const sortedRooms = [...rooms];

package/dist/src/components/steps/room/RoomList.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoomList.js","sourceRoot":"/","sources":["src/components/steps/room/RoomList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { BasketContext, BookingEngineContext, CompanyContext, RoomstayMemberContext } from '@frontend/contexts';\nimport RoomDetails from '@/components/steps/room/roomDetails/RoomDetails';\nimport { Room } from '@/models/Room/Room';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport RoomSortProvider from '@/providers/RoomSortProvider';\nimport Filter from '@/models/Room/Filters/Filter';\nimport FilterProvider from '@/providers/FilterProvider';\nimport RoomListCrossSellBlock from '@/components/steps/room/RoomListCrossSellBlock';\nimport DataLayer from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useCurrentHotel, useEvent } from '@frontend/hooks';\n\nimport { SearchParameters } from '@/models/SearchParameters';\nimport { GuestSearchEvent } from '@/events/actions/GuestSearchEvent';\nimport { RoomListSearch } from '@/models/RoomListSearch';\nimport { RoomListSearchEvent } from '@/events/actions/RoomListSearchEvent';\n\nimport { RoomDetailsRetargeting } from './roomDetails/RoomDetailsRetargeting';\nimport dayjs from 'dayjs';\nimport NoRoomsFoundBlock from './NoRoomsFoundBlock';\nimport { RoomListAlert } from './RoomListAlert';\nimport { StepRoomErrorForm } from './StepRoomErrorForm';\nimport BasketRow from 'models/BasketRow';\nimport { IRoomstayMemberBookingItem } from '@roomstay/core';\n\nexport default function RoomList() {\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n    const ccx = useContext(CompanyContext);\n    const { roomstayMember } = useContext(RoomstayMemberContext);\n\n    const { hotel } = useCurrentHotel();\n\n    const [rooms, setRooms] = React.useState<Room[]>([]);\n    const [isLoading, setIsLoading] = useState(false);\n\n    const [openRoom, setOpenRoom] = useState<boolean | null>(null);\n    const [apiHasError, setApiHasError] = useState<boolean | null>(null);\n\n    const roomListRef = useRef<HTMLDivElement | null>(null);\n\n    const selectedRow = basketContext.selectedBasketRow;\n\n    const startDate = selectedRow?.getStartDate();\n    const endDate = selectedRow?.getEndDate();\n    const promoCode = selectedRow?.getPromoCode();\n\n    const adults = selectedRow?.getAdults();\n    const children = selectedRow?.getChildren();\n    const sortBy = beContext.currentRoomSort;\n\n    let listWhenLastScrolled: Room[] | null = null;\n\n    const { raise } = useEvent();\n\n    const scrollIntoView = () => {\n        if (roomListRef.current && listWhenLastScrolled !== rooms) {\n            listWhenLastScrolled = rooms;\n            const offset = beContext.screenSize <= ScreenSize.Medium ? 185 : 350;\n\n            window.scrollTo({\n                top: window.scrollY + (roomListRef.current.getBoundingClientRect().top - offset),\n                behavior: 'smooth',\n            });\n        }\n    };\n\n    useEffect(() => {\n        let isCancelled = false;\n\n        try {\n            const search: SearchParameters = {\n                checkInTime: startDate?.format('YYYY-M-D'),\n                checkOutTime: endDate?.format('YYYY-M-D'),\n                numAdults: adults,\n                numChildren: children,\n                numRooms: 1,\n                promoCode: promoCode,\n            };\n\n            const event = new GuestSearchEvent(search);\n            raise(event);\n\n            const filters: Filter[] = Object.values(beContext.currentFilters).filter((filter) => !!filter) as Filter[];\n\n            let row = basketContext.selectedBasketRow;\n\n            if (!row && !rooms.length) {\n                row = basketContext.attemptSelectUnfilledRow() as BasketRow;\n            }\n\n            if (!row) {\n                const validRows = basketContext.getAllValidRows();\n                row = validRows[validRows.length - 1];\n            }\n\n            if (row) {\n                setIsLoading(true);\n                FilterProvider.getRoomList(row, filters, hotel?.hotelID as string)\n                    .then((availableRooms) => {\n                        if (!isCancelled) {\n                            setRooms(availableRooms);\n                            setOpenRoom(!!basketContext.selectedBasketRow);\n                            setApiHasError(false);\n\n                            const foundRooms: RoomListSearch[] =\n                                availableRooms?.map((room) => {\n                                    const { name, code } = room;\n\n                                    const foundRoom: RoomListSearch = {\n                                        name: name as string,\n                                        code: code as string,\n                                        lowestPrice: room.getLowestPrice(),\n                                        highestPrice: room.getHighestPrice(),\n                                        currency: ccx.currentCurrency,\n\n                                        rates:\n                                            room.getRates()?.map((rate) => {\n                                                const { name, code } = rate;\n                                                return {\n                                                    name,\n                                                    code,\n\n                                                    price: {\n                                                        averagePrice: rate.getAveragePrice(),\n                                                        totalPrice: rate.getTotalPrice(),\n                                                        currency: ccx.currentCurrency,\n                                                    },\n                                                };\n                                            }) ?? [],\n                                    };\n\n                                    return foundRoom;\n                                }) ?? [];\n\n                            const event = new RoomListSearchEvent(search, foundRooms);\n                            raise(event);\n                        }\n                    })\n                    .catch(() => {\n                        if (!isCancelled) {\n                            setRooms([]);\n                            setOpenRoom(null);\n                            setApiHasError(true);\n                        }\n                    })\n                    .finally(() => {\n                        setIsLoading(false);\n                    });\n            }\n        } catch (ex) {\n            //\n        }\n\n        return () => {\n            setIsLoading(false);\n            isCancelled = true;\n        };\n    }, [adults, children, startDate, endDate, promoCode, ccx.currentLanguage, beContext.currentFilters, basketContext.selectedBasketRow?.getStale()]);\n\n    const retargetingRoom = useMemo(() => {\n        if (!roomstayMember || roomstayMember.bookings?.length === 0) return null;\n\n        let lastBookingDate: dayjs.Dayjs;\n        let lastBookingRoomcode = '';\n        roomstayMember.bookings.forEach((booking) => {\n            if (booking.hotelId !== hotel?.hotelID) {\n                return;\n            }\n\n            Object.values<IRoomstayMemberBookingItem>(booking.itinerary).map((itinerary) => {\n                const { roomCode, nights } = itinerary;\n                const dates = Object.keys(nights).map(dayjs);\n                const maxDate = dayjs(\n                    Math.max.apply(\n                        null,\n                        dates.map((d) => +d)\n                    )\n                );\n                if (!lastBookingDate || maxDate.isAfter(maxDate)) {\n                    lastBookingDate = maxDate;\n                    lastBookingRoomcode = roomCode;\n                }\n            });\n        });\n\n        return rooms.find((room) => room.code === lastBookingRoomcode);\n    }, [rooms, roomstayMember]);\n\n    return useMemo(() => {\n        const sortedRooms = [...rooms];\n        if (sortedRooms.length !== 0) {\n            sortedRooms.sort(RoomSortProvider.getSortByFunction(sortBy));\n        }\n\n        setTimeout(() => {\n            scrollIntoView();\n        }, 100);\n\n        const elements = (\n            <div ref={roomListRef}>\n                {isLoading ? (\n                    <LargeLoader />\n                ) : sortedRooms.length ? (\n                    sortedRooms.map((room, index) => <RoomDetails key={room.code} room={room} disableMarginBottom={index === sortedRooms.length - 1} />)\n                ) : (\n                    <>\n                        {apiHasError ? <StepRoomErrorForm /> : <NoRoomsFoundBlock />}\n                        {hotel?.crossSellHotelIds?.map((hotelId) => (\n                            <RoomListCrossSellBlock key={hotelId} hotelId={hotelId} />\n                        ))}\n                    </>\n                )}\n            </div>\n        );\n\n        DataLayer.instance.sendRoomImpressions();\n\n        return (\n            <>\n                <RoomListAlert>{!isLoading && retargetingRoom ? <RoomDetailsRetargeting key={retargetingRoom.code} room={retargetingRoom} /> : null}</RoomListAlert>\n                {elements}\n            </>\n        );\n    }, [rooms, isLoading, openRoom, sortBy, beContext.currentFilters, basketContext.loadedPromotion]);\n}\n"]}
+{"version":3,"file":"RoomList.js","sourceRoot":"/","sources":["src/components/steps/room/RoomList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useMemo, useRef } from 'react';\nimport { BasketContext, BookingEngineContext } from '@frontend/contexts';\nimport RoomDetails from '@/components/steps/room/roomDetails/RoomDetails';\nimport { Room } from '@/models/Room/Room';\nimport LargeLoader from '@/components/generic/loader/LargeLoader';\nimport RoomSortProvider from '@/providers/RoomSortProvider';\nimport RoomListCrossSellBlock from '@/components/steps/room/RoomListCrossSellBlock';\nimport DataLayer from '@/util/DataLayer';\nimport ScreenSize from '@/util/ScreenSize';\nimport { useCurrentHotel } from '@frontend/hooks';\n\nimport { RoomDetailsRetargeting } from './roomDetails/RoomDetailsRetargeting';\nimport NoRoomsFoundBlock from './NoRoomsFoundBlock';\nimport { RoomListAlert } from './RoomListAlert';\nimport { StepRoomErrorForm } from './StepRoomErrorForm';\nimport { useRoomRateAvailabilityListFromApi } from '@/hooks/RoomRateAvailabilityListFromApi';\n\nexport default function RoomList() {\n    const basketContext = useContext(BasketContext);\n    const beContext = useContext(BookingEngineContext);\n\n    const { hotel } = useCurrentHotel();\n    const { rooms, isLoading, openRoom, apiHasError, retargetingRoom } = useRoomRateAvailabilityListFromApi();\n\n    const roomListRef = useRef<HTMLDivElement | null>(null);\n    const sortBy = beContext.currentRoomSort;\n    let listWhenLastScrolled: Room[] | null = null;\n\n    const scrollIntoView = () => {\n        if (roomListRef.current && listWhenLastScrolled !== rooms) {\n            listWhenLastScrolled = rooms;\n            const offset = beContext.screenSize <= ScreenSize.Medium ? 185 : 350;\n\n            window.scrollTo({\n                top: window.scrollY + (roomListRef.current.getBoundingClientRect().top - offset),\n                behavior: 'smooth',\n            });\n        }\n    };\n\n    return useMemo(() => {\n        const sortedRooms = [...rooms];\n        if (sortedRooms.length !== 0) {\n            sortedRooms.sort(RoomSortProvider.getSortByFunction(sortBy));\n        }\n\n        setTimeout(() => {\n            scrollIntoView();\n        }, 100);\n\n        const elements = (\n            <div ref={roomListRef}>\n                {isLoading ? (\n                    <LargeLoader />\n                ) : sortedRooms.length ? (\n                    sortedRooms.map((room, index) => <RoomDetails key={room.code} room={room} disableMarginBottom={index === sortedRooms.length - 1} />)\n                ) : (\n                    <>\n                        {apiHasError ? <StepRoomErrorForm /> : <NoRoomsFoundBlock />}\n                        {hotel?.crossSellHotelIds?.map((hotelId) => (\n                            <RoomListCrossSellBlock key={hotelId} hotelId={hotelId} />\n                        ))}\n                    </>\n                )}\n            </div>\n        );\n\n        DataLayer.instance.sendRoomImpressions();\n\n        return (\n            <>\n                <RoomListAlert>{!isLoading && retargetingRoom ? <RoomDetailsRetargeting key={retargetingRoom.code} room={retargetingRoom} /> : null}</RoomListAlert>\n                {elements}\n            </>\n        );\n    }, [rooms, isLoading, openRoom, sortBy, beContext.currentFilters, basketContext.loadedPromotion]);\n}\n"]}

package/dist/src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.d.ts

@@ -0,0 +1,8 @@
+import { Room } from '../../../../models/Room/Room';
+import { HotelRoomGroupsDTO } from '../../../../models/Api/HotelDTO';
+type TabGroupedRoomListProps = {
+    rooms: Room[];
+    group: HotelRoomGroupsDTO[number];
+};
+export declare const TabGroupedRoomList: (props: TabGroupedRoomListProps) => JSX.Element;
+export {};

package/dist/src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.js

@@ -0,0 +1,97 @@
+"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.TabGroupedRoomList = void 0;
+const react_1 = __importStar(require("react"));
+const RoomDetails_1 = __importDefault(require("../roomDetails/RoomDetails"));
+const TabGroupedRoomList_module_scss_1 = __importDefault(require("./TabGroupedRoomList.module.scss"));
+const Headline_1 = __importDefault(require("../../../generic/Headline"));
+const Select_1 = require("../../../generic/Select/Select");
+const TabGroupedRoomList = (props) => {
+    const { rooms, group } = props;
+    const [appliedFilters, setAppliedFilters] = (0, react_1.useState)({});
+    const filterKeys = (0, react_1.useMemo)(() => {
+        return Object.keys(group.filters || {});
+    }, [group.filters]);
+    const roomList = (0, react_1.useMemo)(() => {
+        return rooms
+            .filter((room) => {
+            var _a, _b, _c;
+            for (const filter of Object.keys(appliedFilters)) {
+                let possibleValues = [];
+                const auxFilter = (_a = group.filters) === null || _a === void 0 ? void 0 : _a[filter];
+                if (auxFilter.includeAllAbove) {
+                    let foundKey = false;
+                    for (let i = auxFilter.options.length - 1; i >= 0; i--) {
+                        const currentValue = auxFilter.options[i];
+                        possibleValues.push(currentValue.value);
+                        if (appliedFilters[filter] === currentValue.value) {
+                            foundKey = true;
+                            break;
+                        }
+                    }
+                    if (!foundKey) {
+                        possibleValues = [];
+                    }
+                }
+                else {
+                    possibleValues = (_b = appliedFilters[filter]) !== null && _b !== void 0 ? _b : [];
+                }
+                if (((_c = room.auxiliaryValues) === null || _c === void 0 ? void 0 : _c[filter]) && appliedFilters[filter] && !possibleValues.includes(room.auxiliaryValues[filter])) {
+                    return false;
+                }
+            }
+            return room;
+        })
+            .map((room, index) => {
+            return react_1.default.createElement(RoomDetails_1.default, { key: room.code, room: room, disableMarginBottom: index === rooms.length - 1 });
+        });
+    }, [rooms, appliedFilters]);
+    return (react_1.default.createElement("div", { className: TabGroupedRoomList_module_scss_1.default.groupedRoomList },
+        react_1.default.createElement("div", { className: TabGroupedRoomList_module_scss_1.default.groupedRoomListHeader },
+            react_1.default.createElement(Headline_1.default, { bold: true }, group.groupName)),
+        !!(filterKeys === null || filterKeys === void 0 ? void 0 : filterKeys.length) && (react_1.default.createElement("div", { className: TabGroupedRoomList_module_scss_1.default.filterContainer }, filterKeys.map((filterKey) => {
+            var _a, _b, _c;
+            const filter = (_a = group.filters) === null || _a === void 0 ? void 0 : _a[filterKey];
+            if (filter.type === 'select') {
+                const options = [{ label: 'All', value: null }, ...filter.options];
+                const currentValue = (_b = appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters[filterKey]) !== null && _b !== void 0 ? _b : (_c = options[0]) === null || _c === void 0 ? void 0 : _c.value;
+                const localOnFilterChange = (value) => {
+                    setAppliedFilters((prev) => (Object.assign(Object.assign({}, prev), { [filterKey]: value })));
+                };
+                return (react_1.default.createElement("div", { key: filterKey, className: TabGroupedRoomList_module_scss_1.default.filterItem },
+                    react_1.default.createElement("div", { className: TabGroupedRoomList_module_scss_1.default['filterItem-label'] },
+                        filter.name,
+                        ":"),
+                    react_1.default.createElement(Select_1.Select, { keyName: "value", labelName: "label", options: options, value: currentValue, onChange: localOnFilterChange })));
+            }
+        }))),
+        roomList));
+};
+exports.TabGroupedRoomList = TabGroupedRoomList;
+//# sourceMappingURL=TabGroupedRoomList.js.map

package/dist/src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabGroupedRoomList.js","sourceRoot":"/","sources":["src/components/steps/room/TabGroupedRooms/TabGroupedRoomList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { Room } from '@/models/Room/Room';\nimport RoomDetails from '../roomDetails/RoomDetails';\nimport { HotelRoomGroupsDTO } from '@/models/Api/HotelDTO';\n\nimport styles from './TabGroupedRoomList.module.scss';\nimport Headline from '@/components/generic/Headline';\nimport { Select } from '@/components/generic/Select/Select';\nimport DataLayer from '@/util/DataLayer';\n\ntype TabGroupedRoomListProps = {\n    rooms: Room[];\n    group: HotelRoomGroupsDTO[number];\n};\n\nexport const TabGroupedRoomList = (props: TabGroupedRoomListProps) => {\n    const { rooms, group } = props;\n    const [appliedFilters, setAppliedFilters] = useState<{ [id: string]: any }>({});\n\n    const filterKeys = useMemo(() => {\n        return Object.keys(group.filters || {});\n    }, [group.filters]);\n\n    const roomList = useMemo(() => {\n        return rooms\n            .filter((room) => {\n                for (const filter of Object.keys(appliedFilters)) {\n                    let possibleValues: any[] = [];\n\n                    const auxFilter = group.filters?.[filter];\n\n                    if (auxFilter.includeAllAbove) {\n                        let foundKey = false;\n                        for (let i = auxFilter.options.length - 1; i >= 0; i--) {\n                            const currentValue = auxFilter.options[i];\n                            possibleValues.push(currentValue.value);\n\n                            if (appliedFilters[filter] === currentValue.value) {\n                                foundKey = true;\n                                break;\n                            }\n                        }\n\n                        if (!foundKey) {\n                            possibleValues = [];\n                        }\n                    } else {\n                        possibleValues = appliedFilters[filter] ?? [];\n                    }\n\n                    if (room.auxiliaryValues?.[filter] && appliedFilters[filter] && !possibleValues.includes(room.auxiliaryValues[filter])) {\n                        return false;\n                    }\n                }\n\n                return room;\n            })\n            .map((room, index) => {\n                return <RoomDetails key={room.code} room={room} disableMarginBottom={index === rooms.length - 1} />;\n            });\n    }, [rooms, appliedFilters]);\n\n    return (\n        <div className={styles.groupedRoomList}>\n            <div className={styles.groupedRoomListHeader}>\n                <Headline bold>{group.groupName}</Headline>\n            </div>\n            {!!filterKeys?.length && (\n                <div className={styles.filterContainer}>\n                    {filterKeys.map((filterKey) => {\n                        const filter = group.filters?.[filterKey];\n\n                        if (filter.type === 'select') {\n                            const options = [{ label: 'All', value: null }, ...filter.options];\n                            const currentValue = appliedFilters?.[filterKey] ?? options[0]?.value;\n\n                            const localOnFilterChange = (value: string) => {\n                                setAppliedFilters((prev) => ({ ...prev, [filterKey]: value }));\n                            };\n\n                            return (\n                                <div key={filterKey} className={styles.filterItem}>\n                                    <div className={styles['filterItem-label']}>{filter.name}:</div>\n                                    <Select keyName=\"value\" labelName=\"label\" options={options} value={currentValue} onChange={localOnFilterChange}></Select>\n                                </div>\n                            );\n                        }\n                    })}\n                </div>\n            )}\n            {roomList}\n        </div>\n    );\n};\n"]}

package/dist/src/components/steps/room/TabGroupedRooms/TabGroupedRooms.d.ts

@@ -0,0 +1 @@
+export declare const TabGroupedRooms: () => JSX.Element;