@vendorflow/components 2.1.1 → 3.0.5

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

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 = __importStar(require("react"));
-var lab_1 = require("@mui/lab");
-var InputTime_1 = __importDefault(require("./InputTime"));
-var AdapterDateFns_1 = __importDefault(require("@mui/lab/AdapterDateFns"));
-var InputTime = function () {
-    var _a = __read((0, react_1.useState)(null), 2), value = _a[0], setValue = _a[1];
-    return (react_1.default.createElement(lab_1.LocalizationProvider, { dateAdapter: AdapterDateFns_1.default },
-        react_1.default.createElement(InputTime_1.default, { label: "Bedtime", value: value, onChange: function (_a) {
-                var value = _a.target.value;
-                return setValue(value);
-            } })));
-};
-exports.default = InputTime;

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

@@ -1,8 +0,0 @@
-"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 InputTime_1 = require("./InputTime");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InputTime_1).default; } });

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

@@ -1,57 +0,0 @@
-"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;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var material_1 = require("@mui/material");
-var Button_1 = __importDefault(require("../Button"));
-function Modal(props) {
-    var children = props.children, classes = props.classes, cancelButton = props.cancelButton, okayButton = props.okayButton, onClose = props.onClose, submitting = props.submitting, open = props.open, title = props.title, progressValue = props.progressValue, footer = props.footer, restOfProps = __rest(props, ["children", "classes", "cancelButton", "okayButton", "onClose", "submitting", "open", "title", "progressValue", "footer"]);
-    var showProgressBar = typeof progressValue !== 'undefined' && submitting;
-    return ((0, react_1.jsx)(material_1.Dialog, __assign({}, restOfProps, { classes: classes, open: open, onClose: onClose }),
-        (0, react_1.jsx)(material_1.DialogTitle, null, title),
-        (0, react_1.jsx)(material_1.DialogContent, null, typeof children === 'string' ? (0, react_1.jsx)(material_1.DialogContentText, null, children) : children),
-        (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          margin: 0 24px;\n        "], ["\n          margin: 0 24px;\n        "]))) }, footer),
-        (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          display: flex;\n          flex-direction: row;\n          justify-content: flex-end;\n          align-items: center;\n        "], ["\n          display: flex;\n          flex-direction: row;\n          justify-content: flex-end;\n          align-items: center;\n        "]))) },
-            showProgressBar && ((0, react_1.jsx)(material_1.LinearProgress, { css: function (theme) {
-                    var _a, _b;
-                    return (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              margin-left: 20px;\n              width: -webkit-fill-available;\n              border-radius: 5px;\n              color: ", ";\n\n              & .MuiLinearProgress-bar {\n                border-radius: 5px;\n              }\n            "], ["\n              margin-left: 20px;\n              width: -webkit-fill-available;\n              border-radius: 5px;\n              color: ", ";\n\n              & .MuiLinearProgress-bar {\n                border-radius: 5px;\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%)');
-                }, variant: "determinate", value: progressValue })),
-            (0, react_1.jsx)(material_1.DialogActions, null,
-                cancelButton && !showProgressBar && ((0, react_1.jsx)(Button_1.default, { variant: "text", disabled: cancelButton.disabled || submitting, onClick: cancelButton.onClick }, cancelButton.text)),
-                okayButton && ((0, react_1.jsx)(Button_1.default, { css: function (theme) {
-                        var _a, _b;
-                        return (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                &&.MuiButton-root .MuiCircularProgress-root {\n                  color: ", ";\n                }\n              "], ["\n                &&.MuiButton-root .MuiCircularProgress-root {\n                  color: ", ";\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%)');
-                    }, color: "primary", variant: "text", disabled: okayButton.disabled, onClick: okayButton.onClick, loading: submitting }, okayButton.text))))));
-}
-exports.default = Modal;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,83 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 = __importStar(require("react"));
-var Button_1 = __importDefault(require("../Button"));
-var Modal_1 = __importDefault(require("./Modal"));
-var Modal = function () {
-    var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
-    var _b = __read((0, react_1.useState)(0), 2), progressValue = _b[0], setProgressValue = _b[1];
-    var _c = __read((0, react_1.useState)(false), 2), isSubmitting = _c[0], setIsSubmitting = _c[1];
-    react_1.default.useEffect(function () {
-        var timer = setInterval(function () {
-            if (isSubmitting) {
-                setProgressValue(function (progressValue) {
-                    if (progressValue === 100) {
-                        alert('Have a great day!!');
-                        handleOnClose();
-                    }
-                    var diff = Math.random() * 15;
-                    return Math.min(progressValue + diff, 100);
-                });
-            }
-        }, 500);
-        return function () {
-            clearInterval(timer);
-        };
-    }, [isSubmitting]);
-    function handleOnClose() {
-        setOpen(false);
-        setIsSubmitting(false);
-        setProgressValue(0);
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.default, { color: "primary", onClick: function () { return setOpen(true); } }, "Open"),
-        react_1.default.createElement(Modal_1.default, { open: open, submitting: isSubmitting, title: "My Modal", onClose: handleOnClose, cancelButton: {
-                text: 'Cancel',
-                onClick: function () { return alert('You canceled it!'); },
-            }, okayButton: {
-                text: 'Okay',
-                onClick: function () {
-                    alert('Okay!');
-                    setIsSubmitting(true);
-                },
-            }, progressValue: progressValue, footer: react_1.default.createElement("div", null, "Cheers!") }, "Hello there! How are you today?")));
-};
-exports.default = Modal;

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

@@ -1,8 +0,0 @@
-"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 Modal_1 = require("./Modal");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });

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

@@ -1,5 +0,0 @@
-/// <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

@@ -1,67 +0,0 @@
-"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

@@ -1,17 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-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, ButtonMenuDisableTest, } from '../components/material-ui/ButtonMenu/ButtonMenu.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 { 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,38 +0,0 @@
-"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.ButtonMenuDisableTest = 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 __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 __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; } });
-Object.defineProperty(exports, "ButtonMenuDisableTest", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuDisableTest; } });
-var ColorPicker_story_1 = require("../components/material-ui/ColorPicker/ColorPicker.story");
-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 __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 __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 __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 __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 __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 __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 __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 __importDefault(Modal_story_1).default; } });

package/lib/types/Component.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/Internal.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Component.types"), exports);