@vendorflow/components 2.0.83 → 2.0.84

package/lib/components/material-ui/DataTable/DataTable.story.js

@@ -19,7 +19,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTable = void 0;
 var react_1 = __importStar(require("react"));
 var DataTable_1 = __importStar(require("./DataTable"));
 var Data_1 = require("./Data");
@@ -75,4 +74,4 @@ function DataTable() {
         react_1.default.createElement("div", { style: { height: '700px', width: '640px' } },
             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"); } }))));
 }
-exports.DataTable = DataTable;
+exports.default = DataTable;

package/lib/components/material-ui/DataTable/SortIndicator.js

@@ -10,8 +10,8 @@ var react_1 = require("@emotion/react");
 var icons_material_1 = require("@mui/icons-material");
 var iconStyle = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: 0.25rem;\n  color: #b2b2b2;\n  line-height: 0;\n\n  && {\n    font-size: 1rem;\n  }\n"], ["\n  margin-left: 0.25rem;\n  color: #b2b2b2;\n  line-height: 0;\n\n  && {\n    font-size: 1rem;\n  }\n"])));
 var smallIconStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n  && {\n    font-size: 0.75rem;\n  }\n"], ["\n  ", ";\n  && {\n    font-size: 0.75rem;\n  }\n"])), iconStyle);
-var wrapperStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  line-height: 0;\n"], ["\n  line-height: 0;\n"])));
-var stackedWrapperStyle = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"], ["\n  ", ";\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])), wrapperStyle);
+var wrapperStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  line-height: 0;\n  flex: none;\n"], ["\n  line-height: 0;\n  flex: none;\n"])));
+var stackedWrapperStyle = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  flex: none;\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"], ["\n  ", ";\n  flex: none;\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])), wrapperStyle);
 function SortIndicator(_a) {
     var canSort = _a.canSort, isSorted = _a.isSorted, isSortedDesc = _a.isSortedDesc;
     if (!canSort) {

package/lib/components/material-ui/DataTable/Utils.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import short from 'short-uuid';
+import { EnhancedRow } from './DataTable';
+/**
+ * This custom hook is designed to replace the `<CellMeasurer />` component in `react-virtualized`
+ * in `react-window`
+ *
+ * This hook returns props to be given to the `<VariableSizeList />` component in `react-window`
+ *
+ * `items` are react elements
+ */
+export default function useCellMeasurer({ items, renderItem, }: {
+    items: any[];
+    renderItem: (item: EnhancedRow<any>) => JSX.Element;
+}): {
+    innerRef: import("react").RefObject<HTMLDivElement>;
+    itemSize: (index: any) => number;
+    itemCount: number;
+    key: short.SUUID;
+    style: {
+        visibility?: undefined;
+    } | {
+        visibility: string;
+    };
+};

package/lib/components/material-ui/DataTable/Utils.js

@@ -0,0 +1,119 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var short_uuid_1 = __importDefault(require("short-uuid"));
+var server_1 = require("react-dom/server");
+var resize_observer_polyfill_1 = __importDefault(require("resize-observer-polyfill"));
+/**
+ * This custom hook is designed to replace the `<CellMeasurer />` component in `react-virtualized`
+ * in `react-window`
+ *
+ * This hook returns props to be given to the `<VariableSizeList />` component in `react-window`
+ *
+ * `items` are react elements
+ */
+function useCellMeasurer(_a) {
+    var items = _a.items, renderItem = _a.renderItem;
+    // create a ref to get the `div` element the `VariableSizeList` uses
+    var innerRef = (0, react_1.useRef)(null);
+    // create a unique ID for this cell measurer instance
+    var id = (0, react_1.useMemo)(function () { return short_uuid_1.default.generate(); }, []);
+    // create a "hidden sizing element" in state.
+    //
+    // when the innerRef element mounts, the width of the innerRef will be used for width of
+    // the hidden sizing element
+    var _b = __read((0, react_1.useState)(null), 2), hiddenSizingEl = _b[0], setHiddenSizingEl = _b[1];
+    // this width is used to determine whether the list needs to be re-rendered due to a resize
+    var _c = __read((0, react_1.useState)(0), 2), width = _c[0], setWidth = _c[1];
+    // `itemSize` is a function required by `VariableSizeList`. This function is called when it needs
+    // to get the height of the item inside it.
+    // note: the result of this function is memoized by `react-window` so it will only be called once
+    // to get the item size
+    var itemSize = (0, react_1.useCallback)(function (index) {
+        if (!hiddenSizingEl)
+            return 0;
+        // get the item (which is a react node)
+        var item = items[index];
+        // then render the react node to a string synchronously with `react-dom/server`
+        hiddenSizingEl.innerHTML = (0, server_1.renderToString)(renderItem(item));
+        // get and return the size of the hidden sizing element
+        return hiddenSizingEl.clientHeight || 0;
+    }, [hiddenSizingEl, items]);
+    // this effects adds the hidden sizing element to the DOM
+    (0, react_1.useEffect)(function () {
+        /** @type {HTMLElement} */
+        var innerEl = innerRef.current;
+        if (!innerEl)
+            return;
+        if (hiddenSizingEl)
+            return;
+        var newHiddenSizingEl = document.createElement('div');
+        var width = innerEl.clientWidth;
+        newHiddenSizingEl.classList.add("hidden-sizing-element-" + id);
+        newHiddenSizingEl.style.position = 'absolute';
+        newHiddenSizingEl.style.top = '0';
+        newHiddenSizingEl.style.width = width + "px";
+        newHiddenSizingEl.style.pointerEvents = 'none';
+        newHiddenSizingEl.style.visibility = 'hidden';
+        setHiddenSizingEl(newHiddenSizingEl);
+        document.body.appendChild(newHiddenSizingEl);
+    }, [hiddenSizingEl, id]);
+    // this removes all hidden sizing elements on unmount
+    (0, react_1.useEffect)(function () {
+        // returning a function from `useEffect` is the "clean-up" phase
+        return function () {
+            var hiddenSizingElement = document.querySelector(".hidden-sizing-element-" + id);
+            if (hiddenSizingElement) {
+                document.body.removeChild(hiddenSizingElement);
+            }
+        };
+    }, [id]);
+    // this is used to watch for changes in the size of the list element and sets the width
+    (0, react_1.useEffect)(function () {
+        var el = innerRef.current;
+        if (!el)
+            return;
+        function handleResize() {
+            var width = ((el === null || el === void 0 ? void 0 : el.getBoundingClientRect()) || { width: 0 }).width;
+            setWidth(width);
+        }
+        var resizeObserver = new resize_observer_polyfill_1.default(handleResize);
+        resizeObserver.observe(el);
+        return function () { return resizeObserver.disconnect(); };
+    }, []);
+    // this key is used to re-render the list when the dependencies array changes
+    var key = (0, react_1.useMemo)(function () { return short_uuid_1.default.generate(); }, [itemSize, hiddenSizingEl, width]);
+    // while there is no hidden sizing element, hide the list element
+    var style = hiddenSizingEl
+        ? {}
+        : {
+            visibility: 'hidden',
+        };
+    return {
+        innerRef: innerRef,
+        itemSize: itemSize,
+        itemCount: items.length,
+        key: key,
+        style: style,
+    };
+}
+exports.default = useCellMeasurer;

package/lib/components/material-ui/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { ReactNode } from 'react';
+export default function ErrorBoundary({ children, onReset, }: {
+    children: ReactNode;
+    onReset: (...args: Array<unknown>) => void | Promise<void>;
+}): jsx.JSX.Element;

package/lib/components/material-ui/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,20 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/** @jsx jsx */
+var react_1 = require("@emotion/react");
+var material_1 = require("@mui/material");
+var react_error_boundary_1 = require("react-error-boundary");
+function ErrorFallback(_a) {
+    var resetErrorBoundary = _a.resetErrorBoundary;
+    return ((0, react_1.jsx)(material_1.Alert, { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        width: 100%;\n      "], ["\n        width: 100%;\n      "]))), severity: "error", action: (0, react_1.jsx)(material_1.Button, { color: "inherit", size: "small", onClick: resetErrorBoundary }, "Reload") }, "Something went wrong when trying to load this view's data. Please try to reload the data again."));
+}
+function ErrorBoundary(_a) {
+    var children = _a.children, onReset = _a.onReset;
+    return ((0, react_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ErrorFallback, onReset: onReset }, children));
+}
+exports.default = ErrorBoundary;
+var templateObject_1;

package/lib/components/material-ui/ErrorBoundary/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ErrorBoundary';

package/lib/components/material-ui/ErrorBoundary/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ErrorBoundary_1 = require("./ErrorBoundary");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_1).default; } });

