@mvf/external-components 3.6.1-dev.2 → 3.6.1-dev.4

package/Components/Atoms/Button/Button.test.js

@@ -12,6 +12,10 @@ describe('<Button />', function () {
         var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", dataTestId: "continuecta" })).getByText;
         expect(getByText('Submit')).toBeTruthy();
     });
+    it('should display button component when a textOverflowHandling of "dynamicFontSize" is passed', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", dataTestId: "continuecta", textOverflowHandling: "dynamicFontSize" })).getByText;
+        expect(getByText('Submit')).toBeTruthy();
+    });
     it('should be clickable', function () {
         var clickHandler = jest.fn();
         var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: false, label: "Continue", dataTestId: "continuecta" })).getByText;

package/Components/Atoms/Button/Button.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,oDAA8B;AAE9B,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,UAAU,EAAC,aAAa,GACxB,CACH,UAPgB,CAOf;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE;QACxB,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEvB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,GACxB,CACH,UAPgB,CAOf;QACF,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE;QAClD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEvB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,GACxB,CACH,UAPgB,CAOf;QACF,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,SAAS,EAAE;QAClB,EAAE,CAAC,0CAA0C,EAAE;YAC7C,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAEvB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,aAAa,GACxB,CACH,UARgB,CAQf;YAEF,IAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAChC,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kDAAkD,EAAE;YACrD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAEvB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,GACxB,CACH,UAPgB,CAOf;YAEF,IAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.test.tsx"],"names":[],"mappings":"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"}

package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js

@@ -18,35 +18,64 @@ var DynamicFontSizeContainer = function (_a) {
     var containerRef = (0, react_1.useRef)(null);
     var textRef = (0, react_1.useRef)(null);
     var _b = (0, react_1.useState)(possibleFontSizes[0]), fontSize = _b[0], setFontSize = _b[1]; // Initial font size
-    (0, react_1.useEffect)(function () {
-        var resizeText = function () {
-            if (containerRef.current && textRef.current) {
-                var containerWidth = containerRef.current.offsetWidth;
-                var low = 0;
-                var high = possibleFontSizes.length - 1;
-                var newFontSize = possibleFontSizes[0];
-                while (low <= high) {
-                    var mid = Math.floor((low + high) / 2);
-                    textRef.current.style.fontSize = "".concat(possibleFontSizes[mid], "px");
-                    var textWidth = textRef.current.offsetWidth;
-                    if (textWidth > containerWidth) {
-                        high = mid - 1;
-                    }
-                    else {
-                        newFontSize = possibleFontSizes[mid];
-                        low = mid + 1;
-                    }
+    var _c = (0, react_1.useState)(false), allowWrap = _c[0], setAllowWrap = _c[1];
+    var _d = (0, react_1.useState)(false), isAtMinFontSize = _d[0], setIsAtMinFontSize = _d[1];
+    var resizeText = function () {
+        if (containerRef.current && textRef.current) {
+            var containerWidth = containerRef.current.offsetWidth;
+            var low = 0;
+            var high = possibleFontSizes.length - 1;
+            var newFontSize = possibleFontSizes[0];
+            while (low <= high) {
+                var mid = Math.floor((low + high) / 2);
+                textRef.current.style.fontSize = "".concat(possibleFontSizes[mid], "px");
+                var textWidth = textRef.current.offsetWidth;
+                if (textWidth > containerWidth) {
+                    high = mid - 1;
+                }
+                else {
+                    newFontSize = possibleFontSizes[mid];
+                    low = mid + 1;
                 }
-                setFontSize(newFontSize);
             }
-        };
+            if (newFontSize === possibleFontSizes[0]) {
+                setAllowWrap(true);
+                setIsAtMinFontSize(true);
+            }
+            else {
+                setAllowWrap(false);
+                setIsAtMinFontSize(false);
+            }
+            setFontSize(newFontSize);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        // Reset state when the text changes
+        setIsAtMinFontSize(false);
+        setAllowWrap(false);
         resizeText();
+    }, [text, possibleFontSizes]);
+    (0, react_1.useEffect)(function () {
+        if (!isAtMinFontSize) {
+            resizeText();
+        }
         window.addEventListener('resize', resizeText);
         return function () {
             window.removeEventListener('resize', resizeText);
         };
-    }, [text, possibleFontSizes]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: containerRef, style: { width: '100%', height: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', overflow: 'hidden' } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: textRef, style: { fontSize: "".concat(fontSize, "px"), whiteSpace: 'nowrap' } }, { children: text })) })));
+    }, [isAtMinFontSize]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: containerRef, style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            overflow: 'visible',
+        } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: textRef, style: {
+                fontSize: "".concat(fontSize, "px"),
+                whiteSpace: allowWrap ? 'normal' : 'nowrap',
+                textAlign: 'center',
+            } }, { children: text })) })));
 };
 exports.default = DynamicFontSizeContainer;
 //# sourceMappingURL=DynamicFontSizeContainer.js.map

