@mvf/external-components 3.23.0 → 3.24.1-dev.0

package/Experiments/GOLD-1420/Atoms/IconButton/IconButton.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeIconButtonStyling_1 = require("./makeIconButtonStyling");
+var IconButton = function (_a) {
+    var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick, dataTestId = _a.dataTestId, variant = _a.variant;
+    var styles = (0, makeIconButtonStyling_1.makeIconButtonStyling)(variant);
+    var handleClick = function () {
+        onClick();
+    };
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: disabled, onClick: handleClick, startIcon: icon, css: styles, "data-testid": dataTestId }));
+};
+IconButton.defaultProps = defaultProps_1.default;
+exports.default = IconButton;
+//# sourceMappingURL=IconButton.js.map

package/Experiments/GOLD-1420/Atoms/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gEAA4C;AAG5C,gEAA0C;AAC1C,iEAAgE;AAQhE,IAAM,UAAU,GAAmB,UAAC,EAMnC;QALC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,OAAO,aAAA;IAEP,IAAM,MAAM,GAAG,IAAA,6CAAqB,EAAC,OAAO,CAAC,CAAC;IAE9C,IAAM,WAAW,GAAG;QAClB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,gBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,MAAM,iBACE,UAAU,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Experiments/GOLD-1420/Atoms/IconButton/IconButtonStory.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IIcons } from '../../../../Helpers/icons';
+declare type ButtonStartIconStoryType = React.FunctionComponent<{
+    disabled: boolean;
+    iconType: keyof IIcons;
+    children: React.ReactNode;
+    variant: 'inline' | 'stacked';
+}>;
+declare const ButtonStartIconStory: ButtonStartIconStoryType;
+export default ButtonStartIconStory;

package/Experiments/GOLD-1420/Atoms/IconButton/IconButtonStory.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var addon_actions_1 = require("@storybook/addon-actions");
+var IconButton_1 = __importDefault(require("./IconButton"));
+var icons_1 = __importDefault(require("../../../../Helpers/icons"));
+var ButtonStartIconStory = function (_a) {
+    var disabled = _a.disabled, iconType = _a.iconType, children = _a.children, variant = _a.variant;
+    var IconComponent = icons_1.default[iconType];
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: '50px', height: '50px' } }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.default, __assign({ disabled: disabled, icon: (0, jsx_runtime_1.jsx)(IconComponent, {}), onClick: (0, addon_actions_1.action)('ButtonStartIcon Clicked'), variant: variant, experimentName: "default" }, { children: children })) })));
+};
+exports.default = ButtonStartIconStory;
+//# sourceMappingURL=IconButtonStory.js.map

package/Experiments/GOLD-1420/Atoms/IconButton/IconButtonStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAkD;AAClD,4DAAsC;AACtC,oEAA0D;AAS1D,IAAM,oBAAoB,GAA6B,UAAC,EAKvD;QAJC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEtC,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,gBAC3C,uBAAC,oBAAU,aACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,uBAAC,aAAa,KAAG,EACvB,OAAO,EAAE,IAAA,sBAAM,EAAC,yBAAyB,CAAC,EAC1C,OAAO,EAAE,OAAO,EAChB,cAAc,EAAC,SAAS,gBAEvB,QAAQ,IACE,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/Experiments/GOLD-1420/Atoms/IconButton/defaultProps.d.ts

@@ -0,0 +1,6 @@
+declare const defaultProps: {
+    onClick: () => void;
+    disabled: boolean;
+    variant: "inline" | "stacked";
+};
+export default defaultProps;

package/Experiments/GOLD-1420/Atoms/IconButton/defaultProps.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    onClick: function () {
+        /* do nothing */
+    },
+    disabled: false,
+    variant: 'inline',
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/GOLD-1420/Atoms/IconButton/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/IconButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAgB;IAC1B,OAAO,EAAE,QAAgC;CAC1C,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/GOLD-1420/Atoms/IconButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './IconButton';