package/lib/components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story.d.ts

@@ -1 +1,2 @@
-export declare const InputCheckboxGroup: () => JSX.Element;
+declare const InputCheckboxGroup: () => JSX.Element;
+export default InputCheckboxGroup;

package/lib/components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story.js

@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputCheckboxGroup = void 0;
 var react_1 = __importStar(require("react"));
 var InputCheckboxGroup_1 = __importDefault(require("./InputCheckboxGroup"));
 var options = [
@@ -50,4 +49,4 @@ var InputCheckboxGroup = function () {
     var _a = __read((0, react_1.useState)([]), 2), value = _a[0], setValue = _a[1];
     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 || []); } }));
 };
-exports.InputCheckboxGroup = InputCheckboxGroup;
+exports.default = InputCheckboxGroup;

package/lib/components/material-ui/InputDate/InputDate.story.d.ts

@@ -1 +1,2 @@
-export declare const InputDate: () => JSX.Element;
+declare const InputDate: () => JSX.Element;
+export default InputDate;

package/lib/components/material-ui/InputDate/InputDate.story.js

@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputDate = void 0;
 var react_1 = __importStar(require("react"));
 var lab_1 = require("@mui/lab");
 var AdapterDateFns_1 = __importDefault(require("@mui/lab/AdapterDateFns"));
