@seafile/seafile-database 0.0.18 → 0.0.20

package/dist/api/api.js

@@ -10,6 +10,10 @@ var _axios = _interopRequireDefault(require("axios"));
 class SeafileAPI {
   constructor() {
     var _this = this;
+    (0, _defineProperty2.default)(this, "getFileRepoInfo", (wikiId, fileRepoId) => {
+      const url = this.server + '/api/v2.1/wiki2/' + wikiId + '/file-repos/' + fileRepoId + '/';
+      return this.req.get(url);
+    });
     (0, _defineProperty2.default)(this, "getCollaborators", repoID => {
       const url = this.server + '/api/v2.1/repos/' + repoID + '/related-users/';
       return this.req.get(url);
@@ -160,43 +164,41 @@ class SeafileAPI {
       });
     });
   }
-  getRepoInfo(repoID) {
+  getRepo(repoID) {
     const url = this.server + '/api/v2.1/repos/' + repoID + '/';
     return this.req.get(url);
   }
-  getMetadataStatus(repoID) {
-    const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/';
+  getMetadata(params) {
+    const {
+      wiki_id: wikiId,
+      file_repo_id: fileRepoId,
+      view_id: viewId
+    } = params;
+    const url = this.server + '/api/v2.1/wiki2/' + wikiId + '/file-repo/' + fileRepoId + '/views/' + viewId + '/records';
     return this.req.get(url);
   }
   getView(view_data) {
     const {
       wiki_id: wikiId,
+      file_repo_id: fileRepoId,
       view_id: viewId
     } = view_data;
-    const url = this.server + '/api/v2.1/wiki2/' + wikiId + '/views/' + viewId + '/';
-    return this.req.get(url);
+    const url = this.server + '/api/v2.1/wiki2/' + wikiId + '/file-repo/' + fileRepoId + '/views/' + viewId + '/';
+    return this.req.get(url, {
+      view_id: viewId
+    });
+  }
+  insertView(wikiId, fileRepoId, view_data) {
+    const url = this.server + '/api/v2.1/wiki2/' + wikiId + '/file-repo/' + fileRepoId + '/views/';
+    return this.req.post(url, view_data);
   }
-  modifyView(wikiId, viewId, viewData) {
-    const url = this.server + '/api/v2.1/wiki2/' + wikiId + '/views/';
+  modifyView(wikiId, fileRepoId, viewId, viewData) {
+    const url = this.server + '/api/v2.1/wiki2/' + wikiId + '/file-repo/' + fileRepoId + '/views/' + viewId + '/';
     const data = {
-      view_id: viewId,
       view_data: viewData
     };
     return this.req.put(url, data);
   }
-  getMetadata(params) {
-    const {
-      view_data
-    } = params;
-    const {
-      wiki_id: wikiId,
-      view_id: viewId
-    } = view_data;
-    const url = this.server + '/api/v2.1/wiki2/' + wikiId + '/views/' + viewId + '/records/';
-    return this.req.get(url, {
-      params: params
-    });
-  }
   rotateImage(repoID, path, angle) {
     let url = `${this.server}/api/v2.1/repos/${repoID}/image-rotate/`;
     let form = new FormData();
@@ -300,5 +302,9 @@ class SeafileAPI {
     }
     return this.req.put(url, data);
   }
+  getMetadataStatus(repoID) {
+    const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/';
+    return this.req.get(url);
+  }
 }
 var _default = exports.default = SeafileAPI;

package/dist/assets/css/dropdown-menu.css

@@ -0,0 +1,96 @@
+.sea-database-dropdown-menu,
+.sea-database-dropdown-menu .sea-database-dropdown-menu-container {
+  min-width: 12rem;
+  padding: 8px 0;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-divider {
+  width: 100%;
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item {
+  height: 30px;
+  width: 100%;
+  padding: 4px 24px;
+  user-select: none;
+  display: flex;
+  align-items: center;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item-title {
+  color: #666;
+  padding: 3px 12px;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item-title:hover {
+  background-color: unset !important;
+  cursor: initial !important;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item-no-results {
+  height: 30px;
+  width: 100%;
+  padding: 4px 24px;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item-hidden {
+  display: none;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item.disabled,
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item.disabled .sea-database-dropdown-item-content-icon {
+  color: #c2c2c2 !important;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item:hover {
+  background-color: #F5F5F5;
+  cursor: pointer;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item.disabled:hover {
+  background-color: unset;
+  cursor: default;
+  color: #c2c2c2;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-menu-item .sea-database-dropdown-item-content {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  font-size: 14px;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-item-content .sea-database-dropdown-item-content-icon {
+  margin-right: 10px;
+}
+
+.sea-database-dropdown-menu .sea-database-arrow-right {
+  color: #666;
+  font-size: 12px !important;
+}
+
+.sea-database-dropdown-menu .sea-database-dropdown-item-with-left-icon {
+  min-height: 32px;
+  padding: 3px 12px;
+}
+
+.sea-database-dropdown-menu .sea-database-check-mark {
+  color: #666;
+}
+
+/* sub menu */
+.sea-database-sub-dropdown-menu .popover {
+  left: -8px !important;
+}
+
+.sea-database-sub-dropdown-menu .bs-popover-auto[x-placement^="left"] {
+  left: 8px !important;
+}

package/dist/common/components/file-tag/index.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _uuid = require("uuid");
 var _utils = require("../../utils/utils");
-var _appContext = require("../../../hooks/app-context");
+var _hooks = require("../../../hooks");
 var _translate = _interopRequireDefault(require("../../../lang/translate"));
 var _fileTagList = _interopRequireDefault(require("./file-tag-list"));
 var _editFiletagPopover = _interopRequireDefault(require("./popover/edit-filetag-popover"));
@@ -26,7 +26,7 @@ const FileTag = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const [isEditFileTagShow, setEditFileTagShow] = (0, _react.useState)(false);
   const direntPath = (0, _react.useMemo)(() => (0, _utils2.getDirentPath)(dirent, path), [dirent, path]);
   const tagListTitleID = (0, _react.useMemo)(() => `detail-list-view-tags-${(0, _uuid.v4)()}`, []);

package/dist/common/utils/icon-utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFolderIconUrl = exports.getFileIconUrl = exports.getDirentIcon = void 0;
+exports.getFolderIconUrl = exports.getFileIconUrl = exports.getFileIconName = exports.getDirentIcon = void 0;
 var _css = _interopRequireDefault(require("../../assets/imgs/256/files/css.png"));
 var _draw = _interopRequireDefault(require("../../assets/imgs/256/files/draw.png"));
 var _excel = _interopRequireDefault(require("../../assets/imgs/256/files/excel.png"));
@@ -119,4 +119,11 @@ const getDirentIcon = (dirent, isBig) => {
     return getFolderIconUrl(readonly, size, dirent.has_been_shared_out);
   }
 };
-exports.getDirentIcon = getDirentIcon;
+exports.getDirentIcon = getDirentIcon;
+const getFileIconName = function (fileName) {
+  if (fileName.lastIndexOf('.') === -1) return FILEEXT_ICON_MAP['default'];
+  const file_ext = fileName.substr(fileName.lastIndexOf('.') + 1).toLowerCase();
+  if (FILEEXT_ICON_MAP[file_ext]) return FILEEXT_ICON_MAP[file_ext];
+  return _utils.Utils.FILEEXT_ICON_MAP['default'];
+};
+exports.getFileIconName = getFileIconName;

package/dist/common/utils/utils.js

@@ -328,6 +328,34 @@ const Utils = exports.Utils = {
     const image_exts = ['gif', 'jpeg', 'jpg', 'png', 'ico', 'bmp', 'tif', 'tiff', 'jfif', 'heic', 'webp', 'svg'];
     return image_exts.includes(file_ext);
   },
+  pdfCheck: function (filename) {
+    if (filename.lastIndexOf('.') === -1) {
+      return false;
+    }
+    const file_ext = filename.substr(filename.lastIndexOf('.') + 1).toLowerCase();
+    return file_ext === 'pdf';
+  },
+  // check if a file is a video
+  videoCheck: function (filename) {
+    // no file ext
+    if (filename.lastIndexOf('.') == -1) {
+      return false;
+    }
+    const file_ext = filename.substr(filename.lastIndexOf('.') + 1).toLowerCase();
+    return ['mp4', 'ogv', 'webm', 'mov', 'm4v', 'mkv'].includes(file_ext);
+  },
+  isEditableSdocFile: function (filename, enableSeadoc) {
+    // no file ext
+    if (filename.lastIndexOf('.') === -1) {
+      return false;
+    }
+    const file_ext = filename.substr(filename.lastIndexOf('.') + 1).toLowerCase();
+    if (enableSeadoc && file_ext === 'sdoc') {
+      return true;
+    } else {
+      return false;
+    }
+  },
   isMarkdownFile: function (filePath) {
     let index = filePath.lastIndexOf('.');
     if (index === -1) {

package/dist/components/cell-editors/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../constants");
-var _appContext = require("../../hooks/app-context");
+var _hooks = require("../../hooks");
 var _collaboratorEditor = _interopRequireDefault(require("./collaborator-editor"));
 var _dateEditor = _interopRequireDefault(require("./date-editor"));
 var _fileNameEditor = _interopRequireDefault(require("./file-name-editor"));
@@ -22,7 +22,7 @@ var _typeEditor = _interopRequireDefault(require("./type-editor"));
 const Editor = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   switch (props.column.type) {
     case _constants.CellType.TEXT:
       {

package/dist/components/cell-editors/multiple-select-editor/index.js

@@ -12,7 +12,7 @@ var _components = require("../../../common/components");
 var _typeDetection = require("../../../common/utils/type-detection");
 var _icons = _interopRequireDefault(require("../../icons"));
 var _keyCodes = require("../../../constants/keyCodes");
-var _appContext = require("../../../hooks/app-context");
+var _hooks = require("../../../hooks");
 var _translate = _interopRequireDefault(require("../../../lang/translate"));
 var _column = require("../../../utils/column");
 var _deleteOptions = _interopRequireDefault(require("./delete-options"));
@@ -32,7 +32,7 @@ const MultipleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const [value, setValue] = (0, _react.useState)((0, _column.getColumnOptionIdsByNames)(column, oldValue));
   const [searchValue, setSearchValue] = (0, _react.useState)('');
   const [highlightIndex, setHighlightIndex] = (0, _react.useState)(-1);

package/dist/components/cell-editors/single-select-editor/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _main = _interopRequireDefault(require("../../../common/components/option-editor/main"));
-var _appContext = require("../../../hooks/app-context");
+var _hooks = require("../../../hooks");
 var _translate = _interopRequireDefault(require("../../../lang/translate"));
 var _cell = require("../../../utils/cell");
 var _column = require("../../../utils/column");
@@ -30,7 +30,7 @@ const SingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const editorRef = (0, _react.useRef)(null);
   const mainRef = (0, _react.useRef)(null);
   const canEditData = context.canModifyColumnData(column);

package/dist/components/cell-editors/tags-editor/index.js

@@ -10,7 +10,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _main = _interopRequireDefault(require("../../../common/components/option-editor/main"));
 var _constants = require("../../../constants");
 var _hooks = require("../../../hooks");
-var _appContext = require("../../../hooks/app-context");
 var _translate = _interopRequireDefault(require("../../../lang/translate"));
 require("./index.css");
 const TagsEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
@@ -27,7 +26,7 @@ const TagsEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const {
     tagsData,
     createTag

package/dist/components/context-menu/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _components = require("../../common/components");
 var _dom = require("../../common/utils/dom");
-var _appContext = require("../../hooks/app-context");
+var _hooks = require("../../hooks");
 require("./index.css");
 const ContextMenu = _ref => {
   let {
@@ -20,7 +20,7 @@ const ContextMenu = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const menuRef = (0, _react.useRef)(null);
   const [visible, setVisible] = (0, _react.useState)(false);
   const [position, setPosition] = (0, _react.useState)({

package/dist/components/data-process-setter/filter-setter.js

@@ -12,7 +12,6 @@ var _deepCopy = _interopRequireDefault(require("deep-copy"));
 var _hotkey = require("../../common/utils/hotkey");
 var _typeDetection = require("../../common/utils/type-detection");
 var _hooks = require("../../hooks");
-var _appContext = require("../../hooks/app-context");
 var _translate = _interopRequireDefault(require("../../lang/translate"));
 var _constants = require("../../constants");
 var _filter = require("../../utils/filter");
@@ -35,7 +34,7 @@ const FilterSetter = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const {
     typesData
   } = (0, _hooks.useTypesData)();

package/dist/components/data-process-setter/manage-setter.js

@@ -8,13 +8,12 @@ exports.default = void 0;
 var _react = require("react");
 var _reactstrap = require("reactstrap");
 var _hooks = require("../../hooks");
-var _appContext = require("../../hooks/app-context");
 var _translate = _interopRequireDefault(require("../../lang/translate"));
 var _icons = _interopRequireDefault(require("../icons"));
 const ManageSetter = () => {
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const {
     toggleAllTags
   } = (0, _hooks.useTagsData)();

package/dist/components/data-process-setter/sort-setter.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hotkey = require("../../common/utils/hotkey");
-var _appContext = require("../../hooks/app-context");
+var _hooks = require("../../hooks");
 var _translate = _interopRequireDefault(require("../../lang/translate"));
 var _constants = require("../../constants");
 var _sort = require("../../utils/sort");
@@ -27,7 +27,7 @@ const SortSetter = _ref => {
   } = _ref;
   const {
     context
-  } = (0, _appContext.useAppContext)();
+  } = (0, _hooks.useFileRepoContext)();
   const [isShowSetter, setShowSetter] = (0, _react.useState)(false);
   const sorts = (0, _react.useMemo)(() => {
     return (0, _sort.getValidSorts)(propsSorts || [], columns);

package/dist/components/dialogs/custom-modal-header/index.css

@@ -0,0 +1,34 @@
+.modal .custom-modal-btn.close {
+  padding: 14px 16px;
+  opacity: 1;
+  margin: -1rem -1rem -1rem auto;
+  background-color: transparent;
+  border: 0;
+  float: right;
+  font-size: 1.40625rem;
+  font-weight: 700;
+  line-height: 1;
+  color: var(--bs-icon-color);
+}
+
+.modal .custom-modal-btn.close:not(:disabled):not(.disabled):hover {
+  opacity: 1;
+}
+
+.modal .custom-modal-btn .custom-modal-btn-inner {
+  display: inline-block;
+  width: 28px;
+  height: 28px;
+  border-radius: 3px;
+}
+
+.modal .custom-modal-btn .custom-modal-btn-inner:hover {
+  background-color: var(--bs-hover-bg);
+}
+
+.modal .custom-modal-btn .custom-modal-btn-inner .seafile-multicolor-icon {
+  width: 16px;
+  height: 16px;
+  color: var(--bs-icon-color);
+  font-size: 1rem;
+}

package/dist/components/dialogs/custom-modal-header/index.js

@@ -0,0 +1,34 @@
+"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 _reactstrap = require("reactstrap");
+var _translate = _interopRequireDefault(require("../../../lang/translate"));
+var _icons = _interopRequireDefault(require("../../icons"));
+require("./index.css");
+const CustomModalHeader = _ref => {
+  let {
+    children,
+    ...props
+  } = _ref;
+  const customCloseBtn = /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "close custom-modal-btn",
+    "data-dismiss": "modal",
+    "aria-label": _translate.default.gettext('Close'),
+    title: _translate.default.gettext('Close'),
+    onClick: props.toggle
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "custom-modal-btn-inner"
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    symbol: "close"
+  })));
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, Object.assign({}, props, {
+    close: customCloseBtn
+  }), children);
+};
+var _default = exports.default = CustomModalHeader;

package/dist/components/dialogs/insert-view-dialog.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+var _components = require("../../common/components");
+var _translate = _interopRequireDefault(require("../../lang/translate"));
+var _customModalHeader = _interopRequireDefault(require("./custom-modal-header"));
+const VIEW_TYPES = {
+  TABLE: 'table',
+  CARD: 'card'
+  // GALLERY: 'gallery',
+};
+const VIEW_TYPE_OPTIONS = [{
+  label: _translate.default.gettext('Table'),
+  value: VIEW_TYPES.TABLE
+}, {
+  label: _translate.default.gettext('Card'),
+  value: VIEW_TYPES.CARD
+}
+// { label: Translate.gettext('Gallery'), value: VIEW_TYPES.TABLE },
+];
+class InsertViewDialog extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "inputNewName", e => {
+      this.setState({
+        name: e.target.value
+      });
+    });
+    (0, _defineProperty2.default)(this, "handleKeyDown", e => {
+      if (e.key === 'Enter') {
+        this.handleSubmit();
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleSubmit", () => {
+      const viewName = this.state.name.trim();
+      if (!viewName) {
+        _components.toaster.danger(_translate.default.gettext('View name is required.'));
+        return;
+      }
+      const {
+        viewType
+      } = this.state;
+      if (!viewType) {
+        _components.toaster.danger(_translate.default.gettext('View type is required.'));
+        return;
+      }
+      this.props.onAddView(viewName, viewType);
+    });
+    (0, _defineProperty2.default)(this, "toggle", () => {
+      this.props.toggleCancel();
+    });
+    (0, _defineProperty2.default)(this, "handleSelectChange", option => {
+      this.setState({
+        viewType: option
+      });
+    });
+    this.state = {
+      name: '',
+      isSubmitBtnActive: false,
+      selectedOption: null,
+      viewType: ''
+    };
+  }
+  render() {
+    const {
+      viewType
+    } = this.state;
+    const selectedOption = VIEW_TYPE_OPTIONS.find(item => item.value === viewType);
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+      isOpen: true,
+      autoFocus: false,
+      toggle: this.toggle
+    }, /*#__PURE__*/_react.default.createElement(_customModalHeader.default, {
+      toggle: this.toggle
+    }, _translate.default.gettext('Add view')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _translate.default.gettext('View name')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+      onKeyDown: this.handleKeyDown,
+      autoFocus: true,
+      value: this.state.name,
+      onChange: this.inputNewName,
+      name: "view-name"
+    }), /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
+      className: "mt-2"
+    }, _translate.default.gettext('View type')), /*#__PURE__*/_react.default.createElement(_components.CustomizeSelect, {
+      value: selectedOption,
+      options: VIEW_TYPE_OPTIONS,
+      onChange: this.handleSelectChange
+    })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+      color: "secondary",
+      onClick: this.toggle
+    }, _translate.default.gettext('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+      color: "primary",
+      onClick: this.handleSubmit,
+      disabled: !this.state.name.trim()
+    }, _translate.default.gettext('Submit'))));
+  }
+}
+var _default = exports.default = InsertViewDialog;

package/dist/components/icons/arrow-down-icon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+const ArrayDownIcon = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  width: 32,
+  height: 32,
+  viewBox: "0 0 32 32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M16.0605 24L28.1211 11.9395L26 9.81836L16.0605 19.7578L6.12109 9.81836L4 11.9395L16.0605 24Z",
+  fill: "currentColor"
+}));
+var _default = exports.default = ArrayDownIcon;

package/dist/components/icons/arrow-up-icon.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+const ArrayUpIcon = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  width: 32,
+  height: 32,
+  viewBox: "0 0 32 32",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M16.0607 7.99988L28.1212 20.0604L26.0001 22.1815L16.0607 12.2421L6.12122 22.1815L4.00012 20.0604L16.0607 7.99988Z",
+  fill: "currentColor"
+}));
+var _default = exports.default = ArrayUpIcon;

package/dist/components/icons/close-icon.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+const CloseIcon = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  t: 1718937171668,
+  className: "icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": 18368,
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  width: 200,
+  height: 200
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M489.6 444.8l294.4-294.4 67.2 67.2-294.4 294.4 294.4 294.4-67.2 67.2-294.4-294.4-272 272-67.2-67.2 272-272-272-272 67.2-67.2z",
+  "p-id": 18369,
+  fill: "currentColor"
+}));
+var _default = exports.default = CloseIcon;