package/Experiments/GOLD-1420/Atoms/IconButton/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var IconButton_1 = require("./IconButton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/GOLD-1420/Atoms/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/IconButton/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

package/Experiments/GOLD-1420/Atoms/IconButton/makeIconButtonStyling.d.ts

@@ -0,0 +1,2 @@
+export declare const makeIconButtonStyling: (variant: 'inline' | 'stacked') => import("@emotion/react").SerializedStyles;
+export default makeIconButtonStyling;

package/Experiments/GOLD-1420/Atoms/IconButton/makeIconButtonStyling.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeIconButtonStyling = void 0;
+var react_1 = require("@emotion/react");
+var makeIconButtonStyling = function (variant) {
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)({
+        height: '100%',
+        cursor: 'pointer',
+        boxShadow: 'none',
+        '& .MuiButton-startIcon': {
+            margin: 0,
+        },
+        '&.MuiButton-root': __assign(__assign({ minWidth: '100%', color: theme.mvf.palette.text.primaryTextColor, '&.Mui-disabled': {
+                color: theme.mvf.palette.status.disabled,
+            } }, (variant === 'inline' && {
+            backgroundColor: theme.mvf.palette.component.backButtonColor,
+        })), (variant === 'stacked' && {
+            backgroundColor: 'rgb(251, 251, 251)',
+            border: 'solid',
+            borderWidth: theme.mvf.border.width.thin,
+            borderColor: 'rgb(225, 225, 225)',
+        })),
+        '@media (hover: hover)': {
+            '&:hover': __assign(__assign({ boxShadow: theme.mvf.boxShadow.heavy }, (variant === 'inline' && {
+                backgroundColor: theme.mvf.palette.component.backButtonHoverColor,
+            })), (variant === 'stacked' && {
+                backgroundColor: 'rgb(237, 237, 237)',
+            })),
+        },
+    });
+};
+exports.makeIconButtonStyling = makeIconButtonStyling;
+exports.default = exports.makeIconButtonStyling;
+//# sourceMappingURL=makeIconButtonStyling.js.map

package/Experiments/GOLD-1420/Atoms/IconButton/makeIconButtonStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeIconButtonStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/IconButton/makeIconButtonStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wCAA+C;AAExC,IAAM,qBAAqB,GAAG,UAAC,OAA6B;IACjE,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,IAAA,WAAG,EAAC;QACT,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,MAAM;QACjB,wBAAwB,EAAE;YACxB,MAAM,EAAE,CAAC;SACV;QACD,kBAAkB,sBAChB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAC9C,gBAAgB,EAAE;gBAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;aACzC,IACE,CAAC,OAAO,KAAK,QAAQ,IAAI;YAC1B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe;SAC7D,CAAC,GACC,CAAC,OAAO,KAAK,SAAS,IAAI;YAC3B,eAAe,EAAE,oBAAoB;YACrC,MAAM,EAAE,OAAO;YACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;YACxC,WAAW,EAAE,oBAAoB;SAClC,CAAC,CACH;QACD,uBAAuB,EAAE;YACvB,SAAS,sBACP,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IACjC,CAAC,OAAO,KAAK,QAAQ,IAAI;gBAC1B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,oBAAoB;aAClE,CAAC,GACC,CAAC,OAAO,KAAK,SAAS,IAAI;gBAC3B,eAAe,EAAE,oBAAoB;aACtC,CAAC,CACH;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAtCW,QAAA,qBAAqB,yBAsChC;AAEF,kBAAe,6BAAqB,CAAC"}

package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SerializedStyles } from '@emotion/react';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+declare type InsetCheckboxProps = {
+    checked: boolean;
+    dataTestId?: string;
+    customCss?: SerializedStyles;
+};
+export declare type InsetCheckboxType = React.FunctionComponent<WithExperimentName<InsetCheckboxProps>>;
+declare const InsetCheckbox: InsetCheckboxType;
+export default InsetCheckbox;