@@ -51,4 +50,4 @@ var InputDate = function () {
                 return setValue(value);
             }, InputProps: { helperText: 'Go to sleep', error: true } })));
 };
-exports.InputDate = InputDate;
+exports.default = InputDate;

package/lib/components/material-ui/InputDateTime/InputDateTime.story.d.ts

@@ -1 +1,2 @@
-export declare const InputDateTime: () => JSX.Element;
+declare const InputDateTime: () => JSX.Element;
+export default InputDateTime;

package/lib/components/material-ui/InputDateTime/InputDateTime.story.js

@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputDateTime = void 0;
 var react_1 = __importStar(require("react"));
 var lab_1 = require("@mui/lab");
 var InputDateTime_1 = __importDefault(require("./InputDateTime"));
@@ -51,4 +50,4 @@ var InputDateTime = function () {
                 return setValue(value);
             } })));
 };
-exports.InputDateTime = InputDateTime;
+exports.default = InputDateTime;

package/lib/components/material-ui/InputGroup/InputGroup.story.d.ts

@@ -1 +1,2 @@
-export declare const InputGroup: () => JSX.Element;
+declare const InputGroup: () => JSX.Element;
+export default InputGroup;

package/lib/components/material-ui/InputGroup/InputGroup.story.js

@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputGroup = void 0;
 var react_1 = __importStar(require("react"));
 var InputGroup_1 = __importDefault(require("./InputGroup"));
 var InputGroup = function () {
@@ -48,4 +47,4 @@ var InputGroup = function () {
     }
     return (react_1.default.createElement(InputGroup_1.default, { name: "name", label: "First Name", fullWidth: true, helperText: "(required)", value: value, charLimit: 20, onChange: onChange }));
 };
-exports.InputGroup = InputGroup;
+exports.default = InputGroup;

package/lib/components/material-ui/InputRadioGroup/InputRadioGroup.story.d.ts

@@ -1 +1,2 @@
-export declare const InputRadioGroup: () => JSX.Element;
+declare const InputRadioGroup: () => JSX.Element;
+export default InputRadioGroup;

package/lib/components/material-ui/InputRadioGroup/InputRadioGroup.story.js

@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputRadioGroup = void 0;
 var react_1 = __importStar(require("react"));
 var InputRadioGroup_1 = __importDefault(require("./InputRadioGroup"));
 var options = [
@@ -50,4 +49,4 @@ var InputRadioGroup = function () {
     var _a = __read((0, react_1.useState)(null), 2), value = _a[0], setValue = _a[1];
     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 }));
 };
-exports.InputRadioGroup = InputRadioGroup;
+exports.default = InputRadioGroup;

package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.story.d.ts

