@vendorflow/components 2.0.83 → 2.0.86

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.
Files changed (31) hide show
  1. package/lib/components/material-ui/AudioPlayer/AudioPlayer.js +1 -1
  2. package/lib/components/material-ui/AudioPlayer/AudioPlayer.story.d.ts +2 -1
  3. package/lib/components/material-ui/AudioPlayer/AudioPlayer.story.js +1 -2
  4. package/lib/components/material-ui/Button/Button.story.d.ts +2 -1
  5. package/lib/components/material-ui/Button/Button.story.js +1 -2
  6. package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.d.ts +2 -0
  7. package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.js +1 -0
  8. package/lib/components/material-ui/ColorPicker/ColorPicker.story.d.ts +2 -1
  9. package/lib/components/material-ui/ColorPicker/ColorPicker.story.js +1 -2
  10. package/lib/components/material-ui/DataTable/DataTable.story.d.ts +2 -1
  11. package/lib/components/material-ui/DataTable/DataTable.story.js +1 -2
  12. package/lib/components/material-ui/DataTable/TablePieces/HeaderCell.js +5 -5
  13. package/lib/components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story.d.ts +2 -1
  14. package/lib/components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story.js +1 -2
  15. package/lib/components/material-ui/InputDate/InputDate.story.d.ts +2 -1
  16. package/lib/components/material-ui/InputDate/InputDate.story.js +1 -2
  17. package/lib/components/material-ui/InputDateTime/InputDateTime.story.d.ts +2 -1
  18. package/lib/components/material-ui/InputDateTime/InputDateTime.story.js +1 -2
  19. package/lib/components/material-ui/InputGroup/InputGroup.story.d.ts +2 -1
  20. package/lib/components/material-ui/InputGroup/InputGroup.story.js +1 -2
  21. package/lib/components/material-ui/InputRadioGroup/InputRadioGroup.story.d.ts +2 -1
  22. package/lib/components/material-ui/InputRadioGroup/InputRadioGroup.story.js +1 -2
  23. package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.story.d.ts +2 -0
  24. package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.story.js +1 -0
  25. package/lib/components/material-ui/InputTime/InputTime.story.d.ts +2 -1
  26. package/lib/components/material-ui/InputTime/InputTime.story.js +1 -2
  27. package/lib/components/material-ui/Modal/Modal.story.d.ts +2 -1
  28. package/lib/components/material-ui/Modal/Modal.story.js +1 -2
  29. package/lib/stories/0-Inputs.stories.d.ts +11 -11
  30. package/lib/stories/0-Inputs.stories.js +14 -11
  31. package/package.json +6 -5
package/lib/components/material-ui/AudioPlayer/AudioPlayer.js CHANGED
@@ -87,7 +87,7 @@ function AudioPlayer(_a) {
87
87
  var _a, _b, _c, _d;
88
88
  return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .rhap_main-controls-button {\n color: ", ";\n }\n .rhap_progress-indicator {\n background: ", ";\n }\n .rhap_additional-controls {\n flex: 1;\n }\n "], ["\n .rhap_main-controls-button {\n color: ", ";\n }\n .rhap_progress-indicator {\n background: ", ";\n }\n .rhap_additional-controls {\n flex: 1;\n }\n "])), ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.primary) === null || _b === void 0 ? void 0 : _b.main) || 'hsl(321, 53%, 31%)', ((_d = (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.primary) === null || _d === void 0 ? void 0 : _d.main) || 'hsl(321, 53%, 31%)');
89
89
  } },