package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var CheckboxIcon_1 = __importDefault(require("../../../../Assets/CustomIcons/CheckboxIcon"));
+var react_1 = require("@emotion/react");
+var InsetCheckbox = function (_a) {
+    var checked = _a.checked, dataTestId = _a.dataTestId, customCss = _a.customCss;
+    return ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { checked: checked, color: "primary", onClick: function (event) { return event.preventDefault(); }, icon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: true }), onMouseDown: function (event) { return event.preventDefault(); }, "data-testid": dataTestId, css: customCss || (0, react_1.css)({ margin: 0, padding: 0 }) }));
+};
+exports.default = InsetCheckbox;
+//# sourceMappingURL=InsetCheckbox.js.map

package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsetCheckbox.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,oEAAgD;AAChD,6FAAuE;AACvE,wCAAuD;AAavD,IAAM,aAAa,GAAsB,UAAC,EAIzC;QAHC,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,SAAS,eAAA;IAET,OAAO,CACL,uBAAC,kBAAU,IACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,EAC1C,IAAI,EAAE,uBAAC,sBAAY,IAAC,SAAS,EAAE,KAAK,GAAI,EACxC,WAAW,EAAE,uBAAC,sBAAY,IAAC,SAAS,EAAE,IAAI,GAAI,EAC9C,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,iBACjC,UAAU,EACvB,GAAG,EAAE,SAAS,IAAI,IAAA,WAAG,EAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,GAChD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.test.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var InsetCheckbox_1 = __importDefault(require("./InsetCheckbox"));
+describe('<InsetCheckbox />', function () {
+    it('should be selected when checked = true', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: true, experimentName: "default" })).getByRole;
+        var checkbox = getByRole('checkbox');
+        expect(checkbox).toHaveAttribute('checked');
+    });
+    it('should not be selected when checked = false', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: false, experimentName: "default" })).getByRole;
+        var checkbox = getByRole('checkbox');
+        expect(checkbox).not.toHaveAttribute('checked');
+    });
+});
+//# sourceMappingURL=InsetCheckbox.test.js.map

package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsetCheckbox.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,kEAA4C;AAE5C,QAAQ,CAAC,mBAAmB,EAAE;IAC5B,EAAE,CAAC,wCAAwC,EAAE;QACnC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,uBAAa,IAAC,OAAO,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,GAAG,CAC1D,UAFgB,CAEf;QACF,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;QACxC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,uBAAa,IAAC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,GAAG,CAC3D,UAFgB,CAEf;QACF,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckboxStory.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare type InsetCheckboxStoryType = React.FunctionComponent<{
+    checked: boolean;
+}>;
+declare const InsetCheckboxStory: InsetCheckboxStoryType;
+export default InsetCheckboxStory;

package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckboxStory.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var InsetCheckbox_1 = __importDefault(require("./InsetCheckbox"));
+var InsetCheckboxStory = function (_a) {
+    var checked = _a.checked;
+    return (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: checked, experimentName: "default" });
+};
+exports.default = InsetCheckboxStory;
+//# sourceMappingURL=InsetCheckboxStory.js.map

package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckboxStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsetCheckboxStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckboxStory.tsx"],"names":[],"mappings":";;;;;;AACA,kEAA4C;AAM5C,IAAM,kBAAkB,GAA2B,UAAC,EAAW;QAAT,OAAO,aAAA;IAC3D,OAAO,uBAAC,uBAAa,IAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAC,SAAS,GAAG,CAAC;AACtE,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/Experiments/GOLD-1420/Molecules/NavBar/IComponentProps.d.ts

@@ -0,0 +1,12 @@
+interface IComponentProps {
+    buttonDisabled: boolean;
+    buttonLabel: string;
+    disabled: boolean;
+    loading: boolean;
+    onClickBack: () => void;
+    onClickContinue: () => void;
+    textOverflowHandling: 'none' | 'dynamicFontSize' | 'newline';
+    continueButtonHidden: boolean;
+    continueButtonShouldPulse?: boolean;
+}
+export default IComponentProps;

package/Experiments/GOLD-1420/Molecules/NavBar/IComponentProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IComponentProps.js.map

package/Experiments/GOLD-1420/Molecules/NavBar/IComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComponentProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Molecules/NavBar/IComponentProps.ts"],"names":[],"mappings":""}

package/Experiments/GOLD-1420/Molecules/NavBar/NavBar.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/FunctionComponentWithDefaultProps';
+import defaultProps from './defaultProps';
+import IComponentProps from './IComponentProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+export declare type NavBarType = FunctionComponentWithDefaultProps<WithExperimentName<IComponentProps>, typeof defaultProps>;
+declare const NavBar: NavBarType;
+export default NavBar;

package/Experiments/GOLD-1420/Molecules/NavBar/NavBar.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var KeyboardArrowLeft_1 = __importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
+var Button_1 = __importDefault(require("../../Atoms/Button/Button"));
+var IconButton_1 = __importDefault(require("../../Atoms/IconButton/IconButton"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeNavBarStyles_1 = __importDefault(require("./makeNavBarStyles"));
+var NavBar = function (_a) {
+    var buttonDisabled = _a.buttonDisabled, buttonLabel = _a.buttonLabel, disabled = _a.disabled, loading = _a.loading, onClickBack = _a.onClickBack, onClickContinue = _a.onClickContinue, _b = _a.textOverflowHandling, textOverflowHandling = _b === void 0 ? 'none' : _b, continueButtonHidden = _a.continueButtonHidden, experimentName = _a.experimentName, continueButtonShouldPulse = _a.continueButtonShouldPulse;
+    var styles = (0, makeNavBarStyles_1.default)();
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ css: styles.container }, { children: [(0, jsx_runtime_1.jsx)(Box_1.default, __assign({ css: styles.backButton }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { disabled: disabled, icon: (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}), onClick: onClickBack, dataTestId: "backcta", experimentName: experimentName }) })), (0, jsx_runtime_1.jsx)(Box_1.default, __assign({ css: styles.space }, { children: "\u00A0" })), (0, jsx_runtime_1.jsx)(Box_1.default, __assign({ css: styles.continueButton, sx: { display: continueButtonHidden ? 'none' : 'block' } }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: buttonDisabled, onClick: onClickContinue, label: buttonLabel, loading: loading, dataTestId: "continuecta", textOverflowHandling: textOverflowHandling, experimentName: experimentName, shouldPulse: continueButtonShouldPulse }) }))] })));
+};
+NavBar.defaultProps = defaultProps_1.default;
+exports.default = NavBar;
+//# sourceMappingURL=NavBar.js.map

package/Experiments/GOLD-1420/Molecules/NavBar/NavBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Molecules/NavBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0DAAsC;AACtC,4FAAsE;AAEtE,qEAA+C;AAC/C,iFAA2D;AAC3D,gEAA0C;AAE1C,wEAAkD;AAQlD,IAAM,MAAM,GAAe,UAAC,EAW3B;QAVC,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,4BAA6B,EAA7B,oBAAoB,mBAAG,MAAM,KAAA,EAC7B,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,yBAAyB,+BAAA;IAEzB,IAAM,MAAM,GAAG,IAAA,0BAAgB,GAAE,CAAC;IAClC,OAAO,CACL,wBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,SAAS,iBAC1B,uBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,UAAU,gBAC3B,uBAAC,oBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,uBAAC,2BAAiB,KAAG,EAC3B,OAAO,EAAE,WAAW,EACpB,UAAU,EAAC,SAAS,EACpB,cAAc,EAAE,cAAc,GAC9B,IACI,EACR,uBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,KAAK,4BAAgB,EACxC,uBAAC,aAAK,aACJ,GAAG,EAAE,MAAM,CAAC,cAAc,EAC1B,EAAE,EAAE,EAAE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,gBAExD,uBAAC,gBAAM,IACL,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,aAAa,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,yBAAyB,GACtC,IACI,KACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}

package/Experiments/GOLD-1420/Molecules/NavBar/NavBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Experiments/GOLD-1420/Molecules/NavBar/NavBar.test.js