package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFontSizeContainer.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAA2D;AAO3D,IAAM,wBAAwB,GAA4C,UAAC,EAA2B;QAAzB,IAAI,UAAA,EAAE,iBAAiB,uBAAA;IAClG,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,IAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACvC,IAAA,KAA0B,IAAA,gBAAQ,EAAS,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAA/D,QAAQ,QAAA,EAAE,WAAW,QAA0C,CAAC,CAAC,oBAAoB;IAE5F,IAAA,iBAAS,EAAC;QACR,IAAM,UAAU,GAAG;YACjB,IAAI,YAAY,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC3C,IAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC;gBAExD,IAAI,GAAG,GAAG,CAAC,CAAC;gBACZ,IAAI,IAAI,GAAG,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;gBACxC,IAAI,WAAW,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;gBAEvC,OAAO,GAAG,IAAI,IAAI,EAAE;oBAClB,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;oBACzC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAG,iBAAiB,CAAC,GAAG,CAAC,OAAI,CAAC;oBAC/D,IAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;oBAE9C,IAAI,SAAS,GAAG,cAAc,EAAE;wBAC9B,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;qBAChB;yBAAM;wBACL,WAAW,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;wBACrC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;qBACf;iBACF;gBAED,WAAW,CAAC,WAAW,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC;QAEF,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE9C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,yCAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBACnJ,yCAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAG,QAAQ,OAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAG,IAAI,IAAO,IACvF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}
+{"version":3,"file":"DynamicFontSizeContainer.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.tsx"],"names":[],"mappings":"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"}

package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js

@@ -0,0 +1,19 @@
+"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 react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom/extend-expect");
+var DynamicFontSizeContainer_1 = __importDefault(require("./DynamicFontSizeContainer"));
+describe('DynamicFontSizeContainer', function () {
+    var possibleFontSizes = [10, 20, 30, 40];
+    test('renders without crashing', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(DynamicFontSizeContainer_1.default, { text: "This is a test text", possibleFontSizes: possibleFontSizes }));
+        var textElement = react_1.screen.getByText('This is a test text');
+        expect(textElement).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=DynamicFontSizeContainer.test.js.map

package/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFontSizeContainer.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gDAAwD;AACxD,mDAAiD;AACjD,wFAAkE;AAElE,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAE3C,IAAI,CAAC,0BAA0B,EAAE;QAC/B,IAAA,cAAM,EACJ,uBAAC,kCAAwB,IACvB,IAAI,EAAC,qBAAqB,EAC1B,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;QAEF,IAAM,WAAW,GAAG,cAAM,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;QAC5D,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Components/Molecules/NavBar/IComponentProps.d.ts

@@ -5,5 +5,6 @@ interface IComponentProps {
     loading: boolean;
     onClickBack: () => void;
     onClickContinue: () => void;
+    textOverflowHandling: 'none' | 'dynamicFontSize' | 'newline';
 }
 export default IComponentProps;

package/Components/Molecules/NavBar/NavBar.js

@@ -23,9 +23,9 @@ 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;
+    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;
     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" }) })), (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 }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: buttonDisabled, onClick: onClickContinue, label: buttonLabel, loading: loading, dataTestId: "continuecta", textOverflowHandling: "dynamicFontSize" }) }))] })));
+    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" }) })), (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 }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: buttonDisabled, onClick: onClickContinue, label: buttonLabel, loading: loading, dataTestId: "continuecta", textOverflowHandling: textOverflowHandling }) }))] })));
 };
 NavBar.defaultProps = defaultProps_1.default;
 exports.default = NavBar;

package/Components/Molecules/NavBar/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0DAAsC;AACtC,4FAAsE;AAEtE,qEAA+C;AAC/C,iFAA2D;AAC3D,gEAA0C;AAE1C,wEAAkD;AAOlD,IAAM,MAAM,GAAe,UAAC,EAO3B;QANC,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,eAAe,qBAAA;IAEf,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,GACpB,IACI,EACR,uBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,KAAK,4BAAgB,EACxC,uBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,cAAc,gBAC/B,uBAAC,gBAAM,IACL,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,aAAa,EACxB,oBAAoB,EAAC,iBAAiB,GACtC,IACI,KACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0DAAsC;AACtC,4FAAsE;AAEtE,qEAA+C;AAC/C,iFAA2D;AAC3D,gEAA0C;AAE1C,wEAAkD;AAOlD,IAAM,MAAM,GAAe,UAAC,EAQ3B;QAPC,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,4BAA6B,EAA7B,oBAAoB,mBAAG,MAAM,KAAA;IAE7B,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,GACpB,IACI,EACR,uBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,KAAK,4BAAgB,EACxC,uBAAC,aAAK,aAAC,GAAG,EAAE,MAAM,CAAC,cAAc,gBAC/B,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,GAC1C,IACI,KACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}

package/Components/Molecules/NavBar/NavBar.test.js

@@ -12,4 +12,10 @@ describe('<NavBar />', function () {
         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' })).getByText;
+        expect(getByText('Continue')).toBeTruthy();
+    });
+});
 //# sourceMappingURL=NavBar.test.js.map