90
- (0, react_1.jsx)(react_h5_audio_player_1.default, { ref: player, src: src, showFilledProgress: true, progressJumpSteps: { backward: 10000, forward: 10000 }, customAdditionalControls: isOnMobile ? [PlaybackRateOptions] : [react_h5_audio_player_1.RHAP_UI.LOOP, PlaybackRateOptions], customVolumeControls: isOnMobile ? [] : [react_h5_audio_player_1.RHAP_UI.VOLUME], customControlsSection: isIOS ? [] : [react_h5_audio_player_1.RHAP_UI.ADDITIONAL_CONTROLS, react_h5_audio_player_1.RHAP_UI.MAIN_CONTROLS, react_h5_audio_player_1.RHAP_UI.VOLUME_CONTROLS], onError: onError })));
90
+ (0, react_1.jsx)(react_h5_audio_player_1.default, { ref: player, src: src, autoPlay: false, autoPlayAfterSrcChange: false, showFilledProgress: true, progressJumpSteps: { backward: 10000, forward: 10000 }, customAdditionalControls: isOnMobile ? [PlaybackRateOptions] : [react_h5_audio_player_1.RHAP_UI.LOOP, PlaybackRateOptions], customVolumeControls: isOnMobile ? [] : [react_h5_audio_player_1.RHAP_UI.VOLUME], customControlsSection: isIOS ? [] : [react_h5_audio_player_1.RHAP_UI.ADDITIONAL_CONTROLS, react_h5_audio_player_1.RHAP_UI.MAIN_CONTROLS, react_h5_audio_player_1.RHAP_UI.VOLUME_CONTROLS], onError: onError })));
91
91
  }
92
92
  exports.default = AudioPlayer;