@@ -0,0 +1,65 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var makeButtonStyling_1 = require("../../Atoms/Button/makeButtonStyling");
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var NavBar_1 = __importDefault(require("./NavBar"));
+var react_1 = require("@testing-library/react");
+describe('<NavBar />', function () {
+    it('should display button component', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: 'Continue', experimentName: "default" })).getByText;
+        expect(getByText('Continue')).toBeTruthy();
+    });
+});
+describe('<NavBar />', function () {
+    it('should display button component when a textOverflowHandling is passed', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: 'Continue', textOverflowHandling: 'dynamicFontSize', experimentName: "default" })).getByText;
+        expect(getByText('Continue')).toBeTruthy();
+    });
+});
+describe('NavBar', function () {
+    describe('continueButtonHidden prop', function () {
+        it('should hide continue button when continueButtonHidden is true', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: "Continue", onClickBack: function () { }, onClickContinue: function () { }, continueButtonHidden: true, experimentName: "default" }));
+            var continueButton = react_1.screen.getByTestId('continuecta').parentElement;
+            expect(continueButton).toHaveStyle({ display: 'none' });
+        });
+        it('should show continue button when continueButtonHidden is false', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: "Continue", onClickBack: function () { }, onClickContinue: function () { }, continueButtonHidden: false, experimentName: "default" }));
+            var continueButton = react_1.screen.getByTestId('continuecta').parentElement;
+            expect(continueButton).toHaveStyle({ display: 'block' });
+        });
+    });
+    describe('continueButtonShouldPulse prop', function () {
+        it('should not add pulse to continue button when continueButtonShouldPulse is not passed', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: "Continue", onClickBack: function () { }, onClickContinue: function () { }, continueButtonHidden: true, experimentName: "default" }));
+            var continueButton = react_1.screen.getByTestId('continuecta');
+            expect(continueButton).not.toHaveStyle(__assign({ animationName: makeButtonStyling_1.pulseKeyframes.name }, makeButtonStyling_1.pulseAnimation));
+        });
+        it('should not add pulse to continue button when continueButtonShouldPulse is false', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: "Continue", onClickBack: function () { }, onClickContinue: function () { }, continueButtonHidden: true, experimentName: "default", continueButtonShouldPulse: false }));
+            var continueButton = react_1.screen.getByTestId('continuecta');
+            expect(continueButton).not.toHaveStyle(__assign({ animationName: makeButtonStyling_1.pulseKeyframes.name }, makeButtonStyling_1.pulseAnimation));
+        });
+        it('should add pulse to continue button when continueButtonShouldPulse is true', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(NavBar_1.default, { buttonLabel: "Continue", onClickBack: function () { }, onClickContinue: function () { }, continueButtonHidden: true, experimentName: "default", continueButtonShouldPulse: true }));
+            var continueButton = react_1.screen.getByTestId('continuecta');
+            expect(continueButton).toHaveStyle(__assign({ animationName: makeButtonStyling_1.pulseKeyframes.name }, makeButtonStyling_1.pulseAnimation));
+        });
+    });
+});
+//# sourceMappingURL=NavBar.test.js.map