@@ -1,2 +1,4 @@
+declare const _default: {};
+export default _default;
 export declare const InputSearchDropdownSingle: () => JSX.Element;
 export declare const InputSearchDropdownMulti: () => JSX.Element;

package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.story.js

@@ -41,6 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputSearchDropdownMulti = exports.InputSearchDropdownSingle = void 0;
 var react_1 = __importStar(require("react"));
 var InputSearchDropdown_1 = __importDefault(require("./InputSearchDropdown"));
+exports.default = {};
 var options = [
     { firstName: 'Alvin', lastName: 'Kamara' },
     { firstName: 'Michael', lastName: 'Thomas' },

package/lib/components/material-ui/InputTime/InputTime.story.d.ts

@@ -1 +1,2 @@
-export declare const InputTime: () => JSX.Element;
+declare const InputTime: () => JSX.Element;
+export default InputTime;

package/lib/components/material-ui/InputTime/InputTime.story.js

@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputTime = void 0;
 var react_1 = __importStar(require("react"));
 var lab_1 = require("@mui/lab");
 var InputTime_1 = __importDefault(require("./InputTime"));
@@ -51,4 +50,4 @@ var InputTime = function () {
                 return setValue(value);
             } })));
 };
-exports.InputTime = InputTime;
+exports.default = InputTime;

package/lib/components/material-ui/Modal/Modal.story.d.ts

@@ -1 +1,2 @@
-export declare const Modal: () => JSX.Element;
+declare const Modal: () => JSX.Element;
+export default Modal;

package/lib/components/material-ui/Modal/Modal.story.js

@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
 var react_1 = __importStar(require("react"));
 var Button_1 = __importDefault(require("../Button"));
 var Modal_1 = __importDefault(require("./Modal"));
@@ -81,4 +80,4 @@ var Modal = function () {
                 },
             }, progressValue: progressValue, footer: react_1.default.createElement("div", null, "Cheers!") }, "Hello there! How are you today?")));
 };
-exports.Modal = Modal;
+exports.default = Modal;

package/lib/services/Select.service.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IItemRendererProps } from '@blueprintjs/select';
+import { UniqueKey, InputValueRender } from 'types/Component.types';
+export declare function getFilter<T>(inputValueRenderer: InputValueRender<T>): (query: string, item: T, index?: number | undefined, exactMatch?: boolean | undefined) => boolean;
+export declare function getItemRenderer<T>(uniqueKey: UniqueKey<T>, inputValueRenderer: InputValueRender<T>, isItemSelected?: (item: T) => boolean): (item: T, { handleClick, modifiers, query }: IItemRendererProps) => JSX.Element | null;

package/lib/services/Select.service.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var core_1 = require("@blueprintjs/core");
+function escapeRegExpChars(text) {
+    return text.replace(/([.*+?^=!:${}()|[\]/\\])/g, '\\$1');
+}
+function highlightText(text, query) {
+    var lastIndex = 0;
+    var words = query
+        .split(/\s+/)
+        .filter(function (word) { return word.length > 0; })
+        .map(escapeRegExpChars);
+    if (words.length === 0) {
+        return [text];
+    }
+    var regexp = new RegExp(words.join('|'), 'gi');
+    var tokens = [];
+    while (true) {
+        var match = regexp.exec(text);
+        if (!match) {
+            break;
+        }
+        var length_1 = match[0].length;
+        var before = text.slice(lastIndex, regexp.lastIndex - length_1);
+        if (before.length > 0) {
+            tokens.push(before);
+        }
+        lastIndex = regexp.lastIndex;
+        tokens.push(react_1.default.createElement("strong", { key: lastIndex }, match[0]));
+    }
+    var rest = text.slice(lastIndex);
+    if (rest.length > 0) {
+        tokens.push(rest);
+    }
+    return tokens;
+}
+function getFilter(inputValueRenderer) {
+    return function filterItems(query, item, index, exactMatch) {
+        return exactMatch
+            ? inputValueRenderer(item).toLowerCase() === query.toLowerCase()
+            : inputValueRenderer(item).toLowerCase().includes(query.toLowerCase());
+    };
+}
+exports.getFilter = getFilter;
+function getItemRenderer(uniqueKey, inputValueRenderer, isItemSelected) {
+    return function renderItem(item, _a) {
+        var handleClick = _a.handleClick, modifiers = _a.modifiers, query = _a.query;
+        if (!modifiers.matchesPredicate) {
+            return null;
+        }
+        var text = inputValueRenderer(item);
+        var key = null;
+        if (typeof uniqueKey === 'string') {
+            // @ts-ignore
+            key = item[uniqueKey];
+        }
+        else if (typeof uniqueKey === 'function') {
+            key = uniqueKey(item);
+        }
+        return (react_1.default.createElement(core_1.MenuItem, { active: modifiers.active, icon: isItemSelected && isItemSelected(item) ? 'tick' : 'blank', disabled: modifiers.disabled, label: undefined, key: key, onClick: handleClick, text: highlightText(text, query) }));
+    };
+}
+exports.getItemRenderer = getItemRenderer;

