@roomstay/frontend 2.1.6 → 2.1.8

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

@@ -1,32 +1,12 @@
 "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.TabContextProvider = exports.default = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const TabContext = React.createContext({
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
+const TabContext = react_1.default.createContext({
     activeKey: '',
     lastIndex: 0,
     currentIndex: 0,
@@ -36,9 +16,9 @@ const TabContext = React.createContext({
 });
 exports.default = TabContext;
 const TabContextProvider = ({ children, defaultActiveKey, onChange }) => {
-    const [activeKey, setActiveKey] = (0, react_1.useState)('');
-    const [lastIndex, setLastIndex] = (0, react_1.useState)(0);
-    const [currentIndex, setCurrentIndex] = (0, react_1.useState)(0);
+    const [activeKey, setActiveKey] = (0, react_2.useState)('');
+    const [lastIndex, setLastIndex] = (0, react_2.useState)(0);
+    const [currentIndex, setCurrentIndex] = (0, react_2.useState)(0);
     const tabValues = {
         activeKey,
         lastIndex,
@@ -47,16 +27,16 @@ const TabContextProvider = ({ children, defaultActiveKey, onChange }) => {
             // TODO: Add checks for Tab state being "Dirty"
             // This means if you're in the middle of editing a form, and you press back / forward, we don't want to
             // yank the user out of their flow
-            onChange(newKey);
+            onChange === null || onChange === void 0 ? void 0 : onChange(newKey);
             setLastIndex(currentIndex);
             setCurrentIndex(index);
             setActiveKey(newKey);
         },
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         setActiveKey(defaultActiveKey);
     }, []);
-    return React.createElement(TabContext.Provider, { value: tabValues }, children);
+    return react_1.default.createElement(TabContext.Provider, { value: tabValues }, children);
 };
 exports.TabContextProvider = TabContextProvider;
 //# sourceMappingURL=TabContext.js.map

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,6CAA+B;AAC/B,iCAA4C;AAU5C,MAAM,UAAU,GAAG,KAAK,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,EAAW,EAAE,CAAC,CAAC;IACzD,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,MAAgB,EAAE,KAAa,EAAE,EAAE;YAC1C,+CAA+C;YAC/C,uGAAuG;YACvG,kCAAkC;YAClC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACjB,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,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAG,QAAQ,CAAuB,CAAC;AACnF,CAAC,CAAC;AAE8B,gDAAkB","sourcesContent":["import * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { EventKey } from '@/components/generic/Tabs/Tabs';\n\ninterface TabContextProps {\n    activeKey: EventKey;\n    lastIndex: number;\n    currentIndex: number;\n    onChange: (newKey: EventKey, 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: EventKey;\n    onChange: (key: EventKey) => void;\n}\n\nconst TabContextProvider: React.FC<TabContextProviderProps> = ({ children, defaultActiveKey, onChange }) => {\n    const [activeKey, setActiveKey] = useState<EventKey>('');\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: EventKey, 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;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"]}

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

@@ -1 +1 @@
-export declare const TabLink: (props: any) => JSX.Element;
+export declare const TabLink: (props: any) => JSX.Element | null;

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

@@ -1,47 +1,24 @@
 "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.TabLink = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const TabContext_1 = __importDefault(require("./TabContext"));
 const react_router_dom_1 = require("react-router-dom");
-const react_1 = require("react");
+const react_2 = require("react");
 const Text_1 = __importDefault(require("../Text"));
 const Color_1 = require("../../../util/Color");
 const TabLink = (props) => {
-    const tabContext = (0, react_1.useContext)(TabContext_1.default);
+    const tabContext = (0, react_2.useContext)(TabContext_1.default);
     const { title, navPath, disabled, index } = props;
     if (!title) {
         return null;
     }
-    return (React.createElement("li", null,
-        React.createElement(react_router_dom_1.NavLink, { to: navPath, activeClassName: "active", className: (0, classnames_1.default)('c-nav-item ', { disabled }), onClick: (e) => {
+    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();
                 }
@@ -49,8 +26,8 @@ const TabLink = (props) => {
                     tabContext.onChange(navPath, index);
                 }
             } },
-            React.createElement("span", { className: (0, classnames_1.default)('c-nav-link') },
-                React.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, bold: true }, title)))));
+            react_1.default.createElement("span", { className: (0, classnames_1.default)('c-nav-link') },
+                react_1.default.createElement(Text_1.default, { color: Color_1.Color.DarkGrey, bold: true }, title)))));
 };
 exports.TabLink = TabLink;
 //# sourceMappingURL=TabLink.js.map

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,6CAA+B;AAC/B,4DAA4B;AAC5B,sFAA8D;AAC9D,uDAA2C;AAC3C,iCAAmC;AACnC,qEAA6C;AAC7C,wCAAqC;AAE9B,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IAClC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,oBAAU,CAAC,CAAC;IAE1C,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,oBAAC,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,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;iBACvC;YACL,CAAC;YAED,8BAAM,SAAS,EAAE,IAAA,oBAAE,EAAC,YAAY,CAAC;gBAC7B,oBAAC,cAAI,IAAC,KAAK,EAAE,aAAK,CAAC,QAAQ,EAAE,IAAI,UAC5B,KAAK,CACH,CACJ,CACD,CACT,CACR,CAAC;AACN,CAAC,CAAC;AA/BW,QAAA,OAAO,WA+BlB","sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\nimport TabContext from '@/components/generic/Tabs/TabContext';\nimport { NavLink } from 'react-router-dom';\nimport { useContext } from 'react';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nexport const TabLink = (props: any) => {\n    const tabContext = useContext(TabContext);\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                        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,kDAA0B;AAC1B,4DAA4B;AAC5B,sFAA8D;AAC9D,uDAA2C;AAC3C,iCAAmC;AACnC,qEAA6C;AAC7C,wCAAqC;AAE9B,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IAClC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,oBAAU,CAAC,CAAC;IAE1C,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,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;AA/BW,QAAA,OAAO,WA+BlB","sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport TabContext from '@/components/generic/Tabs/TabContext';\nimport { NavLink } from 'react-router-dom';\nimport { useContext } from 'react';\nimport Text from '@/components/generic/Text';\nimport { Color } from '@/util/Color';\n\nexport const TabLink = (props: any) => {\n    const tabContext = useContext(TabContext);\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                        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

@@ -1,55 +1,32 @@
 "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.TabRouteContainer = void 0;
 const web_1 = require("@react-spring/web");
-const React = __importStar(require("react"));
-const react_1 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const react_router_1 = require("react-router");
 const ElementChildren_1 = require("./ElementChildren");
 const TabContext_1 = __importDefault(require("./TabContext"));
 function TabRouteContainer({ children }) {
-    const tabContext = (0, react_1.useContext)(TabContext_1.default);
+    const tabContext = (0, react_2.useContext)(TabContext_1.default);
     const transitions = (0, web_1.useTransition)(tabContext.activeKey, {
         from: { opacity: 0, position: 'absolute' },
         to: { opacity: 1, position: 'relative' },
-        enter: { opacity: 1, position: 'absolute' },
+        enter: { opacity: 1, position: 'relative' },
         leave: { opacity: 0, position: 'absolute' },
         config: {
             friction: 25,
         },
     });
-    return (React.createElement("div", { className: "u-pos-rel" }, transitions((props) => {
-        return (React.createElement(web_1.animated.div, { style: Object.assign({ left: 0, right: 0 }, props) },
-            React.createElement(react_router_1.Switch, null,
-                (0, ElementChildren_1.reactMap)(children, (child) => (React.createElement(react_router_1.Route, { path: child.props.navPath }, child.props.children))),
-                React.createElement(react_router_1.Route, { path: "*" },
-                    React.createElement(react_router_1.Redirect, { to: children[0].props.navPath, push: false })))));
+    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 })))));
     })));
 }
 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,6CAA+B;AAC/B,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,6BAAK,SAAS,EAAC,WAAW,IACrB,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QACnB,OAAO,CACH,oBAAC,cAAQ,CAAC,GAAG,IAAC,KAAK,kBAAI,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAM,KAAa;YACvD,oBAAC,qBAAM;gBACF,IAAA,0BAAQ,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,oBAAC,oBAAK,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,IAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAS,CACnE,CAAC;gBAEF,oBAAC,oBAAK,IAAC,IAAI,EAAC,GAAG;oBACX,oBAAC,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 * as 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: 'absolute' },\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,+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"]}

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import { ReactNode } from 'react';
 export type EventKey = string | number;
 export interface TabsProps {
     variant?: 'tabs' | 'pills';
-    activeKey?: EventKey;
+    activeKey?: string;
     defaultActiveKey?: EventKey;
     onSelect?: (key: string) => void;
     children: ReactNode[];

package/dist/src/components/generic/Tabs/Tabs.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 });
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const uncontrollable_1 = require("uncontrollable");
-const react_1 = require("swiper/react");
+const react_2 = require("swiper/react");
 const LineBreak_1 = __importDefault(require("../LineBreak"));
 const ElementChildren_1 = require("./ElementChildren");
 const TabContext_1 = require("./TabContext");