93
93
  function useIsOnMobile() {
package/lib/components/material-ui/AudioPlayer/AudioPlayer.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const AudioPlayer: () => JSX.Element;
1
+ declare const AudioPlayer: () => JSX.Element;
2
+ export default AudioPlayer;
package/lib/components/material-ui/AudioPlayer/AudioPlayer.story.js CHANGED
@@ -3,8 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.AudioPlayer = void 0;
7
6
  var react_1 = __importDefault(require("react"));
8
7
  var AudioPlayer_1 = __importDefault(require("./AudioPlayer"));
9
8
  var AudioPlayer = function () { return (react_1.default.createElement(AudioPlayer_1.default, { src: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3' })); };
10
- exports.AudioPlayer = AudioPlayer;
9
+ exports.default = AudioPlayer;
package/lib/components/material-ui/Button/Button.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const Button: () => JSX.Element;
1
+ declare const Button: () => JSX.Element;
2
+ export default Button;
package/lib/components/material-ui/Button/Button.story.js CHANGED
@@ -3,8 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Button = void 0;
7
6
  var react_1 = __importDefault(require("react"));
8
7
  var Button_1 = __importDefault(require("./Button"));
9
8
  var Button = function () { return (react_1.default.createElement(Button_1.default, { color: "primary", loading: true }, "Submit")); };
10
- exports.Button = Button;
9
+ exports.default = Button;
package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.d.ts CHANGED
@@ -1,2 +1,4 @@
1
+ declare const _default: {};
2
+ export default _default;
1
3
  export declare const ButtonMenuUsingDefault: () => JSX.Element;
2
4
  export declare const ButtonMenuUsingCustom: () => JSX.Element;
package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.js CHANGED
@@ -7,6 +7,7 @@ exports.ButtonMenuUsingCustom = exports.ButtonMenuUsingDefault = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var Button_1 = __importDefault(require("../Button"));
9
9
  var ButtonMenu_1 = __importDefault(require("./ButtonMenu"));
10
+ exports.default = {};
10
11
  var menuItems = [
11
12
  {
12
13
  content: 'Option 1',
package/lib/components/material-ui/ColorPicker/ColorPicker.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare function ColorPicker(): JSX.Element;
1
+ declare function ColorPicker(): JSX.Element;
2
+ export default ColorPicker;
package/lib/components/material-ui/ColorPicker/ColorPicker.story.js CHANGED
@@ -38,11 +38,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
38
38
  return (mod && mod.__esModule) ? mod : { "default": mod };
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.ColorPicker = void 0;
42
41
  var react_1 = __importStar(require("react"));
43
42
  var ColorPicker_1 = __importDefault(require("./ColorPicker"));
44
43
  function ColorPicker() {
45
44
  var _a = __read((0, react_1.useState)(null), 2), value = _a[0], setValue = _a[1];
46
45
  return react_1.default.createElement(ColorPicker_1.default, { label: "Color Picker", value: value, onChange: function (evt) { return setValue(evt.target.value); } });
47
46
  }
48
- exports.ColorPicker = ColorPicker;
47
+ exports.default = ColorPicker;
package/lib/components/material-ui/DataTable/DataTable.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare function DataTable(): JSX.Element;
1
+ declare function DataTable(): JSX.Element;
2
+ export default DataTable;
package/lib/components/material-ui/DataTable/DataTable.story.js CHANGED
@@ -19,7 +19,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
19
19
  return result;
20
20
  };
21
21
  Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.DataTable = void 0;
23
22
  var react_1 = __importStar(require("react"));
24
23
  var DataTable_1 = __importStar(require("./DataTable"));
25
24
  var Data_1 = require("./Data");
@@ -75,4 +74,4 @@ function DataTable() {
75
74
  react_1.default.createElement("div", { style: { height: '700px', width: '640px' } },
76
75
  react_1.default.createElement(DataTable_1.default, { title: "People", columns: columns, instance: instance, options: options, renderActions: function () { return react_1.default.createElement(material_1.Button, { onClick: function () { return alert('Thanks!'); } }, "Click Me"); }, renderRowSelectActions: function () { return react_1.default.createElement(material_1.Button, { onClick: function () { return alert('Thanks!'); } }, "Click Me"); } }))));
77
76
  }
78
- exports.DataTable = DataTable;
77
+ exports.default = DataTable;
package/lib/components/material-ui/DataTable/TablePieces/HeaderCell.js CHANGED
@@ -46,12 +46,12 @@ function HeaderCell(_a) {
46
46
  // @ts-ignore
47
47
  css(style), css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n && {\n display: flex;\n box-sizing: border-box;\n padding: ", "px;\n }\n "], ["\n && {\n display: flex;\n box-sizing: border-box;\n padding: ", "px;\n }\n "])), DataTable_1.CELL_PADDING), !flexLayoutEnabled &&
48
48
  header.minWidth !== undefined && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: ", "px;\n "], ["\n min-width: ", "px;\n "])), header.minWidth), !flexLayoutEnabled &&
49
- header.maxWidth !== undefined && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n max-width: ", "px;\n "], ["\n max-width: ", "px;\n "])), header.maxWidth)), className: (0, classnames_1.default)(headerPropsClassName, className, "col-" + header.id) }),
50
- (0, react_1.jsx)("div", { css: cx(css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n align-items: center;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n "], ["\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n align-items: center;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n "])), header.columns != null ? 'center' : 'flex-start')) },
51
- (0, react_1.jsx)("span", { css: cx(css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: 600;\n flex: none;\n "], ["\n font-weight: 600;\n flex: none;\n "])))) }, header.render('Header')),
49
+ header.maxWidth !== undefined && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n max-width: ", "px;\n "], ["\n max-width: ", "px;\n "])), header.maxWidth), header.id === DataTable_1.ACTION_COLUMN_ID && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: none;\n "], ["\n flex: none;\n "])))), className: (0, classnames_1.default)(headerPropsClassName, className, "col-" + header.id) }),
50
+ (0, react_1.jsx)("div", { css: cx(css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n align-items: center;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n "], ["\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n align-items: center;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n "])), header.columns != null ? 'center' : 'flex-start')) },
51
+ (0, react_1.jsx)("span", { css: cx(css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-weight: 600;\n flex: none;\n "], ["\n font-weight: 600;\n flex: none;\n "])))) }, header.render('Header')),
52
52
  (0, react_1.jsx)(SortIndicator_1.default, { canSort: header.canSort, isSorted: header.isSorted, isSortedDesc: header.isSortedDesc }),
53
- header.id !== DataTable_1.ACTION_COLUMN_ID && !header.id.includes('_placeholder') && !!header.getResizerProps && ((0, react_1.jsx)(icons_material_1.DragIndicator, __assign({ css: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 50%;\n transform: translate(-50%, -50%);\n color: #b2b2b2;\n background-color: white;\n "], ["\n position: absolute;\n right: 0;\n top: 50%;\n transform: translate(-50%, -50%);\n color: #b2b2b2;\n background-color: white;\n "]))) }, header.getResizerProps()))))));
53
+ header.id !== DataTable_1.ACTION_COLUMN_ID && !header.id.includes('_placeholder') && !!header.getResizerProps && ((0, react_1.jsx)(icons_material_1.DragIndicator, __assign({ css: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 50%;\n transform: translate(-50%, -50%);\n color: #b2b2b2;\n background-color: white;\n "], ["\n position: absolute;\n right: 0;\n top: 50%;\n transform: translate(-50%, -50%);\n color: #b2b2b2;\n background-color: white;\n "]))) }, header.getResizerProps()))))));
54
54
  }));
55
55
  }
56
56
  exports.default = HeaderCell;
57
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
57
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
package/lib/components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const InputCheckboxGroup: () => JSX.Element;
1
+ declare const InputCheckboxGroup: () => JSX.Element;
2
+ export default InputCheckboxGroup;
package/lib/components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story.js CHANGED
@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
38
38
  return (mod && mod.__esModule) ? mod : { "default": mod };
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.InputCheckboxGroup = void 0;
42
41
  var react_1 = __importStar(require("react"));
43
42
  var InputCheckboxGroup_1 = __importDefault(require("./InputCheckboxGroup"));
44
43
  var options = [
@@ -50,4 +49,4 @@ var InputCheckboxGroup = function () {
50
49
  var _a = __read((0, react_1.useState)([]), 2), value = _a[0], setValue = _a[1];
51
50
  return (react_1.default.createElement(InputCheckboxGroup_1.default, { label: "Fruit", name: "fruit", helperText: "Please choose one", options: options, values: value, onChange: function (evt) { return setValue(evt.target.value || []); } }));
52
51
  };
53
- exports.InputCheckboxGroup = InputCheckboxGroup;
52
+ exports.default = InputCheckboxGroup;
package/lib/components/material-ui/InputDate/InputDate.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const InputDate: () => JSX.Element;
1
+ declare const InputDate: () => JSX.Element;
2
+ export default InputDate;
package/lib/components/material-ui/InputDate/InputDate.story.js CHANGED
@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
38
38
  return (mod && mod.__esModule) ? mod : { "default": mod };
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.InputDate = void 0;
42
41
  var react_1 = __importStar(require("react"));
43
42
  var lab_1 = require("@mui/lab");
44
43
  var AdapterDateFns_1 = __importDefault(require("@mui/lab/AdapterDateFns"));
@@ -51,4 +50,4 @@ var InputDate = function () {
51
50
  return setValue(value);
52
51
  }, InputProps: { helperText: 'Go to sleep', error: true } })));
53
52
  };
54
- exports.InputDate = InputDate;
53
+ exports.default = InputDate;
package/lib/components/material-ui/InputDateTime/InputDateTime.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const InputDateTime: () => JSX.Element;
1
+ declare const InputDateTime: () => JSX.Element;
2
+ export default InputDateTime;
package/lib/components/material-ui/InputDateTime/InputDateTime.story.js CHANGED
@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
38
38
  return (mod && mod.__esModule) ? mod : { "default": mod };
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.InputDateTime = void 0;
42
41
  var react_1 = __importStar(require("react"));
43
42
  var lab_1 = require("@mui/lab");
44
43
  var InputDateTime_1 = __importDefault(require("./InputDateTime"));
@@ -51,4 +50,4 @@ var InputDateTime = function () {
51
50
  return setValue(value);
52
51
  } })));
53
52
  };
54
- exports.InputDateTime = InputDateTime;
53
+ exports.default = InputDateTime;
package/lib/components/material-ui/InputGroup/InputGroup.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const InputGroup: () => JSX.Element;
1
+ declare const InputGroup: () => JSX.Element;
2
+ export default InputGroup;
package/lib/components/material-ui/InputGroup/InputGroup.story.js CHANGED
@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
38
38
  return (mod && mod.__esModule) ? mod : { "default": mod };
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.InputGroup = void 0;
42
41
  var react_1 = __importStar(require("react"));
43
42
  var InputGroup_1 = __importDefault(require("./InputGroup"));
44
43
  var InputGroup = function () {
@@ -48,4 +47,4 @@ var InputGroup = function () {
48
47
  }
49
48
  return (react_1.default.createElement(InputGroup_1.default, { name: "name", label: "First Name", fullWidth: true, helperText: "(required)", value: value, charLimit: 20, onChange: onChange }));
50
49
  };
51
- exports.InputGroup = InputGroup;
50
+ exports.default = InputGroup;
package/lib/components/material-ui/InputRadioGroup/InputRadioGroup.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const InputRadioGroup: () => JSX.Element;
1
+ declare const InputRadioGroup: () => JSX.Element;
2
+ export default InputRadioGroup;
package/lib/components/material-ui/InputRadioGroup/InputRadioGroup.story.js CHANGED
@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
38
38
  return (mod && mod.__esModule) ? mod : { "default": mod };
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.InputRadioGroup = void 0;
42
41
  var react_1 = __importStar(require("react"));
43
42
  var InputRadioGroup_1 = __importDefault(require("./InputRadioGroup"));
44
43
  var options = [
@@ -50,4 +49,4 @@ var InputRadioGroup = function () {
50
49
  var _a = __read((0, react_1.useState)(null), 2), value = _a[0], setValue = _a[1];
51
50
  return (react_1.default.createElement(InputRadioGroup_1.default, { label: "Fruit", name: "fruit", helperText: "Please choose one", options: options, value: value, onChange: function (evt) { return setValue(evt.target.value || null); }, row: true }));
52
51
  };
53
- exports.InputRadioGroup = InputRadioGroup;
52
+ exports.default = InputRadioGroup;
package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.story.d.ts CHANGED
@@ -1,2 +1,4 @@
1
+ declare const _default: {};
2
+ export default _default;
1
3
  export declare const InputSearchDropdownSingle: () => JSX.Element;
2
4
  export declare const InputSearchDropdownMulti: () => JSX.Element;
package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.story.js CHANGED
@@ -41,6 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
41
41
  exports.InputSearchDropdownMulti = exports.InputSearchDropdownSingle = void 0;
42
42
  var react_1 = __importStar(require("react"));
43
43
  var InputSearchDropdown_1 = __importDefault(require("./InputSearchDropdown"));
44
+ exports.default = {};
44
45
  var options = [
45
46
  { firstName: 'Alvin', lastName: 'Kamara' },
46
47
  { firstName: 'Michael', lastName: 'Thomas' },
package/lib/components/material-ui/InputTime/InputTime.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const InputTime: () => JSX.Element;
1
+ declare const InputTime: () => JSX.Element;
2
+ export default InputTime;
package/lib/components/material-ui/InputTime/InputTime.story.js CHANGED
@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
38
38
  return (mod && mod.__esModule) ? mod : { "default": mod };
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.InputTime = void 0;
42
41
  var react_1 = __importStar(require("react"));
43
42
  var lab_1 = require("@mui/lab");
44
43
  var InputTime_1 = __importDefault(require("./InputTime"));
@@ -51,4 +50,4 @@ var InputTime = function () {
51
50
  return setValue(value);
52
51
  } })));
53
52
  };
54
- exports.InputTime = InputTime;
53
+ exports.default = InputTime;
package/lib/components/material-ui/Modal/Modal.story.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const Modal: () => JSX.Element;
1
+ declare const Modal: () => JSX.Element;
2
+ export default Modal;
package/lib/components/material-ui/Modal/Modal.story.js CHANGED
@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
38
38
  return (mod && mod.__esModule) ? mod : { "default": mod };
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.Modal = void 0;
42
41
  var react_1 = __importStar(require("react"));
43
42
  var Button_1 = __importDefault(require("../Button"));
44
43
  var Modal_1 = __importDefault(require("./Modal"));
@@ -81,4 +80,4 @@ var Modal = function () {
81
80
  },
82
81
  }, progressValue: progressValue, footer: react_1.default.createElement("div", null, "Cheers!") }, "Hello there! How are you today?")));