package/lib/stories/0-Inputs.stories.d.ts

@@ -2,16 +2,16 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export { AudioPlayer } from '../components/material-ui/AudioPlayer/AudioPlayer.story';
-export { Button } from '../components/material-ui/Button/Button.story';
+export { default as AudioPlayer } from '../components/material-ui/AudioPlayer/AudioPlayer.story';
+export { default as Button } from '../components/material-ui/Button/Button.story';
 export { ButtonMenuUsingDefault, ButtonMenuUsingCustom } from '../components/material-ui/ButtonMenu/ButtonMenu.story';
-export { ColorPicker } from '../components/material-ui/ColorPicker/ColorPicker.story';
-export { DataTable } from '../components/material-ui/DataTable/DataTable.story';
-export { InputDate } from '../components/material-ui/InputDate/InputDate.story';
-export { InputDateTime } from '../components/material-ui/InputDateTime/InputDateTime.story';
-export { InputGroup } from '../components/material-ui/InputGroup/InputGroup.story';
-export { InputCheckboxGroup } from '../components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story';
-export { InputRadioGroup } from '../components/material-ui/InputRadioGroup/InputRadioGroup.story';
+export { default as ColorPicker } from '../components/material-ui/ColorPicker/ColorPicker.story';
+export { default as DataTable } from '../components/material-ui/DataTable/DataTable.story';
+export { default as InputDate } from '../components/material-ui/InputDate/InputDate.story';
+export { default as InputDateTime } from '../components/material-ui/InputDateTime/InputDateTime.story';
+export { default as InputGroup } from '../components/material-ui/InputGroup/InputGroup.story';
+export { default as InputCheckboxGroup } from '../components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story';
+export { default as InputRadioGroup } from '../components/material-ui/InputRadioGroup/InputRadioGroup.story';
 export { InputSearchDropdownSingle, InputSearchDropdownMulti, } from '../components/material-ui/InputSearchDropdown/InputSearchDropdown.story';
-export { InputTime } from '../components/material-ui/InputTime/InputTime.story';
-export { Modal } from '../components/material-ui/Modal/Modal.story';
+export { default as InputTime } from '../components/material-ui/InputTime/InputTime.story';
+export { default as Modal } from '../components/material-ui/Modal/Modal.story';

package/lib/stories/0-Inputs.stories.js

@@ -1,34 +1,37 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 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;
 exports.default = {
     title: 'Inputs',
 };
 var AudioPlayer_story_1 = require("../components/material-ui/AudioPlayer/AudioPlayer.story");
-Object.defineProperty(exports, "AudioPlayer", { enumerable: true, get: function () { return AudioPlayer_story_1.AudioPlayer; } });
+Object.defineProperty(exports, "AudioPlayer", { enumerable: true, get: function () { return __importDefault(AudioPlayer_story_1).default; } });
 var Button_story_1 = require("../components/material-ui/Button/Button.story");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_story_1.Button; } });
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_story_1).default; } });
 var ButtonMenu_story_1 = require("../components/material-ui/ButtonMenu/ButtonMenu.story");
 Object.defineProperty(exports, "ButtonMenuUsingDefault", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuUsingDefault; } });
 Object.defineProperty(exports, "ButtonMenuUsingCustom", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuUsingCustom; } });
 var ColorPicker_story_1 = require("../components/material-ui/ColorPicker/ColorPicker.story");
-Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return ColorPicker_story_1.ColorPicker; } });
+Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return __importDefault(ColorPicker_story_1).default; } });
 var DataTable_story_1 = require("../components/material-ui/DataTable/DataTable.story");
-Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return DataTable_story_1.DataTable; } });
+Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return __importDefault(DataTable_story_1).default; } });
 var InputDate_story_1 = require("../components/material-ui/InputDate/InputDate.story");
-Object.defineProperty(exports, "InputDate", { enumerable: true, get: function () { return InputDate_story_1.InputDate; } });
+Object.defineProperty(exports, "InputDate", { enumerable: true, get: function () { return __importDefault(InputDate_story_1).default; } });
 var InputDateTime_story_1 = require("../components/material-ui/InputDateTime/InputDateTime.story");
-Object.defineProperty(exports, "InputDateTime", { enumerable: true, get: function () { return InputDateTime_story_1.InputDateTime; } });
+Object.defineProperty(exports, "InputDateTime", { enumerable: true, get: function () { return __importDefault(InputDateTime_story_1).default; } });
 var InputGroup_story_1 = require("../components/material-ui/InputGroup/InputGroup.story");
-Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return InputGroup_story_1.InputGroup; } });
+Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return __importDefault(InputGroup_story_1).default; } });
 var InputCheckboxGroup_story_1 = require("../components/material-ui/InputCheckboxGroup/InputCheckboxGroup.story");
-Object.defineProperty(exports, "InputCheckboxGroup", { enumerable: true, get: function () { return InputCheckboxGroup_story_1.InputCheckboxGroup; } });
+Object.defineProperty(exports, "InputCheckboxGroup", { enumerable: true, get: function () { return __importDefault(InputCheckboxGroup_story_1).default; } });
 var InputRadioGroup_story_1 = require("../components/material-ui/InputRadioGroup/InputRadioGroup.story");
-Object.defineProperty(exports, "InputRadioGroup", { enumerable: true, get: function () { return InputRadioGroup_story_1.InputRadioGroup; } });
+Object.defineProperty(exports, "InputRadioGroup", { enumerable: true, get: function () { return __importDefault(InputRadioGroup_story_1).default; } });
 var InputSearchDropdown_story_1 = require("../components/material-ui/InputSearchDropdown/InputSearchDropdown.story");
 Object.defineProperty(exports, "InputSearchDropdownSingle", { enumerable: true, get: function () { return InputSearchDropdown_story_1.InputSearchDropdownSingle; } });
 Object.defineProperty(exports, "InputSearchDropdownMulti", { enumerable: true, get: function () { return InputSearchDropdown_story_1.InputSearchDropdownMulti; } });
 var InputTime_story_1 = require("../components/material-ui/InputTime/InputTime.story");
-Object.defineProperty(exports, "InputTime", { enumerable: true, get: function () { return InputTime_story_1.InputTime; } });
+Object.defineProperty(exports, "InputTime", { enumerable: true, get: function () { return __importDefault(InputTime_story_1).default; } });
 var Modal_story_1 = require("../components/material-ui/Modal/Modal.story");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_story_1.Modal; } });
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_story_1).default; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vendorflow/components",
-  "version": "2.0.83",
+  "version": "2.0.84",
   "description": "React components for vendorflow",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -138,18 +138,19 @@
   "devDependencies": {
     "@babel/cli": "^7.15.7",
     "@babel/preset-react": "^7.9.4",
-    "@storybook/addon-actions": "^6.3.10",
+    "@storybook/addon-actions": "^6.4.22",
     "@storybook/addon-knobs": "^6.3.1",
-    "@storybook/addon-links": "^6.3.10",
-    "@storybook/addons": "^6.3.10",
+    "@storybook/addon-links": "^6.4.22",
+    "@storybook/addons": "^6.4.22",
     "@storybook/preset-create-react-app": "^2.1.1",
-    "@storybook/react": "^6.3.10",
+    "@storybook/react": "^6.4.22",
     "@types/lodash": "^4.14.150",
     "@types/react-measure": "^2.0.7",
     "@types/react-text-mask": "^5.4.6",
     "@types/react-virtualized": "^9.21.21",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-storybook": "^0.5.11",
     "eslint-webpack-plugin": "^2.5.4",
     "prettier": "^2.0.5",
     "tslint": "^6.1.2",