@vendorflow/components 2.0.87 → 2.0.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/components/material-ui/ButtonMenu/ButtonMenu.d.ts +1 -1
  2. package/lib/components/material-ui/ButtonMenu/ButtonMenu.js +15 -17
  3. package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.d.ts +1 -0
  4. package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.js +5 -1
  5. package/lib/stories/0-Inputs.stories.d.ts +1 -1
  6. package/lib/stories/0-Inputs.stories.js +2 -1
  7. package/package.json +1 -1
package/lib/components/material-ui/ButtonMenu/ButtonMenu.d.ts CHANGED
@@ -12,7 +12,7 @@ declare type Props = {
12
12
  };
13
13
  id: string;
14
14
  menuItems: (MenuItemType | DividerType)[];
15
- disalbed?: boolean;
15
+ disabled?: boolean;
16
16
  } & Omit<MenuProps, 'open'>;
17
17
  export default function ButtonMenu(props: Props): JSX.Element;
18
18
  export {};
package/lib/components/material-ui/ButtonMenu/ButtonMenu.js CHANGED
@@ -49,44 +49,42 @@ var react_2 = require("react");
49
49
  var lodash_1 = require("lodash");
50
50
  var material_1 = require("@mui/material");
51
51
  function ButtonMenu(props) {
52
- var buttonRenderer = props.buttonRenderer, button = props.button, id = props.id, menuItems = props.menuItems, disalbed = props.disalbed, _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", "disalbed", "anchorOrigin", "transformOrigin"]);
52
+ 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"]);
53
53
  var _c = __read((0, react_2.useState)(null), 2), anchorEl = _c[0], setAnchorEl = _c[1];
54
54
  var open = !!anchorEl;
55
55
  function onHandleOpen(evt) {
56
56
  setAnchorEl(evt.currentTarget);
57
57
  }
58
- function renderDefaultButton() {
58
+ function renderDefaultButton(extraProps) {
59
59
  if (!!button) {
60
60
  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;
61
- 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));
61
+ var defaultButton = ((0, react_1.jsx)(material_1.Button, { classes: classes, color: color, variant: variant, onClick: onHandleOpen }, text));
62
+ return (0, react_2.cloneElement)(defaultButton, extraProps);
62
63
  }
63
64
  return null;
64
65
  }
65
66
  function renderButton() {
67
+ var extraProps = {
68
+ onClick: onHandleOpen,
69
+ 'aria-controls': id,
70
+ 'aria-haspopup': 'true',
71
+ 'data-isopen': open,
72
+ disabled: disabled,
73
+ };
66
74
  if (buttonRenderer) {
67
75
  if ((0, react_2.isValidElement)(buttonRenderer)) {
68
- return (0, react_2.cloneElement)(buttonRenderer, {
69
- onClick: onHandleOpen,
70
- 'aria-controls': id,
71
- 'aria-haspopup': 'true',
72
- 'data-isopen': open,
73
- });
76
+ return (0, react_2.cloneElement)(buttonRenderer, extraProps);
74
77
  }
75
78
  if ((0, lodash_1.isFunction)(buttonRenderer)) {
76
79
  var Element_1 = buttonRenderer();
77
80
  if ((0, react_2.isValidElement)(Element_1)) {
78
- return (0, react_2.cloneElement)(Element_1, {
79
- onClick: onHandleOpen,
80
- 'aria-controls': id,
81
- 'aria-haspopup': 'true',
82
- 'data-isopen': open,
83
- });
81
+ return (0, react_2.cloneElement)(Element_1, extraProps);
84
82
  }
85
83
  }
86
84
  else
87
85
  return null;
88
86
  }
89
- return renderDefaultButton();
87
+ return renderDefaultButton(extraProps);
90
88
  }
