dtable-ui-component 4.4.3-2 → 4.4.3-alpha1

package/lib/TextFormatter/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-class TextFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
+class TextFormatter extends React.Component {
   constructor() {
     super(...arguments);
     this.getFormattedValue = val => {
@@ -26,12 +19,12 @@ class TextFormatter extends _react.default.Component {
       containerClassName,
       value
     } = this.props;
-    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container text-formatter', containerClassName);
+    const classname = classnames('dtable-ui cell-formatter-container text-formatter', containerClassName);
     const formattedValue = this.getFormattedValue(value);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: classname,
       title: formattedValue
     }, formattedValue);
   }
 }
-var _default = exports.default = TextFormatter;
+export default TextFormatter;

package/lib/UrlFormatter/index.js

@@ -1,23 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-class UrlFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
+class UrlFormatter extends React.Component {
   render() {
     const {
       containerClassName,
       value
     } = this.props;
-    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    let classname = classnames('dtable-ui cell-formatter-container url-formatter', containerClassName);
+    return /*#__PURE__*/React.createElement("div", {
       className: classname
     }, value);
   }
 }
-var _default = exports.default = UrlFormatter;
+export default UrlFormatter;

package/lib/cellFormatterFactory/index.js

@@ -1,18 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _formatterConfig = _interopRequireDefault(require("../formatterConfig"));
+import FormatterConfig from '../formatterConfig';
 class CellFormatterFactory {
   createFormatter(formatterType) {
-    if (_formatterConfig.default[formatterType]) {
-      return _formatterConfig.default[formatterType];
+    if (FormatterConfig[formatterType]) {
+      return FormatterConfig[formatterType];
     }
     return null;
   }
 }
 const cellFormatterFactory = new CellFormatterFactory();
-var _default = exports.default = cellFormatterFactory;
+export default cellFormatterFactory;

package/lib/common/ClickOutside.js

@@ -1,12 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-class ClickOutside extends _react.default.Component {
+import React from 'react';
+export default class ClickOutside extends React.Component {
   constructor() {
     super(...arguments);
     this.isClickedInside = false;
@@ -28,9 +21,8 @@ class ClickOutside extends _react.default.Component {
     document.removeEventListener('mousedown', this.handleDocumentClick);
   }
   render() {
-    return /*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(this.props.children), {
+    return React.cloneElement(React.Children.only(this.props.children), {
       onMouseDownCapture: this.handleMouseDown
     });
   }
-}
-exports.default = ClickOutside;
+}

package/lib/common/delete-tip.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _modalPortal = _interopRequireDefault(require("./modal-portal"));
-var _lang = require("../lang");
-require("./delete-tip.css");
-class DeleteTip extends _react.default.Component {
+import React from 'react';
+import ModalPortal from './modal-portal';
+import { getLocale } from '../lang';
+import './delete-tip.css';
+export default class DeleteTip extends React.Component {
   constructor() {
     super(...arguments);
     this.onMouseDown = e => {
@@ -31,7 +24,7 @@ class DeleteTip extends _react.default.Component {
       position,
       deleteTip
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_modalPortal.default, null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement("div", {
       ref: node => this.tipContainer = node,
       className: "dtable-tip tip-container",
       style: {
@@ -39,17 +32,16 @@ class DeleteTip extends _react.default.Component {
         left: position.left
       },
       onClick: e => e.stopPropagation()
-    }, /*#__PURE__*/_react.default.createElement("b", {
+    }, /*#__PURE__*/React.createElement("b", {
       className: "mb-4"
-    }, deleteTip), /*#__PURE__*/_react.default.createElement("div", {
+    }, deleteTip), /*#__PURE__*/React.createElement("div", {
       className: "d-flex justify-content-end"
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       className: "btn btn-secondary mr-2",
       onClick: toggle
-    }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement("button", {
+    }, getLocale('Cancel')), /*#__PURE__*/React.createElement("button", {
       className: "btn btn-primary",
       onClick: onDelete
-    }, (0, _lang.getLocale)('Delete')))));
+    }, getLocale('Delete')))));
   }
-}
-exports.default = DeleteTip;
+}

package/lib/common/modal-portal.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+import React from 'react';
+import ReactDOM from 'react-dom';
 const modalRoot = document.getElementById('modal-wrapper');
