@mvf/external-components 3.18.1-dev.3 → 3.18.1-dev.5
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/Components/Atoms/CardButton/defaultProps.d.ts +0 -1
- package/Components/Atoms/CardButton/defaultProps.js +0 -1
- package/Components/Atoms/CardButton/defaultProps.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +3 -3
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.d.ts +1 -0
- package/Components/Molecules/CheckBox/CheckBoxStory.js +2 -2
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +1 -0
- package/Components/Molecules/CheckBox/defaultProps.d.ts +1 -0
- package/Components/Molecules/CheckBox/defaultProps.js +1 -0
- package/Components/Molecules/CheckBox/defaultProps.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.d.ts +2 -2
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js +2 -2
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts +1 -0
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +1 -0
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/defaultProps.d.ts +1 -0
- package/Components/Molecules/IconTileCheckBox/defaultProps.js +1 -0
- package/Components/Molecules/IconTileCheckBox/defaultProps.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -41,7 +41,7 @@ var browserAndDeviceDetection_1 = require("../../../Helpers/browserAndDeviceDete
|
|
|
41
41
|
var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers");
|
|
42
42
|
var makeCheckBoxStyling_1 = __importStar(require("./makeCheckBoxStyling"));
|
|
43
43
|
var CheckBox = function (_a) {
|
|
44
|
-
var showText = _a.showText, Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, text = _a.text, textAlign = _a.textAlign, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox;
|
|
44
|
+
var showText = _a.showText, Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, text = _a.text, textAlign = _a.textAlign, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled;
|
|
45
45
|
var _b = (0, react_1.useState)(selected), isSelected = _b[0], setIsSelected = _b[1];
|
|
46
46
|
var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
47
47
|
var _d = (0, react_1.useState)(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
|
|
@@ -107,11 +107,11 @@ var CheckBox = function (_a) {
|
|
|
107
107
|
var renderOtherInput = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, children: (0, jsx_runtime_1.jsx)(Box_1.default, { css: styles.otherInput, marginRight: isIconPresent ? '45px' : '1.2rem', children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherInputTextfield:".concat(id), id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, experimentName: experimentName, disabled: hideCheckbox }) }) })); };
|
|
108
108
|
var renderTextContent = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, "data-testid": "".concat(textAlign, "Text:").concat(id), children: (0, jsx_runtime_1.jsx)(Box_1.default, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { variant: "listItem", align: textAlignBasedOnCheckbox, experimentName: experimentName, children: text }) }) })); };
|
|
109
109
|
var renderIcon = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: location === 'center' ? styles.centerIcon : styles.leftIcon, children: (0, jsx_runtime_1.jsx)("div", { css: styles.imgDiv, "data-testid": "".concat(location, "CheckboxIcon"), children: Icon }) })); };
|
|
110
|
-
var renderCheckbox = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: location === 'right' && styles.checkboxContainerRight, children: !hideCheckbox && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "checkbox-".concat(id), css: location === 'left' && styles.checkbox, checked: isSelected, onClick: function (event) { return event.preventDefault(); }, color: "primary", "data-testid": "".concat(location, "Checkbox:").concat(id), 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(); } })) })); };
|
|
110
|
+
var renderCheckbox = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: location === 'right' && styles.checkboxContainerRight, children: !hideCheckbox && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "checkbox-".concat(id), css: location === 'left' && styles.checkbox, checked: isSelected, onClick: function (event) { return event.preventDefault(); }, color: "primary", "data-testid": "".concat(location, "Checkbox:").concat(id), 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(); }, disabled: disabled })) })); };
|
|
111
111
|
var renderRightPlaceholder = function () {
|
|
112
112
|
return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: (0, makeCheckBoxStyling_1.getPlaceholderStyles)(textAlign === 'center', isIconPresent) }));
|
|
113
113
|
};
|
|
114
|
-
return ((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, disabled:
|
|
114
|
+
return ((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, disabled: disabled, children: (0, jsx_runtime_1.jsxs)(Grid_1.default, { container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap", children: [(0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, alignItems: "center", css: styles.innerGrid, children: showText ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isIconPresent ? renderIcon('left') : renderCheckbox('left'), isOtherInputPresent ? renderOtherInput() : renderTextContent(), (textAlign === 'center' || isIconPresent) &&
|
|
115
115
|
renderRightPlaceholder()] })) : (renderIcon('center')) }), isIconPresent && isSelected && renderCheckbox('right')] }) }));
|
|
116
116
|
};
|
|
117
117
|
CheckBox.defaultProps = defaultProps_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,oEAAgD;AAChD,4DAAwC;AACxC,0DAAsC;AACtC,+BAA2D;AAC3D,0FAAoE;AAEpE,iFAA2D;AAE3D,0DAAoC;AACpC,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,2EAE+B;AAO/B,IAAM,QAAQ,GAAiB,UAAC,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessagePr
|
|
|
10
10
|
var CheckBox_1 = __importDefault(require("./CheckBox"));
|
|
11
11
|
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
12
12
|
var CheckBoxStory = function (_a) {
|
|
13
|
-
var error = _a.error, showText = _a.showText, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, text = _a.text, parentContainerWidth = _a.parentContainerWidth, selected = _a.selected, textAlign = _a.textAlign, hideCheckbox = _a.hideCheckbox;
|
|
13
|
+
var error = _a.error, showText = _a.showText, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, text = _a.text, parentContainerWidth = _a.parentContainerWidth, selected = _a.selected, textAlign = _a.textAlign, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled;
|
|
14
14
|
var handleClick = function (_a) {
|
|
15
15
|
var id = _a.id;
|
|
16
16
|
(0, addon_actions_1.action)('Click')({ id: id, selected: selected });
|
|
@@ -19,7 +19,7 @@ var CheckBoxStory = function (_a) {
|
|
|
19
19
|
(0, addon_actions_1.action)('Key down')(event);
|
|
20
20
|
};
|
|
21
21
|
var Icon = iconType === 'none' ? undefined : ((0, jsx_runtime_1.jsx)("img", { src: svgs_1.default[iconType], alt: "optionImage" }));
|
|
22
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { width: "".concat(parentContainerWidth, "px") }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { showText: showText, Icon: Icon, id: 'id', experimentName: "default", onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError, textAlign: textAlign, hideCheckbox: hideCheckbox }) }) }) }));
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { width: "".concat(parentContainerWidth, "px") }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { showText: showText, Icon: Icon, id: 'id', experimentName: "default", onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError, textAlign: textAlign, hideCheckbox: hideCheckbox, disabled: disabled }) }) }) }));
|
|
23
23
|
};
|
|
24
24
|
exports.default = CheckBoxStory;
|
|
25
25
|
//# sourceMappingURL=CheckBoxStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAyC;AACzC,0DAAkD;AAElD,+GAAyF;AACzF,wDAAkC;AAElC,mEAAwD;
|
|
1
|
+
{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAyC;AACzC,0DAAkD;AAElD,+GAAyF;AACzF,wDAAkC;AAElC,mEAAwD;AAgBxD,IAAM,aAAa,GAAsB,UAAC,EAYzC;QAXC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,UAAC,EAA+B;YAA7B,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,IAAI,GACR,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAChC,gCAAK,GAAG,EAAE,cAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAC,aAAa,GAAG,CAC/C,CAAC;IAEJ,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,oBAAoB,OAAI,EAAE,YAChD,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,YAExB,uBAAC,cAAO,IAAC,IAAI,kBACX,uBAAC,kBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,cAAc,EAAC,SAAS,EACxB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,GACM,GACW,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
|
@@ -6,6 +6,7 @@ export interface ICheckBoxCallbackParams {
|
|
|
6
6
|
interface ICheckboxProps {
|
|
7
7
|
showText: boolean;
|
|
8
8
|
hideCheckbox?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
9
10
|
Icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
|
|
10
11
|
id: string;
|
|
11
12
|
isOtherOption: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,MAA2B;IACtC,YAAY,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,MAA2B;IACtC,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -19,7 +19,7 @@ var DropDownSelect = function (_a) {
|
|
|
19
19
|
var children = _a.children, disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, label = _a.label, onChange = _a.onChange, onClick = _a.onClick, onBlur = _a.onBlur, value = _a.value, inputRef = _a.inputRef, experimentName = _a.experimentName;
|
|
20
20
|
var styles = (0, makeDropDownSelectStyling_1.default)({
|
|
21
21
|
isIconPresent: iconType !== 'none',
|
|
22
|
-
|
|
22
|
+
isDisabled: disabled,
|
|
23
23
|
isError: !!errorMessage,
|
|
24
24
|
});
|
|
25
25
|
var StyledInputLabel = (0, styled_1.default)(InputLabel_1.default)(styles.label);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gEAA0C;AAC1C,8EAAwD;AACxD,sFAAgE;AAChE,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0FAAoE;AACpE,2DAAqC;AACrC,wCAAwC;AAQxC,IAAM,cAAc,GAAuB,UAAC,EAa3C;QAZC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,IAAM,MAAM,GAAG,IAAA,mCAAyB,EAAC;QACvC,aAAa,EAAE,QAAQ,KAAK,MAAM;QAClC,
|
|
1
|
+
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gEAA0C;AAC1C,8EAAwD;AACxD,sFAAgE;AAChE,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0FAAoE;AACpE,2DAAqC;AACrC,wCAAwC;AAQxC,IAAM,cAAc,GAAuB,UAAC,EAa3C;QAZC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,IAAM,MAAM,GAAG,IAAA,mCAAyB,EAAC;QACvC,aAAa,EAAE,QAAQ,KAAK,MAAM;QAClC,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC,CAAC,YAAY;KACxB,CAAC,CAAC;IACH,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,IAAM,iBAAiB,GAAG,IAAA,gBAAM,EAAC,qBAAW,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAElE,IAAM,YAAY,GAAG,CACnB,uBAAC,eAAK,IACJ,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACpD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAiB,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,aACrE,KAAK,KAAK,EAAE,IAAI,CACf,uBAAC,gBAAgB,IACf,OAAO,EAAE,EAAE,EACX,MAAM,EAAE,KAAK,EACb,cAAc,EAAE,cAAc,YAE7B,KAAK,GACW,CACpB,EACD,uBAAC,gBAAM,IACL,OAAO,EAAC,UAAU,EAClB,aAAa,EAAE,oBAAU,EACzB,SAAS,EAAE;oBACT,OAAO,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;iBACrC,EACD,KAAK,EAAE,YAAY,YAElB,QAAQ,GACF,EACR,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,EAChE,uBAAC,cAAM,IAAC,MAAM,EAAE,MAAM,CAAC,SAAS,GAAI,IAClB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE3C,kBAAe,cAAc,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
interface IDropDownSelectStyleProps {
|
|
2
2
|
isIconPresent: boolean;
|
|
3
|
-
|
|
3
|
+
isDisabled: boolean;
|
|
4
4
|
isError: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const useDropDownSelectStyles: ({ isIconPresent,
|
|
6
|
+
declare const useDropDownSelectStyles: ({ isIconPresent, isDisabled, isError, }: IDropDownSelectStyleProps) => {
|
|
7
7
|
listItems: import("@emotion/react").SerializedStyles;
|
|
8
8
|
formControl: import("@emotion/react").SerializedStyles;
|
|
9
9
|
label: import("@emotion/react").SerializedStyles;
|
|
@@ -15,7 +15,7 @@ var react_1 = require("@emotion/react");
|
|
|
15
15
|
var material_1 = require("@mui/material");
|
|
16
16
|
var useDropDownSelectStyles = function (_a) {
|
|
17
17
|
var _b;
|
|
18
|
-
var isIconPresent = _a.isIconPresent,
|
|
18
|
+
var isIconPresent = _a.isIconPresent, isDisabled = _a.isDisabled, isError = _a.isError;
|
|
19
19
|
var theme = (0, react_1.useTheme)();
|
|
20
20
|
return {
|
|
21
21
|
listItems: (0, react_1.css)({
|
|
@@ -65,7 +65,7 @@ var useDropDownSelectStyles = function (_a) {
|
|
|
65
65
|
},
|
|
66
66
|
'& .MuiSelect-icon': __assign(__assign({}, (isError && {
|
|
67
67
|
color: theme.mvf.palette.status.error,
|
|
68
|
-
})), (
|
|
68
|
+
})), (isDisabled && {
|
|
69
69
|
color: 'rgb(225, 225, 225)',
|
|
70
70
|
})),
|
|
71
71
|
'& .MuiInputBase-root': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeDropDownSelectStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAQxC,IAAM,uBAAuB,GAAG,UAAC,EAIL;;QAH1B,aAAa,mBAAA,EACb,
|
|
1
|
+
{"version":3,"file":"makeDropDownSelectStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.ts"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers"
|
|
|
17
17
|
var makeIconTileCheckBoxStyling_1 = __importDefault(require("./makeIconTileCheckBoxStyling"));
|
|
18
18
|
var material_1 = require("@mui/material");
|
|
19
19
|
var IconTileCheckBox = function (_a) {
|
|
20
|
-
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onChange = _a.onChange, onClick = _a.onClick, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, showText = _a.showText, text = _a.text, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox;
|
|
20
|
+
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onChange = _a.onChange, onClick = _a.onClick, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, showText = _a.showText, text = _a.text, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled;
|
|
21
21
|
var _b = (0, react_1.useState)(selected), isSelected = _b[0], setIsSelected = _b[1];
|
|
22
22
|
var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
23
23
|
var _d = (0, react_1.useState)(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
|
|
@@ -86,7 +86,7 @@ var IconTileCheckBox = function (_a) {
|
|
|
86
86
|
otherInputRef.current.focus();
|
|
87
87
|
}
|
|
88
88
|
}, [isSelected]);
|
|
89
|
-
return ((0, jsx_runtime_1.jsxs)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, disabled:
|
|
89
|
+
return ((0, jsx_runtime_1.jsxs)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, disabled: disabled, children: [!hideCheckbox && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "checkbox-".concat(id), css: styles.checkbox, checked: isSelected, icon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: true }), disabled: disabled })), (0, jsx_runtime_1.jsxs)(material_1.Box, { css: styles.container, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.icon, children: (0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.imgDiv, children: Icon }) }), isTextfield ? ((0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.otherInput, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherInputTextfield:".concat(id), id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, experimentName: experimentName, disabled: hideCheckbox }) })) : (showText && ((0, jsx_runtime_1.jsx)(Text_1.default, { "data-testid": "text", variant: "tileItem", experimentName: experimentName, children: text })))] })] }));
|
|
90
90
|
};
|
|
91
91
|
IconTileCheckBox.defaultProps = defaultProps_1.default;
|
|
92
92
|
exports.default = IconTileCheckBox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,oEAAgD;AAChD,+BAA2D;AAC3D,0FAAoE;AAGpE,iFAA2D;AAC3D,0DAAoC;AACpC,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,8FAAwE;AACxE,0CAAoC;AAOpC,IAAM,gBAAgB,GAAyB,UAAC,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ type IconTileCheckBoxStoryType = React.FunctionComponent<{
|
|
|
12
12
|
text: string;
|
|
13
13
|
parentContainerWidth: number;
|
|
14
14
|
parentContainerHeight: string;
|
|
15
|
+
disabled: boolean;
|
|
15
16
|
}>;
|
|
16
17
|
declare const IconTileCheckBoxStory: IconTileCheckBoxStoryType;
|
|
17
18
|
export default IconTileCheckBoxStory;
|
|
@@ -9,7 +9,7 @@ var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
|
9
9
|
var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
|
|
10
10
|
var IconTileCheckBox_1 = __importDefault(require("./IconTileCheckBox"));
|
|
11
11
|
var IconTileCheckBoxStory = function (_a) {
|
|
12
|
-
var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, selected = _a.selected, showText = _a.showText, hideCheckbox = _a.hideCheckbox, parentContainerWidth = _a.parentContainerWidth, parentContainerHeight = _a.parentContainerHeight;
|
|
12
|
+
var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, selected = _a.selected, showText = _a.showText, hideCheckbox = _a.hideCheckbox, parentContainerWidth = _a.parentContainerWidth, parentContainerHeight = _a.parentContainerHeight, disabled = _a.disabled;
|
|
13
13
|
var handleClick = function (_a) {
|
|
14
14
|
var id = _a.id;
|
|
15
15
|
(0, addon_actions_1.action)('Clicked')({ id: id, selected: selected });
|
|
@@ -18,7 +18,7 @@ var IconTileCheckBoxStory = function (_a) {
|
|
|
18
18
|
(0, addon_actions_1.action)('Key down')(event);
|
|
19
19
|
};
|
|
20
20
|
var imageSrc = svgs_1.default[iconType];
|
|
21
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth, height: parentContainerHeight }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'exampleId', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, showText: showText, hideCheckbox: hideCheckbox, isOtherOption: isOtherOption, otherInputError: otherInputError, otherInputValue: otherInputValue, experimentName: "default" }) }) }));
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth, height: parentContainerHeight }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'exampleId', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, showText: showText, hideCheckbox: hideCheckbox, isOtherOption: isOtherOption, otherInputError: otherInputError, otherInputValue: otherInputValue, experimentName: "default", disabled: disabled }) }) }));
|
|
22
22
|
};
|
|
23
23
|
exports.default = IconTileCheckBoxStory;
|
|
24
24
|
//# sourceMappingURL=IconTileCheckBoxStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAElD,mEAAwD;AACxD,+GAAyF;AAEzF,wEAAkD;
|
|
1
|
+
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAElD,mEAAwD;AACxD,+GAAyF;AAEzF,wEAAkD;AAiBlD,IAAM,qBAAqB,GAA8B,UAAC,EAazD;QAZC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA,EACrB,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,UAAC,EAAuC;YAArC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,qBAAqB,EAAE,YACxE,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,YAExB,uBAAC,0BAAgB,IACf,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,QAAQ,GAClB,GACmB,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|