dtable-ui-component 6.0.126-beta.s1 → 6.0.126

package/lib/CollaboratorEditor/mb-editor/index.js

@@ -12,12 +12,10 @@ var _lang = require("../../lang");
 var _CollaboratorItem = _interopRequireDefault(require("../../CollaboratorItem"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const {
-  Search,
-  Option,
-  Options,
-  Empty
-} = _MobileSelector.default;
+const Search = _MobileSelector.default.Search,
+  Option = _MobileSelector.default.Option,
+  Options = _MobileSelector.default.Options,
+  Empty = _MobileSelector.default.Empty;
 class MBCollaboratorEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -26,9 +24,7 @@ class MBCollaboratorEditor extends _react.default.Component {
       this.props.onClose();
     };
     this.onChangeSearch = newValue => {
-      let {
-        searchVal
-      } = this.state;
+      let searchVal = this.state.searchVal;
       if (searchVal === newValue) return;
       this.setState({
         searchVal: newValue
@@ -38,9 +34,8 @@ class MBCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(collaborator);
     };
     this.renderCollaborators = collaborators => {
-      const {
-        value = []
-      } = this.props;
+      const _this$props$value = this.props.value,
+        value = _this$props$value === void 0 ? [] : _this$props$value;
       return collaborators.map(collaborator => {
         const isSelected = value.includes(collaborator.email);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Option, {
@@ -64,13 +59,10 @@ class MBCollaboratorEditor extends _react.default.Component {
     window.removeEventListener('popstate', this.handleHistoryBack, false);
   }
   render() {
-    const {
-      column,
-      collaborators
-    } = this.props;
-    const {
-      searchVal
-    } = this.state;
+    const _this$props = this.props,
+      column = _this$props.column,
+      collaborators = _this$props.collaborators;
+    const searchVal = this.state.searchVal;
     const displayCollaborators = searchVal ? (0, _dtableUtils.searchCollaborators)(collaborators, searchVal) : collaborators;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileSelector.default, {
       onClose: this.props.onClose,

package/lib/CollaboratorEditor/pc-editor/index.js

@@ -21,9 +21,7 @@ class PCCollaboratorEditor extends _react.default.Component {
     super(props);
     this.onValueChanged = newSearchValue => {
       if (newSearchValue === this.state.searchValue) return;
-      const {
-        collaborators
-      } = this.props;
+      const collaborators = this.props.collaborators;
       this.filteredCollaborators = (0, _dtableUtils.searchCollaborators)(collaborators, newSearchValue);
       this.setState({
         highlightIndex: this.filteredCollaborators.length > 0 ? 0 : -1,
@@ -34,9 +32,7 @@ class PCCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(collaborator);
     };
     this.getFilterCollaborator = () => {
-      const {
-        collaborators
-      } = this.props;
+      const collaborators = this.props.collaborators;
       const searchValue = this.state.searchValue.toLowerCase();
       if (!searchValue) return collaborators;
       return (0, _dtableUtils.searchCollaborators)(collaborators, searchValue);
@@ -77,11 +73,10 @@ class PCCollaboratorEditor extends _react.default.Component {
     this.onUpArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let {
-        highlightIndex,
-        maxItemNum,
-        itemHeight
-      } = this.state;
+      let _this$state = this.state,
+        highlightIndex = _this$state.highlightIndex,
+        maxItemNum = _this$state.maxItemNum,
+        itemHeight = _this$state.itemHeight;
       if (highlightIndex > 0) {
         this.setState({
           highlightIndex: highlightIndex - 1
@@ -101,11 +96,10 @@ class PCCollaboratorEditor extends _react.default.Component {
     this.onDownArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let {
-        highlightIndex,
-        maxItemNum,
-        itemHeight
-      } = this.state;
+      let _this$state2 = this.state,
+        highlightIndex = _this$state2.highlightIndex,
+        maxItemNum = _this$state2.maxItemNum,
+        itemHeight = _this$state2.itemHeight;
       if (highlightIndex < this.filteredCollaborators.length - 1) {
         this.setState({
           highlightIndex: highlightIndex + 1
@@ -125,12 +119,11 @@ class PCCollaboratorEditor extends _react.default.Component {
     this.onEsc = e => {
       e.preventDefault();
       e.stopPropagation();
-      const {
-        isInModal,
-        value,
-        onCommitCancel,
-        onClose
-      } = this.props;
+      const _this$props = this.props,
+        isInModal = _this$props.isInModal,
+        value = _this$props.value,
+        onCommitCancel = _this$props.onCommitCancel,
+        onClose = _this$props.onClose;
       if (isInModal) {
         onClose && onClose();
         return;
@@ -172,9 +165,8 @@ class PCCollaboratorEditor extends _react.default.Component {
       }
     }
     if (!this.props.isInModal && this.ref) {
-      const {
-        bottom
-      } = this.ref.getBoundingClientRect();
+      const _this$ref$getBounding = this.ref.getBoundingClientRect(),
+        bottom = _this$ref$getBounding.bottom;
       if (bottom > window.innerHeight) {
         this.ref.style.top = "".concat(window.innerHeight - bottom, "px");
       }
@@ -198,15 +190,14 @@ class PCCollaboratorEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onHotKey, true);
   }
   render() {
-    const {
-      searchValue,
-      highlightIndex
-    } = this.state;
-    const {
-      isInModal,
-      value = [],
-      target
-    } = this.props;
+    const _this$state3 = this.state,
+      searchValue = _this$state3.searchValue,
+      highlightIndex = _this$state3.highlightIndex;
+    const _this$props2 = this.props,
+      isInModal = _this$props2.isInModal,
+      _this$props2$value = _this$props2.value,
+      value = _this$props2$value === void 0 ? [] : _this$props2$value,
+      target = _this$props2.target;
     const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-editor-container dtable-ui-collaborator-editor-container",
       ref: ref => this.ref = ref,

package/lib/CollaboratorFormatter/index.js

@@ -20,12 +20,11 @@ class CollaboratorFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.getCollaborators = () => {
-      let {
-        value,
-        collaborators,
-        enableDeleteCollaborator,
-        onDeleteCollaborator
-      } = this.props;
+      let _this$props = this.props,
+        value = _this$props.value,
+        collaborators = _this$props.collaborators,
+        enableDeleteCollaborator = _this$props.enableDeleteCollaborator,
+        onDeleteCollaborator = _this$props.onDeleteCollaborator;
       if (!Array.isArray(value)) {
         value = [value];
       }
@@ -46,10 +45,9 @@ class CollaboratorFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    const {
-      containerClassName,
-      value
-    } = this.props;
+    const _this$props2 = this.props,
+      containerClassName = _this$props2.containerClassName,
+      value = _this$props2.value;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container collaborator-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/CollaboratorItem/index.js

@@ -19,11 +19,10 @@ class CollaboratorItem extends _react.default.Component {
     };
   }
   render() {
-    const {
-      className,
-      collaborator,
-      enableDeleteCollaborator
-    } = this.props;
+    const _this$props = this.props,
+      className = _this$props.className,
+      collaborator = _this$props.collaborator,
+      enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       title: collaborator.name,
       className: (0, _classnames.default)('dtable-ui collaborator-item', className),

package/lib/CollapsibleSettingLayout/index.js

@@ -1,22 +1,24 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const CollapsibleSettingLayout = props => {
-  const {
-    className,
-    title,
-    children
-  } = props;
-  const [isShowSettings, setIsShowSettings] = (0, _react.useState)(true);
+  const className = props.className,
+    title = props.title,
+    children = props.children;
+  const _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isShowSettings = _useState2[0],
+    setIsShowSettings = _useState2[1];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)('collapsible-setting-layout', className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/Comment/body/comment.js

@@ -28,10 +28,9 @@ class Comment extends _react.PureComponent {
       const mdString = mdFile.replaceAll('&', '&');
       _seafileEditor.processor.process(mdString).then(result => {
         let commentContent = String(result);
-        let {
-          isScrollBottom,
-          onScrollBottom
-        } = this.props;
+        let _this$props = this.props,
+          isScrollBottom = _this$props.isScrollBottom,
+          onScrollBottom = _this$props.onScrollBottom;
         this.setState({
           commentContent: commentContent
         });
@@ -76,15 +75,11 @@ class Comment extends _react.PureComponent {
       });
     };
     this.isCommentUserExist = commentItem => {
-      const {
-        collaborators
-      } = this.props;
+      const collaborators = this.props.collaborators;
       return !!collaborators.find(collaborator => collaborator.email === commentItem.author);
     };
     this.renderInfo = comment => {
-      const {
-        collaborators
-      } = this.props;
+      const collaborators = this.props.collaborators;
       let authorInfo = Array.isArray(collaborators) && collaborators.find(collaborator => comment.author === collaborator.email);
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -130,14 +125,11 @@ class Comment extends _react.PureComponent {
     }
   }
   render() {
-    const {
-      comment,
-      onResolve,
-      onDelete
-    } = this.props;
-    const {
-      username
-    } = window.dtable;
+    const _this$props2 = this.props,
+      comment = _this$props2.comment,
+      onResolve = _this$props2.onResolve,
+      onDelete = _this$props2.onDelete;
+    const username = window.dtable.username;
     const moreOperationsText = (0, _lang.getLocale)('More_operations');
     if (!this.isCommentUserExist(comment)) return null;
     const isShowDropdownMenu = comment.author === username || !comment.resolved;

package/lib/Comment/body/index.js

@@ -14,10 +14,8 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["comments", "isFirstLoading"];
 const Body = _ref => {
-  let {
-      comments,
-      isFirstLoading
-    } = _ref,
+  let comments = _ref.comments,
+    isFirstLoading = _ref.isFirstLoading,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (comments.length === 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/Comment/footer/btns/index.js

@@ -40,9 +40,7 @@ class Btns extends _react.default.Component {
       this.props.onInsertElement(uploadFileMessage.url, 'image');
     };
     this.getCollaboratorContent = () => {
-      const {
-        collaborators
-      } = this.props;
+      const collaborators = this.props.collaborators;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "comment-popover-list",
         children: collaborators.map(participant => {
@@ -75,10 +73,9 @@ class Btns extends _react.default.Component {
     return nextProps.isAdding !== this.props.isAdding || nextState.isShowPopover !== this.state.isShowPopover;
   }
   render() {
-    const {
-      isAdding,
-      canUpdateParticipants
-    } = this.props;
+    const _this$props = this.props,
+      isAdding = _this$props.isAdding,
+      canUpdateParticipants = _this$props.canUpdateParticipants;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui-comment-input-btns",

package/lib/Comment/footer/index.js

@@ -17,10 +17,8 @@ class Footer extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.initParticipants = props => {
-      const {
-        row,
-        collaborators
-      } = props;
+      const row = props.row,
+        collaborators = props.collaborators;
       if (row._participants && Array.isArray(row._participants)) {
         let rowParticipants = row._participants.filter(Boolean);
         rowParticipants = rowParticipants.filter(participant => {
@@ -45,12 +43,8 @@ class Footer extends _react.default.Component {
     };
     this.addParticipant = email => {
       if (!email) return;
-      const {
-        participants
-      } = this.state;
-      const {
-        collaborators
-      } = this.props;
+      const participants = this.state.participants;
+      const collaborators = this.props.collaborators;
       const isExist = participants.some(participant => participant.email === email);
       if (isExist) return;
       let newParticipantList = participants.slice(0);
@@ -106,9 +100,7 @@ class Footer extends _react.default.Component {
       const comment = this.convertComment(commentValue);
       if (!comment.trim()) return;
       this.addComment(comment);
-      const {
-        username
-      } = window.dtable;
+      const username = window.dtable.username;
       this.addParticipant(username);
     };
     this.onInsertElement = (content, nodeType) => {
@@ -130,13 +122,10 @@ class Footer extends _react.default.Component {
     }
   }
   render() {
-    const {
-      isAdding,
-      participants
-    } = this.state;
-    const {
-      collaborators
-    } = this.props;
+    const _this$state = this.state,
+      isAdding = _this$state.isAdding,
+      participants = _this$state.participants;
+    const collaborators = this.props.collaborators;
     const canUpdateParticipants = Boolean(this.props.onChangeParticipants);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-comments-footer",

package/lib/Comment/footer/input/index.js

@@ -42,13 +42,10 @@ class Input extends _react.default.Component {
       }
     };
     this.setPopoverPosition = () => {
-      const {
-        caretPosition
-      } = this.state;
-      let {
-        right,
-        left
-      } = this.commentRef.getBoundingClientRect();
+      const caretPosition = this.state.caretPosition;
+      let _this$commentRef$getB = this.commentRef.getBoundingClientRect(),
+        right = _this$commentRef$getB.right,
+        left = _this$commentRef$getB.left;
       this.commentPopoverRef.style.left = "".concat(caretPosition.x + FONT_SIZE_WIDTH, "px");
       this.commentPopoverRef.style.top = "".concat(caretPosition.y - this.commentPopoverRef.offsetHeight, "px");
       if (caretPosition.x + FONT_SIZE_WIDTH > right - PADDING_WIDTH) {
@@ -108,10 +105,9 @@ class Input extends _react.default.Component {
       this.props.onInputBlur && this.props.onInputBlur();
     };
     this.setScrollTop = (offsetTop, itemOffsetHeight, mouseDownType) => {
-      let {
-        offsetHeight,
-        scrollTop
-      } = this.commentPopoverRef;
+      let _this$commentPopoverR = this.commentPopoverRef,
+        offsetHeight = _this$commentPopoverR.offsetHeight,
+        scrollTop = _this$commentPopoverR.scrollTop;
       if (mouseDownType === DOWN) {
         if (offsetTop + itemOffsetHeight - scrollTop - offsetHeight + POPOVER_PADDING_HEIGHT > 0) {
           let top = offsetTop + itemOffsetHeight - offsetHeight + POPOVER_PADDING_HEIGHT;
@@ -132,9 +128,7 @@ class Input extends _react.default.Component {
     };
     this.onInsertElement = (content, nodeType) => {
       const selection = window.getSelection();
-      let {
-        range
-      } = this.state;
+      let range = this.state.range;
       let newRange = this.commentUtilities.onInsertElement({
         selection,
         range,
@@ -195,9 +189,7 @@ class Input extends _react.default.Component {
     };
     this.onSelectCollaborator = collaborator => {
       const selection = window.getSelection();
-      let {
-        range
-      } = this.state;
+      let range = this.state.range;
       let callBack = () => {
         this.onHidePopover();
         this.props.addParticipant(collaborator.email);
@@ -279,14 +271,10 @@ class Input extends _react.default.Component {
       });
     };
     this.checkMentionOperation = event => {
-      const {
-        keyCode
-      } = event;
-      const {
-        Escape,
-        LeftArrow,
-        RightArrow
-      } = _constants.KeyCodes;
+      const keyCode = event.keyCode;
+      const Escape = _constants.KeyCodes.Escape,
+        LeftArrow = _constants.KeyCodes.LeftArrow,
+        RightArrow = _constants.KeyCodes.RightArrow;
       if (keyCode === Escape || keyCode === LeftArrow || keyCode === RightArrow) {
         return false;
       }
@@ -301,15 +289,11 @@ class Input extends _react.default.Component {
         return this.onHidePopover();
       }
       const selection = window.getSelection();
-      const {
-        collaborators
-      } = this.props;
+      const collaborators = this.props.collaborators;
       let filteredCollaborators = [];
-      const {
-        isCollapsed,
-        anchorNode,
-        anchorOffset
-      } = selection;
+      const isCollapsed = selection.isCollapsed,
+        anchorNode = selection.anchorNode,
+        anchorOffset = selection.anchorOffset;
       if (!isCollapsed || !anchorNode || !anchorNode.data) {
         return this.onHidePopover();
       }
@@ -342,10 +326,9 @@ class Input extends _react.default.Component {
     };
     this.handleSelectingCollaborator = (event, direction) => {
       event.stopPropagation();
-      const {
-        filteredCollaborators,
-        activeCollaboratorIndex
-      } = this.state;
+      const _this$state = this.state,
+        filteredCollaborators = _this$state.filteredCollaborators,
+        activeCollaboratorIndex = _this$state.activeCollaboratorIndex;
       const collaboratorsLen = filteredCollaborators.length;
       if (collaboratorsLen === 0) {
         return;
@@ -367,10 +350,9 @@ class Input extends _react.default.Component {
       });
     };
     this.handleSelectCollaborator = () => {
-      const {
-        filteredCollaborators,
-        activeCollaboratorIndex
-      } = this.state;
+      const _this$state2 = this.state,
+        filteredCollaborators = _this$state2.filteredCollaborators,
+        activeCollaboratorIndex = _this$state2.activeCollaboratorIndex;
       if (filteredCollaborators.length === 0) {
         return;
       }
@@ -396,15 +378,12 @@ class Input extends _react.default.Component {
     document.removeEventListener('mousedown', this.hidePopover);
   }
   render() {
-    const {
-      api
-    } = this.props;
-    const {
-      imageUrlList,
-      largeImageIndex,
-      filteredCollaborators,
-      activeCollaboratorIndex
-    } = this.state;
+    const api = this.props.api;
+    const _this$state3 = this.state,
+      imageUrlList = _this$state3.imageUrlList,
+      largeImageIndex = _this$state3.largeImageIndex,
+      filteredCollaborators = _this$state3.filteredCollaborators,
+      activeCollaboratorIndex = _this$state3.activeCollaboratorIndex;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classnames.default)('dtable-ui-comment-input', {

package/lib/Comment/footer/input/participant/index.js

@@ -28,11 +28,10 @@ class Participant extends _react.default.Component {
     }
   }
   render() {
-    const {
-      participant,
-      index,
-      activeIndex
-    } = this.props;
+    const _this$props = this.props,
+      participant = _this$props.participant,
+      index = _this$props.index,
+      activeIndex = _this$props.activeIndex;
     const active = index === activeIndex;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "comment-participant-item ".concat(active ? 'active' : ''),

package/lib/Comment/footer/participants/index.js

@@ -30,11 +30,10 @@ class Participants extends _react.default.Component {
     };
   }
   render() {
-    const {
-      canUpdate,
-      participants,
-      collaborators
-    } = this.props;
+    const _this$props = this.props,
+      canUpdate = _this$props.canUpdate,
+      participants = _this$props.participants,
+      collaborators = _this$props.collaborators;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-comments-participants mb-2 position-relative",
       ref: ref => this.ref = ref,

package/lib/Comment/footer/participants/participant/index.js

@@ -11,9 +11,7 @@ var _DTableToolTip = _interopRequireDefault(require("../../../../DTableToolTip")
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Participant = _ref => {
-  let {
-    participant
-  } = _ref;
+  let participant = _ref.participant;
   const ref = (0, _react.useRef)(null);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
     className: "dtable-ui-participant-avatar",

package/lib/Comment/footer/participants/participant-select/index.js

@@ -32,18 +32,12 @@ class ParticipantSelect extends _react.Component {
       }
     };
     this.getFilteredParticipants = () => {
-      let {
-        collaborators
-      } = window.app.state;
-      let {
-        searchVal
-      } = this.state;
+      let collaborators = window.app.state.collaborators;
+      let searchVal = this.state.searchVal;
       return (0, _dtableUtils.searchCollaborators)(collaborators, searchVal);
     };
     this.removeParticipant = participant => {
-      let {
-        participants
-      } = this.state;
+      let participants = this.state.participants;
       let updatedValue = participants.slice(0);
       let participant_index = participants.findIndex(participantItem => participantItem.email === participant.email);
       updatedValue.splice(participant_index, 1);
@@ -53,9 +47,7 @@ class ParticipantSelect extends _react.Component {
       });
     };
     this.onChangeSearch = event => {
-      let {
-        searchVal
-      } = this.state;
+      let searchVal = this.state.searchVal;
       if (searchVal === event.target.value) {
         return;
       }
@@ -65,9 +57,7 @@ class ParticipantSelect extends _react.Component {
       });
     };
     this.onSelectParticipant = participant => {
-      let {
-        participants
-      } = this.state;
+      let participants = this.state.participants;
       participants = participants.slice(0);
       let participant_index = participants.findIndex(participantItem => participantItem.email === participant.email);
       if (participant_index > -1) {
@@ -81,9 +71,7 @@ class ParticipantSelect extends _react.Component {
       });
     };
     this.renderMenuContent = () => {
-      let {
-        participants
-      } = this.state;
+      let participants = this.state.participants;
       let filteredParticipants = this.getFilteredParticipants();
       if (filteredParticipants.length > 0) {
         return filteredParticipants.map(participant => {
@@ -138,9 +126,7 @@ class ParticipantSelect extends _react.Component {
     this.unregisterHandlers();
   }
   renderParticipantList() {
-    const {
-      collaborators
-    } = this.props;
+    const collaborators = this.props.collaborators;
     const selectedParticipants = collaborators.filter(item => {
       return this.state.participants.find(participant => participant.email === item.email);
     });
@@ -158,9 +144,7 @@ class ParticipantSelect extends _react.Component {
     });
   }
   render() {
-    const {
-      target
-    } = this.props;
+    const target = this.props.target;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref => this.outerRef = ref,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {