@mvf/external-components 3.38.0 → 3.38.1

package/Experiments/CRO-712/Atoms/ProgressBar/ProgressBar.js

@@ -16,26 +16,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /** @jsxImportSource @emotion/react */
+var react_1 = require("react");
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var defaultProps_1 = __importDefault(require("./defaultProps"));
-var react_1 = require("@emotion/react");
+var react_2 = require("@emotion/react");
 var ProgressBarHelpers_1 = require("./ProgressBarHelpers");
 var makeProgressBarStyling_1 = __importDefault(require("./makeProgressBarStyling"));
+var HEAD_START = 6;
 var ProgressBar = function (_a) {
     var id = _a.id, progress = _a.progress, text = _a.text, testId = _a.testId, totalSteps = _a.totalSteps;
-    var theme = (0, react_1.useTheme)();
+    var theme = (0, react_2.useTheme)();
     var displayProgress = totalSteps
-        ? Math.min(100, progress + Math.round(100 / totalSteps))
+        ? Math.min(99, progress + Math.round(100 / totalSteps))
         : progress;
+    // Widens the bar only. The remaining range is compressed by the same amount
+    // so later steps don't add the head start again, and 99% stays under full.
+    var drawnProgress = totalSteps
+        ? HEAD_START + (displayProgress * (100 - HEAD_START)) / 100
+        : displayProgress;
+    // Keep this fixed for the mount so returning to question one doesn't replay it.
+    var animateEntry = (0, react_1.useState)(function () { return progress === 0 && Boolean(totalSteps); })[0];
     var useLightText = (0, ProgressBarHelpers_1.shouldUseLightText)({
         progressBarFilledColor: theme.mvf.palette.component.progressBarFilledColor,
         progressBarUnfilledColor: theme.mvf.palette.component.progressBarUnfilledColor,
-        progress: displayProgress,
+        progress: drawnProgress,
     });
-    var styles = (0, makeProgressBarStyling_1.default)(theme, useLightText, Boolean(totalSteps));
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ css: styles.container, "data-testid": testId }, { children: [(0, jsx_runtime_1.jsxs)(Typography_1.default, __assign({ css: styles.text }, { children: [text, " ", displayProgress, "%"] })), (0, jsx_runtime_1.jsx)(LinearProgress_1.default, { variant: "determinate", css: styles.progressBar, id: id, value: displayProgress })] })));
+    var styles = (0, makeProgressBarStyling_1.default)(theme, useLightText, animateEntry);
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ css: styles.container, "data-testid": testId }, { children: [(0, jsx_runtime_1.jsxs)(Typography_1.default, __assign({ css: styles.text }, { children: [text, " ", displayProgress, "%"] })), (0, jsx_runtime_1.jsx)(LinearProgress_1.default, { variant: "determinate", css: styles.progressBar, id: id, value: drawnProgress, "aria-valuenow": displayProgress })] })));
 };
 ProgressBar.defaultProps = defaultProps_1.default;
 exports.default = ProgressBar;