83
82
  };
84
- exports.Modal = Modal;
83
+ exports.default = Modal;
package/lib/stories/0-Inputs.stories.d.ts CHANGED
@@ -2,16 +2,16 @@ declare const _default: {
2
2
  title: string;
3
3
  };
4
4
  export default _default;
5
- export { AudioPlayer } from '../components/material-ui/AudioPlayer/AudioPlayer.story';
6
- export { Button } from '../components/material-ui/Button/Button.story';
5
+ export { default as AudioPlayer } from '../components/material-ui/AudioPlayer/AudioPlayer.story';
6
+ export { default as Button } from '../components/material-ui/Button/Button.story';
7
7
  export { ButtonMenuUsingDefault, ButtonMenuUsingCustom } from '../components/material-ui/ButtonMenu/ButtonMenu.story';
8
- export { ColorPicker } from '../components/material-ui/ColorPicker/ColorPicker.story';
9
- export { DataTable } from '../components/material-ui/DataTable/DataTable.story';
10
- export { InputDate } from '../components/material-ui/InputDate/InputDate.story';
11
- export { InputDateTime } from '../components/material-ui/InputDateTime/InputDateTime.story';
12
- export { InputGroup } from '../components/material-ui/InputGroup/InputGroup.story';
13
- export { InputCheckboxGroup } from '../components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story';
14
- export { InputRadioGroup } from '../components/material-ui/InputRadioGroup/InputRadioGroup.story';
8
+ export { default as ColorPicker } from '../components/material-ui/ColorPicker/ColorPicker.story';
9
+ export { default as DataTable } from '../components/material-ui/DataTable/DataTable.story';
10
+ export { default as InputDate } from '../components/material-ui/InputDate/InputDate.story';
11
+ export { default as InputDateTime } from '../components/material-ui/InputDateTime/InputDateTime.story';
12
+ export { default as InputGroup } from '../components/material-ui/InputGroup/InputGroup.story';
13
+ export { default as InputCheckboxGroup } from '../components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story';
14
+ export { default as InputRadioGroup } from '../components/material-ui/InputRadioGroup/InputRadioGroup.story';
15
15
  export { InputSearchDropdownSingle, InputSearchDropdownMulti, } from '../components/material-ui/InputSearchDropdown/InputSearchDropdown.story';
