qbs-react-grid 1.1.37 → 1.1.38

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 (4) hide show
  1. package/es/qbsTable/utilities/menuDropDown.js +11 -3
  2. package/lib/qbsTable/utilities/menuDropDown.js +11 -3
  3. package/package.json +1 -1
  4. package/src/qbsTable/utilities/menuDropDown.tsx +9 -4
package/es/qbsTable/utilities/menuDropDown.js CHANGED
@@ -32,18 +32,26 @@ var MenuDropDown = function MenuDropDown(_ref) {
32
32
  (_slug$action = slug.action) === null || _slug$action === void 0 ? void 0 : _slug$action.call(slug, rowData);
33
33
  setOpenMenu(false);
34
34
  };
35
+ var handleShowHideMenu = function handleShowHideMenu() {
36
+ var _result$length;
37
+ var result = actionDropDown === null || actionDropDown === void 0 ? void 0 : actionDropDown.filter(function (item) {
38
+ var _item$hide;
39
+ return !item.hidden && !(item !== null && item !== void 0 && (_item$hide = item.hide) !== null && _item$hide !== void 0 && _item$hide.call(item, rowData));
40
+ });
41
+ return (_result$length = result === null || result === void 0 ? void 0 : result.length) != null ? _result$length : 0;
42
+ };
35
43
  return /*#__PURE__*/React.createElement("div", {
36
44
  className: "qbs-table-menu-dropdown",
37
45
  ref: menuRef
38
- }, /*#__PURE__*/React.createElement("button", {
46
+ }, handleShowHideMenu() > 0 && /*#__PURE__*/React.createElement("button", {
39
47
  className: "qbs-table-dropbtn",
40
48
  onClick: toggleMenu,
41
49
  ref: menuButtonRef
42
50
  }, /*#__PURE__*/React.createElement(ThreeDotIcon, null)), openMenu && /*#__PURE__*/React.createElement("div", {
43
51
  className: 'qbs-table-qbs-table-menu-dropdown-content'
44
52
  }, actionDropDown === null || actionDropDown === void 0 ? void 0 : actionDropDown.map(function (item) {
45
- var _item$hide;
46
- return /*#__PURE__*/React.createElement(React.Fragment, null, !(item !== null && item !== void 0 && item.hidden) && !(item !== null && item !== void 0 && (_item$hide = item.hide) !== null && _item$hide !== void 0 && _item$hide.call(item, rowData)) && /*#__PURE__*/React.createElement("a", {
53
+ var _item$hide2;
54
+ return /*#__PURE__*/React.createElement(React.Fragment, null, !(item !== null && item !== void 0 && item.hidden) && !(item !== null && item !== void 0 && (_item$hide2 = item.hide) !== null && _item$hide2 !== void 0 && _item$hide2.call(item, rowData)) && /*#__PURE__*/React.createElement("a", {
47
55
  key: item.title,
48
56
  className: "p-2 leading-7 hover:bg-background ",
49
57
  onClick: function onClick(e) {
package/lib/qbsTable/utilities/menuDropDown.js CHANGED
@@ -38,18 +38,26 @@ var MenuDropDown = function MenuDropDown(_ref) {
38
38
  (_slug$action = slug.action) === null || _slug$action === void 0 ? void 0 : _slug$action.call(slug, rowData);
39
39
  setOpenMenu(false);
40
40
  };
41
+ var handleShowHideMenu = function handleShowHideMenu() {
42
+ var _result$length;
43
+ var result = actionDropDown === null || actionDropDown === void 0 ? void 0 : actionDropDown.filter(function (item) {
44
+ var _item$hide;
45
+ return !item.hidden && !(item !== null && item !== void 0 && (_item$hide = item.hide) !== null && _item$hide !== void 0 && _item$hide.call(item, rowData));
46
+ });
47
+ return (_result$length = result === null || result === void 0 ? void 0 : result.length) != null ? _result$length : 0;
48
+ };
41
49
  return /*#__PURE__*/_react["default"].createElement("div", {
42
50
  className: "qbs-table-menu-dropdown",
43
51
  ref: menuRef
44
- }, /*#__PURE__*/_react["default"].createElement("button", {
52
+ }, handleShowHideMenu() > 0 && /*#__PURE__*/_react["default"].createElement("button", {
45
53
  className: "qbs-table-dropbtn",
46
54
  onClick: toggleMenu,
47
55
  ref: menuButtonRef
48
56
  }, /*#__PURE__*/_react["default"].createElement(_icons.ThreeDotIcon, null)), openMenu && /*#__PURE__*/_react["default"].createElement("div", {
49
57
  className: 'qbs-table-qbs-table-menu-dropdown-content'
50
58
  }, actionDropDown === null || actionDropDown === void 0 ? void 0 : actionDropDown.map(function (item) {
51
- var _item$hide;
52
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !(item !== null && item !== void 0 && item.hidden) && !(item !== null && item !== void 0 && (_item$hide = item.hide) !== null && _item$hide !== void 0 && _item$hide.call(item, rowData)) && /*#__PURE__*/_react["default"].createElement("a", {
59
+ var _item$hide2;
60
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !(item !== null && item !== void 0 && item.hidden) && !(item !== null && item !== void 0 && (_item$hide2 = item.hide) !== null && _item$hide2 !== void 0 && _item$hide2.call(item, rowData)) && /*#__PURE__*/_react["default"].createElement("a", {
53
61
  key: item.title,
54
62
  className: "p-2 leading-7 hover:bg-background ",
55
63
  onClick: function onClick(e) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qbs-react-grid",
3
- "version": "1.1.37",
3
+ "version": "1.1.38",
4
4
  "description": "A React table component",
5
5
  "main": "lib/index.js",
6
6
  "typings": "lib/index.d.ts",
package/src/qbsTable/utilities/menuDropDown.tsx CHANGED
@@ -46,12 +46,17 @@ const MenuDropDown: React.FC<Props> = ({
46
46
  slug.action?.(rowData);
47
47
  setOpenMenu(false);
48
48
  };
49
-
49
+ const handleShowHideMenu = () => {
50
+ const result = actionDropDown?.filter((item: any) => !item.hidden && !item?.hide?.(rowData));
51
+ return result?.length ?? 0;
52
+ };
50
53
  return (
51
54
  <div className="qbs-table-menu-dropdown" ref={menuRef}>
52
- <button className="qbs-table-dropbtn" onClick={toggleMenu} ref={menuButtonRef}>
53
- <ThreeDotIcon />
54
- </button>
55
+ {handleShowHideMenu() > 0 && (
56
+ <button className="qbs-table-dropbtn" onClick={toggleMenu} ref={menuButtonRef}>
57
+ <ThreeDotIcon />
58
+ </button>
59
+ )}
55
60
  {openMenu && (
56
61
  <div className={'qbs-table-qbs-table-menu-dropdown-content'}>
57
62
  {actionDropDown?.map(item => (