@vendorflow/components 2.1.1 → 3.0.5

package/lib/components/blueprint/InputSelect/InputSelect.d.ts

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-import { IIntentProps } from '@blueprintjs/core';
-import { ItemRenderer } from '@blueprintjs/select';
-import { SimpleEvent, InputValueRender, TagRender } from '../../../types/Component.types';
-declare type Props<T> = InputSuggestProps<T> | InputMultiSelectProps<T>;
-declare type InputSuggestProps<T> = {
-    type: 'suggest';
-    className?: string;
-    disabled?: boolean;
-    fill?: boolean;
-    helperText?: string;
-    id?: string;
-    inputValueRenderer: InputValueRender<T>;
-    intent?: IIntentProps['intent'];
-    itemRenderer?: ItemRenderer<T>;
-    items: T[];
-    uniqueKey: string | ((item: T) => string | number);
-    label?: string;
-    labelInfo?: string;
-    multi?: boolean;
-    name?: string;
-    onChange: (evt: SimpleEvent<T | T[]>) => void;
-    placeholder?: string;
-    selectedItem: T | null;
-    selectedItems?: undefined;
-    tagRenderer?: undefined;
-};
-declare type InputMultiSelectProps<T> = {
-    type: 'multiselect';
-    className?: string;
-    disabled?: boolean;
-    fill?: boolean;
-    helperText?: string;
-    id?: string;
-    inputValueRenderer: InputValueRender<T>;
-    intent?: IIntentProps['intent'];
-    itemRenderer?: ItemRenderer<T>;
-    items: T[];
-    uniqueKey: string | ((item: T) => string | number);
-    label?: string;
-    labelInfo?: string;
-    multi?: boolean;
-    name?: string;
-    onChange: (evt: SimpleEvent<T | T[]>) => void;
-    placeholder?: string;
-    selectedItem?: undefined;
-    selectedItems: T[];
-    tagRenderer?: TagRender<T>;
-};
-export default function InputSelect<T>(props: Props<T>): JSX.Element;
-export {};

package/lib/components/blueprint/InputSelect/InputSelect.js

@@ -1,98 +0,0 @@
-"use strict";
-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 __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var core_1 = require("@blueprintjs/core");
-var select_1 = require("@blueprintjs/select");
-var Select_service_1 = require("../../../services/Select.service");
-function InputSelect(props) {
-    var className = props.className, disabled = props.disabled, fill = props.fill, helperText = props.helperText, id = props.id, inputValueRenderer = props.inputValueRenderer, intent = props.intent, items = props.items, itemRenderer = props.itemRenderer, uniqueKey = props.uniqueKey, label = props.label, labelInfo = props.labelInfo, name = props.name, onChange = props.onChange, placeholder = props.placeholder, _a = props.selectedItem, selectedItem = _a === void 0 ? null : _a, tagRenderer = props.tagRenderer, type = props.type;
-    var _b = react_1.useState(''), query = _b[0], setQuery = _b[1];
-    var _c = react_1.useState(null), value = _c[0], setValue = _c[1];
-    var _d = react_1.useState([]), values = _d[0], setValues = _d[1];
-    react_1.useEffect(function () {
-        if (value !== selectedItem) {
-            setValue(selectedItem);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedItem]);
-    function handleOnChange(value, _) {
-        var newValue = null;
-        if (type === 'multiselect') {
-            if (isItemSelected(value)) {
-                newValue = values.filter(function (item) { return value !== item; });
-            }
-            else {
-                newValue = values.concat(value);
-            }
-            setValues(newValue);
-        }
-        else {
-            newValue = value;
-            setValue(newValue);
-        }
-        onChange({ target: { value: newValue, name: name } });
-    }
-    function handleOnTagRemove(_, index) {
-        var newValues = values.filter(function (_, valueIndex) { return index !== valueIndex; });
-        setValues(newValues);
-        onChange({ target: { value: newValues, name: name } });
-    }
-    function handleOnClear() {
-        setValues([]);
-        onChange({ target: { value: [], name: name } });
-    }
-    function isItemSelected(item) {
-        return values.indexOf(item) !== -1;
-    }
-    function getCommonProps() {
-        return {
-            disabled: disabled,
-            fill: fill,
-            itemPredicate: Select_service_1.getFilter(inputValueRenderer),
-            itemRenderer: itemRenderer ||
-                Select_service_1.getItemRenderer(uniqueKey, inputValueRenderer, type === 'multiselect' ? isItemSelected : undefined),
-            items: items,
-            noResults: react_1.default.createElement(core_1.MenuItem, { disabled: true, text: "No results." }),
-            onItemSelect: handleOnChange,
-            onQueryChange: setQuery,
-            query: query,
-            popoverProps: { minimal: true },
-        };
-    }
-    function renderClearButton() {
-        return values.length > 0 ? (react_1.default.createElement(core_1.Button, { icon: "cross", minimal: true, onClick: handleOnClear })) : undefined;
-    }
-    function renderSelectComponent() {
-        switch (type) {
-            case 'multiselect': {
-                return (react_1.default.createElement(select_1.MultiSelect, __assign({}, getCommonProps(), { resetOnSelect: true, selectedItems: values, tagRenderer: tagRenderer || inputValueRenderer, tagInputProps: {
-                        onRemove: handleOnTagRemove,
-                        rightElement: renderClearButton(),
-                        tagProps: {},
-                    } })));
-            }
-            default:
-                return (react_1.default.createElement(select_1.Suggest, __assign({}, getCommonProps(), { inputProps: { intent: intent, placeholder: placeholder }, inputValueRenderer: inputValueRenderer, resetOnSelect: false, selectedItem: value })));
-        }
-    }
-    return (react_1.default.createElement(core_1.FormGroup, { className: className, helperText: helperText, intent: intent, label: label, labelFor: id, labelInfo: labelInfo, disabled: disabled }, renderSelectComponent()));
-}
-exports.default = InputSelect;

package/lib/components/blueprint/InputSelect/InputSelect.story.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const InputSuggest: () => JSX.Element;
-export declare const InputMultiselect: () => JSX.Element;

package/lib/components/blueprint/InputSelect/InputSelect.story.js

@@ -1,19 +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 InputSelect_1 = __importDefault(require("./InputSelect"));
-var addon_actions_1 = require("@storybook/addon-actions");
-var items = [
-    { firstName: 'Alvin', lastName: 'Kamara' },
-    { firstName: 'Michael', lastName: 'Thomas' },
-    { firstName: 'Todd', lastName: 'Gurley' },
-    { firstName: 'Raheem', lastName: 'Mostert' },
-    { firstName: 'Tyeke', lastName: 'Hill' },
-    { firstName: 'Frank', lastName: 'Gore' },
-    { firstName: 'Patrick', lastName: 'Willis' },
-];
-exports.InputSuggest = function () { return (react_1.default.createElement(InputSelect_1.default, { type: "suggest", label: "Football Players", name: "player", inputValueRenderer: function (item) { return item.firstName + " " + item.lastName; }, uniqueKey: "lastName", labelInfo: "(required)", helperText: "Please select a player.", intent: "danger", items: items, onChange: addon_actions_1.action('onChange'), placeholder: "Select football player", selectedItem: null })); };
-exports.InputMultiselect = function () { return (react_1.default.createElement(InputSelect_1.default, { type: "multiselect", label: "Football Players", name: "player", inputValueRenderer: function (item) { return item.firstName + " " + item.lastName; }, uniqueKey: "lastName", labelInfo: "(required)", helperText: "Please select a player.", intent: "danger", items: items, onChange: addon_actions_1.action('onChange'), placeholder: "Select football player", selectedItems: [] })); };

package/lib/components/blueprint/InputSelect/index.d.ts

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

package/lib/components/blueprint/InputSelect/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var InputSelect_1 = require("./InputSelect");
-exports.default = InputSelect_1.default;

package/lib/components/blueprint/InputTime/InputTime.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { IIntentProps } from '@blueprintjs/core';
-import { TimePrecision } from '@blueprintjs/datetime';
-import { SimpleEvent } from '../../../types/Component.types';
-interface Props {
-    className?: string;
-    disabled?: boolean;
-    fill?: boolean;
-    helperText?: string;
-    intent?: IIntentProps['intent'];
-    label?: string;
-    labelInfo?: string;
-    maxTime?: Date;
-    minTime?: Date;
-    name?: string;
-    onChange: (evt: SimpleEvent<Date>) => void;
-    precision?: TimePrecision;
-    selectAllOnFocus?: boolean;
-    showArrowButtons?: boolean;
-    value: Date | null;
-    useAmPm?: boolean;
-}
-export default function InputTime(props: Props): JSX.Element;
-export {};

package/lib/components/blueprint/InputTime/InputTime.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var core_1 = require("@blueprintjs/core");
-var datetime_1 = require("@blueprintjs/datetime");
-function InputTime(props) {
-    var className = props.className, disabled = props.disabled, helperText = props.helperText, intent = props.intent, label = props.label, labelInfo = props.labelInfo, maxTime = props.maxTime, minTime = props.minTime, name = props.name, onChange = props.onChange, precision = props.precision, selectAllOnFocus = props.selectAllOnFocus, showArrowButtons = props.showArrowButtons, useAmPm = props.useAmPm;
-    var _a = react_1.useState(undefined), value = _a[0], setValue = _a[1];
-    react_1.useEffect(function () {
-        if (props.value) {
-            setValue(props.value);
-        }
-    }, []);
-    function handleOnChange(time) {
-        setValue(time);
-        onChange({ target: { name: name, value: time } });
-    }
-    return (react_1.default.createElement(core_1.FormGroup, { className: className, helperText: helperText, intent: intent, label: label, labelInfo: labelInfo, disabled: disabled },
-        react_1.default.createElement(datetime_1.TimePicker, { disabled: disabled, onChange: handleOnChange, maxTime: maxTime, minTime: minTime, precision: precision, selectAllOnFocus: selectAllOnFocus, showArrowButtons: showArrowButtons, value: value, useAmPm: useAmPm })));
-}
-exports.default = InputTime;

package/lib/components/blueprint/InputTime/InputTime.story.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const InputTime: () => JSX.Element;

package/lib/components/blueprint/InputTime/InputTime.story.js

@@ -1,11 +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 addon_actions_1 = require("@storybook/addon-actions");
-var InputTime_1 = __importDefault(require("./InputTime"));
-exports.InputTime = function () {
-    return (react_1.default.createElement(InputTime_1.default, { name: "time", label: "Bedtime", labelInfo: "(required)", value: null, onChange: addon_actions_1.action('changed') }));
-};

package/lib/components/blueprint/InputTime/index.d.ts

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

package/lib/components/blueprint/InputTime/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var InputTime_1 = require("./InputTime");
-exports.default = InputTime_1.default;

package/lib/components/index.js

@@ -1,32 +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.InputSearchDropdown = exports.InputRadioGroup = exports.InputCheckboxGroup = exports.InputGroup = exports.InputDateTime = exports.InputDate = exports.DataTable = exports.ColorPicker = exports.ButtonMenu = exports.Button = exports.AudioPlayer = void 0;
-var AudioPlayer_1 = require("./material-ui/AudioPlayer");
-Object.defineProperty(exports, "AudioPlayer", { enumerable: true, get: function () { return __importDefault(AudioPlayer_1).default; } });
-var Button_1 = require("./material-ui/Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
-var ButtonMenu_1 = require("./material-ui/ButtonMenu");
-Object.defineProperty(exports, "ButtonMenu", { enumerable: true, get: function () { return __importDefault(ButtonMenu_1).default; } });
-var ColorPicker_1 = require("./material-ui/ColorPicker");
-Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return __importDefault(ColorPicker_1).default; } });
-var DataTable_1 = require("./material-ui/DataTable");
-Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return __importDefault(DataTable_1).default; } });
-var InputDate_1 = require("./material-ui/InputDate");
-Object.defineProperty(exports, "InputDate", { enumerable: true, get: function () { return __importDefault(InputDate_1).default; } });
-var InputDateTime_1 = require("./material-ui/InputDateTime");
-Object.defineProperty(exports, "InputDateTime", { enumerable: true, get: function () { return __importDefault(InputDateTime_1).default; } });
-var InputGroup_1 = require("./material-ui/InputGroup");
-Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return __importDefault(InputGroup_1).default; } });
-var InputCheckboxGroup_1 = require("./material-ui/InputCheckboxGroup");
-Object.defineProperty(exports, "InputCheckboxGroup", { enumerable: true, get: function () { return __importDefault(InputCheckboxGroup_1).default; } });
-var InputRadioGroup_1 = require("./material-ui/InputRadioGroup");
-Object.defineProperty(exports, "InputRadioGroup", { enumerable: true, get: function () { return __importDefault(InputRadioGroup_1).default; } });
-var InputSearchDropdown_1 = require("./material-ui/InputSearchDropdown");
-Object.defineProperty(exports, "InputSearchDropdown", { enumerable: true, get: function () { return __importDefault(InputSearchDropdown_1).default; } });
-var InputTime_1 = require("./material-ui/InputTime");
-Object.defineProperty(exports, "InputTime", { enumerable: true, get: function () { return __importDefault(InputTime_1).default; } });
-var Modal_1 = require("./material-ui/Modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });

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

@@ -1,111 +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 __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 });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var material_1 = require("@mui/material");
-var react_2 = require("react");
-var react_h5_audio_player_1 = __importStar(require("react-h5-audio-player"));
-require("react-h5-audio-player/lib/styles.css");
-var ButtonMenu_1 = __importDefault(require("../ButtonMenu"));
-var MobileBreakpoint = 768;
-function AudioPlayer(_a) {
-    var src = _a.src, onError = _a.onError;
-    var player = (0, react_2.createRef)();
-    var _b = __read((0, react_2.useState)(1), 2), playbackRate = _b[0], setPlaybackRate = _b[1];
-    var isOnMobile = useIsOnMobile();
-    (0, react_2.useEffect)(function () {
-        player.current.audio.current.playbackRate = playbackRate;
-    }, [playbackRate]);
-    var PlaybackRateOptions = (0, react_2.useMemo)(function () {
-        return ((0, react_1.jsx)(ButtonMenu_1.default, { key: "plaback-rate", color: "primary", id: "playback-rate-options", buttonRenderer: (0, react_1.jsx)(material_1.Button, null, playbackRate + "x"), menuItems: [
-                {
-                    content: '0.75x',
-                    onClick: function () { return setPlaybackRate(0.75); },
-                    type: 'MenuItem',
-                },
-                {
-                    content: '1x',
-                    onClick: function () { return setPlaybackRate(1); },
-                    type: 'MenuItem',
-                },
-                {
-                    content: '1.5x',
-                    onClick: function () { return setPlaybackRate(1.5); },
-                    type: 'MenuItem',
-                },
-                {
-                    content: '2x',
-                    onClick: function () { return setPlaybackRate(2); },
-                    type: 'MenuItem',
-                },
-            ] }));
-    }, [playbackRate]);
-    return ((0, react_1.jsx)("div", { css: function (theme) {
-            var _a, _b, _c, _d;
-            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%)');
-        } },
-        (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 })));
-}
-exports.default = AudioPlayer;
-function useIsOnMobile() {
-    var _a = __read((0, react_2.useState)(window.innerWidth < MobileBreakpoint), 2), isOnMobile = _a[0], setIsOnMobile = _a[1];
-    var handleResize = (0, react_2.useCallback)(function () {
-        if (!isOnMobile && window.innerWidth < MobileBreakpoint) {
-            setIsOnMobile(true);
-        }
-        else if (isOnMobile && window.innerWidth >= MobileBreakpoint) {
-            setIsOnMobile(false);
-        }
-    }, [isOnMobile]);
-    (0, react_2.useEffect)(function () {
-        window.addEventListener('resize', handleResize);
-        return function () { return window.removeEventListener('resize', handleResize); };
-    }, [isOnMobile]);
-    return isOnMobile;
-}
-// TODO: use navigator.userAgentData.platform since navigator.platform is deprecated
-var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
-var templateObject_1;

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