91
89
  function renderMenuItems() {
92
90
  if (!menuItems || !Array.isArray(menuItems)) {
@@ -109,7 +107,7 @@ function ButtonMenu(props) {
109
107
  }
110
108
  return ((0, react_1.jsx)("div", null,
111
109
  renderButton(),
112
- !disalbed && renderMenu()));
110
+ !disabled && renderMenu()));
113
111
  }
114
112
  exports.default = ButtonMenu;
115
113
  var templateObject_1;
package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  declare const _default: {};
2
2
  export default _default;
3
3
  export declare const ButtonMenuUsingDefault: () => JSX.Element;
4
+ export declare const ButtonMenuDisabled: () => JSX.Element;
4
5
  export declare const ButtonMenuUsingCustom: () => JSX.Element;
package/lib/components/material-ui/ButtonMenu/ButtonMenu.story.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.ButtonMenuUsingCustom = exports.ButtonMenuUsingDefault = void 0;
6
+ exports.ButtonMenuUsingCustom = exports.ButtonMenuDisabled = exports.ButtonMenuUsingDefault = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var Button_1 = __importDefault(require("../Button"));
9
9
  var ButtonMenu_1 = __importDefault(require("./ButtonMenu"));
@@ -29,6 +29,10 @@ var ButtonMenuUsingDefault = function () { return (react_1.default.createElement
29
29
  text: 'Menu',
30
30
  }, menuItems: menuItems })); };
31
31
  exports.ButtonMenuUsingDefault = ButtonMenuUsingDefault;
32
+ var ButtonMenuDisabled = function () { return (react_1.default.createElement(ButtonMenu_1.default, { id: "button-menu-default", button: {
33
+ text: 'Menu',
34
+ }, menuItems: menuItems, disabled: true })); };
35
+ exports.ButtonMenuDisabled = ButtonMenuDisabled;
32
36
  var ButtonMenuUsingCustom = function () {
33
37
  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 }));
34
38
  };
package/lib/stories/0-Inputs.stories.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const _default: {
4
4
  export default _default;
5
5
  export { default as AudioPlayer } from '../components/material-ui/AudioPlayer/AudioPlayer.story';
6
6
  export { default as Button } from '../components/material-ui/Button/Button.story';
7
- export { ButtonMenuUsingDefault, ButtonMenuUsingCustom } from '../components/material-ui/ButtonMenu/ButtonMenu.story';
7
+ export { ButtonMenuUsingDefault, ButtonMenuUsingCustom, ButtonMenuDisabled, } from '../components/material-ui/ButtonMenu/ButtonMenu.story';
8
8
  export { default as ColorPicker } from '../components/material-ui/ColorPicker/ColorPicker.story';
9
9
  export { default as DataTable } from '../components/material-ui/DataTable/DataTable.story';
10
10
  export { default as InputDate } from '../components/material-ui/InputDate/InputDate.story';
package/lib/stories/0-Inputs.stories.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- 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;
6
+ 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;
7
7
  exports.default = {
8
8
  title: 'Inputs',
9
9
  };
@@ -14,6 +14,7 @@ Object.defineProperty(exports, "Button", { enumerable: true, get: function () {
14
14
  var ButtonMenu_story_1 = require("../components/material-ui/ButtonMenu/ButtonMenu.story");
15
15
  Object.defineProperty(exports, "ButtonMenuUsingDefault", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuUsingDefault; } });
16
16
  Object.defineProperty(exports, "ButtonMenuUsingCustom", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuUsingCustom; } });
17
+ Object.defineProperty(exports, "ButtonMenuDisabled", { enumerable: true, get: function () { return ButtonMenu_story_1.ButtonMenuDisabled; } });
17
18
  var ColorPicker_story_1 = require("../components/material-ui/ColorPicker/ColorPicker.story");
18
19
  Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return __importDefault(ColorPicker_story_1).default; } });
19
20
  var DataTable_story_1 = require("../components/material-ui/DataTable/DataTable.story");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vendorflow/components",
3
- "version": "2.0.87",
3
+ "version": "2.0.88",
4
4
  "description": "React components for vendorflow",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",