package/Experiments/GOLD-1420/Molecules/NavBar/NavBar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Molecules/NavBar/NavBar.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0EAG8C;AAC9C,sGAAgF;AAChF,oDAA8B;AAC9B,gDAAgD;AAEhD,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IAAC,WAAW,EAAE,UAAU,EAAE,cAAc,EAAC,SAAS,GAAG,CAC7D,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,uEAAuE,EAAE;QAClE,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,WAAW,EAAE,UAAU,EACvB,oBAAoB,EAAE,iBAAiB,EACvC,cAAc,EAAC,SAAS,GACxB,CACH,UANgB,CAMf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,QAAQ,EAAE;IACjB,QAAQ,CAAC,2BAA2B,EAAE;QACpC,EAAE,CAAC,+DAA+D,EAAE;YAClE,IAAA,6BAAmB,EACjB,uBAAC,gBAAM,IACL,WAAW,EAAC,UAAU,EACtB,WAAW,EAAE,cAAO,CAAC,EACrB,eAAe,EAAE,cAAO,CAAC,EACzB,oBAAoB,EAAE,IAAI,EAC1B,cAAc,EAAC,SAAS,GACxB,CACH,CAAC;YAEF,IAAM,cAAc,GAAG,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC;YACvE,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gEAAgE,EAAE;YACnE,IAAA,6BAAmB,EACjB,uBAAC,gBAAM,IACL,WAAW,EAAC,UAAU,EACtB,WAAW,EAAE,cAAO,CAAC,EACrB,eAAe,EAAE,cAAO,CAAC,EACzB,oBAAoB,EAAE,KAAK,EAC3B,cAAc,EAAC,SAAS,GACxB,CACH,CAAC;YAEF,IAAM,cAAc,GAAG,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC;YACvE,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,gCAAgC,EAAE;QACzC,EAAE,CAAC,sFAAsF,EAAE;YACzF,IAAA,6BAAmB,EACjB,uBAAC,gBAAM,IACL,WAAW,EAAC,UAAU,EACtB,WAAW,EAAE,cAAO,CAAC,EACrB,eAAe,EAAE,cAAO,CAAC,EACzB,oBAAoB,EAAE,IAAI,EAC1B,cAAc,EAAC,SAAS,GACxB,CACH,CAAC;YAEF,IAAM,cAAc,GAAG,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,YACpC,aAAa,EAAE,kCAAc,CAAC,IAAI,IAC/B,kCAAc,EACjB,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iFAAiF,EAAE;YACpF,IAAA,6BAAmB,EACjB,uBAAC,gBAAM,IACL,WAAW,EAAC,UAAU,EACtB,WAAW,EAAE,cAAO,CAAC,EACrB,eAAe,EAAE,cAAO,CAAC,EACzB,oBAAoB,EAAE,IAAI,EAC1B,cAAc,EAAC,SAAS,EACxB,yBAAyB,EAAE,KAAK,GAChC,CACH,CAAC;YAEF,IAAM,cAAc,GAAG,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,YACpC,aAAa,EAAE,kCAAc,CAAC,IAAI,IAC/B,kCAAc,EACjB,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4EAA4E,EAAE;YAC/E,IAAA,6BAAmB,EACjB,uBAAC,gBAAM,IACL,WAAW,EAAC,UAAU,EACtB,WAAW,EAAE,cAAO,CAAC,EACrB,eAAe,EAAE,cAAO,CAAC,EACzB,oBAAoB,EAAE,IAAI,EAC1B,cAAc,EAAC,SAAS,EACxB,yBAAyB,EAAE,IAAI,GAC/B,CACH,CAAC;YAEF,IAAM,cAAc,GAAG,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,YAChC,aAAa,EAAE,kCAAc,CAAC,IAAI,IAC/B,kCAAc,EACjB,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/GOLD-1420/Molecules/NavBar/NavBarStory.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare type NavBarStoryType = React.FunctionComponent<{
+    disabled: boolean;
+    buttonDisabled: boolean;
+    buttonLabel: string;
+    buttonVariant: 'outlined' | 'contained';
+    loading: boolean;
+    textOverflowHandling: 'none' | 'dynamicFontSize' | 'newline';
+    continueButtonHidden: boolean;
+    continueButtonShouldPulse?: boolean;
+}>;
+declare const NavBarStory: NavBarStoryType;
+export default NavBarStory;