package/Experiments/CRO-712/Atoms/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0DAAoC;AACpC,gFAA0D;AAC1D,wEAAkD;AAElD,gEAA0C;AAE1C,wCAA0C;AAC1C,2DAA0D;AAE1D,oFAA8D;AAQ9D,IAAM,WAAW,GAAoB,UAAC,EAMrC;QALC,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAW,IAAA,gBAAQ,GAAE,CAAC;IAEjC,IAAM,eAAe,GAAG,UAAU;QAChC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC;QACxD,CAAC,CAAC,QAAQ,CAAC;IAEb,IAAM,YAAY,GAAG,IAAA,uCAAkB,EAAC;QACtC,sBAAsB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB;QAC1E,wBAAwB,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,wBAAwB;QACtD,QAAQ,EAAE,eAAe;KAC1B,CAAC,CAAC;IAEH,IAAM,MAAM,GAAG,IAAA,gCAAsB,EACnC,KAAK,EACL,YAAY,EACZ,OAAO,CAAC,UAAU,CAAC,CACpB,CAAC;IACF,OAAO,CACL,wBAAC,aAAG,aAAC,GAAG,EAAE,MAAM,CAAC,SAAS,iBAAe,MAAM,iBAC7C,wBAAC,oBAAU,aAAC,GAAG,EAAE,MAAM,CAAC,IAAI,iBACzB,IAAI,OAAG,eAAe,UACZ,EACb,uBAAC,wBAAc,IACb,OAAO,EAAC,aAAa,EACrB,GAAG,EAAE,MAAM,CAAC,WAAW,EACvB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,eAAe,GACtB,KACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAiC;AACjC,0DAAoC;AACpC,gFAA0D;AAC1D,wEAAkD;AAElD,gEAA0C;AAE1C,wCAA0C;AAC1C,2DAA0D;AAE1D,oFAA8D;AAQ9D,IAAM,UAAU,GAAG,CAAC,CAAC;AAErB,IAAM,WAAW,GAAoB,UAAC,EAMrC;QALC,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAW,IAAA,gBAAQ,GAAE,CAAC;IAEjC,IAAM,eAAe,GAAG,UAAU;QAChC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC;QACvD,CAAC,CAAC,QAAQ,CAAC;IAEb,4EAA4E;IAC5E,2EAA2E;IAC3E,IAAM,aAAa,GAAG,UAAU;QAC9B,CAAC,CAAC,UAAU,GAAG,CAAC,eAAe,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,GAAG;QAC3D,CAAC,CAAC,eAAe,CAAC;IAEpB,gFAAgF;IACzE,IAAA,YAAY,GAAI,IAAA,gBAAQ,EAAC,cAAM,OAAA,QAAQ,KAAK,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,EAArC,CAAqC,CAAC,GAAzD,CAA0D;IAE7E,IAAM,YAAY,GAAG,IAAA,uCAAkB,EAAC;QACtC,sBAAsB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB;QAC1E,wBAAwB,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,wBAAwB;QACtD,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,IAAM,MAAM,GAAG,IAAA,gCAAsB,EAAC,KAAK,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACzE,OAAO,CACL,wBAAC,aAAG,aAAC,GAAG,EAAE,MAAM,CAAC,SAAS,iBAAe,MAAM,iBAC7C,wBAAC,oBAAU,aAAC,GAAG,EAAE,MAAM,CAAC,IAAI,iBACzB,IAAI,OAAG,eAAe,UACZ,EACb,uBAAC,wBAAc,IACb,OAAO,EAAC,aAAa,EACrB,GAAG,EAAE,MAAM,CAAC,WAAW,EACvB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,aAAa,mBAGL,eAAe,GAC9B,KACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}

package/Experiments/CRO-712/Atoms/ProgressBar/ProgressBar.test.js

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -7,7 +30,23 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /** @jsxImportSource @emotion/react */
 var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
 var ProgressBar_1 = __importDefault(require("./ProgressBar"));
+var progressBarStyling = __importStar(require("./makeProgressBarStyling"));
 describe('<ProgressBar /> (CRO-712 head-start)', function () {
+    it.each([
+        { progress: 0, totalSteps: 10, animateEntry: true },
+        { progress: 50, totalSteps: 10, animateEntry: false },
+        { progress: 0, totalSteps: undefined, animateEntry: false },
+    ])('sets entry animation to $animateEntry when mounted with progress=$progress and totalSteps=$totalSteps', function (_a) {
+        var progress = _a.progress, totalSteps = _a.totalSteps, animateEntry = _a.animateEntry;
+        var stylingSpy = jest.spyOn(progressBarStyling, 'default');
+        try {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { progress: progress, totalSteps: totalSteps, experimentName: "CRO-712" }));
+            expect(stylingSpy).toHaveBeenLastCalledWith(expect.anything(), expect.any(Boolean), animateEntry);
+        }
+        finally {
+            stylingSpy.mockRestore();
+        }
+    });
     it('should display progress bar', function () {
         var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { id: "test-id", testId: "test-id", progress: 50, experimentName: "CRO-712" })).getByTestId;
         expect(getByTestId('test-id')).toBeTruthy();