@@ -1,9 +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 AudioPlayer_1 = __importDefault(require("./AudioPlayer"));
-var AudioPlayer = function () { return (react_1.default.createElement(AudioPlayer_1.default, { src: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3' })); };
-exports.default = AudioPlayer;

package/lib/components/material-ui/AudioPlayer/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 AudioPlayer_1 = require("./AudioPlayer");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AudioPlayer_1).default; } });

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

@@ -1,38 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var material_1 = require("@mui/material");
-function Button(props) {
-    var children = props.children, disabled = props.disabled, loading = props.loading, _a = props.variant, variant = _a === void 0 ? 'contained' : _a, restOfProps = __rest(props, ["children", "disabled", "loading", "variant"]);
-    return ((0, react_1.jsx)(material_1.Button, __assign({ disabled: disabled || loading, variant: variant }, restOfProps), loading ? ((0, react_1.jsx)(material_1.CircularProgress, { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            && {\n              color: white;\n            }\n          "], ["\n            && {\n              color: white;\n            }\n          "]))), size: "1.6rem" })) : (children)));
-}
-exports.default = Button;
-var templateObject_1;

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

@@ -1,9 +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 Button_1 = __importDefault(require("./Button"));
-var Button = function () { return (react_1.default.createElement(Button_1.default, { color: "primary", loading: true }, "Submit")); };
-exports.default = Button;

package/lib/components/material-ui/Button/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 Button_1 = require("./Button");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });

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

@@ -1,115 +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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsxRuntime classic */
-/** @jsx jsx */
-var react_1 = require("@emotion/react");
-var react_2 = require("react");
-var lodash_1 = require("lodash");
-var material_1 = require("@mui/material");
-function ButtonMenu(props) {
-    var buttonRenderer = props.buttonRenderer, button = props.button, id = props.id, menuItems = props.menuItems, disabled = props.disabled, _a = props.anchorOrigin, anchorOrigin = _a === void 0 ? { vertical: 'bottom', horizontal: 'left' } : _a, _b = props.transformOrigin, transformOrigin = _b === void 0 ? { vertical: 'top', horizontal: 'left' } : _b, restOfProps = __rest(props, ["buttonRenderer", "button", "id", "menuItems", "disabled", "anchorOrigin", "transformOrigin"]);
-    var _c = __read((0, react_2.useState)(null), 2), anchorEl = _c[0], setAnchorEl = _c[1];
-    var open = !!anchorEl;
-    function onHandleOpen(evt) {
-        if (!disabled) {
-            setAnchorEl(evt.currentTarget);
-        }
-    }
-    function renderDefaultButton(extraProps) {
-        if (!!button) {
-            var _a = button.text, text = _a === void 0 ? '' : _a, _b = button.variant, variant = _b === void 0 ? 'contained' : _b, _c = button.color, color = _c === void 0 ? 'primary' : _c, classes = button.classes;
-            var defaultButton = ((0, react_1.jsx)(material_1.Button, { classes: classes, color: color, variant: variant, onClick: onHandleOpen }, text));
-            return (0, react_2.cloneElement)(defaultButton, extraProps);
-        }
-        return null;
-    }
-    function renderButton() {
-        var extraProps = {
-            onClick: onHandleOpen,
-            'aria-controls': id,
-            'aria-haspopup': 'true',
-            'data-isopen': open,
-            disabled: disabled,
-        };
-        if (buttonRenderer) {
-            if ((0, react_2.isValidElement)(buttonRenderer)) {
-                return (0, react_2.cloneElement)(buttonRenderer, extraProps);
-            }
-            if ((0, lodash_1.isFunction)(buttonRenderer)) {
-                var Element_1 = buttonRenderer();
-                if ((0, react_2.isValidElement)(Element_1)) {
-                    return (0, react_2.cloneElement)(Element_1, extraProps);
-                }
-            }
-            else
-                return null;
-        }
-        return renderDefaultButton(extraProps);
-    }
-    function renderMenuItems() {
-        if (!menuItems || !Array.isArray(menuItems)) {
-            return [];
-        }
-        return menuItems.map(function (item, index) {
-            if (item.type === 'MenuItem') {
-                return ((0, react_1.jsx)(material_1.MenuItem, { css: (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              .MuiDivider-wrapper {\n                font-size: 0.875rem;\n                color: hsl(0, 0%, 54%);\n              }\n            "], ["\n              .MuiDivider-wrapper {\n                font-size: 0.875rem;\n                color: hsl(0, 0%, 54%);\n              }\n            "]))), key: id + "-menu-item-" + index, onClick: function () {
-                        item.onClick();
-                        setAnchorEl(null);
-                    }, disabled: item.disabled }, item.content));
-            }
-            if (item.type === 'Divider') {
-                return ((0, react_1.jsx)(material_1.Divider, { key: id + "-divider-" + index, textAlign: item.textAlign }, item.text));
-            }
-        });
-    }
-    function renderMenu() {
-        return ((0, react_1.jsx)(material_1.Menu, __assign({}, restOfProps, { id: id, anchorEl: anchorEl, elevation: 4, keepMounted: true, open: open, onClose: function () { return setAnchorEl(null); }, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }), renderMenuItems()));
-    }
-    return ((0, react_1.jsx)("div", null,
-        renderButton(),
-        !disabled && renderMenu()));
-}
-exports.default = ButtonMenu;
-var templateObject_1;