16
- export { InputTime } from '../components/material-ui/InputTime/InputTime.story';
17
- export { Modal } from '../components/material-ui/Modal/Modal.story';
16
+ export { default as InputTime } from '../components/material-ui/InputTime/InputTime.story';
17
+ export { default as Modal } from '../components/material-ui/Modal/Modal.story';
package/lib/stories/0-Inputs.stories.js CHANGED
@@ -1,34 +1,37 @@
1
1
  "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
2
5
  Object.defineProperty(exports, "__esModule", { value: true });
3
6
  exports.Modal = exports.InputTime = exports.InputSearchDropdownMulti = exports.InputSearchDropdownSingle = exports.InputRadioGroup = exports.InputCheckboxGroup = exports.InputGroup = exports.InputDateTime = exports.InputDate = exports.DataTable = exports.ColorPicker = exports.ButtonMenuUsingCustom = exports.ButtonMenuUsingDefault = exports.Button = exports.AudioPlayer = void 0;
4
7
  exports.default = {
5
8
  title: 'Inputs',
6
9
  };
7
10
  var AudioPlayer_story_1 = require("../components/material-ui/AudioPlayer/AudioPlayer.story");
8
- Object.defineProperty(exports, "AudioPlayer", { enumerable: true, get: function () { return AudioPlayer_story_1.AudioPlayer; } });
11
+ Object.defineProperty(exports, "AudioPlayer", { enumerable: true, get: function () { return __importDefault(AudioPlayer_story_1).default; } });
9
12
  var Button_story_1 = require("../components/material-ui/Button/Button.story");