package/Components/Molecules/NavBar/NavBar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.test.tsx"],"names":[],"mappings":";;;;;;AAAA,mGAA6E;AAC7E,oDAA8B;AAE9B,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IAAC,WAAW,EAAE,UAAU,GAAI,CACpC,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"NavBar.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.test.tsx"],"names":[],"mappings":";;;;;;AAAA,mGAA6E;AAC7E,oDAA8B;AAE9B,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IAAC,WAAW,EAAE,UAAU,GAAI,CACpC,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,GACvC,CACH,UALgB,CAKf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Components/Molecules/NavBar/NavBarStory.d.ts

@@ -5,6 +5,7 @@ type NavBarStoryType = React.FunctionComponent<{
     buttonLabel: string;
     buttonVariant: 'outlined' | 'contained';
     loading: boolean;
+    textOverflowHandling: 'none' | 'dynamicFontSize' | 'newline';
 }>;
 declare const NavBarStory: NavBarStoryType;
 export default NavBarStory;

package/Components/Molecules/NavBar/NavBarStory.js

@@ -18,8 +18,8 @@ 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;
-    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 }) })));
+    var disabled = _a.disabled, buttonDisabled = _a.buttonDisabled, buttonLabel = _a.buttonLabel, buttonVariant = _a.buttonVariant, loading = _a.loading, textOverflowHandling = _a.textOverflowHandling;
+    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 }) })));
 };
 exports.default = NavBarStory;
 //# sourceMappingURL=NavBarStory.js.map

package/Components/Molecules/NavBar/NavBarStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBarStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBarStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAkD;AAClD,oDAA8B;AAU9B,IAAM,WAAW,GAAoB,UAAC,EAMrC;QALC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,OAAO,aAAA;IACH,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,GAChB,IACE,CACP;AAZK,CAYL,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"NavBarStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBarStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAkD;AAClD,oDAA8B;AAW9B,IAAM,WAAW,GAAoB,UAAC,EAOrC;QANC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,oBAAoB,0BAAA;IAChB,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,GAC1C,IACE,CACP;AAbK,CAaL,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/Components/Molecules/NavBar/defaultProps.d.ts

@@ -5,5 +5,6 @@ declare const defaultProps: {
     loading: boolean;
     onClickBack: () => void;
     onClickContinue: () => void;
+    textOverflowHandling: "none" | "dynamicFontSize" | "newline";
 };
 export default defaultProps;

package/Components/Molecules/NavBar/defaultProps.js

@@ -11,6 +11,7 @@ var defaultProps = {
     onClickContinue: function () {
         // do nothing
     },
+    textOverflowHandling: 'none',
 };
 exports.default = defaultProps;
 //# sourceMappingURL=defaultProps.js.map

package/Components/Molecules/NavBar/defaultProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/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;CACF,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/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;CACvE,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Themes/StoryThemeWrapper.js

@@ -16,7 +16,6 @@ var react_1 = require("@emotion/react");
 var themes_1 = require("./themes");
 var StoryThemeWrapper = function (_a) {
     var children = _a.children, themeType = _a.themeType, _b = _a.fontMultiplier, fontMultiplier = _b === void 0 ? 1 : _b;
-    // const theme = themes[themeType];
     var theme = (0, themes_1.getThemeWithFontMultiplier)(themeType, fontMultiplier);
     return (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, __assign({ theme: theme }, { children: children }));
 };

package/Themes/StoryThemeWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoryThemeWrapper.js","sourceRoot":"","sources":["../../src/Themes/StoryThemeWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,wCAA+C;AAC/C,mCAA+D;AAQ/D,IAAM,iBAAiB,GAA0B,UAAC,EAIjD;QAHC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,sBAAkB,EAAlB,cAAc,mBAAG,CAAC,KAAA;IAElB,mCAAmC;IACnC,IAAM,KAAK,GAAG,IAAA,mCAA0B,EAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAEpE,OAAO,uBAAC,qBAAa,aAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,IAAiB,CAAC;AACjE,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"StoryThemeWrapper.js","sourceRoot":"","sources":["../../src/Themes/StoryThemeWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,wCAA+C;AAC/C,mCAA+D;AAQ/D,IAAM,iBAAiB,GAA0B,UAAC,EAIjD;QAHC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,sBAAkB,EAAlB,cAAc,mBAAG,CAAC,KAAA;IAElB,IAAM,KAAK,GAAG,IAAA,mCAA0B,EAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAEpE,OAAO,uBAAC,qBAAa,aAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,IAAiB,CAAC;AACjE,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/Themes/themes.d.ts

@@ -1,4 +1,4 @@
-import { customTheme } from "./themeCreator";
+import { customTheme } from './themeCreator';
 declare const themes: {
     atlantic: import("@mui/material").Theme & {
         mvf: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "3.6.1-dev.2",
+  "version": "3.6.1-dev.4",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",