@mvf/external-components 3.22.0 → 3.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Interfaces/Atoms/Button/Button.js +0 -3
- package/Interfaces/Atoms/Button/Button.js.map +1 -1
- package/package.json +1 -1
- package/Experiments/GOLD-1420/Atoms/Button/Button.d.ts +0 -7
- package/Experiments/GOLD-1420/Atoms/Button/Button.js +0 -32
- package/Experiments/GOLD-1420/Atoms/Button/Button.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/Button.test.d.ts +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/Button.test.js +0 -94
- package/Experiments/GOLD-1420/Atoms/Button/Button.test.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/ButtonStory.d.ts +0 -13
- package/Experiments/GOLD-1420/Atoms/Button/ButtonStory.js +0 -20
- package/Experiments/GOLD-1420/Atoms/Button/ButtonStory.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/IButtonProps.d.ts +0 -13
- package/Experiments/GOLD-1420/Atoms/Button/IButtonProps.js +0 -3
- package/Experiments/GOLD-1420/Atoms/Button/IButtonProps.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/IButtonStyleProps.d.ts +0 -4
- package/Experiments/GOLD-1420/Atoms/Button/IButtonStyleProps.js +0 -3
- package/Experiments/GOLD-1420/Atoms/Button/IButtonStyleProps.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/defaultProps.d.ts +0 -8
- package/Experiments/GOLD-1420/Atoms/Button/defaultProps.js +0 -13
- package/Experiments/GOLD-1420/Atoms/Button/defaultProps.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/index.d.ts +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/index.js +0 -9
- package/Experiments/GOLD-1420/Atoms/Button/index.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/Button/makeButtonStyling.d.ts +0 -14
- package/Experiments/GOLD-1420/Atoms/Button/makeButtonStyling.js +0 -81
- package/Experiments/GOLD-1420/Atoms/Button/makeButtonStyling.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgress.d.ts +0 -6
- package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgress.js +0 -14
- package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgress.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.d.ts +0 -3
- package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.js +0 -16
- package/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/CircularProgress/index.d.ts +0 -1
- package/Experiments/GOLD-1420/Atoms/CircularProgress/index.js +0 -9
- package/Experiments/GOLD-1420/Atoms/CircularProgress/index.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/CircularProgress/makeCircularProgressStyling.d.ts +0 -3
- package/Experiments/GOLD-1420/Atoms/CircularProgress/makeCircularProgressStyling.js +0 -10
- package/Experiments/GOLD-1420/Atoms/CircularProgress/makeCircularProgressStyling.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.d.ts +0 -9
- package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js +0 -70
- package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.d.ts +0 -1
- package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js +0 -19
- package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.d.ts +0 -10
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.js +0 -16
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.test.d.ts +0 -1
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.test.js +0 -22
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckbox.test.js.map +0 -1
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckboxStory.d.ts +0 -6
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckboxStory.js +0 -13
- package/Experiments/GOLD-1420/Atoms/InsetCheckbox/InsetCheckboxStory.js.map +0 -1
@@ -17,11 +17,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
18
18
|
var Button_1 = __importDefault(require("../../../Components/Atoms/Button/Button"));
|
19
19
|
var defaultProps_1 = __importDefault(require("../../../Components/Atoms/Button/defaultProps"));
|
20
|
-
var Button_2 = __importDefault(require("../../../Experiments/GOLD-1420/Atoms/Button/Button"));
|
21
20
|
var Button = function (props) {
|
22
21
|
switch (props.experimentName) {
|
23
|
-
case 'GOLD-1420':
|
24
|
-
return (0, jsx_runtime_1.jsx)(Button_2.default, __assign({}, props));
|
25
22
|
default:
|
26
23
|
return (0, jsx_runtime_1.jsx)(Button_1.default, __assign({}, props));
|
27
24
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/Interfaces/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mFAEiD;AACjD,+FAAyE;
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/Interfaces/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mFAEiD;AACjD,+FAAyE;AAEzE,IAAM,MAAM,GAAe,UAAC,KAAK;IAC/B,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;QAC7B;YACE,OAAO,uBAAC,gBAAa,eAAK,KAAK,EAAI,CAAC;IACxC,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
|
package/package.json
CHANGED
@@ -1,7 +0,0 @@
|
|
1
|
-
import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React';
|
2
|
-
import defaultProps from './defaultProps';
|
3
|
-
import IButtonProps from './IButtonProps';
|
4
|
-
import WithExperimentName from '../../../../@types/WithExperimentName';
|
5
|
-
export type ButtonType = FunctionComponentWithDefaultProps<WithExperimentName<IButtonProps>, typeof defaultProps>;
|
6
|
-
declare const Button: ButtonType;
|
7
|
-
export default Button;
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
-
/** @jsxImportSource @emotion/react */
|
8
|
-
var Button_1 = __importDefault(require("@mui/material/Button"));
|
9
|
-
var CircularProgress_1 = __importDefault(require("../CircularProgress/CircularProgress"));
|
10
|
-
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
11
|
-
var makeButtonStyling_1 = __importDefault(require("./makeButtonStyling"));
|
12
|
-
var DynamicFontSizeContainer_1 = __importDefault(require("../DynamicFontSizeContainer/DynamicFontSizeContainer"));
|
13
|
-
var react_1 = require("@emotion/react");
|
14
|
-
var InsetCheckbox_1 = __importDefault(require("../InsetCheckbox/InsetCheckbox"));
|
15
|
-
var Button = function (_a) {
|
16
|
-
var dataTestId = _a.dataTestId, disabled = _a.disabled, label = _a.label, loading = _a.loading, onClick = _a.onClick, selected = _a.selected, textOverflowHandling = _a.textOverflowHandling, Icon = _a.Icon, invertColors = _a.invertColors, experimentName = _a.experimentName, shouldPulse = _a.shouldPulse;
|
17
|
-
var theme = (0, react_1.useTheme)();
|
18
|
-
var startIcon = selected !== undefined ? ((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, experimentName: experimentName })) : (Icon);
|
19
|
-
return ((0, jsx_runtime_1.jsx)(Button_1.default, { fullWidth: true, css: (0, makeButtonStyling_1.default)(disabled, theme, textOverflowHandling, invertColors, shouldPulse), disabled: disabled, startIcon: startIcon, endIcon: loading && (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { experimentName: experimentName }), onClick: onClick, variant: 'contained', "data-testid": dataTestId, children: textOverflowHandling === 'dynamicFontSize' ? ((0, jsx_runtime_1.jsx)(DynamicFontSizeContainer_1.default, { text: label, possibleFontSizes: [
|
20
|
-
theme.mvf.fontSize.little,
|
21
|
-
theme.mvf.fontSize.mini,
|
22
|
-
theme.mvf.fontSize.small,
|
23
|
-
theme.mvf.fontSize.compact,
|
24
|
-
theme.mvf.fontSize.medium,
|
25
|
-
theme.mvf.fontSize.hefty,
|
26
|
-
theme.mvf.fontSize.swoll,
|
27
|
-
theme.mvf.fontSize.large,
|
28
|
-
], experimentName: experimentName })) : (label) }));
|
29
|
-
};
|
30
|
-
Button.defaultProps = defaultProps_1.default;
|
31
|
-
exports.default = Button;
|
32
|
-
//# sourceMappingURL=Button.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gEAA6C;AAE7C,0FAAoE;AACpE,gEAA0C;AAE1C,0EAAoD;AACpD,kHAA4F;AAC5F,wCAA0C;AAC1C,iFAA2D;AAQ3D,IAAM,MAAM,GAAe,UAAC,EAY3B;QAXC,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,oBAAoB,0BAAA,EACpB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,WAAW,iBAAA;IAEX,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,SAAS,GACb,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,uBAAC,uBAAa,IAAC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;IACJ,OAAO,CACL,uBAAC,gBAAS,IACR,SAAS,QACT,GAAG,EAAE,IAAA,2BAAiB,EACpB,QAAQ,EACR,KAAK,EACL,oBAAoB,EACpB,YAAY,EACZ,WAAW,CACZ,EACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAAI,uBAAC,0BAAgB,IAAC,cAAc,EAAE,cAAc,GAAI,EACxE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,iBACP,UAAU,YAEtB,oBAAoB,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAC5C,uBAAC,kCAAwB,IACvB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE;gBACjB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;gBACzB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;gBACvB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;gBACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO;gBAC1B,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;gBACzB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;gBACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;gBACxB,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;aACzB,EACD,cAAc,EAAE,cAAc,GACJ,CAC7B,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,94 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
|
-
};
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
18
|
-
/** @jsxImportSource @emotion/react */
|
19
|
-
var icons_material_1 = require("@mui/icons-material");
|
20
|
-
var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
|
21
|
-
var Button_1 = __importDefault(require("./Button"));
|
22
|
-
var makeButtonStyling_1 = require("./makeButtonStyling");
|
23
|
-
describe('<Button />', function () {
|
24
|
-
it('should display button component without a checkbox', function () {
|
25
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", experimentName: "default" })), getByText = _a.getByText, queryByRole = _a.queryByRole;
|
26
|
-
expect(getByText('Submit')).toBeTruthy();
|
27
|
-
expect(queryByRole('checkbox')).not.toBeInTheDocument();
|
28
|
-
});
|
29
|
-
it('should display button component when a textOverflowHandling of "dynamicFontSize" is passed', function () {
|
30
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", dataTestId: "continuecta", textOverflowHandling: "dynamicFontSize", experimentName: "default" })).getByText;
|
31
|
-
expect(getByText('Submit')).toBeTruthy();
|
32
|
-
});
|
33
|
-
it('should be clickable', function () {
|
34
|
-
var clickHandler = jest.fn();
|
35
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: false, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).getByText;
|
36
|
-
getByText('Continue').click();
|
37
|
-
expect(clickHandler).toHaveBeenCalled();
|
38
|
-
});
|
39
|
-
it('should show a unselected checkbox when selected = false', function () {
|
40
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", selected: false, experimentName: "default" })), getByText = _a.getByText, getByRole = _a.getByRole;
|
41
|
-
expect(getByText('Submit')).toBeTruthy();
|
42
|
-
var checkbox = getByRole('checkbox');
|
43
|
-
expect(checkbox).toBeInTheDocument();
|
44
|
-
expect(checkbox).not.toHaveAttribute('checked');
|
45
|
-
});
|
46
|
-
it('should show a selected checkbox when selected = true', function () {
|
47
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", selected: true, experimentName: "default" })), getByText = _a.getByText, getByRole = _a.getByRole;
|
48
|
-
expect(getByText('Submit')).toBeTruthy();
|
49
|
-
var checkbox = getByRole('checkbox');
|
50
|
-
expect(checkbox).toBeInTheDocument();
|
51
|
-
expect(checkbox).toHaveAttribute('checked');
|
52
|
-
});
|
53
|
-
it('should display a logo when passed', function () {
|
54
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Submit", id: "1", Icon: (0, jsx_runtime_1.jsx)(icons_material_1.Phone, { "data-testid": "logo" }), experimentName: "default" })).getByTestId;
|
55
|
-
expect(getByTestId('logo')).toBeInTheDocument();
|
56
|
-
});
|
57
|
-
it('should not be clickable if button is disabled', function () {
|
58
|
-
var clickHandler = jest.fn();
|
59
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).getByText;
|
60
|
-
getByText('Continue').click();
|
61
|
-
expect(clickHandler).not.toHaveBeenCalled();
|
62
|
-
});
|
63
|
-
it('should display button component without pulse animation', function () {
|
64
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).getByTestId;
|
65
|
-
var button = getByTestId('continuecta');
|
66
|
-
expect(button).not.toHaveStyle(__assign({ animationName: makeButtonStyling_1.pulseKeyframes.name }, makeButtonStyling_1.pulseAnimation));
|
67
|
-
});
|
68
|
-
it('should display button component with pulse animation when shouldPulse = true', function () {
|
69
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Continue", dataTestId: "continuecta", experimentName: "default", shouldPulse: true })).getByTestId;
|
70
|
-
var button = getByTestId('continuecta');
|
71
|
-
expect(button).toHaveStyle(__assign({ animationName: makeButtonStyling_1.pulseKeyframes.name }, makeButtonStyling_1.pulseAnimation));
|
72
|
-
});
|
73
|
-
it('should display button component without pulse animation when shouldPulse = false', function () {
|
74
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: false, label: "Continue", dataTestId: "continuecta", experimentName: "default", shouldPulse: false })).getByTestId;
|
75
|
-
var button = getByTestId('continuecta');
|
76
|
-
expect(button).not.toHaveStyle(__assign({ animationName: makeButtonStyling_1.pulseKeyframes.name }, makeButtonStyling_1.pulseAnimation));
|
77
|
-
});
|
78
|
-
describe('loading', function () {
|
79
|
-
it('should show loading indicator if loading', function () {
|
80
|
-
var clickHandler = jest.fn();
|
81
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", loading: true, dataTestId: "continuecta", experimentName: "default" })).container;
|
82
|
-
var indicator = container.querySelector('svg');
|
83
|
-
expect(indicator).toBeVisible();
|
84
|
-
expect(indicator).toHaveClass('MuiCircularProgress-svg');
|
85
|
-
});
|
86
|
-
it('should not show loading indicator if not loading', function () {
|
87
|
-
var clickHandler = jest.fn();
|
88
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: clickHandler, disabled: true, label: "Continue", dataTestId: "continuecta", experimentName: "default" })).container;
|
89
|
-
var indicator = container.querySelector('svg');
|
90
|
-
expect(indicator).toBe(null);
|
91
|
-
});
|
92
|
-
});
|
93
|
-
});
|
94
|
-
//# sourceMappingURL=Button.test.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/Button/Button.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sDAA4C;AAC5C,sGAAgF;AAChF,oDAA8B;AAC9B,yDAAqE;AAErE,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,oDAAoD,EAAE;QACjD,IAAA,KAA6B,IAAA,6BAAmB,EACpD,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,cAAc,EAAC,SAAS,GACxB,CACH,EAPO,SAAS,eAAA,EAAE,WAAW,iBAO7B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4FAA4F,EAAE;QACvF,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,UAAU,EAAC,aAAa,EACxB,oBAAoB,EAAC,iBAAiB,EACtC,cAAc,EAAC,SAAS,GACxB,CACH,UATgB,CASf;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,EACxB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;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,yDAAyD,EAAE;QACtD,IAAA,KAA2B,IAAA,6BAAmB,EAClD,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,QAAQ,EAAE,KAAK,EACf,cAAc,EAAC,SAAS,GACxB,CACH,EARO,SAAS,eAAA,EAAE,SAAS,eAQ3B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzC,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACrC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE;QACnD,IAAA,KAA2B,IAAA,6BAAmB,EAClD,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,QAAQ,EAAE,IAAI,EACd,cAAc,EAAC,SAAS,GACxB,CACH,EARO,SAAS,eAAA,EAAE,SAAS,eAQ3B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzC,IAAM,QAAQ,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QACvC,MAAM,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACrC,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE;QAC9B,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,uBAAC,sBAAK,mBAAa,MAAM,GAAG,EAClC,cAAc,EAAC,SAAS,GACxB,CACH,YARkB,CAQjB;QACF,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClD,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,EACxB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;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,EAAE,CAAC,yDAAyD,EAAE;QACpD,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,EACxB,cAAc,EAAC,SAAS,GACxB,CACH,YAPkB,CAOjB;QAEF,IAAM,MAAM,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,YAC5B,aAAa,EAAE,kCAAc,CAAC,IAAI,IAC/B,kCAAc,EACjB,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8EAA8E,EAAE;QACzE,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,EACxB,cAAc,EAAC,SAAS,EACxB,WAAW,SACX,CACH,YARkB,CAQjB;QAEF,IAAM,MAAM,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,YACxB,aAAa,EAAE,kCAAc,CAAC,IAAI,IAC/B,kCAAc,EACjB,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kFAAkF,EAAE;QAC7E,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,EACxB,cAAc,EAAC,SAAS,EACxB,WAAW,EAAE,KAAK,GAClB,CACH,YARkB,CAQjB;QAEF,IAAM,MAAM,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,YAC5B,aAAa,EAAE,kCAAc,CAAC,IAAI,IAC/B,kCAAc,EACjB,CAAC;IACL,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,EACxB,cAAc,EAAC,SAAS,GACxB,CACH,UATgB,CASf;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,EACxB,cAAc,EAAC,SAAS,GACxB,CACH,UARgB,CAQf;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"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
type ButtonStoryType = React.FunctionComponent<{
|
3
|
-
disabled: boolean;
|
4
|
-
label: string;
|
5
|
-
loading: boolean;
|
6
|
-
textOverflowHandling: 'dynamicFontSize' | 'newline' | 'none';
|
7
|
-
selected?: boolean;
|
8
|
-
icon: 'none' | 'phone' | 'email';
|
9
|
-
invertColors: boolean;
|
10
|
-
shouldPulse?: boolean;
|
11
|
-
}>;
|
12
|
-
declare const ButtonStory: ButtonStoryType;
|
13
|
-
export default ButtonStory;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
-
var addon_actions_1 = require("@storybook/addon-actions");
|
8
|
-
var Button_1 = __importDefault(require("./Button"));
|
9
|
-
var icons_material_1 = require("@mui/icons-material");
|
10
|
-
var icons = {
|
11
|
-
none: undefined,
|
12
|
-
phone: (0, jsx_runtime_1.jsx)(icons_material_1.Phone, {}),
|
13
|
-
email: (0, jsx_runtime_1.jsx)(icons_material_1.Email, {}),
|
14
|
-
};
|
15
|
-
var ButtonStory = function (_a) {
|
16
|
-
var disabled = _a.disabled, icon = _a.icon, label = _a.label, loading = _a.loading, textOverflowHandling = _a.textOverflowHandling, selected = _a.selected, invertColors = _a.invertColors, shouldPulse = _a.shouldPulse;
|
17
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '460px', height: '55px' }, children: (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: disabled, label: label, onClick: (0, addon_actions_1.action)('Button Clicked'), loading: loading, textOverflowHandling: textOverflowHandling, selected: selected, Icon: icons[icon], invertColors: invertColors, experimentName: "default", shouldPulse: shouldPulse }) }));
|
18
|
-
};
|
19
|
-
exports.default = ButtonStory;
|
20
|
-
//# sourceMappingURL=ButtonStory.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/Button/ButtonStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAElD,oDAA8B;AAC9B,sDAAmD;AAanD,IAAM,KAAK,GAAG;IACZ,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAC,sBAAK,KAAG;IAChB,KAAK,EAAE,uBAAC,sBAAK,KAAG;CACjB,CAAC;AAEF,IAAM,WAAW,GAAoB,UAAC,EASrC;QARC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA;IAEX,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAC/C,uBAAC,gBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,IAAA,sBAAM,EAAC,gBAAgB,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EACjB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAC,SAAS,EACxB,WAAW,EAAE,WAAW,GACxB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
interface IButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
2
|
-
disabled: boolean;
|
3
|
-
Icon?: React.ReactNode;
|
4
|
-
label: string;
|
5
|
-
loading: boolean;
|
6
|
-
onClick: () => void;
|
7
|
-
dataTestId?: string;
|
8
|
-
textOverflowHandling: 'dynamicFontSize' | 'newline' | 'none';
|
9
|
-
selected?: boolean;
|
10
|
-
invertColors: boolean;
|
11
|
-
shouldPulse?: boolean;
|
12
|
-
}
|
13
|
-
export default IButtonProps;
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"IButtonProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/Button/IButtonProps.ts"],"names":[],"mappings":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"IButtonStyleProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/Button/IButtonStyleProps.ts"],"names":[],"mappings":""}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
var defaultProps = {
|
4
|
-
disabled: false,
|
5
|
-
loading: false,
|
6
|
-
onClick: function () {
|
7
|
-
// action
|
8
|
-
},
|
9
|
-
textOverflowHandling: 'none',
|
10
|
-
invertColors: false,
|
11
|
-
};
|
12
|
-
exports.default = defaultProps;
|
13
|
-
//# sourceMappingURL=defaultProps.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/Button/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAgB;IAC1B,OAAO,EAAE,KAAgB;IACzB,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,oBAAoB,EAAE,MAAgD;IACtE,YAAY,EAAE,KAAgB;CAC/B,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
export { default } from './Button';
|
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.default = void 0;
|
7
|
-
var Button_1 = require("./Button");
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
|
9
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/Button/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { Theme } from '@emotion/react';
|
2
|
-
export declare const pulseKeyframes: {
|
3
|
-
name: string;
|
4
|
-
styles: string;
|
5
|
-
anim: 1;
|
6
|
-
toString: () => string;
|
7
|
-
} & string;
|
8
|
-
export declare const pulseAnimation: {
|
9
|
-
animationDuration: string;
|
10
|
-
animationTimingFunction: string;
|
11
|
-
animationIterationCount: string;
|
12
|
-
};
|
13
|
-
declare const makeButtonStyling: (disabled: boolean, theme: Theme, textOverflowHandling: string, invertColors: boolean, shouldPulse?: boolean) => import("@emotion/react").SerializedStyles;
|
14
|
-
export default makeButtonStyling;
|
@@ -1,81 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.pulseAnimation = exports.pulseKeyframes = void 0;
|
15
|
-
var react_1 = require("@emotion/react");
|
16
|
-
var material_1 = require("@mui/material");
|
17
|
-
exports.pulseKeyframes = (0, react_1.keyframes)({
|
18
|
-
'0%': {
|
19
|
-
transform: 'scale(1)',
|
20
|
-
},
|
21
|
-
'50%': {
|
22
|
-
transform: 'scale(1.06)',
|
23
|
-
},
|
24
|
-
'100%': {
|
25
|
-
transform: 'scale(1)',
|
26
|
-
},
|
27
|
-
});
|
28
|
-
exports.pulseAnimation = {
|
29
|
-
animationDuration: '2s',
|
30
|
-
animationTimingFunction: 'cubic-bezier(0.6, 0, 0.3, 1)',
|
31
|
-
animationIterationCount: 'infinite',
|
32
|
-
};
|
33
|
-
var makeButtonStyling = function (disabled, theme, textOverflowHandling, invertColors, shouldPulse) {
|
34
|
-
var _a, _b;
|
35
|
-
return (0, react_1.css)(__assign(__assign((_a = { boxShadow: 'none', boxSizing: 'border-box', color: theme.mvf.palette.text.continueButtonTextColor, fontWeight: theme.mvf.typography.weight.thick, fontSize: "".concat(theme.mvf.fontSize.medium, "px"), fontFamily: theme.typography.fontFamily, letterSpacing: 0 }, _a[theme.breakpoints.up('mobileMedium')] = {
|
36
|
-
fontSize: "".concat(theme.mvf.fontSize.hefty, "px"),
|
37
|
-
}, _a[theme.breakpoints.up('tabletSmall')] = {
|
38
|
-
fontSize: "".concat(theme.mvf.fontSize.swoll, "px"),
|
39
|
-
}, _a[theme.breakpoints.up('desktopLarge')] = {
|
40
|
-
fontSize: "".concat(theme.mvf.fontSize.large, "px"),
|
41
|
-
}, _a.minHeight = '100%', _a.height = textOverflowHandling === 'newline' ? 'auto' : '100%', _a.lineHeight = theme.mvf.lineHeight.small, _a.textTransform = 'none', _a), (shouldPulse && __assign({ animationName: exports.pulseKeyframes }, exports.pulseAnimation))), (_b = { '&.MuiButton-root': {
|
42
|
-
borderRadius: '6px',
|
43
|
-
backgroundColor: disabled
|
44
|
-
? (0, material_1.lighten)(theme.mvf.palette.status.disabled, theme.mvf.filters.lighten.strong)
|
45
|
-
: theme.mvf.palette.component.continueButtonColor,
|
46
|
-
color: disabled
|
47
|
-
? theme.mvf.palette.status.disabled
|
48
|
-
: theme.mvf.palette.text.continueButtonTextColor,
|
49
|
-
boxShadow: theme.mvf.boxShadow.navigation.primary,
|
50
|
-
'@media (hover: hover)': {
|
51
|
-
'&:hover': {
|
52
|
-
backgroundColor: theme.mvf.palette.component.continueButtonHoverColor,
|
53
|
-
boxShadow: theme.mvf.boxShadow.navigation.secondary,
|
54
|
-
},
|
55
|
-
},
|
56
|
-
'.MuiButton-endIcon': {
|
57
|
-
position: 'absolute',
|
58
|
-
right: theme.mvf.spacing.small,
|
59
|
-
},
|
60
|
-
} }, _b[invertColors ? '&.MuiButton-root' : ''] = {
|
61
|
-
boxShadow: theme.mvf.boxShadow.navigation.primary,
|
62
|
-
border: 'solid',
|
63
|
-
borderWidth: theme.mvf.border.width.medium,
|
64
|
-
borderColor: theme.mvf.palette.component.continueButtonColor,
|
65
|
-
color: theme.mvf.palette.component.continueButtonColor,
|
66
|
-
backgroundColor: theme.mvf.palette.text.continueButtonTextColor,
|
67
|
-
'.MuiButton-endIcon': {
|
68
|
-
position: 'absolute',
|
69
|
-
right: theme.mvf.spacing.small,
|
70
|
-
},
|
71
|
-
}, _b[disabled ? '&.MuiButton-root' : ''] = {
|
72
|
-
boxShadow: theme.mvf.boxShadow.navigation.primary,
|
73
|
-
color: theme.mvf.palette.status.disabled,
|
74
|
-
'.MuiButton-endIcon': {
|
75
|
-
position: 'absolute',
|
76
|
-
right: theme.mvf.spacing.small,
|
77
|
-
},
|
78
|
-
}, _b)));
|
79
|
-
};
|
80
|
-
exports.default = makeButtonStyling;
|
81
|
-
//# sourceMappingURL=makeButtonStyling.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"makeButtonStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/Button/makeButtonStyling.ts"],"names":[],"mappings":"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"}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
/** @jsxImportSource @emotion/react */
|
2
|
-
import { FunctionComponent } from 'react';
|
3
|
-
import WithExperimentName from '../../../../@types/WithExperimentName';
|
4
|
-
export type CircularProgressType = FunctionComponent<WithExperimentName<object>>;
|
5
|
-
declare const CircularProgress: CircularProgressType;
|
6
|
-
export default CircularProgress;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
-
var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
|
8
|
-
var makeCircularProgressStyling_1 = __importDefault(require("./makeCircularProgressStyling"));
|
9
|
-
var react_1 = require("@emotion/react");
|
10
|
-
var CircularProgress = function () {
|
11
|
-
return ((0, jsx_runtime_1.jsx)(CircularProgress_1.default, { css: (0, makeCircularProgressStyling_1.default)((0, react_1.useTheme)()), size: "25px" }));
|
12
|
-
};
|
13
|
-
exports.default = CircularProgress;
|
14
|
-
//# sourceMappingURL=CircularProgress.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":";;;;;;AAEA,oFAAiE;AACjE,8FAAwE;AACxE,wCAA0C;AAO1C,IAAM,gBAAgB,GAAyB;IAC7C,OAAO,CACL,uBAAC,0BAAmB,IAClB,GAAG,EAAE,IAAA,qCAA2B,EAAC,IAAA,gBAAQ,GAAE,CAAC,EAC5C,IAAI,EAAC,MAAM,GACX,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
-
var CircularProgress_1 = __importDefault(require("./CircularProgress"));
|
8
|
-
var CircularProgressStory = function () {
|
9
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
10
|
-
padding: '0.6rem',
|
11
|
-
background: 'black',
|
12
|
-
width: '25px',
|
13
|
-
}, children: (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { experimentName: "default" }) }));
|
14
|
-
};
|
15
|
-
exports.default = CircularProgressStory;
|
16
|
-
//# sourceMappingURL=CircularProgressStory.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"CircularProgressStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/CircularProgress/CircularProgressStory.tsx"],"names":[],"mappings":";;;;;;AACA,wEAAkD;AAElD,IAAM,qBAAqB,GAA4B;IACrD,OAAO,CACL,gCACE,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,OAAO;YACnB,KAAK,EAAE,MAAM;SACd,YAED,uBAAC,0BAAgB,IAAC,cAAc,EAAC,SAAS,GAAG,GACzC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
export { default } from './CircularProgress';
|
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.default = void 0;
|
7
|
-
var CircularProgress_1 = require("./CircularProgress");
|
8
|
-
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CircularProgress_1).default; } });
|
9
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/CircularProgress/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAA6C;AAApC,4HAAA,OAAO,OAAA"}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
var react_1 = require("@emotion/react");
|
4
|
-
var makeCircularProgressStyling = function (theme) {
|
5
|
-
return (0, react_1.css)({
|
6
|
-
color: theme.mvf.palette.text.continueButtonTextColor,
|
7
|
-
});
|
8
|
-
};
|
9
|
-
exports.default = makeCircularProgressStyling;
|
10
|
-
//# sourceMappingURL=makeCircularProgressStyling.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"makeCircularProgressStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/CircularProgress/makeCircularProgressStyling.ts"],"names":[],"mappings":";;AAAA,wCAAqC;AAGrC,IAAM,2BAA2B,GAAG,UAAC,KAAa;IAChD,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,uBAAuB;KACtD,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import WithExperimentName from '../../../../@types/WithExperimentName';
|
3
|
-
interface DynamicFontSizeContainerProps {
|
4
|
-
text: string;
|
5
|
-
possibleFontSizes: number[];
|
6
|
-
}
|
7
|
-
export type DynamicFontSizeContainerType = React.FC<WithExperimentName<DynamicFontSizeContainerProps>>;
|
8
|
-
declare const DynamicFontSizeContainer: DynamicFontSizeContainerType;
|
9
|
-
export default DynamicFontSizeContainer;
|
@@ -1,70 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
4
|
-
var react_1 = require("react");
|
5
|
-
var DynamicFontSizeContainer = function (_a) {
|
6
|
-
var text = _a.text, possibleFontSizes = _a.possibleFontSizes;
|
7
|
-
var containerRef = (0, react_1.useRef)(null);
|
8
|
-
var textRef = (0, react_1.useRef)(null);
|
9
|
-
var _b = (0, react_1.useState)(possibleFontSizes[0]), fontSize = _b[0], setFontSize = _b[1]; // Initial font size
|
10
|
-
var _c = (0, react_1.useState)(false), allowWrap = _c[0], setAllowWrap = _c[1];
|
11
|
-
var _d = (0, react_1.useState)(false), isAtMinFontSize = _d[0], setIsAtMinFontSize = _d[1];
|
12
|
-
var resizeText = function () {
|
13
|
-
if (containerRef.current && textRef.current) {
|
14
|
-
var containerWidth = containerRef.current.offsetWidth;
|
15
|
-
var low = 0;
|
16
|
-
var high = possibleFontSizes.length - 1;
|
17
|
-
var newFontSize = possibleFontSizes[0];
|
18
|
-
while (low <= high) {
|
19
|
-
var mid = Math.floor((low + high) / 2);
|
20
|
-
textRef.current.style.fontSize = "".concat(possibleFontSizes[mid], "px");
|
21
|
-
var textWidth = textRef.current.offsetWidth;
|
22
|
-
if (textWidth > containerWidth) {
|
23
|
-
high = mid - 1;
|
24
|
-
}
|
25
|
-
else {
|
26
|
-
newFontSize = possibleFontSizes[mid];
|
27
|
-
low = mid + 1;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
if (newFontSize === possibleFontSizes[0]) {
|
31
|
-
setAllowWrap(true);
|
32
|
-
setIsAtMinFontSize(true);
|
33
|
-
}
|
34
|
-
else {
|
35
|
-
setAllowWrap(false);
|
36
|
-
setIsAtMinFontSize(false);
|
37
|
-
}
|
38
|
-
setFontSize(newFontSize);
|
39
|
-
}
|
40
|
-
};
|
41
|
-
(0, react_1.useEffect)(function () {
|
42
|
-
// Reset state when the text changes
|
43
|
-
setIsAtMinFontSize(false);
|
44
|
-
setAllowWrap(false);
|
45
|
-
resizeText();
|
46
|
-
}, [text, possibleFontSizes]);
|
47
|
-
(0, react_1.useEffect)(function () {
|
48
|
-
if (!isAtMinFontSize) {
|
49
|
-
resizeText();
|
50
|
-
}
|
51
|
-
window.addEventListener('resize', resizeText);
|
52
|
-
return function () {
|
53
|
-
window.removeEventListener('resize', resizeText);
|
54
|
-
};
|
55
|
-
}, [isAtMinFontSize]);
|
56
|
-
return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, style: {
|
57
|
-
width: '100%',
|
58
|
-
height: '100%',
|
59
|
-
display: 'flex',
|
60
|
-
alignItems: 'center',
|
61
|
-
justifyContent: 'center',
|
62
|
-
overflow: 'visible',
|
63
|
-
}, children: (0, jsx_runtime_1.jsx)("div", { ref: textRef, style: {
|
64
|
-
fontSize: "".concat(fontSize, "px"),
|
65
|
-
whiteSpace: allowWrap ? 'normal' : 'nowrap',
|
66
|
-
textAlign: 'center',
|
67
|
-
}, children: text }) }));
|
68
|
-
};
|
69
|
-
exports.default = DynamicFontSizeContainer;
|
70
|
-
//# sourceMappingURL=DynamicFontSizeContainer.js.map
|
package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"DynamicFontSizeContainer.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.tsx"],"names":[],"mappings":"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"}
|
package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
import '@testing-library/jest-dom/extend-expect';
|
package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
-
/** @jsxImportSource @emotion/react */
|
8
|
-
var react_1 = require("@testing-library/react");
|
9
|
-
require("@testing-library/jest-dom/extend-expect");
|
10
|
-
var DynamicFontSizeContainer_1 = __importDefault(require("./DynamicFontSizeContainer"));
|
11
|
-
describe('DynamicFontSizeContainer', function () {
|
12
|
-
var possibleFontSizes = [10, 20, 30, 40];
|
13
|
-
test('renders without crashing', function () {
|
14
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(DynamicFontSizeContainer_1.default, { text: "This is a test text", possibleFontSizes: possibleFontSizes, experimentName: "default" }));
|
15
|
-
var textElement = react_1.screen.getByText('This is a test text');
|
16
|
-
expect(textElement).toBeInTheDocument();
|
17
|
-
});
|
18
|
-
});
|
19
|
-
//# sourceMappingURL=DynamicFontSizeContainer.test.js.map
|
package/Experiments/GOLD-1420/Atoms/DynamicFontSizeContainer/DynamicFontSizeContainer.test.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"DynamicFontSizeContainer.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-1420/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,EACpC,cAAc,EAAC,SAAS,GACxB,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"}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import { SerializedStyles } from '@emotion/react';
|
2
|
-
import WithExperimentName from '../../../../@types/WithExperimentName';
|
3
|
-
type InsetCheckboxProps = {
|
4
|
-
checked: boolean;
|
5
|
-
dataTestId?: string;
|
6
|
-
customCss?: SerializedStyles;
|
7
|
-
};
|
8
|
-
export type InsetCheckboxType = React.FunctionComponent<WithExperimentName<InsetCheckboxProps>>;
|
9
|
-
declare const InsetCheckbox: InsetCheckboxType;
|
10
|
-
export default InsetCheckbox;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
-
/** @jsxImportSource @emotion/react */
|
8
|
-
var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
|
9
|
-
var CheckboxIcon_1 = __importDefault(require("../../../../Assets/CustomIcons/CheckboxIcon"));
|
10
|
-
var react_1 = require("@emotion/react");
|
11
|
-
var InsetCheckbox = function (_a) {
|
12
|
-
var checked = _a.checked, dataTestId = _a.dataTestId, customCss = _a.customCss;
|
13
|
-
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 }) }));
|
14
|
-
};
|
15
|
-
exports.default = InsetCheckbox;
|
16
|
-
//# sourceMappingURL=InsetCheckbox.js.map
|
@@ -1 +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"}
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,22 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
-
/** @jsxImportSource @emotion/react */
|
8
|
-
var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
|
9
|
-
var InsetCheckbox_1 = __importDefault(require("./InsetCheckbox"));
|
10
|
-
describe('<InsetCheckbox />', function () {
|
11
|
-
it('should be selected when checked = true', function () {
|
12
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: true, experimentName: "default" })).getByRole;
|
13
|
-
var checkbox = getByRole('checkbox');
|
14
|
-
expect(checkbox).toHaveAttribute('checked');
|
15
|
-
});
|
16
|
-
it('should not be selected when checked = false', function () {
|
17
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: false, experimentName: "default" })).getByRole;
|
18
|
-
var checkbox = getByRole('checkbox');
|
19
|
-
expect(checkbox).not.toHaveAttribute('checked');
|
20
|
-
});
|
21
|
-
});
|
22
|
-
//# sourceMappingURL=InsetCheckbox.test.js.map
|
@@ -1 +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"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
7
|
-
var InsetCheckbox_1 = __importDefault(require("./InsetCheckbox"));
|
8
|
-
var InsetCheckboxStory = function (_a) {
|
9
|
-
var checked = _a.checked;
|
10
|
-
return (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: checked, experimentName: "default" });
|
11
|
-
};
|
12
|
-
exports.default = InsetCheckboxStory;
|
13
|
-
//# sourceMappingURL=InsetCheckboxStory.js.map
|
@@ -1 +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"}
|