@@ -16,13 +55,33 @@ describe('<ProgressBar /> (CRO-712 head-start)', function () {
         var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { id: "test-id", progress: 0, totalSteps: 9, text: "Progress:", experimentName: "CRO-712" })).getByText;
         expect(getByText(/11%/)).toBeTruthy();
     });
-    it('clamps the shifted progress at 100%', function () {
+    it('clamps the shifted progress at 99% to avoid premature closure', function () {
         var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { id: "test-id", progress: 95, totalSteps: 9, text: "Progress:", experimentName: "CRO-712" })).getByText;
-        expect(getByText(/100%/)).toBeTruthy();
+        expect(getByText(/99%/)).toBeTruthy();
     });
     it('falls back to the plain progress value when totalSteps is not provided', function () {
         var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { id: "test-id", progress: 50, text: "Progress:", experimentName: "CRO-712" })).getByText;
         expect(getByText(/50%/)).toBeTruthy();
     });
+    it('reports the computed percentage to assistive technology during entry', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { progress: 0, totalSteps: 10, experimentName: "CRO-712" })).getByRole;
+        expect(getByRole('progressbar')).toHaveAttribute('aria-valuenow', '10');
+    });
+    it('starts at the current percentage when mounted on a later question', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { progress: 50, totalSteps: 10, experimentName: "CRO-712" })).getByRole;
+        expect(getByRole('progressbar')).toHaveAttribute('aria-valuenow', '60');
+    });
+    // Pins the aria-valuenow override: MUI derives its own from `value`, and ours
+    // only wins because caller props are spread after it.
+    it('draws the head start without reporting it to assistive technology', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { progress: 0, totalSteps: 10, experimentName: "CRO-712" })), getByRole = _a.getByRole, container = _a.container;
+        expect(getByRole('progressbar')).toHaveAttribute('aria-valuenow', '10');
+        expect(container.querySelector('.MuiLinearProgress-bar1Determinate')).toHaveStyle('transform: translateX(-84.6%)');
+    });
+    it('draws the plain progress value when totalSteps is not provided', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { progress: 50, experimentName: "CRO-712" })), getByRole = _a.getByRole, container = _a.container;
+        expect(getByRole('progressbar')).toHaveAttribute('aria-valuenow', '50');
+        expect(container.querySelector('.MuiLinearProgress-bar1Determinate')).toHaveStyle('transform: translateX(-50%)');
+    });
 });
 //# sourceMappingURL=ProgressBar.test.js.map

package/Experiments/CRO-712/Atoms/ProgressBar/ProgressBar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,8DAAwC;AAExC,QAAQ,CAAC,sCAAsC,EAAE;IAC/C,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IACV,EAAE,EAAC,SAAS,EACZ,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,EAAE,EACZ,cAAc,EAAC,SAAS,GACxB,CACH,YAPkB,CAOjB;QACF,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4DAA4D,EAAE;QACvD,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,qBAAW,IACV,EAAE,EAAC,SAAS,EACZ,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,EACb,IAAI,EAAC,WAAW,EAChB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;QACF,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE;QAChC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,qBAAW,IACV,EAAE,EAAC,SAAS,EACZ,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,CAAC,EACb,IAAI,EAAC,WAAW,EAChB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE;QACnE,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,qBAAW,IACV,EAAE,EAAC,SAAS,EACZ,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,WAAW,EAChB,cAAc,EAAC,SAAS,GACxB,CACH,UAPgB,CAOf;QACF,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":"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"}

package/Experiments/CRO-712/Atoms/ProgressBar/ProgressBarStory.js

