@vendorflow/components 2.0.88 → 2.0.89

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

@@ -53,7 +53,9 @@ function ButtonMenu(props) {
     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(extraProps) {
         if (!!button) {

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

@@ -1,5 +1,5 @@
 declare const _default: {};
 export default _default;
 export declare const ButtonMenuUsingDefault: () => JSX.Element;
-export declare const ButtonMenuDisabled: () => 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.ButtonMenuDisabled = 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 = {};
@@ -29,11 +65,15 @@ var ButtonMenuUsingDefault = function () { return (react_1.default.createElement
         text: 'Menu',
     }, menuItems: menuItems })); };
 exports.ButtonMenuUsingDefault = ButtonMenuUsingDefault;
-var ButtonMenuDisabled = function () { return (react_1.default.createElement(ButtonMenu_1.default, { id: "button-menu-default", button: {
-        text: 'Menu',
-    }, menuItems: menuItems, disabled: true })); };
-exports.ButtonMenuDisabled = ButtonMenuDisabled;
 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, ButtonMenuDisabled, } 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.ButtonMenuDisabled = 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,7 +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, "ButtonMenuDisabled", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuDisabled; } });
+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.88",
+  "version": "2.0.89",
   "description": "React components for vendorflow",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",