dtable-ui-component 6.0.117-beta.1 → 6.0.117-beta.11

package/lib/Comment/body/comment.js

@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _seafileEditor = require("@seafile/seafile-editor");
 var _ImagePreviewerLightbox = _interopRequireDefault(require("../../ImagePreviewerLightbox"));
-var _DTableDropdownMenu = _interopRequireDefault(require("../../DTableDropdown/DTableDropdownMenu"));
-var _DTableDropdownItem = _interopRequireDefault(require("../../DTableDropdown/DTableDropdownItem"));
+var _DTableDropdownMenu = _interopRequireDefault(require("../../DTableDropdownMenu"));
+var _DTableDropdownItem = _interopRequireDefault(require("../../DTableDropdownItem"));
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 class Comment extends _react.PureComponent {

package/lib/{DTableDropdown/DTableDropdownItem.js → DTableDropdownItem/index.js}

@@ -16,6 +16,7 @@ const DTableDropdownItem = _ref => {
     className,
     divider,
     id,
+    toggle,
     disabled,
     tooltip,
     itemProps,
@@ -25,7 +26,9 @@ const DTableDropdownItem = _ref => {
     rightSlotContent,
     icon,
     content,
-    onClick
+    onClick,
+    style,
+    tabIndex
   } = _ref;
   if (divider) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownItem, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
@@ -40,9 +43,19 @@ const DTableDropdownItem = _ref => {
       'aria-hidden': 'true'
     });
   };
-  let customItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
-    onClick
-  });
+  let customItemProps = (0, _objectSpread2.default)({}, itemProps);
+  if (typeof onClick === 'function') {
+    customItemProps.onClick = onClick;
+  }
+  if (typeof toggle === 'boolean') {
+    customItemProps.toggle = toggle;
+  }
+  if (style) {
+    customItemProps.style = style;
+  }
+  if (typeof tabIndex === 'number') {
+    customItemProps.tabIndex = tabIndex;
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownItem, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     className: className,
     disabled: disabled,

package/lib/DTableDropdownMenu/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+const DTableDropdownMenu = _ref => {
+  let {
+    id,
+    className,
+    container,
+    modifiers,
+    flip,
+    style,
+    menuProps,
+    children
+  } = _ref;
+  let customMenuProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, menuProps), {}, {
+    flip: false,
+    container: document.body
+  });
+  customMenuProps.modifiers = [{
+    name: 'preventOverflow',
+    options: {
+      boundary: document.body
+    }
+  }, ...((customMenuProps === null || customMenuProps === void 0 ? void 0 : customMenuProps.modifiers) || [])];
+  if (container) {
+    customMenuProps.container = container;
+  }
+  if (style) {
+    customMenuProps.style = style;
+  }
+  if (Array.isArray(modifiers)) {
+    customMenuProps.modifiers = modifiers;
+  }
+  if (typeof flip === 'boolean') {
+    customMenuProps.flip = flip;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownMenu, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    id: id,
+    className: (0, _classnames.default)('dtable-dropdown-menu', className)
+  }, customMenuProps), {}, {
+    children: children
+  }));
+};
+var _default = exports.default = DTableDropdownMenu;

package/lib/{DTableDropdown/DTableSubDropdownMenu.js → DTableSubDropdownMenu/index.js}

@@ -7,23 +7,42 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _DTableDropdownMenu = _interopRequireDefault(require("./DTableDropdownMenu"));
+var _DTableDropdownMenu = _interopRequireDefault(require("../DTableDropdownMenu"));
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableSubDropdownMenu = _ref => {
   let {
+    id,
     className,
+    container,
+    modifiers,
+    flip,
+    style,
     menuProps,
     children
   } = _ref;
+  let customMenuProps = (0, _objectSpread2.default)({}, menuProps);
+  if (container) {
+    customMenuProps.container = container;
+  }
+  if (style) {
+    customMenuProps.style = style;
+  }
+  if (Array.isArray(modifiers)) {
+    customMenuProps.modifiers = modifiers;
+  }
+  if (typeof flip === 'boolean') {
+    customMenuProps.flip = flip;
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableDropdownMenu.default, {
+    id: id,
     className: (0, _classnames.default)('dtable-sub-dropdown-menu', className),
-    menuProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, menuProps), {}, {
+    menuProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, customMenuProps), {}, {
       modifiers: [{
         name: 'offset',
         options: {
           offset: [-8, -1]
         }
-      }, ...((menuProps === null || menuProps === void 0 ? void 0 : menuProps.modifiers) || [])]
+      }, ...((customMenuProps === null || customMenuProps === void 0 ? void 0 : customMenuProps.modifiers) || [])]
     }),
     children: children
   });