@@ -36,7 +13,7 @@ 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;
+    let defaultActiveKey = undefined;
     (0, ElementChildren_1.reactForEach)(children, (child) => {
         if (!defaultActiveKey) {
             defaultActiveKey = child.props.eventKey;
@@ -54,12 +31,12 @@ const Tabs = (props) => {
     const { onSelect, children, variant = 'tabs', activeKey = getDefaultActiveKey(children), } = (0, uncontrollable_1.useUncontrolled)(props, {
         activeKey: 'onSelect',
     });
-    return (React.createElement(TabContext_1.TabContextProvider, { defaultActiveKey: activeKey, onChange: onSelect },
-        React.createElement("ul", { className: `c-nav c-nav-${variant} ${tabs_module_scss_1.default.tabCarousel}` },
-            React.createElement(react_1.Swiper, Object.assign({}, options), (0, ElementChildren_1.reactMap)(children, (child, index) => (React.createElement(react_1.SwiperSlide, { key: index },
-                React.createElement(TabLink_1.TabLink, Object.assign({ index: index }, child.props), child)))))),
-        React.createElement(LineBreak_1.default, { noMargins: true, fullBleed: true }),
-        React.createElement(TabRouteContainer_1.TabRouteContainer, null, props.children)));
+    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(TabRouteContainer_1.TabRouteContainer, null, props.children)));
 };
 exports.default = Tabs;
 //# sourceMappingURL=Tabs.js.map

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,6CAA+B;AAE/B,mDAAiD;AAEjD,wCAAmD;AACnD,+EAAuD;AACvD,+EAAmF;AAEnF,qEAA0E;AAC1E,+DAA4D;AAC5D,mFAAgF;AAEhF,0EAAwC;AAYxC,MAAM,mBAAmB,GAAG,CAAC,QAAa,EAAE,EAAE;IAC1C,IAAI,gBAA0B,CAAC;IAC/B,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,oBAAC,+BAAkB,IAAC,gBAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ;QAC/D,4BAAI,SAAS,EAAE,eAAe,OAAO,IAAI,0BAAM,CAAC,WAAW,EAAE;YACzD,oBAAC,cAAM,oBAAK,OAAO,GACd,IAAA,0BAAQ,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,oBAAC,mBAAW,IAAC,GAAG,EAAE,KAAK;gBACnB,oBAAC,iBAAO,kBAAC,KAAK,EAAE,KAAK,IAAM,KAAK,CAAC,KAAK,GACjC,KAAK,CACA,CACA,CACjB,CAAC,CACG,CACR;QACL,oBAAC,mBAAS,IAAC,SAAS,QAAC,SAAS,SAAG;QACjC,oBAAC,qCAAiB,QAAE,KAAK,CAAC,QAAQ,CAAqB,CACtC,CACxB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import * as 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?: EventKey;\n    defaultActiveKey?: EventKey;\n    onSelect?: (key: string) => void;\n    children: ReactNode[];\n}\n\nconst getDefaultActiveKey = (children: any) => {\n    let defaultActiveKey: EventKey;\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,+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"]}

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

@@ -1,6 +1,6 @@
 import { Color } from '../../util/Color';
 import { TextAlign } from '../../util/TextAlignment';
-import * as React from 'react';
+import React from 'react';
 import { PropsWithChildren } from 'react';
 export declare enum TextType {
     Body = "body",

package/dist/src/components/generic/Text.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.Text = exports.TextTransform = exports.TextType = void 0;
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 var TextType;
 (function (TextType) {
@@ -51,12 +28,12 @@ function Text(props) {
     if (props.className) {
         props.className.split(' ').forEach((it) => (extraClasses[it] = true));
     }
-    const classes = (0, classnames_1.default)(Object.assign(Object.assign({ [`text-${defaultProps.type}`]: defaultProps.type, [props.align]: !!props.align, 'u-inline-flex': props.inline, 'u-text-bold': props.bold, 'u-pre-wrap': props.preformatted, 'u-line-through': props.lineThrough }, extraClasses), transformClasses));
+    const classes = (0, classnames_1.default)(props.align, Object.assign(Object.assign({ [`text-${defaultProps.type}`]: defaultProps.type, 'u-inline-flex': props.inline, 'u-text-bold': props.bold, 'u-pre-wrap': props.preformatted, 'u-line-through': props.lineThrough }, extraClasses), transformClasses));
     const styles = Object.assign({}, (defaultProps.style || {}));
     if (defaultProps.color) {
         styles.color = defaultProps.color;
     }
-    return (React.createElement("p", { className: classes, style: styles }, props.children));
+    return (react_1.default.createElement("p", { className: classes, style: styles }, props.children));
 }
 exports.Text = Text;
 exports.default = Text;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"/","sources":["src/components/generic/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,6CAA+B;AAE/B,4DAAoC;AAGpC,IAAY,QAKX;AALD,WAAY,QAAQ;IAChB,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,+BAAmB,CAAA;IACnB,2BAAe,CAAA;AACnB,CAAC,EALW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAKnB;AAED,yCAAyC;AACzC,IAAY,aAEX;AAFD,WAAY,aAAa;IACrB,0CAAyB,CAAA;AAC7B,CAAC,EAFW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAExB;AAgBD,SAAgB,IAAI,CAAC,KAAgB;IACjC,MAAM,YAAY,mBACd,IAAI,EAAE,QAAQ,CAAC,IAAI,IAChB,KAAK,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAQ,EAAE,CAAC;IAEjC,IAAI,KAAK,CAAC,UAAU,EAAE;QAClB,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACjF;IAED,MAAM,YAAY,GAAQ,EAAE,CAAC;IAE7B,IAAI,KAAK,CAAC,SAAS,EAAE;QACjB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACzE;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,gCACtB,CAAC,QAAQ,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,EAChD,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAC5B,eAAe,EAAE,KAAK,CAAC,MAAM,EAC7B,aAAa,EAAE,KAAK,CAAC,IAAI,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,WAAW,IAChC,YAAY,GACZ,gBAAgB,EACrB,CAAC;IAEH,MAAM,MAAM,qBACL,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,CAChC,CAAC;IAEF,IAAI,YAAY,CAAC,KAAK,EAAE;QACpB,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;KACrC;IAED,OAAO,CACH,2BAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAC/B,KAAK,CAAC,QAAQ,CACf,CACP,CAAC;AACN,CAAC;AA1CD,oBA0CC;AAED,kBAAe,IAAI,CAAC","sourcesContent":["import { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\nimport * as React from 'react';\n\nimport classNames from 'classnames';\nimport { PropsWithChildren } from 'react';\n\nexport enum TextType {\n    Body = 'body',\n    Small = 'small',\n    Caption = 'caption',\n    Label = 'label',\n}\n\n// Refactor to globalize for Headings too\nexport enum TextTransform {\n    Uppercase = 'u-uppercase',\n}\n\nexport interface TextProps extends PropsWithChildren<any> {\n    [x: string]: React.ReactNode;\n    type?: TextType;\n    color?: Color;\n    align?: TextAlign;\n    transforms?: TextTransform[];\n    className?: string;\n    inline?: boolean;\n    bold?: boolean;\n    preformatted?: boolean;\n    style?: React.CSSProperties;\n    lineThrough?: boolean;\n}\n\nexport function Text(props: TextProps) {\n    const defaultProps: TextProps = {\n        type: TextType.Body,\n        ...props,\n    };\n\n    const transformClasses: any = {};\n\n    if (props.transforms) {\n        props.transforms.forEach((transform) => (transformClasses[transform] = true));\n    }\n\n    const extraClasses: any = {};\n\n    if (props.className) {\n        props.className.split(' ').forEach((it) => (extraClasses[it] = true));\n    }\n\n    const classes = classNames({\n        [`text-${defaultProps.type}`]: defaultProps.type,\n        [props.align]: !!props.align,\n        'u-inline-flex': props.inline,\n        'u-text-bold': props.bold,\n        'u-pre-wrap': props.preformatted,\n        'u-line-through': props.lineThrough,\n        ...extraClasses,\n        ...transformClasses,\n    });\n\n    const styles: any = {\n        ...(defaultProps.style || {}),\n    };\n\n    if (defaultProps.color) {\n        styles.color = defaultProps.color;\n    }\n\n    return (\n        <p className={classes} style={styles}>\n            {props.children}\n        </p>\n    );\n}\n\nexport default Text;\n"]}
+{"version":3,"file":"Text.js","sourceRoot":"/","sources":["src/components/generic/Text.tsx"],"names":[],"mappings":";;;;;;AAEA,kDAA0B;AAE1B,4DAAoC;AAGpC,IAAY,QAKX;AALD,WAAY,QAAQ;IAChB,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,+BAAmB,CAAA;IACnB,2BAAe,CAAA;AACnB,CAAC,EALW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAKnB;AAED,yCAAyC;AACzC,IAAY,aAEX;AAFD,WAAY,aAAa;IACrB,0CAAyB,CAAA;AAC7B,CAAC,EAFW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAExB;AAgBD,SAAgB,IAAI,CAAC,KAAgB;IACjC,MAAM,YAAY,mBACd,IAAI,EAAE,QAAQ,CAAC,IAAI,IAChB,KAAK,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAQ,EAAE,CAAC;IAEjC,IAAI,KAAK,CAAC,UAAU,EAAE;QAClB,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACjF;IAED,MAAM,YAAY,GAAQ,EAAE,CAAC;IAE7B,IAAI,KAAK,CAAC,SAAS,EAAE;QACjB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;KACzE;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,KAAK,gCAClC,CAAC,QAAQ,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,EAChD,eAAe,EAAE,KAAK,CAAC,MAAM,EAC7B,aAAa,EAAE,KAAK,CAAC,IAAI,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,WAAW,IAChC,YAAY,GACZ,gBAAgB,EACrB,CAAC;IAEH,MAAM,MAAM,qBACL,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,CAChC,CAAC;IAEF,IAAI,YAAY,CAAC,KAAK,EAAE;QACpB,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;KACrC;IAED,OAAO,CACH,qCAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAC/B,KAAK,CAAC,QAAQ,CACf,CACP,CAAC;AACN,CAAC;AAzCD,oBAyCC;AAED,kBAAe,IAAI,CAAC","sourcesContent":["import { Color } from '@/util/Color';\nimport { TextAlign } from '@/util/TextAlignment';\nimport React from 'react';\n\nimport classNames from 'classnames';\nimport { PropsWithChildren } from 'react';\n\nexport enum TextType {\n    Body = 'body',\n    Small = 'small',\n    Caption = 'caption',\n    Label = 'label',\n}\n\n// Refactor to globalize for Headings too\nexport enum TextTransform {\n    Uppercase = 'u-uppercase',\n}\n\nexport interface TextProps extends PropsWithChildren<any> {\n    [x: string]: React.ReactNode;\n    type?: TextType;\n    color?: Color;\n    align?: TextAlign;\n    transforms?: TextTransform[];\n    className?: string;\n    inline?: boolean;\n    bold?: boolean;\n    preformatted?: boolean;\n    style?: React.CSSProperties;\n    lineThrough?: boolean;\n}\n\nexport function Text(props: TextProps) {\n    const defaultProps: TextProps = {\n        type: TextType.Body,\n        ...props,\n    };\n\n    const transformClasses: any = {};\n\n    if (props.transforms) {\n        props.transforms.forEach((transform) => (transformClasses[transform] = true));\n    }\n\n    const extraClasses: any = {};\n\n    if (props.className) {\n        props.className.split(' ').forEach((it) => (extraClasses[it] = true));\n    }\n\n    const classes = classNames(props.align, {\n        [`text-${defaultProps.type}`]: defaultProps.type,\n        'u-inline-flex': props.inline,\n        'u-text-bold': props.bold,\n        'u-pre-wrap': props.preformatted,\n        'u-line-through': props.lineThrough,\n        ...extraClasses,\n        ...transformClasses,\n    });\n\n    const styles: any = {\n        ...(defaultProps.style || {}),\n    };\n\n    if (defaultProps.color) {\n        styles.color = defaultProps.color;\n    }\n\n    return (\n        <p className={classes} style={styles}>\n            {props.children}\n        </p>\n    );\n}\n\nexport default Text;\n"]}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export type TextAreaProps = JSX.IntrinsicElements['textarea'];
 declare const _default: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | keyof React.TextareaHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
 export default _default;

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

@@ -1,32 +1,12 @@
 "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 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const TextArea = (props, ref) => {
-    return React.createElement("textarea", Object.assign({}, props, { ref: ref }));
+    return react_1.default.createElement("textarea", Object.assign({}, props, { ref: ref }));
 };
-exports.default = (0, react_1.forwardRef)(TextArea);
+exports.default = (0, react_2.forwardRef)(TextArea);
 //# sourceMappingURL=TextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"/","sources":["src/components/generic/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA6D;AAI7D,MAAM,QAAQ,GAAiE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1F,OAAO,kDAAc,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7C,CAAC,CAAC;AAEF,kBAAe,IAAA,kBAAU,EAAC,QAAQ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { forwardRef, ForwardRefRenderFunction } from 'react';\n\nexport type TextAreaProps = JSX.IntrinsicElements['textarea'];\n\nconst TextArea: ForwardRefRenderFunction<HTMLTextAreaElement, TextAreaProps> = (props, ref) => {\n    return <textarea {...props} ref={ref} />;\n};\n\nexport default forwardRef(TextArea);\n"]}
+{"version":3,"file":"TextArea.js","sourceRoot":"/","sources":["src/components/generic/TextArea.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iCAA6D;AAI7D,MAAM,QAAQ,GAAiE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1F,OAAO,4DAAc,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7C,CAAC,CAAC;AAEF,kBAAe,IAAA,kBAAU,EAAC,QAAQ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { forwardRef, ForwardRefRenderFunction } from 'react';\n\nexport type TextAreaProps = JSX.IntrinsicElements['textarea'];\n\nconst TextArea: ForwardRefRenderFunction<HTMLTextAreaElement, TextAreaProps> = (props, ref) => {\n    return <textarea {...props} ref={ref} />;\n};\n\nexport default forwardRef(TextArea);\n"]}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IconType } from './Icon/Icon';
 export interface TextBoxProps {
     icon?: IconType;
@@ -10,7 +10,7 @@ export interface TextBoxProps {
     label?: string;
     validationStatus?: 'success' | 'error';
     value?: string;
-    onChange?: (e: React.ChangeEvent) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     inputProps?: Omit<JSX.IntrinsicElements['input'], 'id' | 'ref' | 'value' | 'onFocus' | 'onBlur' | 'onKeyPress'>;
     onKeyPress?: JSX.IntrinsicElements['input']['onKeyPress'];
 }

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

@@ -1,37 +1,14 @@
 "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 = require("react");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 const Icon_1 = __importDefault(require("./Icon/Icon"));
 const classnames_1 = __importDefault(require("classnames"));
 const TextBox = (props, ref) => {
-    const [selected, setSelected] = (0, react_1.useState)(false);
+    const [selected, setSelected] = (0, react_2.useState)(false);
     const type = props.type ? props.type : 'text';
     const inputProperties = Object.assign({ type, className: 'text-small', placeholder: props.placeholder }, props.inputProps);
     if (props.name) {
@@ -50,7 +27,7 @@ const TextBox = (props, ref) => {
     }
     let icon = '';
     if (props.icon) {
-        icon = React.createElement(Icon_1.default, { icon: props.icon, size: "1em" });
+        icon = react_1.default.createElement(Icon_1.default, { icon: props.icon, size: "1em" });
     }
     const classes = (0, classnames_1.default)('textbox c-input', {
         '--has-icon': !!icon,
@@ -67,14 +44,14 @@ const TextBox = (props, ref) => {
         return setSelected(false);
     };
     const id = `${props.name}${type}Input`;
-    return (React.createElement(React.Fragment, null,
-        props.label && (React.createElement("label", { className: "text-bold", htmlFor: id },
-            React.createElement(React.Fragment, null,
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        props.label && (react_1.default.createElement("label", { className: "text-bold", htmlFor: id },
+            react_1.default.createElement(react_1.default.Fragment, null,
                 props.label,
-                (props === null || props === void 0 ? void 0 : props.required) && React.createElement("div", { style: { color: 'red' } }, "*")))),
-        React.createElement("label", { className: classes },
+                (props === null || props === void 0 ? void 0 : props.required) && react_1.default.createElement("div", { style: { color: 'red' } }, "*")))),
+        react_1.default.createElement("label", { className: classes },
             icon,
-            React.createElement("input", Object.assign({}, inputProperties, { id: id, ref: ref, value: props.value, onFocus: onFocusHandler, onBlur: onBlurHandler, onKeyPress: props.onKeyPress })))));
+            react_1.default.createElement("input", Object.assign({}, inputProperties, { id: id, ref: ref, value: props.value, onFocus: onFocusHandler, onBlur: onBlurHandler, onKeyPress: props.onKeyPress })))));
 };
-exports.default = React.forwardRef(TextBox);
+exports.default = react_1.default.forwardRef(TextBox);
 //# sourceMappingURL=TextBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextBox.js","sourceRoot":"/","sources":["src/components/generic/TextBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAsE;AACtE,0EAAgE;AAEhE,4DAAoC;AAsBpC,MAAM,OAAO,GAA6D,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9C,MAAM,eAAe,mBACjB,IAAI,EACJ,SAAS,EAAE,YAAY,EACvB,WAAW,EAAE,KAAK,CAAC,WAAW,IAC3B,KAAK,CAAC,UAAU,CACtB,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,eAAe,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;KACrC;IAED,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,eAAe,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;KAC7C;IAED,MAAM,QAAQ,GAA+C,CAAC,CAAC,EAAE,EAAE;QAC/D,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SACrB;IACL,CAAC,CAAC;IAEF,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,eAAe,CAAC,QAAQ,GAAG,QAAQ,CAAC;KACvC;IAED,IAAI,IAAI,GAAc,EAAE,CAAC;IAEzB,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,IAAI,GAAG,oBAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,KAAK,GAAG,CAAC;KAChD;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QAC1C,YAAY,EAAE,CAAC,CAAC,IAAI;QACpB,YAAY,EAAE,QAAQ;QACtB,QAAQ,EAAE,KAAK,CAAC,IAAI;QACpB,WAAW,EAAE,KAAK,CAAC,gBAAgB,KAAK,SAAS;QACjD,SAAS,EAAE,KAAK,CAAC,gBAAgB,KAAK,OAAO;QAC7C,YAAY,EAAE,eAAe,CAAC,QAAQ;KACzC,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,EAAE,GAAG,GAAG,KAAK,CAAC,IAAI,GAAG,IAAI,OAAO,CAAC;IAEvC,OAAO,CACH;QACK,KAAK,CAAC,KAAK,IAAI,CACZ,+BAAO,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,EAAE;YACpC;gBACK,KAAK,CAAC,KAAK;gBACX,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAS,CAC1D,CACC,CACX;QACD,+BAAO,SAAS,EAAE,OAAO;YACpB,IAAI;YACL,+CAAW,eAAe,IAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,CAC9I,CACT,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { ForwardRefRenderFunction, ReactNode, useState } from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport classNames from 'classnames';\n\nexport interface TextBoxProps {\n    icon?: IconType;\n    placeholder?: string;\n    wide?: boolean;\n    type?: 'text' | 'tel' | 'password' | 'email';\n    name?: string;\n    required?: boolean;\n    label?: string;\n\n    validationStatus?: 'success' | 'error';\n\n    value?: string;\n\n    onChange?: (e: React.ChangeEvent) => void;\n\n    inputProps?: Omit<JSX.IntrinsicElements['input'], 'id' | 'ref' | 'value' | 'onFocus' | 'onBlur' | 'onKeyPress'>;\n\n    onKeyPress?: JSX.IntrinsicElements['input']['onKeyPress'];\n}\n\nconst TextBox: ForwardRefRenderFunction<HTMLInputElement, TextBoxProps> = (props, ref) => {\n    const [selected, setSelected] = useState(false);\n\n    const type = props.type ? props.type : 'text';\n    const inputProperties: JSX.IntrinsicElements['input'] = {\n        type,\n        className: 'text-small',\n        placeholder: props.placeholder,\n        ...props.inputProps,\n    };\n\n    if (props.name) {\n        inputProperties.name = props.name;\n    }\n\n    if (props.required) {\n        inputProperties.required = props.required;\n    }\n\n    const onChange: JSX.IntrinsicElements['input']['onChange'] = (e) => {\n        if (props.onChange) {\n            props.onChange(e);\n        }\n    };\n\n    if (props.onChange) {\n        inputProperties.onChange = onChange;\n    }\n\n    let icon: ReactNode = '';\n\n    if (props.icon) {\n        icon = <Icon icon={props.icon} size=\"1em\" />;\n    }\n\n    const classes = classNames('textbox c-input', {\n        '--has-icon': !!icon,\n        '--selected': selected,\n        '--wide': props.wide,\n        '--success': props.validationStatus === 'success',\n        '--error': props.validationStatus === 'error',\n        '--disabled': inputProperties.disabled,\n    });\n    const onFocusHandler = () => {\n        return setSelected(true);\n    };\n    const onBlurHandler = () => {\n        return setSelected(false);\n    };\n\n    const id = `${props.name}${type}Input`;\n\n    return (\n        <>\n            {props.label && (\n                <label className=\"text-bold\" htmlFor={id}>\n                    <>\n                        {props.label}\n                        {props?.required && <div style={{ color: 'red' }}>*</div>}\n                    </>\n                </label>\n            )}\n            <label className={classes}>\n                {icon}\n                <input {...inputProperties} id={id} ref={ref} value={props.value} onFocus={onFocusHandler} onBlur={onBlurHandler} onKeyPress={props.onKeyPress} />\n            </label>\n        </>\n    );\n};\n\nexport default React.forwardRef(TextBox);\n"]}
+{"version":3,"file":"TextBox.js","sourceRoot":"/","sources":["src/components/generic/TextBox.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iCAAsE;AACtE,0EAAgE;AAEhE,4DAAoC;AAsBpC,MAAM,OAAO,GAA6D,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9C,MAAM,eAAe,mBACjB,IAAI,EACJ,SAAS,EAAE,YAAY,EACvB,WAAW,EAAE,KAAK,CAAC,WAAW,IAC3B,KAAK,CAAC,UAAU,CACtB,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,eAAe,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;KACrC;IAED,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,eAAe,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;KAC7C;IAED,MAAM,QAAQ,GAA+C,CAAC,CAAC,EAAE,EAAE;QAC/D,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SACrB;IACL,CAAC,CAAC;IAEF,IAAI,KAAK,CAAC,QAAQ,EAAE;QAChB,eAAe,CAAC,QAAQ,GAAG,QAAQ,CAAC;KACvC;IAED,IAAI,IAAI,GAAc,EAAE,CAAC;IAEzB,IAAI,KAAK,CAAC,IAAI,EAAE;QACZ,IAAI,GAAG,8BAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,KAAK,GAAG,CAAC;KAChD;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QAC1C,YAAY,EAAE,CAAC,CAAC,IAAI;QACpB,YAAY,EAAE,QAAQ;QACtB,QAAQ,EAAE,KAAK,CAAC,IAAI;QACpB,WAAW,EAAE,KAAK,CAAC,gBAAgB,KAAK,SAAS;QACjD,SAAS,EAAE,KAAK,CAAC,gBAAgB,KAAK,OAAO;QAC7C,YAAY,EAAE,eAAe,CAAC,QAAQ;KACzC,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,EAAE,GAAG,GAAG,KAAK,CAAC,IAAI,GAAG,IAAI,OAAO,CAAC;IAEvC,OAAO,CACH;QACK,KAAK,CAAC,KAAK,IAAI,CACZ,yCAAO,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,EAAE;YACpC;gBACK,KAAK,CAAC,KAAK;gBACX,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAS,CAC1D,CACC,CACX;QACD,yCAAO,SAAS,EAAE,OAAO;YACpB,IAAI;YACL,yDAAW,eAAe,IAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,CAC9I,CACT,CACN,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { ForwardRefRenderFunction, ReactNode, useState } from 'react';\nimport Icon, { IconType } from '@/components/generic/Icon/Icon';\n\nimport classNames from 'classnames';\n\nexport interface TextBoxProps {\n    icon?: IconType;\n    placeholder?: string;\n    wide?: boolean;\n    type?: 'text' | 'tel' | 'password' | 'email';\n    name?: string;\n    required?: boolean;\n    label?: string;\n\n    validationStatus?: 'success' | 'error';\n\n    value?: string;\n\n    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\n    inputProps?: Omit<JSX.IntrinsicElements['input'], 'id' | 'ref' | 'value' | 'onFocus' | 'onBlur' | 'onKeyPress'>;\n\n    onKeyPress?: JSX.IntrinsicElements['input']['onKeyPress'];\n}\n\nconst TextBox: ForwardRefRenderFunction<HTMLInputElement, TextBoxProps> = (props, ref) => {\n    const [selected, setSelected] = useState(false);\n\n    const type = props.type ? props.type : 'text';\n    const inputProperties: JSX.IntrinsicElements['input'] = {\n        type,\n        className: 'text-small',\n        placeholder: props.placeholder,\n        ...props.inputProps,\n    };\n\n    if (props.name) {\n        inputProperties.name = props.name;\n    }\n\n    if (props.required) {\n        inputProperties.required = props.required;\n    }\n\n    const onChange: JSX.IntrinsicElements['input']['onChange'] = (e) => {\n        if (props.onChange) {\n            props.onChange(e);\n        }\n    };\n\n    if (props.onChange) {\n        inputProperties.onChange = onChange;\n    }\n\n    let icon: ReactNode = '';\n\n    if (props.icon) {\n        icon = <Icon icon={props.icon} size=\"1em\" />;\n    }\n\n    const classes = classNames('textbox c-input', {\n        '--has-icon': !!icon,\n        '--selected': selected,\n        '--wide': props.wide,\n        '--success': props.validationStatus === 'success',\n        '--error': props.validationStatus === 'error',\n        '--disabled': inputProperties.disabled,\n    });\n    const onFocusHandler = () => {\n        return setSelected(true);\n    };\n    const onBlurHandler = () => {\n        return setSelected(false);\n    };\n\n    const id = `${props.name}${type}Input`;\n\n    return (\n        <>\n            {props.label && (\n                <label className=\"text-bold\" htmlFor={id}>\n                    <>\n                        {props.label}\n                        {props?.required && <div style={{ color: 'red' }}>*</div>}\n                    </>\n                </label>\n            )}\n            <label className={classes}>\n                {icon}\n                <input {...inputProperties} id={id} ref={ref} value={props.value} onFocus={onFocusHandler} onBlur={onBlurHandler} onKeyPress={props.onKeyPress} />\n            </label>\n        </>\n    );\n};\n\nexport default React.forwardRef(TextBox);\n"]}

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

@@ -1,7 +1,7 @@
 import { ReactChild } from 'react';
 export interface BETooltipProps {
     wrapperClasses?: string;
-    overrideContainer?: HTMLElement;
+    overrideContainer?: HTMLElement | null;
     children: ReactChild | ReactChild[];
     title: string;
 }