10
- Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_story_1.Button; } });
13
+ Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_story_1).default; } });
11
14
  var ButtonMenu_story_1 = require("../components/material-ui/ButtonMenu/ButtonMenu.story");
12
15
  Object.defineProperty(exports, "ButtonMenuUsingDefault", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuUsingDefault; } });
13
16
  Object.defineProperty(exports, "ButtonMenuUsingCustom", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuUsingCustom; } });
14
17
  var ColorPicker_story_1 = require("../components/material-ui/ColorPicker/ColorPicker.story");
15
- Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return ColorPicker_story_1.ColorPicker; } });
18
+ Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return __importDefault(ColorPicker_story_1).default; } });
16
19
  var DataTable_story_1 = require("../components/material-ui/DataTable/DataTable.story");
17
- Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return DataTable_story_1.DataTable; } });
20
+ Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return __importDefault(DataTable_story_1).default; } });
18
21
  var InputDate_story_1 = require("../components/material-ui/InputDate/InputDate.story");
19
- Object.defineProperty(exports, "InputDate", { enumerable: true, get: function () { return InputDate_story_1.InputDate; } });
22
+ Object.defineProperty(exports, "InputDate", { enumerable: true, get: function () { return __importDefault(InputDate_story_1).default; } });
20
23
  var InputDateTime_story_1 = require("../components/material-ui/InputDateTime/InputDateTime.story");
