@mvf/external-components 1.11.8 → 1.12.1
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/CheckBoxQuestionSection/CheckBoxQuestionSectionStory.js +2 -2
- package/Applications/Chameleon/CheckBoxQuestionSection/CheckBoxQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/CheckBoxQuestionSection/useCheckBoxQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/CheckBoxQuestionSection/useCheckBoxQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/RadioIconQuestionSection/RadioIconQuestionSectionStory.js +2 -2
- package/Applications/Chameleon/RadioIconQuestionSection/RadioIconQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/RadioIconQuestionSection/useRadioIconQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/RadioIconQuestionSection/useRadioIconQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/TextFieldQuestionSectionStory.js +2 -2
- package/Applications/Chameleon/TextFieldQuestionSection/TextFieldQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/TextFieldQuestionSection/useTextFieldQuestionSectionStyles.js +2 -2
- package/Applications/Chameleon/TextFieldQuestionSection/useTextFieldQuestionSectionStyles.js.map +1 -1
- package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.js +1 -1
- package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.js.map +1 -1
- package/Applications/Chameleon/ThankYouSection/useThankYouSectionStyles.js +2 -2
- package/Applications/Chameleon/ThankYouSection/useThankYouSectionStyles.js.map +1 -1
- package/Components/Atoms/Button/Button.js +1 -1
- package/Components/Atoms/Button/Button.js.map +1 -1
- package/Components/Atoms/Button/Button.test.js +5 -5
- package/Components/Atoms/Button/Button.test.js.map +1 -1
- package/Components/Atoms/Button/ButtonStory.js +1 -1
- package/Components/Atoms/Button/ButtonStory.js.map +1 -1
- package/Components/Atoms/Button/useButtonClasses.js +3 -3
- package/Components/Atoms/Button/useButtonClasses.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.js +2 -2
- package/Components/Atoms/CardButton/CardButton.js.map +1 -1
- package/Components/Atoms/CardButton/CardButton.test.js +1 -1
- package/Components/Atoms/CardButton/CardButton.test.js.map +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.js +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/useCardButtonClasses.js +3 -3
- package/Components/Atoms/CardButton/useCardButtonClasses.js.map +1 -1
- package/Components/Atoms/CircularProgress/CircularProgress.js +1 -1
- package/Components/Atoms/CircularProgress/CircularProgress.js.map +1 -1
- package/Components/Atoms/CircularProgress/useCircularProgressClasses.js +2 -2
- package/Components/Atoms/CircularProgress/useCircularProgressClasses.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.js +2 -2
- package/Components/Atoms/ErrorMessage/ErrorMessage.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.test.js +2 -2
- package/Components/Atoms/ErrorMessage/ErrorMessage.test.js.map +1 -1
- package/Components/Atoms/ErrorMessage/useErrorMessageStyles.js +2 -2
- package/Components/Atoms/ErrorMessage/useErrorMessageStyles.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +5 -5
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
- package/Components/Atoms/IFrameWrapper/IFrameWrapper.js +1 -1
- package/Components/Atoms/IFrameWrapper/IFrameWrapper.js.map +1 -1
- package/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.js +2 -2
- package/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.js.map +1 -1
- package/Components/Atoms/IconButton/IconButton.js +1 -1
- package/Components/Atoms/IconButton/IconButton.js.map +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Components/Atoms/IconButton/useIconButtonClasses.js +3 -3
- package/Components/Atoms/IconButton/useIconButtonClasses.js.map +1 -1
- package/Components/Atoms/Link/Link.js +1 -1
- package/Components/Atoms/Link/Link.js.map +1 -1
- package/Components/Atoms/Link/Link.test.js +2 -2
- package/Components/Atoms/Link/Link.test.js.map +1 -1
- package/Components/Atoms/Link/LinkStory.js +1 -1
- package/Components/Atoms/Link/LinkStory.js.map +1 -1
- package/Components/Atoms/Link/useLinkClasses.js +2 -2
- package/Components/Atoms/Link/useLinkClasses.js.map +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.test.js +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.test.js.map +1 -1
- package/Components/Atoms/Modal/Modal.js +1 -1
- package/Components/Atoms/Modal/Modal.js.map +1 -1
- package/Components/Atoms/Modal/Modal.test.js +2 -2
- package/Components/Atoms/Modal/Modal.test.js.map +1 -1
- package/Components/Atoms/Modal/useModalClasses.js +2 -2
- package/Components/Atoms/Modal/useModalClasses.js.map +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.test.js +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.test.js.map +1 -1
- package/Components/Atoms/Slide/SlideStory.js +1 -1
- package/Components/Atoms/Slide/SlideStory.js.map +1 -1
- package/Components/Atoms/Text/Text.js +1 -1
- package/Components/Atoms/Text/Text.js.map +1 -1
- package/Components/Atoms/Text/Text.test.js +1 -1
- package/Components/Atoms/Text/Text.test.js.map +1 -1
- package/Components/Atoms/Text/makeTextStyles.js +2 -2
- package/Components/Atoms/Text/makeTextStyles.js.map +1 -1
- package/Components/Atoms/TextField/ITextFieldProps.d.ts +1 -1
- package/Components/Atoms/TextField/TextField.js +9 -5
- package/Components/Atoms/TextField/TextField.js.map +1 -1
- package/Components/Atoms/TextField/TextField.test.js +25 -9
- package/Components/Atoms/TextField/TextField.test.js.map +1 -1
- package/Components/Atoms/TextField/TextFieldStory.d.ts +1 -1
- package/Components/Atoms/TextField/TextFieldStory.js +2 -2
- package/Components/Atoms/TextField/TextFieldStory.js.map +1 -1
- package/Components/Atoms/TextField/useTextFieldStyles.js +2 -2
- package/Components/Atoms/TextField/useTextFieldStyles.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +4 -4
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +12 -12
- package/Components/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/useCheckBoxClasses.js +2 -2
- package/Components/Molecules/CheckBox/useCheckBoxClasses.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/DropDownSelect.test.js +3 -3
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/defaultProps.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js +2 -2
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +4 -4
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +11 -11
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.js +2 -2
- package/Components/Molecules/IconTileCheckBox/useIconTileCheckBoxClasses.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +3 -3
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +7 -7
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.js +2 -2
- package/Components/Molecules/IconTileRadioButton/useIconTileRadioButtonClasses.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.js +1 -1
- package/Components/Molecules/NavBar/NavBar.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.test.js +1 -1
- package/Components/Molecules/NavBar/NavBar.test.js.map +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js.map +1 -1
- package/Components/Molecules/NavBar/useNavBarClasses.js +2 -2
- package/Components/Molecules/NavBar/useNavBarClasses.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +3 -3
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +8 -8
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/useRadioButtonClasses.js +2 -2
- package/Components/Molecules/RadioButton/useRadioButtonClasses.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollArea.js +4 -4
- package/Components/Molecules/ScrollArea/ScrollArea.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollArea.test.js +3 -3
- package/Components/Molecules/ScrollArea/ScrollArea.test.js.map +1 -1
- package/Components/Molecules/ScrollArea/useScrollAreaClasses.js +2 -2
- package/Components/Molecules/ScrollArea/useScrollAreaClasses.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.test.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js +2 -2
- package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.js +2 -2
- package/Components/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.test.js +3 -3
- package/Components/Organisms/ListLayout/ListLayout.test.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayoutStory.js +2 -2
- package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
- package/Components/Organisms/ListLayout/useListLayoutStyles.js +2 -2
- package/Components/Organisms/ListLayout/useListLayoutStyles.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +8 -8
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.js +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +2 -2
- package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.js +2 -2
- package/Components/Organisms/TileLayout/TileLayout.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayoutStory.js +2 -2
- package/Components/Organisms/TileLayout/TileLayoutStory.js.map +1 -1
- package/Components/Organisms/TileLayout/useTileLayoutStyles.js +2 -2
- package/Components/Organisms/TileLayout/useTileLayoutStyles.js.map +1 -1
- package/Helpers/React/withTheme.js +1 -1
- package/Helpers/React/withTheme.js.map +1 -1
- package/Helpers/useDidUpdate.js +2 -2
- package/Helpers/useDidUpdate.js.map +1 -1
- package/Helpers/useThrottle.js +1 -1
- package/Helpers/useThrottle.js.map +1 -1
- package/Themes/defaultTheme.js +1 -1
- package/Themes/defaultTheme.js.map +1 -1
- package/Themes/startupsTheme.js +1 -1
- package/Themes/startupsTheme.js.map +1 -1
- package/Themes/techcoTheme.js +1 -1
- package/Themes/techcoTheme.js.map +1 -1
- package/Themes/themeCreator.js +2 -2
- package/Themes/themeCreator.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFrameWrapper.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IFrameWrapper/IFrameWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AACjD,0CAAmD;AAEnD,oFAA8D;AAI9D,IAAM,aAAa,GAAsB,UAAC,EAIzC;QAHC,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,aAAa,mBAAA;IAEb,IAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"IFrameWrapper.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IFrameWrapper/IFrameWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AACjD,0CAAmD;AAEnD,oFAA8D;AAI9D,IAAM,aAAa,GAAsB,UAAC,EAIzC;QAHC,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,aAAa,mBAAA;IAEb,IAAM,OAAO,GAAG,gCAAsB,CAAC,EAAE,aAAa,eAAA,EAAE,aAAa,eAAA,EAAE,CAAC,CAAC;IAEzE,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO,CAAC,OAAO;QAC7B,8BAAC,WAAM,IAAC,SAAS,QAAC,SAAS,EAAE,OAAO,CAAC,aAAa,EAAE,SAAS,EAAC,QAAQ,IACnE,QAAQ,CACF,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
|
@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var styles_1 = require("@material-ui/styles");
|
|
15
|
-
var useIFrameWrapperStyles =
|
|
16
|
-
return
|
|
15
|
+
var useIFrameWrapperStyles = styles_1.makeStyles(function (theme) {
|
|
16
|
+
return styles_1.createStyles({
|
|
17
17
|
gridContainer: function (_a) {
|
|
18
18
|
var includeBorder = _a.includeBorder;
|
|
19
19
|
return (__assign({ backgroundColor: theme.mvf.palette.background.main, height: '100%', overflow: 'hidden', position: 'relative' }, (includeBorder && {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIFrameWrapperStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAQ/D,IAAM,sBAAsB,GAAG,
|
|
1
|
+
{"version":3,"file":"useIFrameWrapperStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IFrameWrapper/useIFrameWrapperStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAQ/D,IAAM,sBAAsB,GAAG,mBAAU,CAGvC,UAAC,KAAK;IACN,OAAA,qBAAY,CAAC;QACX,aAAa,EAAE,UAAC,EAAiB;gBAAf,aAAa,mBAAA;YAAO,OAAA,YACpC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,EAClD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,IACjB,CAAC,aAAa,IAAI;gBACnB,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM;gBACrC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM;aACtC,CAAC,EACF;QAToC,CASpC;QACF,OAAO,EAAE,UAAC,EAAiB;gBAAf,aAAa,mBAAA;YAAO,OAAA,YAC9B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,EACxC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,EACtC,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,EACxC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,IACnC,CAAC,aAAa,IAAI;gBACnB,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,GAAG,EAAE;aAC9C,CAAC,EACF;QAT8B,CAS9B;KACH,CAAC;AArBF,CAqBE,CACH,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
|
|
@@ -28,7 +28,7 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
|
28
28
|
var useIconButtonClasses_1 = require("./useIconButtonClasses");
|
|
29
29
|
var IconButton = function (_a) {
|
|
30
30
|
var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick;
|
|
31
|
-
var classes =
|
|
31
|
+
var classes = useIconButtonClasses_1.useIconButtonClasses({ disabled: disabled });
|
|
32
32
|
var handleClick = function () {
|
|
33
33
|
onClick();
|
|
34
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAAuD;AAEvD,gEAA0C;AAE1C,+DAA8D;AAO9D,IAAM,UAAU,GAAmB,UAAC,EAA2B;QAAzB,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA;IAC3D,IAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAAuD;AAEvD,gEAA0C;AAE1C,+DAA8D;AAO9D,IAAM,UAAU,GAAmB,UAAC,EAA2B;QAAzB,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA;IAC3D,IAAM,OAAO,GAAG,2CAAoB,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IAEnD,IAAM,WAAW,GAAG;QAClB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,OAAO,CAAC,UAAU,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
|
@@ -30,7 +30,7 @@ var ButtonStartIconStory = function (_a) {
|
|
|
30
30
|
var disabled = _a.disabled, iconType = _a.iconType, children = _a.children;
|
|
31
31
|
var IconComponent = icons_1.default[iconType];
|
|
32
32
|
return (React.createElement("div", { style: { width: '50px', height: '50px' } },
|
|
33
|
-
React.createElement(IconButton_1.default, { disabled: disabled, icon: React.createElement(IconComponent, null), onClick:
|
|
33
|
+
React.createElement(IconButton_1.default, { disabled: disabled, icon: React.createElement(IconComponent, null), onClick: addon_actions_1.action('ButtonStartIcon Clicked') }, children)));
|
|
34
34
|
};
|
|
35
35
|
exports.default = ButtonStartIconStory;
|
|
36
36
|
//# sourceMappingURL=IconButtonStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,iEAAuD;AAQvD,IAAM,oBAAoB,GAA6B,UAAC,EAIvD;QAHC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEtC,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QAC3C,oBAAC,oBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,oBAAC,aAAa,OAAG,EACvB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,iEAAuD;AAQvD,IAAM,oBAAoB,GAA6B,UAAC,EAIvD;QAHC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEtC,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QAC3C,oBAAC,oBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,oBAAC,aAAa,OAAG,EACvB,OAAO,EAAE,sBAAM,CAAC,yBAAyB,CAAC,IAEzC,QAAQ,CACE,CACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useIconButtonClasses = void 0;
|
|
4
4
|
var styles_1 = require("@material-ui/core/styles");
|
|
5
|
-
exports.useIconButtonClasses =
|
|
6
|
-
return
|
|
5
|
+
exports.useIconButtonClasses = styles_1.makeStyles(function (theme) {
|
|
6
|
+
return styles_1.createStyles({
|
|
7
7
|
iconButton: {
|
|
8
8
|
height: '100%',
|
|
9
9
|
cursor: 'pointer',
|
|
@@ -15,7 +15,7 @@ exports.useIconButtonClasses = (0, styles_1.makeStyles)(function (theme) {
|
|
|
15
15
|
color: theme.mvf.palette.text.light,
|
|
16
16
|
},
|
|
17
17
|
'&.Mui-disabled': {
|
|
18
|
-
backgroundColor:
|
|
18
|
+
backgroundColor: styles_1.lighten(theme.mvf.palette.disabled, theme.mvf.filters.lighten.strong),
|
|
19
19
|
},
|
|
20
20
|
'&.MuiButton-root': {
|
|
21
21
|
backgroundColor: theme.mvf.palette.accent.c.main,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIconButtonClasses.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/useIconButtonClasses.ts"],"names":[],"mappings":";;;AAAA,mDAA6E;AAIhE,QAAA,oBAAoB,GAAG,
|
|
1
|
+
{"version":3,"file":"useIconButtonClasses.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/useIconButtonClasses.ts"],"names":[],"mappings":";;;AAAA,mDAA6E;AAIhE,QAAA,oBAAoB,GAAG,mBAAU,CAG5C,UAAC,KAAK;IACN,OAAA,qBAAY,CAAC;QACX,UAAU,EAAE;YACV,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,MAAM;YACjB,wBAAwB,EAAE;gBACxB,MAAM,EAAE,CAAC;aACV;YACD,mBAAmB,EAAE;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;aACpC;YACD,gBAAgB,EAAE;gBAChB,eAAe,EAAE,gBAAO,CACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,EAC1B,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CACjC;aACF;YACD,kBAAkB,EAAE;gBAClB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;aACjD;YACD,mCAAmC,EAAE;gBACnC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ;aAClC;YACD,uBAAuB,EAAE;gBACvB,SAAS,EAAE;oBACT,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;oBAChD,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;oBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;iBACxC;aACF;SACF;KACF,CAAC;AA/BF,CA+BE,CACH,CAAC;AAEF,kBAAe,4BAAoB,CAAC"}
|
|
@@ -9,7 +9,7 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
|
9
9
|
var useLinkClasses_1 = __importDefault(require("./useLinkClasses"));
|
|
10
10
|
var Link = function (_a) {
|
|
11
11
|
var children = _a.children, onClick = _a.onClick, variant = _a.variant;
|
|
12
|
-
var classes =
|
|
12
|
+
var classes = useLinkClasses_1.default({ variant: variant });
|
|
13
13
|
var muiComponents = {
|
|
14
14
|
button: 'button',
|
|
15
15
|
footer: 'a',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Link/Link.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,0CAAmD;AAEnD,gEAA0C;AAC1C,oEAA8C;AAO9C,IAAM,IAAI,GAAa,UAAC,EAA8B;QAA5B,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA;IAClD,IAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Link/Link.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,0CAAmD;AAEnD,gEAA0C;AAC1C,oEAA8C;AAO9C,IAAM,IAAI,GAAa,UAAC,EAA8B;QAA5B,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA;IAClD,IAAM,OAAO,GAAG,wBAAc,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;IAE5C,IAAM,aAAa,GAAG;QACpB,MAAM,EAAE,QAAiB;QACzB,MAAM,EAAE,GAAY;QACpB,IAAI,EAAE,GAAY;KACnB,CAAC;IAEF,OAAO,CACL,8BAAC,WAAM,IACL,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,EACjC,OAAO,EAAE,OAAO,IAEf,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjC,kBAAe,IAAI,CAAC"}
|
|
@@ -8,12 +8,12 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
|
8
8
|
var Link_1 = __importDefault(require("./Link"));
|
|
9
9
|
describe('<Link />', function () {
|
|
10
10
|
it('should display button component', function () {
|
|
11
|
-
var getByText =
|
|
11
|
+
var getByText = withTheme_1.default(react_1.default.createElement(Link_1.default, { variant: "button" }, 'Example Label')).getByText;
|
|
12
12
|
expect(getByText('Example Label')).toBeTruthy();
|
|
13
13
|
});
|
|
14
14
|
it('should call the click handler when clicked on', function () {
|
|
15
15
|
var clickHandler = jest.fn();
|
|
16
|
-
var getByText =
|
|
16
|
+
var getByText = withTheme_1.default(react_1.default.createElement(Link_1.default, { onClick: clickHandler, variant: "text" }, 'Example Label')).getByText;
|
|
17
17
|
getByText('Example Label').click();
|
|
18
18
|
expect(clickHandler).toHaveBeenCalled();
|
|
19
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Link/Link.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,gDAA0B;AAE1B,QAAQ,CAAC,UAAU,EAAE;IACnB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,
|
|
1
|
+
{"version":3,"file":"Link.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Link/Link.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,gDAA0B;AAE1B,QAAQ,CAAC,UAAU,EAAE;IACnB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,mBAAS,CAC7B,8BAAC,cAAI,IAAC,OAAO,EAAC,QAAQ,IAAE,eAAe,CAAQ,CAChD,UAFgB,CAEf;QAEF,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE;QAClD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACvB,IAAA,SAAS,GAAK,mBAAS,CAC7B,8BAAC,cAAI,IAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAC,MAAM,IACxC,eAAe,CACX,CACR,UAJgB,CAIf;QAEF,SAAS,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,CAAC;QAEnC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -27,7 +27,7 @@ var addon_actions_1 = require("@storybook/addon-actions");
|
|
|
27
27
|
var Link_1 = __importDefault(require("./Link"));
|
|
28
28
|
var LinkStory = function (_a) {
|
|
29
29
|
var children = _a.children, variant = _a.variant;
|
|
30
|
-
return (React.createElement(Link_1.default, { onClick:
|
|
30
|
+
return (React.createElement(Link_1.default, { onClick: addon_actions_1.action('Link clicked'), variant: variant }, children));
|
|
31
31
|
};
|
|
32
32
|
exports.default = LinkStory;
|
|
33
33
|
//# sourceMappingURL=LinkStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Link/LinkStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,gDAA0B;AAO1B,IAAM,SAAS,GAAa,UAAC,EAAqB;QAAnB,QAAQ,cAAA,EAAE,OAAO,aAAA;IAAO,OAAA,CACrD,oBAAC,cAAI,IAAC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"LinkStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Link/LinkStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,gDAA0B;AAO1B,IAAM,SAAS,GAAa,UAAC,EAAqB;QAAnB,QAAQ,cAAA,EAAE,OAAO,aAAA;IAAO,OAAA,CACrD,oBAAC,cAAI,IAAC,OAAO,EAAE,sBAAM,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,OAAO,IACpD,QAAQ,CACJ,CACR;AAJsD,CAItD,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var styles_1 = require("@material-ui/styles");
|
|
15
|
-
var useLinkClasses =
|
|
16
|
-
return
|
|
15
|
+
var useLinkClasses = styles_1.makeStyles(function (theme) {
|
|
16
|
+
return styles_1.createStyles({
|
|
17
17
|
link: function (_a) {
|
|
18
18
|
var variant = _a.variant;
|
|
19
19
|
return (__assign(__assign(__assign({}, (variant === 'button' && {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLinkClasses.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Link/useLinkClasses.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAO/D,IAAM,cAAc,GAAG,
|
|
1
|
+
{"version":3,"file":"useLinkClasses.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Link/useLinkClasses.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAO/D,IAAM,cAAc,GAAG,mBAAU,CAA6B,UAAC,KAAK;IAClE,OAAA,qBAAY,CAAC;QACX,IAAI,EAAE,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,gCAClB,CAAC,OAAO,KAAK,QAAQ,IAAI;gBAC1B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBAClC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU;aAC5C,CAAC,GACC,CAAC,OAAO,KAAK,QAAQ,IAAI;gBAC1B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBAClC,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,SAAS;gBACnB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU;gBAC3C,cAAc,EAAE,WAAW;aAC5B,CAAC,GACC,CAAC,OAAO,KAAK,MAAM,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBAClC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU;gBAC3C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;aACtC,CAAC,EACF;QAjBqB,CAiBrB;KACH,CAAC;AAnBF,CAmBE,CACH,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -8,7 +8,7 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
|
8
8
|
var LoadingIndicator_1 = __importDefault(require("./LoadingIndicator"));
|
|
9
9
|
describe('<LoadingIndicator />', function () {
|
|
10
10
|
it('should display progress bar', function () {
|
|
11
|
-
var getByTestId =
|
|
11
|
+
var getByTestId = withTheme_1.default(react_1.default.createElement(LoadingIndicator_1.default, { id: "test-id" })).getByTestId;
|
|
12
12
|
expect(getByTestId('loadingIndicator')).toBeTruthy();
|
|
13
13
|
});
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingIndicator.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/LoadingIndicator/LoadingIndicator.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,wEAAkD;AAElD,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,WAAW,GAAK,
|
|
1
|
+
{"version":3,"file":"LoadingIndicator.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/LoadingIndicator/LoadingIndicator.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,wEAAkD;AAElD,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,WAAW,GAAK,mBAAS,CAAC,8BAAC,0BAAgB,IAAC,EAAE,EAAC,SAAS,GAAG,CAAC,YAAjD,CAAkD;QACrE,MAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -9,7 +9,7 @@ var Close_1 = __importDefault(require("@material-ui/icons/Close"));
|
|
|
9
9
|
var useModalClasses_1 = __importDefault(require("./useModalClasses"));
|
|
10
10
|
var Modal = function (_a) {
|
|
11
11
|
var children = _a.children, open = _a.open, onClose = _a.onClose;
|
|
12
|
-
var classes =
|
|
12
|
+
var classes = useModalClasses_1.default();
|
|
13
13
|
var modalContainerRef = react_1.default.useRef(null);
|
|
14
14
|
var getParentElement = function () {
|
|
15
15
|
var modalContainer = modalContainerRef.current;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Modal/Modal.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAAmE;AACnE,mEAA6C;AAE7C,sEAAgD;AAIhD,IAAM,KAAK,GAAc,UAAC,EAA2B;QAAzB,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA;IACjD,IAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Modal/Modal.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAAmE;AACnE,mEAA6C;AAE7C,sEAAgD;AAIhD,IAAM,KAAK,GAAc,UAAC,EAA2B;QAAzB,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA;IACjD,IAAM,OAAO,GAAG,yBAAe,EAAE,CAAC;IAClC,IAAM,iBAAiB,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7D,IAAM,gBAAgB,GAAG;QACvB,IAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,CAAC;QACjD,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,cAAc,CAAC,aAAa,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,iBAAiB;QACzB,8BAAC,YAAO,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAC/B,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE;YAElD,8BAAC,UAAK,IAAC,SAAS,EAAE,OAAO,CAAC,GAAG;gBAC3B,8BAAC,eAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI;gBACrD,wCAAM,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,QAAQ,CAAQ,CAC1C,CACA,CACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
|
|
@@ -11,14 +11,14 @@ var Text_1 = __importDefault(require("../Text/Text"));
|
|
|
11
11
|
describe('<Modal />', function () {
|
|
12
12
|
it('should display text in an open modal component', function () {
|
|
13
13
|
var callback = jest.fn();
|
|
14
|
-
var getByText =
|
|
14
|
+
var getByText = withTheme_1.default(react_1.default.createElement(Modal_1.default, { open: true, onClose: callback },
|
|
15
15
|
react_1.default.createElement(core_1.Box, null,
|
|
16
16
|
react_1.default.createElement(Text_1.default, { id: "text-header", variant: "header" }, 'Text in a box')))).getByText;
|
|
17
17
|
expect(getByText('Text in a box')).toBeTruthy();
|
|
18
18
|
});
|
|
19
19
|
it('should not display text in a closed modal component', function () {
|
|
20
20
|
var callback = jest.fn();
|
|
21
|
-
var queryByText =
|
|
21
|
+
var queryByText = withTheme_1.default(react_1.default.createElement(Modal_1.default, { open: false, onClose: callback },
|
|
22
22
|
react_1.default.createElement(core_1.Box, null,
|
|
23
23
|
react_1.default.createElement(Text_1.default, { id: "text-header", variant: "header" }, 'Text in a box')))).queryByText;
|
|
24
24
|
expect(queryByText('Text in a box')).not.toBeInTheDocument();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Modal/Modal.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAAwC;AACxC,+EAAyD;AACzD,kDAA4B;AAC5B,sDAAgC;AAEhC,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,gDAAgD,EAAE;QACnD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEnB,IAAA,SAAS,GAAK,
|
|
1
|
+
{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Modal/Modal.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAAwC;AACxC,+EAAyD;AACzD,kDAA4B;AAC5B,sDAAgC;AAEhC,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,gDAAgD,EAAE;QACnD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEnB,IAAA,SAAS,GAAK,mBAAS,CAC7B,8BAAC,eAAK,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ;YAClC,8BAAC,UAAG;gBACF,8BAAC,cAAI,IAAC,EAAE,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,IACpC,eAAe,CACX,CACH,CACA,CACT,UARgB,CAQf;QAEF,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE;QACxD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEnB,IAAA,WAAW,GAAK,mBAAS,CAC/B,8BAAC,eAAK,IAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ;YACnC,8BAAC,UAAG;gBACF,8BAAC,cAAI,IAAC,EAAE,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,IACpC,eAAe,CACX,CACH,CACA,CACT,YARkB,CAQjB;QAEF,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var styles_1 = require("@material-ui/core/styles");
|
|
4
|
-
var useModalClasses =
|
|
5
|
-
return
|
|
4
|
+
var useModalClasses = styles_1.makeStyles(function (theme) {
|
|
5
|
+
return styles_1.createStyles({
|
|
6
6
|
box: {
|
|
7
7
|
backgroundColor: theme.mvf.palette.background.main,
|
|
8
8
|
overflowY: 'auto',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModalClasses.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Modal/useModalClasses.ts"],"names":[],"mappings":";;AAAA,mDAAoE;AAGpE,IAAM,eAAe,GAAG,
|
|
1
|
+
{"version":3,"file":"useModalClasses.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Modal/useModalClasses.ts"],"names":[],"mappings":";;AAAA,mDAAoE;AAGpE,IAAM,eAAe,GAAG,mBAAU,CAAgB,UAAC,KAAK;IACtD,OAAA,qBAAY,CAAC;QACX,GAAG,EAAE;YACH,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI;YAClD,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACjC,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE,OAAO;YACpB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,uBAAuB;YAClC,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;YACxC,MAAM,EAAE,aAAa;YACrB,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,KAAK;YAChB,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACvC;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;YAClC,MAAM,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE,MAAM;YACjB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU;YAC3C,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM;SACxC;KACF,CAAC;AAhCF,CAgCE,CACH,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -8,7 +8,7 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
|
8
8
|
var ProgressBar_1 = __importDefault(require("./ProgressBar"));
|
|
9
9
|
describe('<ProgressBar />', function () {
|
|
10
10
|
it('should display progress bar', function () {
|
|
11
|
-
var getByTestId =
|
|
11
|
+
var getByTestId = withTheme_1.default(react_1.default.createElement(ProgressBar_1.default, { id: "test-id", progress: 50 })).getByTestId;
|
|
12
12
|
expect(getByTestId('progressBar')).toBeTruthy();
|
|
13
13
|
});
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,8DAAwC;AAExC,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,WAAW,GAAK,
|
|
1
|
+
{"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,8DAAwC;AAExC,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,WAAW,GAAK,mBAAS,CAC/B,8BAAC,qBAAW,IAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,EAAE,EAAE,GAAI,CAC3C,YAFkB,CAEjB;QACF,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -34,7 +34,7 @@ var SlideStory = function (_a) {
|
|
|
34
34
|
};
|
|
35
35
|
return (React.createElement(React.Fragment, null,
|
|
36
36
|
React.createElement(core_1.FormControlLabel, { control: React.createElement(core_1.Switch, { checked: checked, onChange: handleChange }), label: 'Show' }),
|
|
37
|
-
React.createElement(Slide_1.default, { direction: direction, checked: checked, onEnter:
|
|
37
|
+
React.createElement(Slide_1.default, { direction: direction, checked: checked, onEnter: addon_actions_1.action('Slide enter') }, children)));
|
|
38
38
|
};
|
|
39
39
|
exports.default = SlideStory;
|
|
40
40
|
//# sourceMappingURL=SlideStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Slide/SlideStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6D;AAC7D,0DAAkD;AAClD,kDAA4B;AAQ5B,IAAM,UAAU,GAAmB,UAAC,EAAuB;QAArB,SAAS,eAAA,EAAE,QAAQ,cAAA;IACjD,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAC;IAEpD,IAAM,YAAY,GAAG;QACnB,UAAU,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,uBAAgB,IACf,OAAO,EAAE,oBAAC,aAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAI,EAC7D,KAAK,EAAE,MAAM,GACb;QACF,oBAAC,eAAK,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SlideStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Slide/SlideStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6D;AAC7D,0DAAkD;AAClD,kDAA4B;AAQ5B,IAAM,UAAU,GAAmB,UAAC,EAAuB;QAArB,SAAS,eAAA,EAAE,QAAQ,cAAA;IACjD,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAC;IAEpD,IAAM,YAAY,GAAG;QACnB,UAAU,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,uBAAgB,IACf,OAAO,EAAE,oBAAC,aAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAI,EAC7D,KAAK,EAAE,MAAM,GACb;QACF,oBAAC,eAAK,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,sBAAM,CAAC,aAAa,CAAC,IAC1E,QAAQ,CACH,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
8
8
|
var makeTextStyles_1 = __importDefault(require("./makeTextStyles"));
|
|
9
9
|
var Text = function (_a) {
|
|
10
10
|
var children = _a.children, id = _a.id, variant = _a.variant;
|
|
11
|
-
var classes =
|
|
11
|
+
var classes = makeTextStyles_1.default({ variant: variant });
|
|
12
12
|
var muiComponents = {
|
|
13
13
|
footer: 'p',
|
|
14
14
|
header: 'h5',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Text/Text.tsx"],"names":[],"mappings":";;;;;AAAA,0CAA+C;AAC/C,gDAAiD;AAEjD,oEAA8C;AAI9C,IAAM,IAAI,GAAa,UAAC,EAAyB;QAAvB,QAAQ,cAAA,EAAE,EAAE,QAAA,EAAE,OAAO,aAAA;IAC7C,IAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Text/Text.tsx"],"names":[],"mappings":";;;;;AAAA,0CAA+C;AAC/C,gDAAiD;AAEjD,oEAA8C;AAI9C,IAAM,IAAI,GAAa,UAAC,EAAyB;QAAvB,QAAQ,cAAA,EAAE,EAAE,QAAA,EAAE,OAAO,aAAA;IAC7C,IAAM,OAAO,GAAG,wBAAc,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;IAE5C,IAAM,aAAa,GAAG;QACpB,MAAM,EAAE,GAAY;QACpB,MAAM,EAAE,IAAa;QACrB,IAAI,EAAE,MAAe;QACrB,IAAI,EAAE,GAAY;QAClB,QAAQ,EAAE,IAAa;QACvB,IAAI,EAAE,GAAY;KACnB,CAAC;IAEF,OAAO,CACL,8BAAC,iBAAU,IACT,EAAE,EAAE,EAAE,EACN,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,EACjC,SAAS,EAAE,OAAO,CAAC,IAAI,IAEtB,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
|
@@ -8,7 +8,7 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
|
8
8
|
var Text_1 = __importDefault(require("./Text"));
|
|
9
9
|
describe('<Text />', function () {
|
|
10
10
|
it('should display children', function () {
|
|
11
|
-
var getByText =
|
|
11
|
+
var getByText = withTheme_1.default(react_1.default.createElement(Text_1.default, { variant: "note", id: 'id' }, "test")).getByText;
|
|
12
12
|
expect(getByText('test')).toBeTruthy();
|
|
13
13
|
});
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Text/Text.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,gDAA0B;AAE1B,QAAQ,CAAC,UAAU,EAAE;IACnB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,
|
|
1
|
+
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Text/Text.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,gDAA0B;AAE1B,QAAQ,CAAC,UAAU,EAAE;IACnB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,mBAAS,CAC7B,8BAAC,cAAI,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,IAAI,WAEtB,CACR,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var styles_1 = require("@material-ui/styles");
|
|
15
|
-
var makeTextStyles =
|
|
16
|
-
return
|
|
15
|
+
var makeTextStyles = styles_1.makeStyles(function (theme) {
|
|
16
|
+
return styles_1.createStyles({
|
|
17
17
|
text: function (_a) {
|
|
18
18
|
var variant = _a.variant;
|
|
19
19
|
return (__assign(__assign(__assign(__assign(__assign(__assign({}, (variant === 'footer' && {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeTextStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Text/makeTextStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAO/D,IAAM,cAAc,GAAG,
|
|
1
|
+
{"version":3,"file":"makeTextStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Text/makeTextStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAO/D,IAAM,cAAc,GAAG,mBAAU,CAA6B,UAAC,KAAK;IAClE,OAAA,qBAAY,CAAC;QACX,IAAI,EAAE,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,2DAClB,CAAC,OAAO,KAAK,QAAQ,IAAI;gBAC1B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;gBACnC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBAClC,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;aACvC,CAAC,GACC,CAAC,OAAO,KAAK,QAAQ,IAAI;gBAC1B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;gBACjC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;aAC9C,CAAC,GACC,CAAC,OAAO,KAAK,MAAM,IAAI;gBACxB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;gBACnC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;gBACtC,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE;oBACV,YAAY,EAAE,IAAI;oBAClB,aAAa,EAAE,MAAM;oBACrB,WAAW,EAAE,KAAK;oBAClB,SAAS,EAAE,KAAK;oBAChB,MAAM,EAAE;wBACN,QAAQ,EAAE,UAAU;wBACpB,OAAO,EAAE,cAAc;wBACvB,WAAW,EAAE;4BACX,gBAAgB,EAAE,IAAI;4BACtB,OAAO,EAAE,aAAa;4BACtB,MAAM,EAAE,iBAAiB;4BACzB,YAAY,EAAE,KAAK;4BACnB,QAAQ,EAAE,UAAU;4BACpB,MAAM,EAAE,MAAM;4BACd,KAAK,EAAE,MAAM;4BACb,IAAI,EAAE,GAAG;4BACT,GAAG,EAAE,KAAK;4BACV,SAAS,EAAE,QAAQ;yBACpB;qBACF;iBACF;aACF,CAAC,GACC,CAAC,OAAO,KAAK,MAAM,IAAI;gBACxB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;gBAClC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI;gBAClD,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;gBACrC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;gBACtC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI;gBAClC,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI;aACtC,CAAC,GACC,CAAC,OAAO,KAAK,UAAU,IAAI;gBAC5B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;gBAClC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;aAC9C,CAAC,GACC,CAAC,OAAO,KAAK,MAAM,IAAI;gBACxB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;gBACrC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBAClC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;aACvC,CAAC,EACF;QAxDqB,CAwDrB;KACH,CAAC;AA1DF,CA0DE,CACH,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -6,7 +6,7 @@ export interface ITextFieldCallbackParams {
|
|
|
6
6
|
interface ITextFieldProps {
|
|
7
7
|
disabled: boolean;
|
|
8
8
|
errorMessage?: string;
|
|
9
|
-
|
|
9
|
+
type?: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';
|
|
10
10
|
id: string;
|
|
11
11
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
12
12
|
isAnswered: boolean;
|
|
@@ -20,10 +20,14 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
|
20
20
|
var icons_1 = __importDefault(require("./icons"));
|
|
21
21
|
var useTextFieldStyles_1 = __importDefault(require("./useTextFieldStyles"));
|
|
22
22
|
var TextField = function (_a) {
|
|
23
|
-
var disabled = _a.disabled, errorMessage = _a.errorMessage,
|
|
23
|
+
var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, id = _a.id, inputRef = _a.inputRef, isAnswered = _a.isAnswered, hiddenLabel = _a.hiddenLabel, label = _a.label, margin = _a.margin, onChange = _a.onChange, onClick = _a.onClick, onBlur = _a.onBlur, placeholder = _a.placeholder, size = _a.size, value = _a.value;
|
|
24
24
|
var isValid = errorMessage !== undefined ? false : isAnswered;
|
|
25
25
|
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
26
|
-
var
|
|
26
|
+
var inputType = 'text';
|
|
27
|
+
if (type === 'email' || type === 'phone') {
|
|
28
|
+
inputType = type;
|
|
29
|
+
}
|
|
30
|
+
var classes = useTextFieldStyles_1.default({
|
|
27
31
|
isError: errorMessage !== undefined,
|
|
28
32
|
isValid: isValid,
|
|
29
33
|
});
|
|
@@ -39,8 +43,8 @@ var TextField = function (_a) {
|
|
|
39
43
|
className: classes.muiInput,
|
|
40
44
|
disableUnderline: true,
|
|
41
45
|
};
|
|
42
|
-
if (
|
|
43
|
-
var IconComponent = icons_1.default[
|
|
46
|
+
if (type && type !== 'none') {
|
|
47
|
+
var IconComponent = icons_1.default[type];
|
|
44
48
|
InputProps = __assign(__assign({}, InputProps), { startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start", className: classes.adornedStart, "data-testid": "startAdornment" },
|
|
45
49
|
react_1.default.createElement(IconComponent, null))) });
|
|
46
50
|
}
|
|
@@ -50,7 +54,7 @@ var TextField = function (_a) {
|
|
|
50
54
|
InputProps = __assign(__assign({}, InputProps), { endAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "end", className: classes.adornedEnd, "data-testid": "endAdornment-" + validationIconType },
|
|
51
55
|
react_1.default.createElement(ValidationComponent, null))) });
|
|
52
56
|
}
|
|
53
|
-
return (react_1.default.createElement(core_1.TextField, {
|
|
57
|
+
return (react_1.default.createElement(core_1.TextField, { className: classes.textField, disabled: disabled, error: errorMessage !== undefined, fullWidth: true, helperText: errorMessage, hiddenLabel: hiddenLabel, id: id, InputLabelProps: { className: classes.label }, inputProps: { className: classes.input }, InputProps: InputProps, inputRef: inputRef || null, label: label, margin: margin, onBlur: onBlur, onChange: handleChange, onClick: onClick, placeholder: placeholder, size: size, type: inputType, value: currentValue, variant: "filled" }));
|
|
54
58
|
};
|
|
55
59
|
TextField.defaultProps = defaultProps_1.default;
|
|
56
60
|
exports.default = TextField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAI2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,4EAAsD;AAOtD,IAAM,SAAS,GAAkB,UAAC,EAgBjC;QAfC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,34 +7,50 @@ var react_1 = __importDefault(require("react"));
|
|
|
7
7
|
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
8
8
|
var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
9
9
|
var TextField_1 = __importDefault(require("./TextField"));
|
|
10
|
-
describe('
|
|
10
|
+
describe('TextField', function () {
|
|
11
11
|
it('should display TextField Component', function () {
|
|
12
|
-
var getByText =
|
|
12
|
+
var getByText = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Question", id: "1" })).getByText;
|
|
13
13
|
expect(getByText('Question')).toBeTruthy();
|
|
14
14
|
});
|
|
15
15
|
it('should be able to input values', function () {
|
|
16
|
-
var getByRole =
|
|
16
|
+
var getByRole = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Zipcode", id: "2" })).getByRole;
|
|
17
17
|
user_event_1.default.type(getByRole('textbox'), '90210');
|
|
18
18
|
expect(getByRole('textbox')).toHaveValue('90210');
|
|
19
19
|
});
|
|
20
20
|
it('should display an icon if enabled', function () {
|
|
21
|
-
var getByTestId =
|
|
21
|
+
var getByTestId = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", type: "person" })).getByTestId;
|
|
22
22
|
expect(getByTestId('startAdornment')).toBeTruthy();
|
|
23
23
|
});
|
|
24
|
-
it('should
|
|
25
|
-
var
|
|
24
|
+
it('should have an inputType of text by default', function () {
|
|
25
|
+
var _a;
|
|
26
|
+
var container = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", type: "person" })).container;
|
|
27
|
+
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
|
28
|
+
});
|
|
29
|
+
it('should pass email inputType through', function () {
|
|
30
|
+
var _a;
|
|
31
|
+
var container = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Your email?", id: "3", type: "email" })).container;
|
|
32
|
+
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('email');
|
|
33
|
+
});
|
|
34
|
+
it('should pass phone inputType through', function () {
|
|
35
|
+
var _a;
|
|
36
|
+
var container = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Your email?", id: "3", type: "phone" })).container;
|
|
37
|
+
var type = (_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.getAttribute('type');
|
|
38
|
+
expect(type).toEqual('phone');
|
|
39
|
+
});
|
|
40
|
+
it('should not display an icon if type is none', function () {
|
|
41
|
+
var queryByTestId = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", type: "none" })).queryByTestId;
|
|
26
42
|
expect(queryByTestId('startAdornment')).not.toBeTruthy();
|
|
27
43
|
});
|
|
28
44
|
it('should display validity icon on error', function () {
|
|
29
|
-
var getByTestId =
|
|
45
|
+
var getByTestId = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", type: "none", errorMessage: "test error message" })).getByTestId;
|
|
30
46
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
31
47
|
});
|
|
32
48
|
it('should display validity icon on validation success', function () {
|
|
33
|
-
var getByTestId =
|
|
49
|
+
var getByTestId = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", type: "none", isAnswered: true })).getByTestId;
|
|
34
50
|
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
|
35
51
|
});
|
|
36
52
|
it('should display error icon on validation success and error message', function () {
|
|
37
|
-
var _a =
|
|
53
|
+
var _a = withTheme_1.default(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", type: "none", isAnswered: true, errorMessage: "test error message" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
|
38
54
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
39
55
|
expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
|
|
40
56
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,2EAAoD;AACpD,+EAAyD;AACzD,0DAAoC;AAEpC,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"TextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
declare type StoryType = React.FunctionComponent<{
|
|
3
3
|
disabled: boolean;
|
|
4
4
|
errorMessage: string;
|
|
5
|
-
|
|
5
|
+
type?: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';
|
|
6
6
|
isAnswered: boolean;
|
|
7
7
|
label: string;
|
|
8
8
|
placeholder: string;
|
|
@@ -25,9 +25,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
25
25
|
var React = __importStar(require("react"));
|
|
26
26
|
var TextField_1 = __importDefault(require("./TextField"));
|
|
27
27
|
var TextFieldStory = function (_a) {
|
|
28
|
-
var disabled = _a.disabled, errorMessage = _a.errorMessage,
|
|
28
|
+
var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder;
|
|
29
29
|
return (React.createElement("div", { style: { maxWidth: '460px' } },
|
|
30
|
-
React.createElement(TextField_1.default, { disabled: disabled, errorMessage: errorMessage,
|
|
30
|
+
React.createElement(TextField_1.default, { disabled: disabled, errorMessage: errorMessage, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder })));
|
|
31
31
|
};
|
|
32
32
|
exports.default = TextFieldStory;
|
|
33
33
|
//# sourceMappingURL=TextFieldStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AAkBpC,IAAM,cAAc,GAAc,UAAC,EAOlC;QANC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,
|
|
1
|
+
{"version":3,"file":"TextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AAkBpC,IAAM,cAAc,GAAc,UAAC,EAOlC;QANC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA;IACP,OAAA,CACJ,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,mBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACE,CACP;AAZK,CAYL,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var styles_1 = require("@material-ui/styles");
|
|
15
|
-
var useTextFieldStyles =
|
|
16
|
-
return
|
|
15
|
+
var useTextFieldStyles = styles_1.makeStyles(function (theme) {
|
|
16
|
+
return styles_1.createStyles({
|
|
17
17
|
adornedStart: {
|
|
18
18
|
color: theme.mvf.palette.text.grey,
|
|
19
19
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAQ/D,IAAM,kBAAkB,GAAG,
|
|
1
|
+
{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,9 +30,9 @@ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"))
|
|
|
30
30
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
31
31
|
var CheckBox = function (_a) {
|
|
32
32
|
var id = _a.id, isOtherOption = _a.isOtherOption, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, selected = _a.selected, text = _a.text;
|
|
33
|
-
var _b =
|
|
34
|
-
var classes =
|
|
35
|
-
var otherInputElement =
|
|
33
|
+
var _b = react_1.useState(selected), checked = _b[0], setChecked = _b[1];
|
|
34
|
+
var classes = useCheckBoxClasses_1.default();
|
|
35
|
+
var otherInputElement = react_1.useRef(null);
|
|
36
36
|
var handleClick = function () {
|
|
37
37
|
if (!checked && otherInputElement.current) {
|
|
38
38
|
otherInputElement.current.focus();
|
|
@@ -45,7 +45,7 @@ var CheckBox = function (_a) {
|
|
|
45
45
|
setChecked(true);
|
|
46
46
|
onClick({ id: id, selected: true });
|
|
47
47
|
};
|
|
48
|
-
|
|
48
|
+
react_1.useEffect(function () {
|
|
49
49
|
setChecked(selected);
|
|
50
50
|
}, [selected]);
|
|
51
51
|
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "checkboxCardButton" },
|