@@ -25,8 +25,7 @@ var ProgressBar_1 = __importDefault(require("./ProgressBar"));
 var ProgressBarStory = function (_a) {
     var text = _a.text, progress = _a.progress, onProgressChange = _a.onProgressChange;
     var _b = react_1.default.useState(10), totalSteps = _b[0], setTotalSteps = _b[1];
-    var _c = react_1.default.useState(10), step = _c[0], setStep = _c[1];
-    var clampedStep = Math.min(step, totalSteps);
+    var step = Math.min(Math.round((progress * totalSteps) / 100) + 1, totalSteps);
     var applyStep = function (nextStep, nextTotalSteps) {
         var clamped = Math.min(nextStep, nextTotalSteps);
         onProgressChange(Math.round(((clamped - 1) * 100) / nextTotalSteps));
@@ -35,9 +34,8 @@ var ProgressBarStory = function (_a) {
                             var next = Number(event.target.value);
                             setTotalSteps(next);
                             applyStep(step, next);
-                        }, style: { width: '100%' } })] })), (0, jsx_runtime_1.jsxs)("label", __assign({ style: { display: 'block', marginBottom: 16 } }, { children: ["step: ", clampedStep, " / ", totalSteps, (0, jsx_runtime_1.jsx)("input", { type: "range", min: 1, max: totalSteps, value: clampedStep, onChange: function (event) {
+                        }, style: { width: '100%' } })] })), (0, jsx_runtime_1.jsxs)("label", __assign({ style: { display: 'block', marginBottom: 16 } }, { children: ["step: ", step, " / ", totalSteps, (0, jsx_runtime_1.jsx)("input", { type: "range", min: 1, max: totalSteps, value: step, onChange: function (event) {
                             var next = Number(event.target.value);
-                            setStep(next);
                             applyStep(next, totalSteps);
                         }, style: { width: '100%' } })] })), (0, jsx_runtime_1.jsx)("div", __assign({ style: { position: 'relative' } }, { children: (0, jsx_runtime_1.jsx)(ProgressBar_1.default, { id: "id", progress: progress, text: text, totalSteps: totalSteps, experimentName: "CRO-712" }) }))] })));
 };

package/Experiments/CRO-712/Atoms/ProgressBar/ProgressBarStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/ProgressBarStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,8DAAwC;AAQxC,sEAAsE;AACtE,2EAA2E;AAC3E,yEAAyE;AACzE,0EAA0E;AAC1E,yCAAyC;AACzC,IAAM,gBAAgB,GAAyB,UAAC,EAI/C;QAHC,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEV,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA/C,UAAU,QAAA,EAAE,aAAa,QAAsB,CAAC;IACjD,IAAA,KAAkB,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAnC,IAAI,QAAA,EAAE,OAAO,QAAsB,CAAC;IAC3C,IAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAE/C,IAAM,SAAS,GAAG,UAAC,QAAgB,EAAE,cAAsB;QACzD,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACnD,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,OAAO,CACL,0CAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAC/B,4CAAO,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,iCACrC,UAAU,EACvB,kCACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,EACP,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,KAAK;4BACd,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BACxC,aAAa,CAAC,IAAI,CAAC,CAAC;4BACpB,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;wBACxB,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACxB,KACI,EACR,4CAAO,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,2BAC3C,WAAW,SAAK,UAAU,EACjC,kCACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,KAAK;4BACd,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BACxC,OAAO,CAAC,IAAI,CAAC,CAAC;4BACd,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;wBAC9B,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACxB,KACI,EACR,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAClC,uBAAC,qBAAW,IACV,EAAE,EAAC,IAAI,EACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,cAAc,EAAC,SAAS,GACxB,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ProgressBarStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/ProgressBarStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,8DAAwC;AAQxC,sEAAsE;AACtE,2EAA2E;AAC3E,yEAAyE;AACzE,0EAA0E;AAC1E,yCAAyC;AACzC,IAAM,gBAAgB,GAAyB,UAAC,EAI/C;QAHC,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEV,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA/C,UAAU,QAAA,EAAE,aAAa,QAAsB,CAAC;IACvD,IAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CACnB,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,EAC7C,UAAU,CACX,CAAC;IAEF,IAAM,SAAS,GAAG,UAAC,QAAgB,EAAE,cAAsB;QACzD,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACnD,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,OAAO,CACL,0CAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAC/B,4CAAO,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,iCACrC,UAAU,EACvB,kCACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,EACP,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,KAAK;4BACd,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BACxC,aAAa,CAAC,IAAI,CAAC,CAAC;4BACpB,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;wBACxB,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACxB,KACI,EACR,4CAAO,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,2BAC3C,IAAI,SAAK,UAAU,EAC1B,kCACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,UAAC,KAAK;4BACd,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BACxC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;wBAC9B,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACxB,KACI,EACR,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAClC,uBAAC,qBAAW,IACV,EAAE,EAAC,IAAI,EACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,cAAc,EAAC,SAAS,GACxB,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.d.ts