21
- Object.defineProperty(exports, "InputDateTime", { enumerable: true, get: function () { return InputDateTime_story_1.InputDateTime; } });
24
+ Object.defineProperty(exports, "InputDateTime", { enumerable: true, get: function () { return __importDefault(InputDateTime_story_1).default; } });
22
25
  var InputGroup_story_1 = require("../components/material-ui/InputGroup/InputGroup.story");
23
- Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return InputGroup_story_1.InputGroup; } });
26
+ Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return __importDefault(InputGroup_story_1).default; } });
24
27
  var InputCheckboxGroup_story_1 = require("../components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story");
25
- Object.defineProperty(exports, "InputCheckboxGroup", { enumerable: true, get: function () { return InputCheckboxGroup_story_1.InputCheckboxGroup; } });
28
+ Object.defineProperty(exports, "InputCheckboxGroup", { enumerable: true, get: function () { return __importDefault(InputCheckboxGroup_story_1).default; } });
26
29
  var InputRadioGroup_story_1 = require("../components/material-ui/InputRadioGroup/InputRadioGroup.story");
27
- Object.defineProperty(exports, "InputRadioGroup", { enumerable: true, get: function () { return InputRadioGroup_story_1.InputRadioGroup; } });
30
+ Object.defineProperty(exports, "InputRadioGroup", { enumerable: true, get: function () { return __importDefault(InputRadioGroup_story_1).default; } });
28
31
  var InputSearchDropdown_story_1 = require("../components/material-ui/InputSearchDropdown/InputSearchDropdown.story");
29
32
  Object.defineProperty(exports, "InputSearchDropdownSingle", { enumerable: true, get: function () { return InputSearchDropdown_story_1.InputSearchDropdownSingle; } });
30
33
  Object.defineProperty(exports, "InputSearchDropdownMulti", { enumerable: true, get: function () { return InputSearchDropdown_story_1.InputSearchDropdownMulti; } });
31
34
  var InputTime_story_1 = require("../components/material-ui/InputTime/InputTime.story");
32
- Object.defineProperty(exports, "InputTime", { enumerable: true, get: function () { return InputTime_story_1.InputTime; } });
35
+ Object.defineProperty(exports, "InputTime", { enumerable: true, get: function () { return __importDefault(InputTime_story_1).default; } });
33
36
  var Modal_story_1 = require("../components/material-ui/Modal/Modal.story");
34
- Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_story_1.Modal; } });
37
+ Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_story_1).default; } });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vendorflow/components",
3
- "version": "2.0.83",
3
+ "version": "2.0.86",
4
4
  "description": "React components for vendorflow",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",
@@ -138,18 +138,19 @@
138
138
  "devDependencies": {
139
139
  "@babel/cli": "^7.15.7",
140
140
  "@babel/preset-react": "^7.9.4",
141
- "@storybook/addon-actions": "^6.3.10",
141
+ "@storybook/addon-actions": "^6.4.22",
142
142
  "@storybook/addon-knobs": "^6.3.1",
143
- "@storybook/addon-links": "^6.3.10",
144
- "@storybook/addons": "^6.3.10",
143
+ "@storybook/addon-links": "^6.4.22",
144
+ "@storybook/addons": "^6.4.22",
145
145
  "@storybook/preset-create-react-app": "^2.1.1",
146
- "@storybook/react": "^6.3.10",
146
+ "@storybook/react": "^6.4.22",
147
147
  "@types/lodash": "^4.14.150",
148
148
  "@types/react-measure": "^2.0.7",
149
149
  "@types/react-text-mask": "^5.4.6",
150
150
  "@types/react-virtualized": "^9.21.21",
151
151
  "eslint-config-prettier": "^8.3.0",
152
152
  "eslint-plugin-prettier": "^3.4.0",
153
+ "eslint-plugin-storybook": "^0.5.11",
153
154
  "eslint-webpack-plugin": "^2.5.4",
154
155
  "prettier": "^2.0.5",
155
156
  "tslint": "^6.1.2",