@mvf/external-components 1.24.1 → 1.24.2
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/Applications/Chameleon/IconTileRadioButtonQuestionSection/IIconTileRadioButtonQuestionSectionStoryProps.d.ts +2 -2
- package/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.js +3 -3
- package/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.js.map +1 -1
- package/Assets/svgs/svgs.d.ts +9 -0
- package/Assets/svgs/svgs.js +19 -0
- package/Assets/svgs/svgs.js.map +1 -0
- package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +11 -10
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +3 -3
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.js +4 -0
- package/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IComponentProps.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +9 -8
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +2 -2
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +3 -3
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.js +4 -0
- package/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +3 -2
- package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js +4 -3
- package/Components/Organisms/TileLayout/TileLayout.test.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayoutStory.d.ts +2 -2
- package/Components/Organisms/TileLayout/TileLayoutStory.js +3 -3
- package/Components/Organisms/TileLayout/TileLayoutStory.js.map +1 -1
- package/Components/Organisms/TileLayout/useTileLayoutStyles.js +4 -0
- package/Components/Organisms/TileLayout/useTileLayoutStyles.js.map +1 -1
- package/package.json +1 -1
- package/Assets/Icons/CarsIcon.d.ts +0 -4
- package/Assets/Icons/CarsIcon.js +0 -22
- package/Assets/Icons/CarsIcon.js.map +0 -1
- package/Assets/Icons/MotorcyclesIcon.d.ts +0 -4
- package/Assets/Icons/MotorcyclesIcon.js +0 -25
- package/Assets/Icons/MotorcyclesIcon.js.map +0 -1
- package/Assets/Icons/OtherIcon.d.ts +0 -4
- package/Assets/Icons/OtherIcon.js +0 -19
- package/Assets/Icons/OtherIcon.js.map +0 -1
- package/Assets/Icons/TrucksIcon.d.ts +0 -4
- package/Assets/Icons/TrucksIcon.js +0 -43
- package/Assets/Icons/TrucksIcon.js.map +0 -1
- package/Assets/Icons/VansIcon.d.ts +0 -4
- package/Assets/Icons/VansIcon.js +0 -31
- package/Assets/Icons/VansIcon.js.map +0 -1
- package/Assets/Icons/icons.d.ts +0 -10
- package/Assets/Icons/icons.js +0 -19
- package/Assets/Icons/icons.js.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ISvgs } from '../../../Assets/svgs/svgs';
|
|
2
2
|
interface IIconTileRadioButtonQuestionSectionStoryProps {
|
|
3
3
|
error: boolean;
|
|
4
4
|
errorMessage: string;
|
|
5
5
|
headerText: string;
|
|
6
|
-
iconType: keyof
|
|
6
|
+
iconType: keyof ISvgs;
|
|
7
7
|
includeBorder: boolean;
|
|
8
8
|
includeConsentStatement: boolean;
|
|
9
9
|
includeHeader: boolean;
|
|
@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
7
|
var lodash_1 = require("lodash");
|
|
8
8
|
var core_1 = require("@material-ui/core");
|
|
9
|
-
var
|
|
9
|
+
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
10
10
|
var Components_1 = require("../../../Components");
|
|
11
11
|
var useIconTileRadioButtonQuestionSectionStyles_1 = __importDefault(require("./useIconTileRadioButtonQuestionSectionStyles"));
|
|
12
12
|
var IconTileRadioButtonQuestionSectionStory = function (_a) {
|
|
13
13
|
var error = _a.error, errorMessage = _a.errorMessage, headerText = _a.headerText, iconType = _a.iconType, includeBorder = _a.includeBorder, includeConsentStatement = _a.includeConsentStatement, includeHeader = _a.includeHeader, loading = _a.loading, modalBodyText = _a.modalBodyText, modalTitleText = _a.modalTitleText, noteText = _a.noteText, optionsCount = _a.optionsCount, progress = _a.progress, questionText = _a.questionText;
|
|
14
|
-
var Icon = icons_1.default[iconType];
|
|
15
14
|
var classes = (0, useIconTileRadioButtonQuestionSectionStyles_1.default)({
|
|
16
15
|
includeBorder: includeBorder,
|
|
17
16
|
});
|
|
@@ -27,12 +26,13 @@ var IconTileRadioButtonQuestionSectionStory = function (_a) {
|
|
|
27
26
|
return menuItems;
|
|
28
27
|
};
|
|
29
28
|
var _b = react_1.default.useState(generateMenuOptions(optionsCount)), items = _b[0], updateItems = _b[1];
|
|
29
|
+
var imageSrc = svgs_1.default[iconType];
|
|
30
30
|
react_1.default.useLayoutEffect(function () {
|
|
31
31
|
updateItems(generateMenuOptions(optionsCount));
|
|
32
32
|
}, [optionsCount]);
|
|
33
33
|
var renderRadioIconButton = function (_a) {
|
|
34
34
|
var id = _a.id, text = _a.text;
|
|
35
|
-
return (react_1.default.createElement(Components_1.IconTileRadioButton, { id: id, Icon:
|
|
35
|
+
return (react_1.default.createElement(Components_1.IconTileRadioButton, { id: id, Icon: react_1.default.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: text, key: id }));
|
|
36
36
|
};
|
|
37
37
|
var _c = react_1.default.useState(false), open = _c[0], setOpen = _c[1];
|
|
38
38
|
var handleOpen = function () { return setOpen(true); };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButtonQuestionSectionStory.js","sourceRoot":"","sources":["../../../../src/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AACjD,iCAA6B;AAC7B,0CAI2B;AAC3B,
|
|
1
|
+
{"version":3,"file":"IconTileRadioButtonQuestionSectionStory.js","sourceRoot":"","sources":["../../../../src/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
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 van_svg_1 = __importDefault(require("./van.svg"));
|
|
7
|
+
var car_svg_1 = __importDefault(require("./car.svg"));
|
|
8
|
+
var motorcycle_svg_1 = __importDefault(require("./motorcycle.svg"));
|
|
9
|
+
var truck_svg_1 = __importDefault(require("./truck.svg"));
|
|
10
|
+
var other_svg_1 = __importDefault(require("./other.svg"));
|
|
11
|
+
var svgs = {
|
|
12
|
+
other: other_svg_1.default,
|
|
13
|
+
van: van_svg_1.default,
|
|
14
|
+
car: car_svg_1.default,
|
|
15
|
+
motorcycle: motorcycle_svg_1.default,
|
|
16
|
+
truck: truck_svg_1.default,
|
|
17
|
+
};
|
|
18
|
+
exports.default = svgs;
|
|
19
|
+
//# sourceMappingURL=svgs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"svgs.js","sourceRoot":"","sources":["../../../src/Assets/svgs/svgs.ts"],"names":[],"mappings":";;;;;AAAA,sDAA4B;AAC5B,sDAA4B;AAC5B,oEAA0C;AAC1C,0DAAgC;AAChC,0DAAgC;AAEhC,IAAM,IAAI,GAAG;IACX,KAAK,qBAAA;IACL,GAAG,mBAAA;IACH,GAAG,mBAAA;IACH,UAAU,0BAAA;IACV,KAAK,qBAAA;CACN,CAAC;AAIF,kBAAe,IAAI,CAAC"}
|
|
@@ -4,7 +4,7 @@ export interface IIconTileCheckBoxCallbackParams {
|
|
|
4
4
|
selected: boolean;
|
|
5
5
|
}
|
|
6
6
|
interface IComponentProps {
|
|
7
|
-
Icon: React.
|
|
7
|
+
Icon: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
|
|
8
8
|
id: string;
|
|
9
9
|
isOtherOption: boolean;
|
|
10
10
|
onClick: (item: IIconTileCheckBoxCallbackParams) => void;
|
|
@@ -31,7 +31,6 @@ var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
|
31
31
|
var IconTileCheckBox = function (_a) {
|
|
32
32
|
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, selected = _a.selected, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
33
33
|
var _b = (0, react_1.useState)(selected), checked = _b[0], setChecked = _b[1];
|
|
34
|
-
var classes = (0, useIconTileCheckBoxClasses_1.default)();
|
|
35
34
|
var otherInputElement = (0, react_1.useRef)(null);
|
|
36
35
|
var handleClick = function () {
|
|
37
36
|
if (!checked && otherInputElement.current) {
|
|
@@ -48,10 +47,11 @@ var IconTileCheckBox = function (_a) {
|
|
|
48
47
|
(0, react_1.useEffect)(function () {
|
|
49
48
|
setChecked(selected);
|
|
50
49
|
}, [selected]);
|
|
50
|
+
var classes = (0, useIconTileCheckBoxClasses_1.default)();
|
|
51
51
|
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "checkboxCardButton" },
|
|
52
52
|
react_1.default.createElement(core_1.Checkbox, { className: classes.checkbox, checked: checked, color: "primary" }),
|
|
53
53
|
react_1.default.createElement("div", { className: classes.icon },
|
|
54
|
-
react_1.default.createElement(
|
|
54
|
+
react_1.default.createElement("div", { className: classes.imgDiv }, Icon)),
|
|
55
55
|
isOtherOption ? (react_1.default.createElement("div", { className: classes.otherInput },
|
|
56
56
|
react_1.default.createElement(TextField_1.default, { id: id, label: text, onClick: handleInputClick, onChange: onChange, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined, value: otherInputValue }))) : (react_1.default.createElement(core_1.Typography, { className: classes.listItemText }, text))));
|
|
57
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAAuE;AACvE,gEAA0C;AAE1C,4FAAsE;AACtE,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,gBAAgB,GAAyB,UAAC,EAU/C;QATC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAAuE;AACvE,gEAA0C;AAE1C,4FAAsE;AACtE,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,gBAAgB,GAAyB,UAAC,EAU/C;QATC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACzC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;QACD,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAA8C,UAAC,CAAC;QACpE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,OAAO,GAAG,IAAA,oCAA0B,GAAE,CAAC;IAE7C,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,oBAAoB;QAEhC,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;QACF,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,uCAAK,SAAS,EAAE,OAAO,CAAC,MAAM,IAAG,IAAI,CAAO,CACxC;QACL,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;YAChC,8BAAC,mBAAS,IACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,GACtB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE7C,kBAAe,gBAAgB,CAAC"}
|
|
@@ -64,26 +64,27 @@ var React = __importStar(require("react"));
|
|
|
64
64
|
var react_2 = require("react");
|
|
65
65
|
var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
66
66
|
var IconTileCheckBox_1 = __importDefault(require("./IconTileCheckBox"));
|
|
67
|
-
var
|
|
67
|
+
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
68
|
+
var imageSrc = svgs_1.default.truck;
|
|
68
69
|
describe('IconTileCheckBox', function () {
|
|
69
70
|
it('should display text', function () {
|
|
70
|
-
var getByText = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon:
|
|
71
|
+
var getByText = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' })).getByText;
|
|
71
72
|
expect(getByText('test')).toBeTruthy();
|
|
72
73
|
});
|
|
73
74
|
it('should call onClick function if IconTileCheckBox is clicked', function () {
|
|
74
75
|
var callback = jest.fn();
|
|
75
|
-
var getByText = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon:
|
|
76
|
+
var getByText = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onClick: callback })).getByText;
|
|
76
77
|
getByText('test').click();
|
|
77
78
|
expect(callback).toHaveBeenCalled();
|
|
78
79
|
});
|
|
79
80
|
it('should begin unchecked and can be checked', function () {
|
|
80
|
-
var _a = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon:
|
|
81
|
+
var _a = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
81
82
|
getByText('test').click();
|
|
82
83
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
83
84
|
expect(checkbox).toBeChecked();
|
|
84
85
|
});
|
|
85
86
|
it('should begin checked and be unchecked', function () {
|
|
86
|
-
var _a = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon:
|
|
87
|
+
var _a = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', selected: true })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
87
88
|
getByText('test').click();
|
|
88
89
|
var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
|
|
89
90
|
expect(checkbox).not.toBeChecked();
|
|
@@ -96,7 +97,7 @@ describe('IconTileCheckBox', function () {
|
|
|
96
97
|
TestComponent = function () {
|
|
97
98
|
var _a = (0, react_2.useState)(false), selected = _a[0], setSelected = _a[1];
|
|
98
99
|
return (React.createElement("div", null,
|
|
99
|
-
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon:
|
|
100
|
+
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', selected: selected }),
|
|
100
101
|
React.createElement(core_1.Button, { onClick: function () { return setSelected(!selected); } }, "button")));
|
|
101
102
|
};
|
|
102
103
|
_a = (0, withTheme_1.default)(React.createElement(TestComponent, null)), getByTestId = _a.getByTestId, getByText = _a.getByText;
|
|
@@ -110,13 +111,13 @@ describe('IconTileCheckBox', function () {
|
|
|
110
111
|
});
|
|
111
112
|
}); });
|
|
112
113
|
it('should not display otherInput unless specified', function () {
|
|
113
|
-
var getByTestId = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon:
|
|
114
|
+
var getByTestId = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), selected: true })).getByTestId;
|
|
114
115
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
115
116
|
expect(input).toBeNull();
|
|
116
117
|
});
|
|
117
118
|
it('should call onChange when otherInput is updated', function () {
|
|
118
119
|
var callback = jest.fn();
|
|
119
|
-
var getByTestId = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon:
|
|
120
|
+
var getByTestId = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), selected: true, isOtherOption: true, onChange: callback })).getByTestId;
|
|
120
121
|
var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
|
|
121
122
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
|
122
123
|
expect(callback).toHaveBeenCalledWith({
|
|
@@ -126,14 +127,14 @@ describe('IconTileCheckBox', function () {
|
|
|
126
127
|
expect(input.value).toEqual('Test');
|
|
127
128
|
});
|
|
128
129
|
it('should focus on OtherInput when selected', function () {
|
|
129
|
-
var getByTestId = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon:
|
|
130
|
+
var getByTestId = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), isOtherOption: true, selected: false })).getByTestId;
|
|
130
131
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
131
132
|
checkboxCardButton.click();
|
|
132
133
|
var input = checkboxCardButton.querySelector('input[type=text]');
|
|
133
134
|
expect(input).toBe(document.activeElement);
|
|
134
135
|
});
|
|
135
136
|
it('should not focus on OtherInput when unselected', function () {
|
|
136
|
-
var getByTestId = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon:
|
|
137
|
+
var getByTestId = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', text: 'test', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), isOtherOption: true, selected: true })).getByTestId;
|
|
137
138
|
var checkboxCardButton = getByTestId('checkboxCardButton');
|
|
138
139
|
checkboxCardButton.click();
|
|
139
140
|
var input = checkboxCardButton.querySelector('input[type=text]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA2C;AAC3C,gDAA4D;AAC5D,2CAA+B;AAC/B,+BAAiC;AACjC,+EAAyD;AACzD,wEAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ISvgs } from '../../../Assets/svgs/svgs';
|
|
3
3
|
declare type IconTileCheckBoxStoryType = React.FunctionComponent<{
|
|
4
4
|
error: boolean;
|
|
5
|
-
iconType: keyof
|
|
5
|
+
iconType: keyof ISvgs;
|
|
6
6
|
isOtherOption: boolean;
|
|
7
7
|
otherInputError: boolean;
|
|
8
8
|
text: string;
|
|
@@ -25,23 +25,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
25
25
|
var React = __importStar(require("react"));
|
|
26
26
|
var addon_actions_1 = require("@storybook/addon-actions");
|
|
27
27
|
var IconTileCheckBox_1 = __importDefault(require("./IconTileCheckBox"));
|
|
28
|
-
var
|
|
28
|
+
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
29
29
|
var ErrorMessageProvider_1 = require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider");
|
|
30
30
|
var IconTileCheckBoxStory = function (_a) {
|
|
31
31
|
var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, text = _a.text;
|
|
32
|
-
var Icon = icons_1.default[iconType];
|
|
33
32
|
var _b = React.useState(false), selected = _b[0], setSelected = _b[1];
|
|
34
33
|
var handleClick = function (_a) {
|
|
35
34
|
var id = _a.id, itemSelected = _a.selected;
|
|
36
35
|
(0, addon_actions_1.action)('Clicked')(id, itemSelected);
|
|
37
36
|
setSelected(itemSelected);
|
|
38
37
|
};
|
|
38
|
+
var imageSrc = svgs_1.default[iconType];
|
|
39
39
|
return (React.createElement("div", { style: {
|
|
40
40
|
width: '144px',
|
|
41
41
|
height: '144px',
|
|
42
42
|
} },
|
|
43
43
|
React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, { errorMessage: error || otherInputError ? 'error' : undefined },
|
|
44
|
-
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon:
|
|
44
|
+
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError }))));
|
|
45
45
|
};
|
|
46
46
|
exports.default = IconTileCheckBoxStory;
|
|
47
47
|
//# sourceMappingURL=IconTileCheckBoxStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wEAAkD;AAElD,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wEAAkD;AAElD,mEAAwD;AACxD,8FAA6F;AAU7F,IAAM,qBAAqB,GAA8B,UAAC,EAMzD;QALC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGa;YAFhC,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;QACpC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,0BAAgB,IACf,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACmB,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIconTileCheckBoxClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,0BAA0B,GAAG,IAAA,mBAAU,EAAS,UAAC,KAAK;IAC1D,OAAA,IAAA,qBAAY,EAAC;QACX,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YAC/B,QAAQ,EAAE,UAAU;SACrB;QACD,YAAY,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI;YAC9B,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;YACtC,QAAQ,EAAE,YAAY;SACvB;QACD,UAAU,EAAE;YACV,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACnC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACpC,wBAAwB,EAAE;gBACxB,SAAS,EAAE,MAAM;aAClB;SACF;KACF,CAAC;
|
|
1
|
+
{"version":3,"file":"useIconTileCheckBoxClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,0BAA0B,GAAG,IAAA,mBAAU,EAAS,UAAC,KAAK;IAC1D,OAAA,IAAA,qBAAY,EAAC;QACX,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YAC/B,QAAQ,EAAE,UAAU;SACrB;QACD,YAAY,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI;YAC9B,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;YACtC,QAAQ,EAAE,YAAY;SACvB;QACD,UAAU,EAAE;YACV,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACnC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACpC,wBAAwB,EAAE;gBACxB,SAAS,EAAE,MAAM;aAClB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB;KACF,CAAC;AA1BF,CA0BE,CACH,CAAC;AAEF,kBAAe,0BAA0B,CAAC"}
|
|
@@ -3,7 +3,7 @@ export interface IIconTileRadioButtonCallbackParams {
|
|
|
3
3
|
id: string;
|
|
4
4
|
}
|
|
5
5
|
interface IComponentProps {
|
|
6
|
-
Icon: React.
|
|
6
|
+
Icon: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
|
|
7
7
|
id: string;
|
|
8
8
|
isOtherOption: boolean;
|
|
9
9
|
onClick: (item: IIconTileRadioButtonCallbackParams) => void;
|
|
@@ -45,7 +45,7 @@ var IconTileRadioButton = function (_a) {
|
|
|
45
45
|
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "radioButtonCardButton" },
|
|
46
46
|
react_1.default.createElement(core_1.Radio, { className: classes.radio, checked: checked, color: "primary", "data-testid": "toggle-" + id }),
|
|
47
47
|
react_1.default.createElement("div", { className: classes.icon },
|
|
48
|
-
react_1.default.createElement(
|
|
48
|
+
react_1.default.createElement("div", { className: classes.imgDiv }, Icon)),
|
|
49
49
|
isOtherOption ? (react_1.default.createElement("div", { className: classes.otherInput },
|
|
50
50
|
react_1.default.createElement(TextField_1.default, { id: id, label: text, onChange: onChange, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined, value: otherInputValue }))) : (react_1.default.createElement(core_1.Typography, { className: classes.listItemText }, text))));
|
|
51
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0CAAiE;AACjE,gEAA0C;AAE1C,kGAA4E;AAC5E,iFAA2D;AAC3D,8EAAwD;AACxD,mGAA6E;AAO7E,IAAM,mBAAmB,GAA4B,UAAC,EASrD;QARC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAsC,IAAA,kBAAU,EAAC,2BAAiB,CAAC,EAAjE,UAAU,gBAAA,EAAE,mBAAmB,yBAAkC,CAAC;IAC1E,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0CAAiE;AACjE,gEAA0C;AAE1C,kGAA4E;AAC5E,iFAA2D;AAC3D,8EAAwD;AACxD,mGAA6E;AAO7E,IAAM,mBAAmB,GAA4B,UAAC,EASrD;QARC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAsC,IAAA,kBAAU,EAAC,2BAAiB,CAAC,EAAjE,UAAU,gBAAA,EAAE,mBAAmB,yBAAkC,CAAC;IAC1E,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAChE,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,CAAC,CAAC;QAChB,mBAAmB,CAAC,EAAE,CAAC,CAAC;QACxB,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC7B,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;IACH,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,EAAE,KAAK,UAAU,CAAC;IAClC,IAAM,OAAO,GAAG,IAAA,uCAA6B,GAAE,CAAC;IAEhD,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,uBAAuB;QAEnC,8BAAC,YAAO,IACN,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,iBACF,YAAU,EAAI,GAC3B;QACF,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,uCAAK,SAAS,EAAE,OAAO,CAAC,MAAM,IAAG,IAAI,CAAO,CACxC;QACL,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;YAChC,8BAAC,mBAAS,IACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,GACtB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEhD,kBAAe,mBAAmB,CAAC"}
|
|
@@ -26,23 +26,24 @@ var react_1 = require("@testing-library/react");
|
|
|
26
26
|
var React = __importStar(require("react"));
|
|
27
27
|
var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
28
28
|
var IconTileRadioButton_1 = __importDefault(require("./IconTileRadioButton"));
|
|
29
|
-
var TrucksIcon_1 = __importDefault(require("../../../Assets/Icons/TrucksIcon"));
|
|
30
29
|
var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
|
|
30
|
+
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
31
|
+
var imageSrc = svgs_1.default.truck;
|
|
31
32
|
describe('<IconTileRadioButton />', function () {
|
|
32
33
|
it('should display radio button text', function () {
|
|
33
|
-
var getByText = (0, withTheme_1.default)(React.createElement(IconTileRadioButton_1.default, { id: '1', Icon:
|
|
34
|
+
var getByText = (0, withTheme_1.default)(React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' })).getByText;
|
|
34
35
|
expect(getByText('test')).toBeTruthy();
|
|
35
36
|
});
|
|
36
37
|
it('should call onClick function if radio button is clicked', function () {
|
|
37
38
|
var callback = jest.fn();
|
|
38
|
-
var getByText = (0, withTheme_1.default)(React.createElement(IconTileRadioButton_1.default, { id: '1', Icon:
|
|
39
|
+
var getByText = (0, withTheme_1.default)(React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onClick: callback })).getByText;
|
|
39
40
|
getByText('test').click();
|
|
40
41
|
expect(callback).toHaveBeenCalled();
|
|
41
42
|
});
|
|
42
43
|
it('should alter checked state based on context selectedId', function () {
|
|
43
44
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
44
45
|
var getByTestId = (0, withTheme_1.default)(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
45
|
-
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon:
|
|
46
|
+
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' }),
|
|
46
47
|
",")).getByTestId;
|
|
47
48
|
var radio = getByTestId('toggle-1').querySelector('input[type=radio]');
|
|
48
49
|
expect(radio).toBeChecked();
|
|
@@ -54,7 +55,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
54
55
|
radioButtonSelected: callback,
|
|
55
56
|
};
|
|
56
57
|
var getByText = (0, withTheme_1.default)(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
57
|
-
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon:
|
|
58
|
+
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' }),
|
|
58
59
|
",")).getByText;
|
|
59
60
|
getByText('test').click();
|
|
60
61
|
expect(callback).toHaveBeenCalled();
|
|
@@ -63,7 +64,7 @@ describe('<IconTileRadioButton />', function () {
|
|
|
63
64
|
var callback = jest.fn();
|
|
64
65
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
65
66
|
var getByTestId = (0, withTheme_1.default)(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
66
|
-
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon:
|
|
67
|
+
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', isOtherOption: true, onChange: callback }))).getByTestId;
|
|
67
68
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
68
69
|
react_1.fireEvent.change(input, { target: { value: 'Test' } });
|
|
69
70
|
expect(callback).toHaveBeenCalledWith({
|
|
@@ -75,14 +76,14 @@ describe('<IconTileRadioButton />', function () {
|
|
|
75
76
|
it('should not display otherInput unless specified', function () {
|
|
76
77
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
77
78
|
var getByTestId = (0, withTheme_1.default)(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
78
|
-
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon:
|
|
79
|
+
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' }))).getByTestId;
|
|
79
80
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
80
81
|
expect(input).toBeNull();
|
|
81
82
|
});
|
|
82
83
|
it('should focus on OtherInput when clicked', function () {
|
|
83
84
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
84
85
|
var getByTestId = (0, withTheme_1.default)(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
85
|
-
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon:
|
|
86
|
+
React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', isOtherOption: true }))).getByTestId;
|
|
86
87
|
getByTestId('radioButtonCardButton').click();
|
|
87
88
|
var input = getByTestId('radioButtonCardButton').querySelector('input[type=text]');
|
|
88
89
|
expect(input).toBe(document.activeElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAmD;AACnD,2CAA+B;AAC/B,+EAAyD;AACzD,8EAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"IconTileRadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ISvgs } from '../../../Assets/svgs/svgs';
|
|
3
3
|
declare type IconTileRadioButtonStoryType = React.FunctionComponent<{
|
|
4
4
|
error: boolean;
|
|
5
|
-
iconType: keyof
|
|
5
|
+
iconType: keyof ISvgs;
|
|
6
6
|
isOtherOption: boolean;
|
|
7
7
|
otherInputError: boolean;
|
|
8
8
|
text: string;
|
|
@@ -26,23 +26,23 @@ var addon_actions_1 = require("@storybook/addon-actions");
|
|
|
26
26
|
var React = __importStar(require("react"));
|
|
27
27
|
var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
|
|
28
28
|
var IconTileRadioButton_1 = __importDefault(require("./IconTileRadioButton"));
|
|
29
|
-
var
|
|
29
|
+
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
30
30
|
var ErrorMessageProvider_1 = require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider");
|
|
31
31
|
var IconTileRadioButtonStory = function (_a) {
|
|
32
32
|
var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, text = _a.text;
|
|
33
|
-
var Icon = icons_1.default[iconType];
|
|
34
33
|
var _b = React.useState(undefined), selectedId = _b[0], setSelectedId = _b[1];
|
|
35
34
|
var handleClick = function (_a) {
|
|
36
35
|
var id = _a.id;
|
|
37
36
|
(0, addon_actions_1.action)('Clicked')(id);
|
|
38
37
|
};
|
|
38
|
+
var imageSrc = svgs_1.default[iconType];
|
|
39
39
|
return (React.createElement("div", { style: {
|
|
40
40
|
width: '144px',
|
|
41
41
|
height: '144px',
|
|
42
42
|
} },
|
|
43
43
|
React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, { errorMessage: error || otherInputError ? 'error' : undefined },
|
|
44
44
|
React.createElement(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, radioButtonSelected: setSelectedId } },
|
|
45
|
-
React.createElement(IconTileRadioButton_1.default, { id: 'id', Icon:
|
|
45
|
+
React.createElement(IconTileRadioButton_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError })))));
|
|
46
46
|
};
|
|
47
47
|
exports.default = IconTileRadioButtonStory;
|
|
48
48
|
//# sourceMappingURL=IconTileRadioButtonStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,2CAA+B;AAC/B,mGAA6E;AAC7E,8EAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,2CAA+B;AAC/B,mGAA6E;AAC7E,8EAAwD;AACxD,mEAAwD;AAExD,8FAA6F;AAU7F,IAAM,wBAAwB,GAAiC,UAAC,EAM/D;QALC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAA0C;YAAxC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,2BAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,mBAAmB,EAAE,aAAa,EAAE;gBAEzD,oBAAC,6BAAmB,IAClB,EAAE,EAAE,IAAI,EACR,IAAI,EACF,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EAEjE,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACyB,CACR,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIconTileRadioButtonClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,6BAA6B,GAAG,IAAA,mBAAU,EAAS,UAAC,KAAK;IAC7D,OAAA,IAAA,qBAAY,EAAC;QACX,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SACpC;QACD,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YAC/B,QAAQ,EAAE,UAAU;SACrB;QACD,YAAY,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI;YAC9B,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;YACtC,QAAQ,EAAE,YAAY;SACvB;QACD,UAAU,EAAE;YACV,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACnC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACpC,wBAAwB,EAAE;gBACxB,SAAS,EAAE,MAAM;aAClB;SACF;KACF,CAAC;
|
|
1
|
+
{"version":3,"file":"useIconTileRadioButtonClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,6BAA6B,GAAG,IAAA,mBAAU,EAAS,UAAC,KAAK;IAC7D,OAAA,IAAA,qBAAY,EAAC;QACX,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SACpC;QACD,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YAC/B,QAAQ,EAAE,UAAU;SACrB;QACD,YAAY,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI;YAC9B,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;YACtC,QAAQ,EAAE,YAAY;SACvB;QACD,UAAU,EAAE;YACV,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACnC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACpC,wBAAwB,EAAE;gBACxB,SAAS,EAAE,MAAM;aAClB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB;KACF,CAAC;AA1BF,CA0BE,CACH,CAAC;AAEF,kBAAe,6BAA6B,CAAC"}
|
|
@@ -27,7 +27,7 @@ var lodash_1 = require("lodash");
|
|
|
27
27
|
var React = __importStar(require("react"));
|
|
28
28
|
var RadioGroup_1 = __importDefault(require("./RadioGroup"));
|
|
29
29
|
var __1 = require("../..");
|
|
30
|
-
var
|
|
30
|
+
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
31
31
|
var generateMenuItems = function (itemsCount) {
|
|
32
32
|
var menuItems = {};
|
|
33
33
|
for (var itemCount = 0; itemCount < itemsCount; itemCount += 1) {
|
|
@@ -48,13 +48,14 @@ var RadioGroupStory = function (_a) {
|
|
|
48
48
|
var onChange = function (currentId) {
|
|
49
49
|
(0, addon_actions_1.action)('SelectedId')(currentId);
|
|
50
50
|
};
|
|
51
|
+
var imageSrc = svgs_1.default.truck;
|
|
51
52
|
var renderRadioButton = function (_a) {
|
|
52
53
|
var id = _a.id, text = _a.text;
|
|
53
54
|
return (React.createElement(__1.RadioButton, { id: id, text: text, key: id }));
|
|
54
55
|
};
|
|
55
56
|
var renderRadioTile = function (_a) {
|
|
56
57
|
var id = _a.id, text = _a.text;
|
|
57
|
-
return (React.createElement(__1.IconTileRadioButton, { id: id, text: text, key: id, Icon:
|
|
58
|
+
return (React.createElement(__1.IconTileRadioButton, { id: id, text: text, key: id, Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }) }));
|
|
58
59
|
};
|
|
59
60
|
return (React.createElement("div", { style: { maxWidth: '460px' } },
|
|
60
61
|
React.createElement(RadioGroup_1.default, { defaultSelectedId: defaultSelectedId, onChange: onChange }, layout === 'list' ? (React.createElement(__1.ListLayout, null, (0, lodash_1.map)(items, renderRadioButton))) : (React.createElement(__1.TileLayout, null, (0, lodash_1.map)(items, renderRadioTile))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupStory.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/RadioGroup/RadioGroupStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,iCAA6B;AAC7B,2CAA+B;AAC/B,4DAAsC;AAEtC,2BAKe;AACf,
|
|
1
|
+
{"version":3,"file":"RadioGroupStory.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/RadioGroup/RadioGroupStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,iCAA6B;AAC7B,2CAA+B;AAC/B,4DAAsC;AAEtC,2BAKe;AACf,mEAA6C;AAE7C,IAAM,iBAAiB,GAAG,UAAC,UAAkB;IAC3C,IAAM,SAAS,GAGX,EAAE,CAAC;IACP,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,UAAU,EAAE,SAAS,IAAI,CAAC,EAAE;QAC9D,SAAS,CAAC,SAAS,CAAC,GAAG;YACrB,EAAE,EAAE,MAAG,SAAS,GAAG,CAAC,CAAE;YACtB,IAAI,EAAE,kBAAe,SAAS,GAAG,CAAC,CAAE;YACpC,QAAQ,EAAE,KAAK;SAChB,CAAC;KACH;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAQF,IAAM,eAAe,GAAwB,UAAC,EAI7C;QAHC,iBAAiB,uBAAA,EACjB,UAAU,gBAAA,EACV,MAAM,YAAA;IAEA,IAAA,KAAuB,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,EAAnE,KAAK,QAAA,EAAE,WAAW,QAAiD,CAAC;IAE3E,KAAK,CAAC,eAAe,CAAC;QACpB,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAM,QAAQ,GAAG,UAAC,SAA6B;QAC7C,IAAA,sBAAM,EAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,KAAK,CAAC;IAE5B,IAAM,iBAAiB,GAAG,UAAC,EAA8B;YAA5B,EAAE,QAAA,EAAE,IAAI,UAAA;QAAyB,OAAA,CAC5D,oBAAC,eAAW,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,GAAI,CAC7C;IAF6D,CAE7D,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,EAA8B;YAA5B,EAAE,QAAA,EAAE,IAAI,UAAA;QAAyB,OAAA,CAC1D,oBAAC,uBAAmB,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,EAAE,EACP,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,GACrE,CACH;IAP2D,CAO3D,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,oBAAU,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,IACjE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,oBAAC,cAAU,QAAE,IAAA,YAAG,EAAC,KAAK,EAAE,iBAAiB,CAAC,CAAc,CACzD,CAAC,CAAC,CAAC,CACF,oBAAC,cAAU,QAAE,IAAA,YAAG,EAAC,KAAK,EAAE,eAAe,CAAC,CAAc,CACvD,CACU,CACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -26,12 +26,13 @@ var React = __importStar(require("react"));
|
|
|
26
26
|
var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
27
27
|
var TileLayout_1 = __importDefault(require("./TileLayout"));
|
|
28
28
|
var IconTileCheckBox_1 = __importDefault(require("../../Molecules/IconTileCheckBox/IconTileCheckBox"));
|
|
29
|
-
var
|
|
29
|
+
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
30
|
+
var imageSrc = svgs_1.default.truck;
|
|
30
31
|
describe('<TileLayout />', function () {
|
|
31
32
|
it('should display children in grid items', function () {
|
|
32
33
|
var _a = (0, withTheme_1.default)(React.createElement(TileLayout_1.default, null,
|
|
33
|
-
React.createElement(IconTileCheckBox_1.default, { id: 'test-id-one', Icon:
|
|
34
|
-
React.createElement(IconTileCheckBox_1.default, { id: 'test-id-two', Icon:
|
|
34
|
+
React.createElement(IconTileCheckBox_1.default, { id: 'test-id-one', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'child-1' }),
|
|
35
|
+
React.createElement(IconTileCheckBox_1.default, { id: 'test-id-two', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'child-2' }))), getByText = _a.getByText, queryByTestId = _a.queryByTestId;
|
|
35
36
|
expect(getByText('child-1')).toBeTruthy();
|
|
36
37
|
expect(getByText('child-2')).toBeTruthy();
|
|
37
38
|
expect(queryByTestId('grid-0')).toBeInTheDocument();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileLayout.test.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/TileLayout.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AACzD,4DAAsC;AACtC,uGAAiF;AACjF,
|
|
1
|
+
{"version":3,"file":"TileLayout.test.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/TileLayout.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AACzD,4DAAsC;AACtC,uGAAiF;AACjF,mEAA6C;AAE7C,IAAM,QAAQ,GAAG,cAAI,CAAC,KAAK,CAAC;AAE5B,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,uCAAuC,EAAE;QACpC,IAAA,KAA+B,IAAA,mBAAS,EAC5C,oBAAC,oBAAU;YACT,oBAAC,0BAAgB,IACf,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,SAAS,GACf;YACF,oBAAC,0BAAgB,IACf,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,IAAI,EAAE,SAAS,GACf,CACS,CACd,EAbO,SAAS,eAAA,EAAE,aAAa,mBAa/B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC1C,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpD,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpD,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ISvgs } from '../../../Assets/svgs/svgs';
|
|
3
3
|
declare type TileLayoutStoryType = React.FunctionComponent<{
|
|
4
4
|
itemsCount: number;
|
|
5
|
-
iconType: keyof
|
|
5
|
+
iconType: keyof ISvgs;
|
|
6
6
|
}>;
|
|
7
7
|
declare const TileLayoutStory: TileLayoutStoryType;
|
|
8
8
|
export default TileLayoutStory;
|
|
@@ -36,7 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
36
36
|
var addon_actions_1 = require("@storybook/addon-actions");
|
|
37
37
|
var lodash_1 = require("lodash");
|
|
38
38
|
var React = __importStar(require("react"));
|
|
39
|
-
var
|
|
39
|
+
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
40
40
|
var TileLayout_1 = __importDefault(require("./TileLayout"));
|
|
41
41
|
var IconTileCheckBox_1 = __importDefault(require("../../Molecules/IconTileCheckBox/IconTileCheckBox"));
|
|
42
42
|
var generateMenuItems = function (itemsCount) {
|
|
@@ -52,7 +52,7 @@ var generateMenuItems = function (itemsCount) {
|
|
|
52
52
|
};
|
|
53
53
|
var TileLayoutStory = function (_a) {
|
|
54
54
|
var itemsCount = _a.itemsCount, iconType = _a.iconType;
|
|
55
|
-
var
|
|
55
|
+
var imageSrc = svgs_1.default.truck;
|
|
56
56
|
var _b = React.useState(generateMenuItems(itemsCount)), items = _b[0], updateItems = _b[1];
|
|
57
57
|
React.useLayoutEffect(function () {
|
|
58
58
|
updateItems(generateMenuItems(itemsCount));
|
|
@@ -67,7 +67,7 @@ var TileLayoutStory = function (_a) {
|
|
|
67
67
|
};
|
|
68
68
|
var renderCheckbox = function (_a) {
|
|
69
69
|
var id = _a.id, text = _a.text, selected = _a.selected;
|
|
70
|
-
return (React.createElement(IconTileCheckBox_1.default, { id: id, Icon:
|
|
70
|
+
return (React.createElement(IconTileCheckBox_1.default, { id: id, Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, text: text, selected: selected, key: id }));
|
|
71
71
|
};
|
|
72
72
|
return (React.createElement("div", { style: { maxWidth: '460px' } },
|
|
73
73
|
React.createElement(TileLayout_1.default, null, (0, lodash_1.map)(items, renderCheckbox))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileLayoutStory.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/TileLayoutStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,iCAA6B;AAC7B,2CAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"TileLayoutStory.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/TileLayoutStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,iCAA6B;AAC7B,2CAA+B;AAC/B,mEAAwD;AACxD,4DAAsC;AACtC,uGAAiF;AAKjF,IAAM,iBAAiB,GAAG,UAAC,UAAkB;IAC3C,IAAM,SAAS,GAGX,EAAE,CAAC;IACP,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,UAAU,EAAE,SAAS,IAAI,CAAC,EAAE;QAC9D,SAAS,CAAC,SAAS,CAAC,GAAG;YACrB,EAAE,EAAE,KAAG,SAAW;YAClB,IAAI,EAAE,eAAY,SAAS,GAAG,CAAC,CAAE;YACjC,QAAQ,EAAE,KAAK;SAChB,CAAC;KACH;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAOF,IAAM,eAAe,GAAwB,UAAC,EAAwB;QAAtB,UAAU,gBAAA,EAAE,QAAQ,cAAA;IAClE,IAAM,QAAQ,GAAG,cAAI,CAAC,KAAK,CAAC;IAEtB,IAAA,KAAuB,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,EAAnE,KAAK,QAAA,EAAE,WAAW,QAAiD,CAAC;IAE3E,KAAK,CAAC,eAAe,CAAC;QACpB,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAM,WAAW,GAAG,UAAC,EAGa;;YAFhC,EAAE,QAAA,EACF,QAAQ,cAAA;QAER,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChC,IAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;QACvB,IAAM,QAAQ,yBACT,KAAK,gBACP,EAAE,0BACE,IAAI,KACP,QAAQ,UAAA,SAEX,CAAC;QACF,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,EAA6C;YAA3C,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA;QAA8B,OAAA,CACxE,oBAAC,0BAAgB,IACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,EAAE,GACP,CACH;IATyE,CASzE,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,oBAAU,QAAE,IAAA,YAAG,EAAC,KAAK,EAAE,cAAc,CAAC,CAAc,CACjD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTileLayoutStyles.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/useTileLayoutStyles.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,mBAAmB,GAAG,IAAA,mBAAU,EAAS;IAC7C,OAAA,IAAA,qBAAY,EAAC;QACX,aAAa,EAAE;YACb,SAAS,EAAE,OAAO;YAClB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,MAAM;SACf;KACF,CAAC;
|
|
1
|
+
{"version":3,"file":"useTileLayoutStyles.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/TileLayout/useTileLayoutStyles.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,mBAAmB,GAAG,IAAA,mBAAU,EAAS;IAC7C,OAAA,IAAA,qBAAY,EAAC;QACX,aAAa,EAAE;YACb,SAAS,EAAE,OAAO;YAClB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,MAAM;SACf;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB;KACF,CAAC;AAXF,CAWE,CACH,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
package/package.json
CHANGED
package/Assets/Icons/CarsIcon.js
DELETED
|
@@ -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 react_1 = __importDefault(require("react"));
|
|
7
|
-
var CarsIcon = function () { return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "100%", width: "100%", viewBox: "0 0 75 75", preserveAspectRatio: "xMidYMid meet" },
|
|
8
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-723.493,-2856)" },
|
|
9
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,712.993,2837.5)" },
|
|
10
|
-
react_1.default.createElement("g", null,
|
|
11
|
-
react_1.default.createElement("path", { d: "M18,65L18,60.256C18,56.689 18.36,55.396 19.034,54.093C19.684,52.815 20.704,51.761 21.961,51.069C23.222,50.37 24.474,50 27.925,50L68.075,50C71.526,50 72.778,50.371 74.039,51.069C75.296,51.761 76.316,52.815 76.966,54.093C77.64,55.396 78,56.689 78,60.256L78,65M45,40L45,50M15,66L24,66M36,66L60,66M72,66L81,66", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
12
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,712.993,2837.5)" },
|
|
13
|
-
react_1.default.createElement("g", null,
|
|
14
|
-
react_1.default.createElement("circle", { cx: "30", cy: "66", r: "6", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
15
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,712.993,2837.5)" },
|
|
16
|
-
react_1.default.createElement("g", null,
|
|
17
|
-
react_1.default.createElement("circle", { cx: "66", cy: "66", r: "6", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
18
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,712.993,2837.5)" },
|
|
19
|
-
react_1.default.createElement("g", null,
|
|
20
|
-
react_1.default.createElement("path", { d: "M38.838,40L53.584,40C58.122,40 62.287,42.574 64.317,46.633L66,50L27,50L27.07,49.647C28.188,44.058 33.14,39.999 38.839,40L38.838,40Z", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" })))))); };
|
|
21
|
-
exports.default = CarsIcon;
|
|
22
|
-
//# sourceMappingURL=CarsIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CarsIcon.js","sourceRoot":"","sources":["../../../src/Assets/Icons/CarsIcon.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AAGjD,IAAM,QAAQ,GAAiB,cAAM,OAAA,CACnC,uCACE,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,eAAe;IAEnC,qCAAG,SAAS,EAAC,gCAAgC;QAC3C,qCAAG,SAAS,EAAC,gCAAgC;YAC3C;gBACE,wCACE,CAAC,EAAC,mTAAmT,EACrT,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,gCAAgC;YAC3C;gBACE,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,gCAAgC;YAC3C;gBACE,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,gCAAgC;YAC3C;gBACE,wCACE,CAAC,EAAC,qIAAqI,EACvI,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF,CACF,CACA,CACP,EAzDoC,CAyDpC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
|
@@ -1,25 +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 react_1 = __importDefault(require("react"));
|
|
7
|
-
var MotorcyclesIcon = function () { return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "100%", width: "100%", viewBox: "0 0 75 75", preserveAspectRatio: "xMidYMid meet" },
|
|
8
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-801.509,-3012)" },
|
|
9
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
10
|
-
react_1.default.createElement("g", { transform: "matrix(0.665884,0,0,0.196314,620.986,327.444)" },
|
|
11
|
-
react_1.default.createElement("rect", { x: "271.103", y: "2685.95", width: "112.632", height: "108.414", fill: "none" }))),
|
|
12
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
13
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,790.509,850.62)" },
|
|
14
|
-
react_1.default.createElement("path", { d: "M19,39L27,37L27,41L44,46L49,41L65,41L65,33C73,34.333 77,39 77,47C65.667,50.333 59.667,57.667 59,69L39,69L39,54L18.032,40.325L19,39Z", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
15
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
16
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,790.509,850.62)" },
|
|
17
|
-
react_1.default.createElement("circle", { cx: "25", cy: "64", r: "8", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
18
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
19
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,790.509,850.62)" },
|
|
20
|
-
react_1.default.createElement("circle", { cx: "72", cy: "64", r: "8", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
21
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
22
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,790.509,850.62)" },
|
|
23
|
-
react_1.default.createElement("path", { d: "M39.002,56L25,62L25,64L39.002,64M43,64L56,64M72.5,65.5L67,52M61,41L58,32L52,32M66,41L71,41M63,50L50,50", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" })))))); };
|
|
24
|
-
exports.default = MotorcyclesIcon;
|
|
25
|
-
//# sourceMappingURL=MotorcyclesIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MotorcyclesIcon.js","sourceRoot":"","sources":["../../../src/Assets/Icons/MotorcyclesIcon.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AAGjD,IAAM,eAAe,GAAwB,cAAM,OAAA,CACjD,uCACE,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,eAAe;IAEnC,qCAAG,SAAS,EAAC,gCAAgC;QAC3C,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,+CAA+C;gBAC1D,wCACE,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,MAAM,GACX,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,uCAAuC;gBAClD,wCACE,CAAC,EAAC,qIAAqI,EACvI,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,uCAAuC;gBAClD,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,uCAAuC;gBAClD,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,uCAAuC;gBAClD,wCACE,CAAC,EAAC,wGAAwG,EAC1G,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF,CACF,CACA,CACP,EApEkD,CAoElD,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -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 react_1 = __importDefault(require("react"));
|
|
7
|
-
var OtherIcon = function () { return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "100%", width: "100%", viewBox: "0 0 75 75", preserveAspectRatio: "xMidYMid meet" },
|
|
8
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-957.541,-3012)" },
|
|
9
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,947.041,3001.5)" },
|
|
10
|
-
react_1.default.createElement("g", null,
|
|
11
|
-
react_1.default.createElement("circle", { cx: "48", cy: "76", r: "4", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
12
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,947.041,3001.5)" },
|
|
13
|
-
react_1.default.createElement("g", null,
|
|
14
|
-
react_1.default.createElement("path", { d: "M48,65L48,56C56.284,56 63,49.284 63,41C63,32.716 56.284,26 48,26C39.716,26 33,32.716 33,41", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
15
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,947.041,3001.5)" },
|
|
16
|
-
react_1.default.createElement("g", null,
|
|
17
|
-
react_1.default.createElement("path", { d: "M33.578,66.996C26.018,62.098 21,53.465 21,43.632C21,28.372 33.088,16 48,16C62.912,16 75,28.371 75,43.632C75,53.465 69.981,62.098 62.422,66.996", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" })))))); };
|
|
18
|
-
exports.default = OtherIcon;
|
|
19
|
-
//# sourceMappingURL=OtherIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OtherIcon.js","sourceRoot":"","sources":["../../../src/Assets/Icons/OtherIcon.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AAGjD,IAAM,SAAS,GAAkB,cAAM,OAAA,CACrC,uCACE,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,eAAe;IAEnC,qCAAG,SAAS,EAAC,gCAAgC;QAC3C,qCAAG,SAAS,EAAC,gCAAgC;YAC3C;gBACE,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,gCAAgC;YAC3C;gBACE,wCACE,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,gCAAgC;YAC3C;gBACE,wCACE,CAAC,EAAC,gJAAgJ,EAClJ,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF,CACF,CACA,CACP,EA7CsC,CA6CtC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -1,43 +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 react_1 = __importDefault(require("react"));
|
|
7
|
-
var TrucksIcon = function () { return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "100%", width: "100%", viewBox: "0 0 75 75", preserveAspectRatio: "xMidYMid meet" },
|
|
8
|
-
react_1.default.createElement("rect", { id: "Artboard1", x: "0", y: "0", width: "75", height: "75", fill: "none" }),
|
|
9
|
-
react_1.default.createElement("clipPath", { id: "_clip1" },
|
|
10
|
-
react_1.default.createElement("rect", { id: "Artboard11", x: "0", y: "0", width: "75", height: "75" })),
|
|
11
|
-
react_1.default.createElement("g", { clipPath: "url(#_clip1)" },
|
|
12
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
13
|
-
react_1.default.createElement("g", null,
|
|
14
|
-
react_1.default.createElement("path", { d: "M43,66L48,66M54.086,66L58,66M57,66L67,66", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
15
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
16
|
-
react_1.default.createElement("g", null,
|
|
17
|
-
react_1.default.createElement("path", { d: "M76,66L84,66L84,53C84,52.451 83.549,52 83,52L78,52M54,55L54,31L13,31L13,55L54,55ZM13,56L13,66M54,56L54,66", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
18
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
19
|
-
react_1.default.createElement("g", null,
|
|
20
|
-
react_1.default.createElement("path", { d: "M28,66L33,66M12,66L19,66", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
21
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
22
|
-
react_1.default.createElement("g", null,
|
|
23
|
-
react_1.default.createElement("circle", { cx: "38", cy: "66", r: "5", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
24
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
25
|
-
react_1.default.createElement("g", null,
|
|
26
|
-
react_1.default.createElement("circle", { cx: "23", cy: "66", r: "5", style: { fill: 'none', stroke: 'black', strokeWidth: '2px' } }))),
|
|
27
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
28
|
-
react_1.default.createElement("g", null,
|
|
29
|
-
react_1.default.createElement("circle", { cx: "71", cy: "66", r: "5", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
30
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
31
|
-
react_1.default.createElement("g", null,
|
|
32
|
-
react_1.default.createElement("path", { d: "M70.309,40L69,40L69,45.308C69,47.7 69.214,48.581 69.683,49.458C70.112,50.26 70.74,50.888 71.541,51.317C72.419,51.787 73.301,52 75.691,52L77,52L77,46.692C77,44.3 76.786,43.419 76.317,42.542C75.898,41.75 75.251,41.102 74.459,40.683C73.581,40.213 72.699,40 70.309,40Z", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
33
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
34
|
-
react_1.default.createElement("g", null,
|
|
35
|
-
react_1.default.createElement("path", { d: "M69,40L59,40L59,66", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
36
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
37
|
-
react_1.default.createElement("g", null,
|
|
38
|
-
react_1.default.createElement("path", { d: "M69,56L66,56C64.903,56 64,55.097 64,54L64,35C64,33.903 63.097,33 62,33L61,33M48,64L54,64L54,68L48,68L48,64ZM80,63L80,55", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
39
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-10.5,-13.5)" },
|
|
40
|
-
react_1.default.createElement("g", null,
|
|
41
|
-
react_1.default.createElement("path", { d: "M33.5,51L33.5,39", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "33px", strokeDasharray: "2,3" })))))); };
|
|
42
|
-
exports.default = TrucksIcon;
|
|
43
|
-
//# sourceMappingURL=TrucksIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TrucksIcon.js","sourceRoot":"","sources":["../../../src/Assets/Icons/TrucksIcon.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AAGjD,IAAM,UAAU,GAAmB,cAAM,OAAA,CACvC,uCACE,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,eAAe;IAEnC,wCAAM,EAAE,EAAC,WAAW,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAG;IACtE,4CAAU,EAAE,EAAC,QAAQ;QACnB,wCAAM,EAAE,EAAC,YAAY,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAClD;IACX,qCAAG,QAAQ,EAAC,cAAc;QACxB,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,wCACE,CAAC,EAAC,0CAA0C,EAC5C,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,wCACE,CAAC,EAAC,2GAA2G,EAC7G,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,wCACE,CAAC,EAAC,0BAA0B,EAC5B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAC5D,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,wCACE,CAAC,EAAC,0QAA0Q,EAC5Q,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,wCACE,CAAC,EAAC,oBAAoB,EACtB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,wCACE,CAAC,EAAC,yHAAyH,EAC3H,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,6BAA6B;YACxC;gBACE,wCACE,CAAC,EAAC,kBAAkB,EACpB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,MAAM,EAClB,eAAe,EAAC,KAAK,GACrB,CACA,CACF,CACF,CACA,CACP,EA7HwC,CA6HxC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
package/Assets/Icons/VansIcon.js
DELETED
|
@@ -1,31 +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 react_1 = __importDefault(require("react"));
|
|
7
|
-
var VansIcon = function () { return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "100%", width: "100%", viewBox: "0 0 75 75", preserveAspectRatio: "xMidYMid meet" },
|
|
8
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-1035.56,-2856)" },
|
|
9
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
10
|
-
react_1.default.createElement("g", { transform: "matrix(0.665884,0,0,0.196314,855.034,283.175)" },
|
|
11
|
-
react_1.default.createElement("rect", { x: "271.103", y: "2685.95", width: "112.632", height: "108.414", fill: "none" }))),
|
|
12
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
13
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,1024.56,805.784)" },
|
|
14
|
-
react_1.default.createElement("path", { d: "M36,66L62,66M74,66L81,66", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
15
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
16
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,1024.56,805.784)" },
|
|
17
|
-
react_1.default.createElement("path", { d: "M78,66L78,54M57,66L57,40C57,37.806 55.194,36 53,36L19,36L19,66", style: { fill: 'none', stroke: 'black', strokeWidth: '2px' } }))),
|
|
18
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
19
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,1024.56,805.784)" },
|
|
20
|
-
react_1.default.createElement("path", { d: "M16,66L24,66M22,50L53,50M71.309,40L65,40L65,48.308C65,50.7 65.214,51.581 65.683,52.458C66.112,53.26 66.74,53.888 67.541,54.317C68.419,54.787 69.301,55 71.691,55L78,55L78,46.692C78,44.3 77.786,43.419 77.317,42.542C76.898,41.75 76.251,41.102 75.459,40.683C74.581,40.213 73.699,40 71.309,40Z", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
21
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
22
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,1024.56,805.784)" },
|
|
23
|
-
react_1.default.createElement("circle", { cx: "30", cy: "66", r: "6", fill: "none", stroke: "black", strokeWidth: "2px" }))),
|
|
24
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
25
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,1024.56,805.784)" },
|
|
26
|
-
react_1.default.createElement("circle", { cx: "68", cy: "66", r: "6", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" }))),
|
|
27
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,3.5239,0,0)" },
|
|
28
|
-
react_1.default.createElement("g", { transform: "matrix(1,0,0,0.283777,1024.56,805.784)" },
|
|
29
|
-
react_1.default.createElement("path", { d: "M57,40L65,40", fill: "none", fillRule: "nonzero", stroke: "black", strokeWidth: "2px" })))))); };
|
|
30
|
-
exports.default = VansIcon;
|
|
31
|
-
//# sourceMappingURL=VansIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VansIcon.js","sourceRoot":"","sources":["../../../src/Assets/Icons/VansIcon.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AAGjD,IAAM,QAAQ,GAAiB,cAAM,OAAA,CACnC,uCACE,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,eAAe;IAEnC,qCAAG,SAAS,EAAC,gCAAgC;QAC3C,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,+CAA+C;gBAC1D,wCACE,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,MAAM,GACX,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,wCAAwC;gBACnD,wCACE,CAAC,EAAC,0BAA0B,EAC5B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,wCAAwC;gBACnD,wCACE,CAAC,EAAC,gEAAgE,EAClE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAC5D,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,wCAAwC;gBACnD,wCACE,CAAC,EAAC,kSAAkS,EACpS,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,wCAAwC;gBACnD,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,wCAAwC;gBACnD,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF;QACJ,qCAAG,SAAS,EAAC,0BAA0B;YACrC,qCAAG,SAAS,EAAC,wCAAwC;gBACnD,wCACE,CAAC,EAAC,cAAc,EAChB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,GACjB,CACA,CACF,CACF,CACA,CACP,EAxFoC,CAwFpC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
package/Assets/Icons/icons.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const icons: {
|
|
3
|
-
other: import("react").FunctionComponent<{}>;
|
|
4
|
-
van: import("react").FunctionComponent<{}>;
|
|
5
|
-
car: import("react").FunctionComponent<{}>;
|
|
6
|
-
motorcycle: import("react").FunctionComponent<{}>;
|
|
7
|
-
truck: import("react").FunctionComponent<{}>;
|
|
8
|
-
};
|
|
9
|
-
export declare type IIcons = typeof icons;
|
|
10
|
-
export default icons;
|
package/Assets/Icons/icons.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 OtherIcon_1 = __importDefault(require("./OtherIcon"));
|
|
7
|
-
var VansIcon_1 = __importDefault(require("./VansIcon"));
|
|
8
|
-
var CarsIcon_1 = __importDefault(require("./CarsIcon"));
|
|
9
|
-
var MotorcyclesIcon_1 = __importDefault(require("./MotorcyclesIcon"));
|
|
10
|
-
var TrucksIcon_1 = __importDefault(require("./TrucksIcon"));
|
|
11
|
-
var icons = {
|
|
12
|
-
other: OtherIcon_1.default,
|
|
13
|
-
van: VansIcon_1.default,
|
|
14
|
-
car: CarsIcon_1.default,
|
|
15
|
-
motorcycle: MotorcyclesIcon_1.default,
|
|
16
|
-
truck: TrucksIcon_1.default,
|
|
17
|
-
};
|
|
18
|
-
exports.default = icons;
|
|
19
|
-
//# sourceMappingURL=icons.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/Assets/Icons/icons.ts"],"names":[],"mappings":";;;;;AAAA,0DAAoC;AACpC,wDAAkC;AAClC,wDAAkC;AAClC,sEAAgD;AAChD,4DAAsC;AAEtC,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,mBAAS;IAChB,GAAG,EAAE,kBAAQ;IACb,GAAG,EAAE,kBAAQ;IACb,UAAU,EAAE,yBAAe;IAC3B,KAAK,EAAE,oBAAU;CAClB,CAAC;AAIF,kBAAe,KAAK,CAAC"}
|