@@ -1,5 +1,5 @@
 import { ITheme } from '../../../../Themes/themes';
-declare const makeProgressBarStyling: (theme: ITheme, useLightText: boolean, hasHeadStart: boolean) => {
+declare const makeProgressBarStyling: (theme: ITheme, useLightText: boolean, animateEntry?: boolean) => {
     container: import("@emotion/react").SerializedStyles;
     progressBar: import("@emotion/react").SerializedStyles;
     text: import("@emotion/react").SerializedStyles;

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.js

@@ -16,22 +16,36 @@ var LIGHT_TEXT_SHADOW = 'rgb(255, 255, 255) 1px 1px 4px';
 var DARK_TEXT_SHADOW = 'rgb(0, 0, 0) 1px 1px 4px';
 var DARK_TEXT_COLOR = 'rgb(0, 0, 0)';
 var LIGHT_TEXT_COLOR = 'rgb(255, 255, 255)';
-var makeProgressBarStyling = function (theme, useLightText, hasHeadStart) {
-    var headStartBorderWidth = "clamp(".concat(theme.mvf.spacing.little, ", 6cqi, ").concat(theme.mvf.spacing.ample, ")");
+var makeProgressBarStyling = function (theme, useLightText, animateEntry) {
+    if (animateEntry === void 0) { animateEntry = false; }
+    // The final transform comes from MUI's computed progress value.
+    var enter = (0, react_1.keyframes)({
+        from: {
+            transform: "translateX(".concat(theme.direction === 'rtl' ? 100 : -100, "%)"),
+        },
+    });
     return {
         container: (0, react_1.css)({
             height: 25,
             display: 'grid',
             width: '100%',
-            containerType: 'inline-size',
         }),
-        progressBar: (0, react_1.css)(__assign(__assign({ height: '100%', position: 'relative', boxSizing: 'border-box', gridRowStart: 1, gridColumnStart: 1 }, (hasHeadStart && {
-            borderInlineStart: "".concat(headStartBorderWidth, " solid ").concat(theme.mvf.palette.component.progressBarFilledColor),
-        })), { '& .MuiLinearProgress-barColorPrimary': {
-                backgroundColor: theme.mvf.palette.component.progressBarFilledColor,
-            }, '&.MuiLinearProgress-colorPrimary': {
+        progressBar: (0, react_1.css)({
+            height: '100%',
+            position: 'relative',
+            gridRowStart: 1,
+            gridColumnStart: 1,
+            '& .MuiLinearProgress-barColorPrimary': __assign(__assign({ backgroundColor: theme.mvf.palette.component.progressBarFilledColor }, (animateEntry && {
+                '@media (prefers-reduced-motion: no-preference)': {
+                    animation: "".concat(enter, " 400ms ease-out 200ms backwards"),
+                },
+            })), { '@media (prefers-reduced-motion: reduce)': {
+                    transition: 'none',
+                } }),
+            '&.MuiLinearProgress-colorPrimary': {
                 backgroundColor: theme.mvf.palette.component.progressBarUnfilledColor,
-            } })),
+            },
+        }),
         text: (0, react_1.css)({
             gridRowStart: 1,
             gridColumnStart: 1,

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeProgressBarStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAAqC;AAGrC,IAAM,iBAAiB,GAAG,gCAAgC,CAAC;AAC3D,IAAM,gBAAgB,GAAG,0BAA0B,CAAC;AACpD,IAAM,eAAe,GAAG,cAAc,CAAC;AACvC,IAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAE9C,IAAM,sBAAsB,GAAG,UAC7B,KAAa,EACb,YAAqB,EACrB,YAAqB;IAErB,IAAM,oBAAoB,GAAG,gBAAS,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,qBAAW,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,MAAG,CAAC;IAEpG,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;YACb,aAAa,EAAE,aAAa;SAC7B,CAAC;QACF,WAAW,EAAE,IAAA,WAAG,sBACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,CAAC,EACf,eAAe,EAAE,CAAC,IACf,CAAC,YAAY,IAAI;YAClB,iBAAiB,EAAE,UAAG,oBAAoB,oBAAU,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB,CAAE;SACzG,CAAC,KACF,sCAAsC,EAAE;gBACtC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB;aACpE,EACD,kCAAkC,EAAE;gBAClC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,wBAAwB;aACtE,IACD;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;YACjC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB;YAC/D,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe;YACxD,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,uCAAuC;SACpD,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
+{"version":3,"file":"makeProgressBarStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAAgD;AAGhD,IAAM,iBAAiB,GAAG,gCAAgC,CAAC;AAC3D,IAAM,gBAAgB,GAAG,0BAA0B,CAAC;AACpD,IAAM,eAAe,GAAG,cAAc,CAAC;AACvC,IAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAE9C,IAAM,sBAAsB,GAAG,UAC7B,KAAa,EACb,YAAqB,EACrB,YAAoB;IAApB,6BAAA,EAAA,oBAAoB;IAEpB,gEAAgE;IAChE,IAAM,KAAK,GAAG,IAAA,iBAAS,EAAC;QACtB,IAAI,EAAE;YACJ,SAAS,EAAE,qBAAc,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,OAAI;SACpE;KACF,CAAC,CAAC;IAEH,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;SACd,CAAC;QACF,WAAW,EAAE,IAAA,WAAG,EAAC;YACf,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,sCAAsC,sBACpC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB,IAChE,CAAC,YAAY,IAAI;gBAClB,gDAAgD,EAAE;oBAChD,SAAS,EAAE,UAAG,KAAK,oCAAiC;iBACrD;aACF,CAAC,KACF,yCAAyC,EAAE;oBACzC,UAAU,EAAE,MAAM;iBACnB,GACF;YACD,kCAAkC,EAAE;gBAClC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,wBAAwB;aACtE;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;YACjC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB;YAC/D,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe;YACxD,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,uCAAuC;SACpD,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.test.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var Themes_1 = require("../../../../Themes");
 var makeProgressBarStyling_1 = __importDefault(require("./makeProgressBarStyling"));
 describe('makeProgressBarStyling', function () {
-    it('adds the head-start border when hasHeadStart is true', function () {
+    it('animates the entry when animateEntry is true', function () {
         var progressBar = (0, makeProgressBarStyling_1.default)(Themes_1.chameleonTheme, false, true).progressBar;
-        expect(progressBar.styles).toContain('border-inline-start');
+        expect(progressBar.styles).toContain('animation');
     });
-    it('omits the head-start border when hasHeadStart is false', function () {
+    it('omits the entry animation when animateEntry is false', function () {
         var progressBar = (0, makeProgressBarStyling_1.default)(Themes_1.chameleonTheme, false, false).progressBar;
-        expect(progressBar.styles).not.toContain('border-inline-start');
+        expect(progressBar.styles).not.toContain('animation');
     });
 });
 //# sourceMappingURL=makeProgressBarStyling.test.js.map

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeProgressBarStyling.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.test.ts"],"names":[],"mappings":";;;;;AAAA,6CAAoD;AACpD,oFAA8D;AAE9D,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,sDAAsD,EAAE;QACjD,IAAA,WAAW,GAAK,IAAA,gCAAsB,EAAC,uBAAc,EAAE,KAAK,EAAE,IAAI,CAAC,YAAxD,CAAyD;QAC5E,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE;QACnD,IAAA,WAAW,GAAK,IAAA,gCAAsB,EAC5C,uBAAc,EACd,KAAK,EACL,KAAK,CACN,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"makeProgressBarStyling.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.test.ts"],"names":[],"mappings":";;;;;AAAA,6CAAoD;AACpD,oFAA8D;AAE9D,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,WAAW,GAAK,IAAA,gCAAsB,EAAC,uBAAc,EAAE,KAAK,EAAE,IAAI,CAAC,YAAxD,CAAyD;QAC5E,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE;QACjD,IAAA,WAAW,GAAK,IAAA,gCAAsB,EAC5C,uBAAc,EACd,KAAK,EACL,KAAK,CACN,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/package.json

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