package/lib/FileEditor/files-previewer/pc-previewer/file-previewer/dropdown-menu.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
-var _DTableDropdownMenu = _interopRequireDefault(require("../../../../DTableDropdown/DTableDropdownMenu"));
-var _DTableDropdownItem = _interopRequireDefault(require("../../../../DTableDropdown/DTableDropdownItem"));
+var _DTableDropdownMenu = _interopRequireDefault(require("../../../../DTableDropdownMenu"));
+var _DTableDropdownItem = _interopRequireDefault(require("../../../../DTableDropdownItem"));
 var _lang = require("../../../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 class FileDropdownMenu extends _react.default.Component {

package/lib/RoleStatusEditor/index.css

@@ -18,38 +18,3 @@
   width: 20px;
   height: 20px;
 }
-
-.role-status-editor .dropdown-menu {
-  max-width: 200px;
-}
-
-.role-status-editor .dropdown-menu .dropdown-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 2px 12px;
-  min-width: 140px;
-  min-height: 28px;
-}
-
-.role-status-editor .dropdown-menu .dropdown-item .label-container span {
-  word-wrap: normal;
-  white-space: pre-wrap;
-}
-
-.role-status-editor .dropdown-menu .dropdown-item:hover {
-  color: #212529;
-  background: #f5f5f5;
-  cursor: pointer;
-}
-
-.role-status-editor .dropdown-menu .dropdown-item:focus {
-  outline: 0;
-  color: unset;
-  background-color: unset;
-}
-
-.role-status-editor .dropdown-menu .dropdown-item .dtable-icon-check-mark {
-  font-size: 12px;
-  color: #798d99;
-}

package/lib/RoleStatusEditor/index.js

@@ -9,8 +9,8 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _DTableDropdownMenu = _interopRequireDefault(require("../DTableDropdown/DTableDropdownMenu"));
-var _DTableDropdownItem = _interopRequireDefault(require("../DTableDropdown/DTableDropdownItem"));
+var _DTableDropdownMenu = _interopRequireDefault(require("../DTableDropdownMenu"));
+var _DTableDropdownItem = _interopRequireDefault(require("../DTableDropdownItem"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const RoleStatusEditor = _ref => {
@@ -47,20 +47,16 @@ const RoleStatusEditor = _ref => {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableDropdownMenu.default, {
       className: "position-fixed",
-      modifiers: [{
-        name: 'preventOverflow',
-        options: {
-          boundary: document.body
-        }
-      }],
       children: menuOptions.map(option => {
         const {
-          value
+          value,
+          label
         } = option;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableDropdownItem.default, {
           onClick: () => handleClickMenuOption(option),
           showChecked: true,
-          checked: currentOption.value === value
+          checked: currentOption.value === value,
+          content: label
         }, "item-".concat(value));
       })
     })]

package/lib/index.js

@@ -722,10 +722,10 @@ var _ModalPortal = _interopRequireDefault(require("./ModalPortal"));
 var _RoleStatusEditor = _interopRequireDefault(require("./RoleStatusEditor"));
 var _DTableModalHeader = _interopRequireDefault(require("./DTableModalHeader"));
 var _DTableCustomFooter = _interopRequireDefault(require("./DTableCustomFooter"));
-var _DTableDropdownMenu = _interopRequireDefault(require("./DTableDropdown/DTableDropdownMenu"));
-var _DTableSubDropdownToggle = _interopRequireDefault(require("./DTableDropdown/DTableSubDropdownToggle"));
-var _DTableSubDropdownMenu = _interopRequireDefault(require("./DTableDropdown/DTableSubDropdownMenu"));
-var _DTableDropdownItem = _interopRequireDefault(require("./DTableDropdown/DTableDropdownItem"));
+var _DTableDropdownMenu = _interopRequireDefault(require("./DTableDropdownMenu"));
+var _DTableSubDropdownToggle = _interopRequireDefault(require("./DTableSubDropdownToggle"));
+var _DTableSubDropdownMenu = _interopRequireDefault(require("./DTableSubDropdownMenu"));
+var _DTableDropdownItem = _interopRequireDefault(require("./DTableDropdownItem"));
 var _DepartmentSelectFilter = _interopRequireDefault(require("./DepartmentSelectFilter"));
 var _FieldDisplaySetting = _interopRequireDefault(require("./FieldDisplaySetting"));
 var _DTableFiltersPopover = _interopRequireDefault(require("./DTableFiltersPopover"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.117-beta.1",
+  "version": "6.0.117-beta.11",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "^5.0.8",

package/lib/DTableDropdown/DTableDropdownMenu.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _reactstrap = require("reactstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("react/jsx-runtime");
-const DTableDropdownMenu = _ref => {
-  let {
-    className,
-    menuProps,
-    children
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownMenu, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    className: (0, _classnames.default)('dtable-dropdown-menu', className)
-  }, menuProps), {}, {
-    children: children
-  }));
-};
-var _default = exports.default = DTableDropdownMenu;