-class ModalPortal extends _react.default.Component {
+export default class ModalPortal extends React.Component {
   constructor(props) {
     super(props);
     this.el = document.createElement('div');
@@ -20,7 +13,6 @@ class ModalPortal extends _react.default.Component {
     modalRoot.removeChild(this.el);
   }
   render() {
-    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
+    return ReactDOM.createPortal(this.props.children, this.el);
   }
-}
-exports.default = ModalPortal;
+}

package/lib/constants/index.js

@@ -1,25 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ARRAY_FORMAT_COLUMNS = void 0;
-Object.defineProperty(exports, "CellType", {
-  enumerable: true,
-  get: function () {
-    return _dtableUtils.CellType;
-  }
-});
-exports.EVENT_BUS_TYPE = exports.DATE_TYPES = void 0;
-Object.defineProperty(exports, "FORMULA_RESULT_TYPE", {
-  enumerable: true,
-  get: function () {
-    return _dtableUtils.FORMULA_RESULT_TYPE;
-  }
-});
-exports.SIMPLE_CELL_FORMULA_RESULTS = exports.SIMPLE_CELL_COLUMNS = exports.NUMBER_TYPES = void 0;
-var _dtableUtils = require("dtable-utils");
-const NUMBER_TYPES = exports.NUMBER_TYPES = {
+import { CellType, FORMULA_RESULT_TYPE } from 'dtable-utils';
+const NUMBER_TYPES = {
   'NUMBER': 'number',
   'NUMBER_WITH_COMMAS': 'number-with-commas',
   'PERCENT': 'percent',
@@ -28,7 +8,7 @@ const NUMBER_TYPES = exports.NUMBER_TYPES = {
   'DOLLAR': 'dollar',
   'CUSTOM_CURRENCY': 'custom_currency'
 };
-const DATE_TYPES = exports.DATE_TYPES = {
+const DATE_TYPES = {
   'D/M/YYYY': 'D/M/YYYY',
   'D/M/YYYY HH:mm': 'D/M/YYYY HH:mm',
   'M/D/YYYY': 'M/D/YY',
@@ -36,9 +16,10 @@ const DATE_TYPES = exports.DATE_TYPES = {
   'YYYY-MM-DD': 'YYYY-MM-DD',
   'YYYY-MM-DD HH:mm': 'YYYY-MM-DD HH:mm'
 };
-const SIMPLE_CELL_COLUMNS = exports.SIMPLE_CELL_COLUMNS = [_dtableUtils.CellType.TEXT, _dtableUtils.CellType.NUMBER, _dtableUtils.CellType.DATE, _dtableUtils.CellType.CTIME, _dtableUtils.CellType.MTIME, _dtableUtils.CellType.AUTO_NUMBER, _dtableUtils.CellType.URL, _dtableUtils.CellType.EMAIL, _dtableUtils.CellType.DURATION, _dtableUtils.CellType.CHECKBOX, _dtableUtils.CellType.RATE];
-const ARRAY_FORMAT_COLUMNS = exports.ARRAY_FORMAT_COLUMNS = [_dtableUtils.CellType.IMAGE, _dtableUtils.CellType.FILE, _dtableUtils.CellType.MULTIPLE_SELECT, _dtableUtils.CellType.COLLABORATOR];
-const SIMPLE_CELL_FORMULA_RESULTS = exports.SIMPLE_CELL_FORMULA_RESULTS = [_dtableUtils.FORMULA_RESULT_TYPE.NUMBER, _dtableUtils.FORMULA_RESULT_TYPE.STRING, _dtableUtils.FORMULA_RESULT_TYPE.DATE, _dtableUtils.FORMULA_RESULT_TYPE.BOOL];
-const EVENT_BUS_TYPE = exports.EVENT_BUS_TYPE = {
+const SIMPLE_CELL_COLUMNS = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.CTIME, CellType.MTIME, CellType.AUTO_NUMBER, CellType.URL, CellType.EMAIL, CellType.DURATION, CellType.CHECKBOX, CellType.RATE];
+const ARRAY_FORMAT_COLUMNS = [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR];
+const SIMPLE_CELL_FORMULA_RESULTS = [FORMULA_RESULT_TYPE.NUMBER, FORMULA_RESULT_TYPE.STRING, FORMULA_RESULT_TYPE.DATE, FORMULA_RESULT_TYPE.BOOL];
+const EVENT_BUS_TYPE = {
   OPEN_SELECT: 'open-select'
-};
+};
+export { CellType, NUMBER_TYPES, DATE_TYPES, FORMULA_RESULT_TYPE, SIMPLE_CELL_COLUMNS, ARRAY_FORMAT_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS, EVENT_BUS_TYPE };

package/lib/data/dtable-value.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIGN_CONFIG = exports.DTABLE_VALUE = exports.DEPARTMENTS = exports.COLLABORATORS = void 0;
-const DTABLE_VALUE = exports.DTABLE_VALUE = {
+const DTABLE_VALUE = {
   'tables': [{
     '_id': '0000',
     'name': 'Table1',
@@ -2715,7 +2709,7 @@ const DTABLE_VALUE = exports.DTABLE_VALUE = {
     'header_settings': {}
   }]
 };
-const DEPARTMENTS = exports.DEPARTMENTS = [{
+const DEPARTMENTS = [{
   id: 1,
   id_in_org: 1,
   name: '海文互知',
@@ -2734,7 +2728,7 @@ const DEPARTMENTS = exports.DEPARTMENTS = [{
   org_id: -1,
   parent_id: 1
 }];
-const COLLABORATORS = exports.COLLABORATORS = [{
+const COLLABORATORS = [{
   'avatar_url': 'https://dev.seatable.cn/image-view/avatars/0/0/916e1e9e7c6184061cb7d96a680292/resized/80/de58ef113a311d390934b06ceafd77cf.png',
   'contact_email': '',
   'email': 'anbing@1.com',
@@ -2763,8 +2757,9 @@ const COLLABORATORS = exports.COLLABORATORS = [{
   'name_pinyin': 'an\'bing',
   'id': 'W-00009'
 }];
-const SIGN_CONFIG = exports.SIGN_CONFIG = {
+const SIGN_CONFIG = {
   server: 'https://dev.seatable.cn',
   workspaceID: 3,
   dtableUuid: '8327efbf-c9ff-4a14-9010-00e801a7e295'
-};
+};
+export { DTABLE_VALUE, COLLABORATORS, DEPARTMENTS, SIGN_CONFIG };

package/lib/formatterConfig/base-formatter-config.js

@@ -1,54 +1,47 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../constants");
-var _CheckboxFormatter = _interopRequireDefault(require("../CheckboxFormatter"));
-var _ImageFormatter = _interopRequireDefault(require("../ImageFormatter"));
-var _SimpleLongTextFormatter = _interopRequireDefault(require("../SimpleLongTextFormatter"));
-var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
-var _SingleSelectFormatter = _interopRequireDefault(require("../SingleSelectFormatter"));
-var _MultipleSelectFormatter = _interopRequireDefault(require("../MultipleSelectFormatter"));
-var _FileFormatter = _interopRequireDefault(require("../FileFormatter"));
-var _CollaboratorFormatter = _interopRequireDefault(require("../CollaboratorFormatter"));
-var _NumberFormatter = _interopRequireDefault(require("../NumberFormatter"));
-var _DateFormatter = _interopRequireDefault(require("../DateFormatter"));
-var _CreatorFormatter = _interopRequireDefault(require("../CreatorFormatter"));
-var _CTimeFormatter = _interopRequireDefault(require("../CTimeFormatter"));
-var _LastModifierFormatter = _interopRequireDefault(require("../LastModifierFormatter"));
-var _MTimeFormatter = _interopRequireDefault(require("../MTimeFormatter"));
-var _GeolocationFormatter = _interopRequireDefault(require("../GeolocationFormatter"));
-var _AutoNumberFormatter = _interopRequireDefault(require("../AutoNumberFormatter"));
-var _UrlFormatter = _interopRequireDefault(require("../UrlFormatter"));
-var _EmailFormatter = _interopRequireDefault(require("../EmailFormatter"));
-var _DurationFormatter = _interopRequireDefault(require("../DurationFormatter"));
-var _RateFormatter = _interopRequireDefault(require("../RateFormatter"));
-var _ButtonFormatter = _interopRequireDefault(require("../ButtonFormatter"));
-var _default = exports.default = {
-  [_constants.CellType.DEFAULT]: /*#__PURE__*/_react.default.createElement(_TextFormatter.default, null),
-  [_constants.CellType.TEXT]: /*#__PURE__*/_react.default.createElement(_TextFormatter.default, null),
-  [_constants.CellType.CHECKBOX]: /*#__PURE__*/_react.default.createElement(_CheckboxFormatter.default, null),
-  [_constants.CellType.LONG_TEXT]: /*#__PURE__*/_react.default.createElement(_SimpleLongTextFormatter.default, null),
-  [_constants.CellType.SINGLE_SELECT]: /*#__PURE__*/_react.default.createElement(_SingleSelectFormatter.default, null),
-  [_constants.CellType.IMAGE]: /*#__PURE__*/_react.default.createElement(_ImageFormatter.default, null),
-  [_constants.CellType.FILE]: /*#__PURE__*/_react.default.createElement(_FileFormatter.default, null),
-  [_constants.CellType.MULTIPLE_SELECT]: /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter.default, null),
-  [_constants.CellType.COLLABORATOR]: /*#__PURE__*/_react.default.createElement(_CollaboratorFormatter.default, null),
-  [_constants.CellType.NUMBER]: /*#__PURE__*/_react.default.createElement(_NumberFormatter.default, null),
-  [_constants.CellType.DATE]: /*#__PURE__*/_react.default.createElement(_DateFormatter.default, null),
-  [_constants.CellType.CREATOR]: /*#__PURE__*/_react.default.createElement(_CreatorFormatter.default, null),
-  [_constants.CellType.CTIME]: /*#__PURE__*/_react.default.createElement(_CTimeFormatter.default, null),
-  [_constants.CellType.LAST_MODIFIER]: /*#__PURE__*/_react.default.createElement(_LastModifierFormatter.default, null),
-  [_constants.CellType.MTIME]: /*#__PURE__*/_react.default.createElement(_MTimeFormatter.default, null),
-  [_constants.CellType.GEOLOCATION]: /*#__PURE__*/_react.default.createElement(_GeolocationFormatter.default, null),
-  [_constants.CellType.AUTO_NUMBER]: /*#__PURE__*/_react.default.createElement(_AutoNumberFormatter.default, null),
-  [_constants.CellType.URL]: /*#__PURE__*/_react.default.createElement(_UrlFormatter.default, null),
-  [_constants.CellType.EMAIL]: /*#__PURE__*/_react.default.createElement(_EmailFormatter.default, null),
-  [_constants.CellType.DURATION]: /*#__PURE__*/_react.default.createElement(_DurationFormatter.default, null),
-  [_constants.CellType.RATE]: /*#__PURE__*/_react.default.createElement(_RateFormatter.default, null),
-  [_constants.CellType.BUTTON]: /*#__PURE__*/_react.default.createElement(_ButtonFormatter.default, null)
+import React from 'react';
+import { CellType } from '../constants';
+import CheckboxFormatter from '../CheckboxFormatter';
+import ImageFormatter from '../ImageFormatter';
+import SimpleLongTextFormatter from '../SimpleLongTextFormatter';
+import TextCellFormatter from '../TextFormatter';
+import SingleSelectFormatter from '../SingleSelectFormatter';
+import MultipleSelectFormatter from '../MultipleSelectFormatter';
+import FileFormatter from '../FileFormatter';
+import CollaboratorFormatter from '../CollaboratorFormatter';
+import NumberFormatter from '../NumberFormatter';
+import DateFormatter from '../DateFormatter';
+import CreatorFormatter from '../CreatorFormatter';
+import CTimeFormatter from '../CTimeFormatter';
+import LastModifierFormatter from '../LastModifierFormatter';
+import MTimeFormatter from '../MTimeFormatter';
+import GeolocationFormatter from '../GeolocationFormatter';
+import AutoNumberFormatter from '../AutoNumberFormatter';
+import UrlFormatter from '../UrlFormatter';
+import EmailFormatter from '../EmailFormatter';
+import DurationFormatter from '../DurationFormatter';
+import RateFormatter from '../RateFormatter';
+import ButtonFormatter from '../ButtonFormatter';
+export default {
+  [CellType.DEFAULT]: /*#__PURE__*/React.createElement(TextCellFormatter, null),
+  [CellType.TEXT]: /*#__PURE__*/React.createElement(TextCellFormatter, null),
+  [CellType.CHECKBOX]: /*#__PURE__*/React.createElement(CheckboxFormatter, null),
+  [CellType.LONG_TEXT]: /*#__PURE__*/React.createElement(SimpleLongTextFormatter, null),
+  [CellType.SINGLE_SELECT]: /*#__PURE__*/React.createElement(SingleSelectFormatter, null),
+  [CellType.IMAGE]: /*#__PURE__*/React.createElement(ImageFormatter, null),
+  [CellType.FILE]: /*#__PURE__*/React.createElement(FileFormatter, null),
+  [CellType.MULTIPLE_SELECT]: /*#__PURE__*/React.createElement(MultipleSelectFormatter, null),
+  [CellType.COLLABORATOR]: /*#__PURE__*/React.createElement(CollaboratorFormatter, null),
+  [CellType.NUMBER]: /*#__PURE__*/React.createElement(NumberFormatter, null),
+  [CellType.DATE]: /*#__PURE__*/React.createElement(DateFormatter, null),
+  [CellType.CREATOR]: /*#__PURE__*/React.createElement(CreatorFormatter, null),
+  [CellType.CTIME]: /*#__PURE__*/React.createElement(CTimeFormatter, null),
+  [CellType.LAST_MODIFIER]: /*#__PURE__*/React.createElement(LastModifierFormatter, null),
+  [CellType.MTIME]: /*#__PURE__*/React.createElement(MTimeFormatter, null),
+  [CellType.GEOLOCATION]: /*#__PURE__*/React.createElement(GeolocationFormatter, null),
+  [CellType.AUTO_NUMBER]: /*#__PURE__*/React.createElement(AutoNumberFormatter, null),
+  [CellType.URL]: /*#__PURE__*/React.createElement(UrlFormatter, null),
+  [CellType.EMAIL]: /*#__PURE__*/React.createElement(EmailFormatter, null),
+  [CellType.DURATION]: /*#__PURE__*/React.createElement(DurationFormatter, null),
+  [CellType.RATE]: /*#__PURE__*/React.createElement(RateFormatter, null),
+  [CellType.BUTTON]: /*#__PURE__*/React.createElement(ButtonFormatter, null)
 };

package/lib/formatterConfig/index.js

@@ -1,18 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../constants");
-var _baseFormatterConfig = _interopRequireDefault(require("./base-formatter-config"));
-var _LinkFormatter = _interopRequireDefault(require("../LinkFormatter"));
-var _FormulaFormatter = _interopRequireDefault(require("../FormulaFormatter"));
+import React from 'react';
+import { CellType } from '../constants';
+import BaseFormatterConfig from './base-formatter-config';
+import LinkFormatter from '../LinkFormatter';
+import FormulaFormatter from '../FormulaFormatter';
 const FormatterConfig = {
-  ..._baseFormatterConfig.default,
-  [_constants.CellType.FORMULA]: /*#__PURE__*/_react.default.createElement(_FormulaFormatter.default, null),
-  [_constants.CellType.LINK]: /*#__PURE__*/_react.default.createElement(_LinkFormatter.default, null)
+  ...BaseFormatterConfig,
+  [CellType.FORMULA]: /*#__PURE__*/React.createElement(FormulaFormatter, null),
+  [CellType.LINK]: /*#__PURE__*/React.createElement(LinkFormatter, null)
 };
-var _default = exports.default = FormatterConfig;
+export default FormatterConfig;

package/lib/hooks/common-hooks.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useClickOutside = void 0;
-var _react = require("react");
-const useClickOutside = (_ref, deps) => {
+import { useEffect } from 'react';
+export const useClickOutside = (_ref, deps) => {
   let {
     currDOM,
     onClickOutside
   } = _ref;
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const onMousedown = event => {
       if (currDOM && event && currDOM.contains(event.target)) {
         return;
@@ -24,5 +18,4 @@ const useClickOutside = (_ref, deps) => {
 
     // eslint-disable-next-line
   }, deps || []);
-};
-exports.useClickOutside = useClickOutside;
+};