package/Experiments/GOLD-1420/Molecules/NavBar/NavBarStory.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var addon_actions_1 = require("@storybook/addon-actions");
+var NavBar_1 = __importDefault(require("./NavBar"));
+var NavBarStory = function (_a) {
+    var disabled = _a.disabled, buttonDisabled = _a.buttonDisabled, buttonLabel = _a.buttonLabel, buttonVariant = _a.buttonVariant, loading = _a.loading, textOverflowHandling = _a.textOverflowHandling, continueButtonHidden = _a.continueButtonHidden, continueButtonShouldPulse = _a.continueButtonShouldPulse;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '460px' } }, { children: (0, jsx_runtime_1.jsx)(NavBar_1.default, { disabled: disabled, onClickBack: (0, addon_actions_1.action)('Icon Button Clicked'), buttonDisabled: buttonDisabled, buttonLabel: buttonLabel, onClickContinue: (0, addon_actions_1.action)('Button Clicked'), buttonVariant: buttonVariant, loading: loading, textOverflowHandling: textOverflowHandling, continueButtonHidden: continueButtonHidden, experimentName: "default", continueButtonShouldPulse: continueButtonShouldPulse }) })));
+};
+exports.default = NavBarStory;
+//# sourceMappingURL=NavBarStory.js.map

package/Experiments/GOLD-1420/Molecules/NavBar/NavBarStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Molecules/NavBar/NavBarStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAkD;AAClD,oDAA8B;AAa9B,IAAM,WAAW,GAAoB,UAAC,EASrC;QARC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,oBAAoB,0BAAA,EACpB,yBAAyB,+BAAA;IACrB,OAAA,CACJ,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAC/B,uBAAC,gBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,IAAA,sBAAM,EAAC,qBAAqB,CAAC,EAC1C,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,IAAA,sBAAM,EAAC,gBAAgB,CAAC,EACzC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAC,SAAS,EACxB,yBAAyB,EAAE,yBAAyB,GACpD,IACE,CACP;AAhBK,CAgBL,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/Experiments/GOLD-1420/Molecules/NavBar/defaultProps.d.ts

@@ -0,0 +1,11 @@
+declare const defaultProps: {
+    buttonDisabled: boolean;
+    buttonVariant: "outlined" | "contained";
+    disabled: boolean;
+    loading: boolean;
+    onClickBack: () => void;
+    onClickContinue: () => void;
+    textOverflowHandling: "none" | "dynamicFontSize" | "newline";
+    continueButtonHidden: boolean;
+};
+export default defaultProps;

package/Experiments/GOLD-1420/Molecules/NavBar/defaultProps.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    buttonDisabled: false,
+    buttonVariant: 'contained',
+    disabled: false,
+    loading: false,
+    onClickBack: function () {
+        // do nothing
+    },
+    onClickContinue: function () {
+        // do nothing
+    },
+    textOverflowHandling: 'none',
+    continueButtonHidden: false,
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/GOLD-1420/Molecules/NavBar/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Molecules/NavBar/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,cAAc,EAAE,KAAgB;IAChC,aAAa,EAAE,WAAuC;IACtD,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,KAAK;IACd,WAAW,EAAE;QACX,aAAa;IACf,CAAC;IACD,eAAe,EAAE;QACf,aAAa;IACf,CAAC;IACD,oBAAoB,EAAE,MAAgD;IACtE,oBAAoB,EAAE,KAAK;CAC5B,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/GOLD-1420/Molecules/NavBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './NavBar';

package/Experiments/GOLD-1420/Molecules/NavBar/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var NavBar_1 = require("./NavBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(NavBar_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/GOLD-1420/Molecules/NavBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Molecules/NavBar/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA"}

package/Experiments/GOLD-1420/Molecules/NavBar/makeNavBarStyles.d.ts

@@ -0,0 +1,7 @@
+declare const makeNavBarStyles: () => {
+    container: import("@emotion/react").SerializedStyles;
+    space: import("@emotion/react").SerializedStyles;
+    continueButton: import("@emotion/react").SerializedStyles;
+    backButton: import("@emotion/react").SerializedStyles;
+};
+export default makeNavBarStyles;

package/Experiments/GOLD-1420/Molecules/NavBar/makeNavBarStyles.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeNavBarStyles = function () {
+    var _a, _b;
+    var theme = (0, react_1.useTheme)();
+    return {
+        container: (0, react_1.css)((_a = {
+                height: 45
+            },
+            _a[theme.breakpoints.up('tabletSmall')] = {
+                height: 55,
+            },
+            _a.width = '100%',
+            _a.display = 'flex',
+            _a.flexDirection = 'row',
+            _a)),
+        space: (0, react_1.css)({
+            width: theme.mvf.spacing.small,
+        }),
+        continueButton: (0, react_1.css)({
+            width: '100%',
+            height: '100%',
+            '& .MuiButtonBase-root': {
+                borderRadius: '6px',
+                boxShadow: theme.mvf.boxShadow.navigation.primary,
+                '@media (hover: hover)': {
+                    '&:hover': {
+                        boxShadow: theme.mvf.boxShadow.navigation.secondary,
+                    },
+                },
+            },
+        }),
+        backButton: (0, react_1.css)({
+            height: '100%',
+            '& .MuiButtonBase-root': (_b = {
+                    minWidth: '45px !important'
+                },
+                _b[theme.breakpoints.up('tabletSmall')] = {
+                    minWidth: '55px !important',
+                },
+                _b.borderRadius = '6px',
+                _b['@media (hover: hover)'] = {
+                    '&:hover': {
+                        boxShadow: theme.mvf.boxShadow.navigation.secondary,
+                    },
+                },
+                _b),
+        }),
+    };
+};
+exports.default = makeNavBarStyles;
+//# sourceMappingURL=makeNavBarStyles.js.map

package/Experiments/GOLD-1420/Molecules/NavBar/makeNavBarStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeNavBarStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Molecules/NavBar/makeNavBarStyles.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAE/C,IAAM,gBAAgB,GAAG;;IACvB,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO;QACL,SAAS,EAAE,IAAA,WAAG;gBACZ,MAAM,EAAE,EAAE;;YACV,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBACrC,MAAM,EAAE,EAAE;aACX;YACD,QAAK,GAAE,MAAM;YACb,UAAO,GAAE,MAAM;YACf,gBAAa,GAAE,KAAK;gBACpB;QAEF,KAAK,EAAE,IAAA,WAAG,EAAC;YACT,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SAC/B,CAAC;QAEF,cAAc,EAAE,IAAA,WAAG,EAAC;YAClB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,uBAAuB,EAAE;gBACvB,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO;gBACjD,uBAAuB,EAAE;oBACvB,SAAS,EAAE;wBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS;qBACpD;iBACF;aACF;SACF,CAAC;QAEF,UAAU,EAAE,IAAA,WAAG,EAAC;YACd,MAAM,EAAE,MAAM;YACd,uBAAuB;oBACrB,QAAQ,EAAE,iBAAiB;;gBAC3B,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBACrC,QAAQ,EAAE,iBAAiB;iBAC5B;gBACD,eAAY,GAAE,KAAK;gBACnB,2BAAuB,GAAE;oBACvB,SAAS,EAAE;wBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS;qBACpD;iBACF;mBACF;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Helpers/React/FunctionComponentWithDefaultProps.d.ts

@@ -1,3 +1,4 @@
-export type FunctionComponentWithDefaultProps<T, D extends Partial<React.ComponentProps<React.FC<T>>>> = Pick<React.FC<T>, Exclude<keyof React.FC<T>, 'defaultProps'>> & (React.FC<T> extends (...a: infer A) => infer R ? (...a: A) => R : never) & {
+/// <reference types="react" />
+export declare type FunctionComponentWithDefaultProps<T, D extends Partial<React.ComponentProps<React.FC<T>>>> = Pick<React.FC<T>, Exclude<keyof React.FC<T>, 'defaultProps'>> & (React.FC<T> extends (...a: infer A) => infer R ? (...a: A) => R : never) & {
     defaultProps: D;
 };

package/Helpers/React/css.d.ts

@@ -1,4 +1,5 @@
-type CssProps = React.CSSProperties | {
+/// <reference types="react" />
+declare type CssProps = React.CSSProperties | {
     [key: string]: CssProps;
 };
 declare const css: (props: CssProps) => React.CSSProperties;