@vendorflow/components 2.0.86 → 2.0.89

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

@@ -12,6 +12,7 @@ declare type Props = {
     };
     id: string;
     menuItems: (MenuItemType | DividerType)[];
+    disabled?: boolean;
 } & Omit<MenuProps, 'open'>;
 export default function ButtonMenu(props: Props): JSX.Element;
 export {};

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

@@ -49,44 +49,44 @@ 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, _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", "anchorOrigin", "transformOrigin"]);
+    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) {
-        setAnchorEl(evt.currentTarget);
+        if (!disabled) {
+            setAnchorEl(evt.currentTarget);
+        }
     }
-    function renderDefaultButton() {
+    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;
-            return ((0, react_1.jsx)(material_1.Button, { "aria-controls": id, "aria-haspopup": "true", "data-isopen": open, classes: classes, color: color, variant: variant, onClick: onHandleOpen }, text));
+            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, {
-                    onClick: onHandleOpen,
-                    'aria-controls': id,
-                    'aria-haspopup': 'true',
-                    'data-isopen': open,
-                });
+                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, {
-                        onClick: onHandleOpen,
-                        'aria-controls': id,
-                        'aria-haspopup': 'true',
-                        'data-isopen': open,
-                    });
+                    return (0, react_2.cloneElement)(Element_1, extraProps);
                 }
             }
             else
                 return null;
         }
-        return renderDefaultButton();
+        return renderDefaultButton(extraProps);
     }
     function renderMenuItems() {
         if (!menuItems || !Array.isArray(menuItems)) {
@@ -109,7 +109,7 @@ function ButtonMenu(props) {
     }
     return ((0, react_1.jsx)("div", null,
         renderButton(),
-        renderMenu()));
+        !disabled && renderMenu()));
 }
 exports.default = ButtonMenu;
 var templateObject_1;

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

@@ -2,3 +2,4 @@ declare const _default: {};
 export default _default;
 export declare const ButtonMenuUsingDefault: () => JSX.Element;
 export declare const ButtonMenuUsingCustom: () => JSX.Element;
+export declare const ButtonMenuDisableTest: () => JSX.Element;

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

@@ -1,10 +1,46 @@
 "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 });
-exports.ButtonMenuUsingCustom = exports.ButtonMenuUsingDefault = void 0;
-var react_1 = __importDefault(require("react"));
+exports.ButtonMenuDisableTest = exports.ButtonMenuUsingCustom = exports.ButtonMenuUsingDefault = void 0;
+var material_1 = require("@mui/material");
+var react_1 = __importStar(require("react"));
 var Button_1 = __importDefault(require("../Button"));
 var ButtonMenu_1 = __importDefault(require("./ButtonMenu"));
 exports.default = {};
@@ -33,3 +69,11 @@ var ButtonMenuUsingCustom = function () {
     return (react_1.default.createElement(ButtonMenu_1.default, { id: "button-menu-custom", buttonRenderer: react_1.default.createElement(Button_1.default, { color: "primary" }, "Custom Menu"), menuItems: menuItems }));
 };
 exports.ButtonMenuUsingCustom = ButtonMenuUsingCustom;
+var ButtonMenuDisableTest = function () {
+    var _a = __read((0, react_1.useState)(false), 2), isDisabled = _a[0], setIsDisabled = _a[1];
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ButtonMenu_1.default, { id: "button-menu-disable-test", buttonRenderer: react_1.default.createElement(material_1.Typography, { role: "button", variant: "h6" }, "Menu"), menuItems: menuItems, disabled: isDisabled }),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement(Button_1.default, { onClick: function () { return setIsDisabled(!isDisabled); } }, (isDisabled ? 'enable' : 'disable') + " the menu")));
+};
+exports.ButtonMenuDisableTest = ButtonMenuDisableTest;

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

@@ -4,7 +4,7 @@ declare const _default: {
 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 } from '../components/material-ui/ButtonMenu/ButtonMenu.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';

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

@@ -3,7 +3,7 @@ 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.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',
 };
@@ -14,6 +14,7 @@ Object.defineProperty(exports, "Button", { enumerable: true, get: function () {
 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");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vendorflow/components",
-  "version": "2.0.86",
+  "version": "2.0.89",
   "description": "React components for vendorflow",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",