@seafile/seafile-database 0.0.21 → 0.0.23

package/dist/components/view-toolbar/view-items/views-popover.js

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ViewsPopover;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _components = require("../../../common/components");
-var _icons = _interopRequireDefault(require("../../icons"));
-var _keyCodes = require("../../../constants/keyCodes");
-var _hooks = require("../../../hooks");
-var _translate = _interopRequireDefault(require("../../../lang/translate"));
-require("../../../assets/css/dropdown-menu.css");
-function ViewsPopover(_ref) {
-  let {
-    menuStyle,
-    onViewsPopoverToggle,
-    onAddViewDialogToggle
-  } = _ref;
-  const {
-    views,
-    currentViewId,
-    setCurrentViewId
-  } = (0, _hooks.useViewContext)();
-  const [searchValue, setSearchValue] = (0, _react.useState)('');
-  const onKeyDown = (0, _react.useCallback)(event => {
-    if (event.keyCode === _keyCodes.KeyCodes.ChineseInputMethod || event.keyCode === _keyCodes.KeyCodes.LeftArrow || event.keyCode === _keyCodes.KeyCodes.RightArrow) {
-      event.stopPropagation();
-    }
-  }, []);
-  const onSearchValueChange = (0, _react.useCallback)(newSearchValue => {
-    if (searchValue === newSearchValue) return;
-    setSearchValue(newSearchValue);
-  }, [searchValue]);
-  const toggleView = (0, _react.useCallback)(id => {
-    setCurrentViewId(id);
-    onViewsPopoverToggle();
-  }, [onViewsPopoverToggle, setCurrentViewId]);
-  return /*#__PURE__*/_react.default.createElement(_components.ClickOutside, {
-    onClickOutside: onViewsPopoverToggle
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sea-database-dropdown-menu dropdown-menu position-fixed sea-database-views-dropdown-menu",
-    style: menuStyle
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sea-database-views-search-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_components.SearchInput, {
-    autoFocus: true,
-    isShowSearchIcon: true,
-    value: searchValue,
-    size: 28,
-    placeholder: _translate.default.gettext('Search view'),
-    onKeyDown: onKeyDown,
-    onChange: onSearchValueChange
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sea-database-views-list-wrapper"
-  }, views.map(view => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: view._id,
-      onClick: () => {
-        toggleView(view._id);
-      },
-      className: (0, _classnames.default)('sea-database-dropdown-menu-item view-item')
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "view-item-left",
-      draggable: true
-    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-      symbol: "drag"
-    }), view.name), /*#__PURE__*/_react.default.createElement("span", {
-      className: "view-item-right"
-    }, view._id === currentViewId && /*#__PURE__*/_react.default.createElement(_icons.default, {
-      symbol: "check"
-    })));
-  })), /*#__PURE__*/_react.default.createElement(_components.CommonAddTool, {
-    callBack: onAddViewDialogToggle,
-    footerName: _translate.default.gettext('Add view')
-  })));
-}

package/dist/file-base.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _database = _interopRequireDefault(require("./database"));
-var _globalSettings = _interopRequireDefault(require("./global-settings"));
-var _hooks = require("./hooks");
-var _translate = _interopRequireDefault(require("./lang/translate"));
-const FileBase = _ref => {
-  let {
-    settings,
-    fixedColumnCount = 1
-  } = _ref;
-  (0, _react.useEffect)(() => {
-    _translate.default.initTranslate(settings);
-    _globalSettings.default.initSettings(settings);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_hooks.FileRepoContextProvider, {
-    settings: settings
-  }, /*#__PURE__*/_react.default.createElement(_hooks.ViewContextProvider, null, /*#__PURE__*/_react.default.createElement(_hooks.CollaboratorsProvider, null, /*#__PURE__*/_react.default.createElement(_hooks.TagsDataProvider, null, /*#__PURE__*/_react.default.createElement(_hooks.TypesDataProvider, null, /*#__PURE__*/_react.default.createElement(_hooks.SelectedRowsProvider, null, /*#__PURE__*/_react.default.createElement(_hooks.MetadataProvider, null, /*#__PURE__*/_react.default.createElement(_database.default, {
-    settings: settings,
-    fixedColumnCount: fixedColumnCount
-  }))))))));
-};
-var _default = exports.default = FileBase;

package/dist/hooks/file-view-context.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useViewContext = exports.ViewContextProvider = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("../common/components");
-var _fileRepoContext = require("./file-repo-context");
-/* eslint-disable react/prop-types */
-
-const ViewContext = /*#__PURE__*/_react.default.createContext(null);
-const ViewContextProvider = _ref => {
-  let {
-    settings,
-    children
-  } = _ref;
-  const [isLoading, setIsLoading] = (0, _react.useState)(true);
-  const {
-    fileRepo,
-    context
-  } = (0, _fileRepoContext.useFileRepoContext)();
-  const [views, setViews] = (0, _react.useState)([]);
-  const [currentViewId, setCurrentViewId] = (0, _react.useState)('');
-  (0, _react.useEffect)(() => {
-    const initViewContext = async () => {
-      const views = fileRepo.views;
-      const currentView = views[views.length - 1];
-      const {
-        linked_repo_id: repoID
-      } = currentView;
-      const res = await context.getRepo(repoID);
-      const repo = res.data;
-      context.addRepoSetting(repo);
-      setViews(views);
-      setCurrentViewId(currentView._id);
-      setIsLoading(false);
-    };
-    initViewContext();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const insertView = (0, _react.useCallback)(view => {
-    setViews([...views, view]);
-    setCurrentViewId(view._id);
-  }, [views]);
-  if (isLoading) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: 'sea-metadata'
-    }, /*#__PURE__*/_react.default.createElement(_components.CenteredLoading, null));
-  }
-  return /*#__PURE__*/_react.default.createElement(ViewContext.Provider, {
-    value: {
-      views,
-      currentViewId,
-      setCurrentViewId,
-      insertView
-    }
-  }, children);
-};
-exports.ViewContextProvider = ViewContextProvider;
-const useViewContext = () => {
-  const context = (0, _react.useContext)(ViewContext);
-  if (!context) {
-    throw new Error('\'AppContext\' is null');
-  }
-  return context;
-};
-exports.useViewContext = useViewContext;

package/dist/views/card/card-items/card-item/formatter.js

@@ -1,45 +0,0 @@
-"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 _iconUtils = require("../../../../common/utils/icon-utils");
-var _cellFormatter = _interopRequireDefault(require("../../../../components/cell-formatter"));
-var _constants = require("../../../../constants");
-var _fileName = _interopRequireDefault(require("../../../table/formatters/file-name"));
-const SPECIAL_FILE_ICON = ['excel.png', 'md.png', 'ppt.png', 'sdoc_notification.ico', 'sdoc.png', 'txt.png', 'word.png'];
-const Formatter = _ref => {
-  let {
-    value,
-    column,
-    record,
-    tagsData,
-    ...params
-  } = _ref;
-  let className = '';
-  if (column.type === _constants.CellType.FILE_NAME && value) {
-    const icon = (0, _iconUtils.getFileIconName)(value);
-    if (SPECIAL_FILE_ICON.includes(icon)) {
-      className = 'sf-metadata-special-file-name-formatter';
-    }
-  }
-  if (column.type === _constants.CellType.FILE_NAME) {
-    return /*#__PURE__*/_react.default.createElement(_fileName.default, Object.assign({
-      row: record,
-      column: column,
-      value: value
-    }, params));
-  }
-  return /*#__PURE__*/_react.default.createElement(_cellFormatter.default, Object.assign({}, params, {
-    readonly: true,
-    className: className,
-    value: value,
-    column: column,
-    row: record,
-    tagsData: tagsData
-  }));
-};
-var _default = exports.default = Formatter;

package/dist/views/card/card-items/card-item/index.css

@@ -1,234 +0,0 @@
-.sf-metadata-card-item {
-  min-width: 0;
-  height: fit-content;
-  background: #f9f9f9;
-  border: 1px solid var(--bs-border-secondary-color);
-  border-radius: 6px;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  user-select: none;
-  transition: box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
-  cursor: pointer;
-}
-
-.sf-metadata-card-item.selected {
-  border-color: #ff9800;
-}
-
-.sf-metadata-card-item:hover {
-  box-shadow: 0 0 6px #0000002e;
-}
-
-.sf-metadata-card-item-image-container {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-  min-height: 150px;
-  border-bottom: 1px solid var(--bs-border-secondary-color);
-}
-
-/* Use pseudo-element to establish aspect ratio (3:2) so height is always reserved */
-.sf-metadata-card-item-image-container::before {
-  content: '';
-  display: block;
-  padding-top: 66.6667%;
-}
-
-.sf-metadata-card-item-image-container .sf-metadata-card-item-image {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  object-fit: contain;
-  object-position: center;
-}
-
-.sf-metadata-card-item-image-scroll-wrapper {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  padding: 16px;
-  overflow-y: auto;
-  overflow-x: hidden;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-}
-
-.sf-metadata-card-item-image-scroll-wrapper.show-scrollbar {
-  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
-}
-
-[data-bs-theme="dark"] .sf-metadata-card-item-image-scroll-wrapper.show-scrollbar {
-  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
-}
-
-.sf-metadata-card-item-image-scroll-wrapper::-webkit-scrollbar {
-  width: 6px;
-}
-
-.sf-metadata-card-item-image-scroll-wrapper::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.sf-metadata-card-item-image-scroll-wrapper::-webkit-scrollbar-thumb {
-  background: transparent;
-  border-radius: 3px;
-}
-
-.sf-metadata-card-item-image-scroll-wrapper.show-scrollbar::-webkit-scrollbar-thumb {
-  background: rgba(0, 0, 0, 0.2);
-}
-
-.sf-metadata-card-item-image-scroll-wrapper.show-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: rgba(0, 0, 0, 0.3);
-}
-
-[data-bs-theme="dark"] .sf-metadata-card-item-image-scroll-wrapper.show-scrollbar::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.2);
-}
-
-[data-bs-theme="dark"] .sf-metadata-card-item-image-scroll-wrapper.show-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: rgba(255, 255, 255, 0.3);
-}
-
-.sf-metadata-card-item-image-scroll-wrapper .sf-metadata-card-item-doc-thumbnail {
-  width: 100%;
-  height: auto;
-  display: block;
-  object-fit: contain;
-  object-position: top center;
-}
-
-.sf-metadata-card-item-text-container {
-  padding: 12px 16px 16px;
-  background-color: var(--bs-body-bg);
-}
-
-.sf-metadata-card-item-text-container .sf-metadata-file-name {
-  font-weight: 500;
-}
-
-.sf-metadata-card-item-text-container .sf-metadata-card-last-modified-info {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.sf-metadata-card-item-text-container .sf-metadata-card-last-modified-info .collaborator-item {
-  color: var(--bs-body-color);
-  background-color: transparent;
-  padding: 0;
-}
-
-.sf-metadata-card-item-text-container .sf-metadata-card-last-modified-info .ctime-formatter {
-  color: #666;
-  flex-shrink: 0;
-}
-
-.sf-metadata-card-item .sf-metadata-card-item-field {
-  margin-top: 10px;
-}
-
-.sf-metadata-card-item .sf-metadata-card-item-field-name {
-  display: block;
-  color: #666;
-  font-size: 12px;
-  margin-bottom: 4px;
-}
-
-.sf-metadata-card-item .sf-metadata-card-item-field .sf-metadata-record-cell-empty {
-  display: inline-block;
-  background-color: #f0f0f0;
-  border-radius: 4px;
-  height: 8px;
-  width: 20px;
-}
-
-.sf-metadata-card-item .sf-metadata-ui {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 1.2;
-  font-size: 13px;
-}
-
-.sf-metadata-card-item .sf-metadata-date-formatter,
-.sf-metadata-card-item .sf-metadata-number-formatter {
-  text-align: left;
-}
-
-.sf-metadata-card-item .sf-metadata-text-formatter {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sf-metadata-card-item .file-name-formatter {
-  margin-bottom: 8px;
-}
-
-.sf-metadata-card-item .file-name-formatter .sf-metadata-file-icon {
-  transform: translateY(-1px);
-  max-width: 100%;
-  height: auto;
-}
-
-.sf-metadata-card-item .sf-metadata-card-item-field .collaborators-formatter {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.sf-metadata-card-item .sf-metadata-card-item-field .collaborators-formatter .collaborator-item {
-  margin-top: 2px;
-  margin-bottom: 2px;
-}
-
-.sf-metadata-card-item .sf-metadata-card-item-field .sf-metadata-checkbox-formatter {
-  justify-content: flex-start;
-  padding-left: 2px;
-}
-
-.sf-metadata-card-item .sf-metadata-card-item-field .sf-metadata-multiple-select-formatter {
-  flex-wrap: wrap;
-}
-
-.sf-metadata-card-item .sf-metadata-card-item-field .sf-metadata-multiple-select-formatter .sf-metadata-ui-select-option {
-  margin-top: 2px;
-  margin-bottom: 2px;
-}
-
-.sf-metadata-view-card-items-container-text-wrap .sf-metadata-card-item-field .text-formatter {
-  white-space: normal;
-  max-height: 68px;
-}
-
-.sf-metadata-card-item .long-text-formatter,
-.sf-metadata-view-card-items-container-text-wrap .sf-metadata-card-item-field .long-text-formatter {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  overflow: hidden;
-  line-height: 1.5;
-  white-space: normal;
-}
-
-[data-bs-theme="dark"] .sf-metadata-card-item {
-  background-color: rgba(19, 19, 19, 1);
-  border-color: var(--bs-border-secondary-color);
-}
-
-[data-bs-theme="dark"] .sf-metadata-card-item.selected {
-  border-color: #ff9800;
-}
-
-[data-bs-theme="dark"] .sf-metadata-card-item:hover {
-  box-shadow: none;
-  border-color: rgba(255, 255, 255, 0.2);
-}

package/dist/views/card/card-items/card-item/index.js

@@ -1,206 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _iconUtils = require("../../../../common/utils/icon-utils");
-var _utils = require("../../../../common/utils/utils");
-var _globalSettings = _interopRequireDefault(require("../../../../global-settings"));
-var _hooks = require("../../../../hooks");
-var _cell = require("../../../../utils/cell");
-var _row = require("../../../../utils/row");
-var _formatter = _interopRequireDefault(require("./formatter"));
-require("./index.css");
-const CardItem = _ref => {
-  let {
-    isSelected,
-    record,
-    tagsData,
-    fileNameColumn,
-    mtimeColumn,
-    modifierColumn,
-    displayColumns,
-    displayEmptyValue,
-    displayColumnName,
-    onOpenFile,
-    onSelectCard,
-    onContextMenu
-  } = _ref;
-  const {
-    context
-  } = (0, _hooks.useFileRepoContext)();
-  const [isUsingIcon, setIsUsingIcon] = (0, _react.useState)(false);
-  const [showScrollbar, setShowScrollbar] = (0, _react.useState)(false);
-  const imgRef = (0, _react.useRef)(null);
-  const containerRef = (0, _react.useRef)(null);
-  const hoverTimerRef = (0, _react.useRef)(null);
-  const fileNameValue = (0, _cell.getCellValueByColumn)(record, fileNameColumn);
-  const mtimeValue = (0, _cell.getCellValueByColumn)(record, mtimeColumn);
-  const modifierValue = (0, _cell.getCellValueByColumn)(record, modifierColumn);
-
-  // for the big image
-  const parentDir = (0, _react.useMemo)(() => (0, _cell.getParentDirFromRecord)(record), [record]);
-  const isDir = (0, _react.useMemo)(() => (0, _row.checkIsDir)(record), [record]);
-  const shouldUseThumbnail = (0, _react.useMemo)(() => {
-    if (isDir) return false;
-    const value = fileNameValue;
-    const enableSeadoc = _globalSettings.default.getSetting('enableSeadoc');
-    const enableThumbnailServer = _globalSettings.default.getSetting('enableThumbnailServer');
-    return _utils.Utils.imageCheck(value) || _utils.Utils.pdfCheck(value) || _utils.Utils.videoCheck(value) || _utils.Utils.isEditableSdocFile(value, enableSeadoc) && enableThumbnailServer;
-  }, [isDir, fileNameValue]);
-  const isDocumentFile = (0, _react.useMemo)(() => {
-    if (!shouldUseThumbnail || isUsingIcon) return false;
-    const value = fileNameValue;
-    const enableSeadoc = _globalSettings.default.getSetting('enableSeadoc');
-    return _utils.Utils.pdfCheck(value) || _utils.Utils.isEditableSdocFile(value, enableSeadoc);
-  }, [shouldUseThumbnail, fileNameValue, isUsingIcon]);
-  const imageURLs = (0, _react.useMemo)(() => {
-    if (isDir) {
-      const iconURL = (0, _iconUtils.getFolderIconUrl)();
-      return {
-        URL: iconURL,
-        iconURL: iconURL
-      };
-    }
-    const value = fileNameValue;
-    const fileIconURL = (0, _iconUtils.getFileIconUrl)(value);
-    if (shouldUseThumbnail) {
-      const path = _utils.Utils.encodePath(_utils.Utils.joinPath(parentDir, value));
-      const siteRoot = _globalSettings.default.getSetting('siteRoot');
-      const thumbnailSizeForOriginal = _globalSettings.default.getSetting('thumbnailSizeForOriginal');
-      const repoID = context.getViewSetting('repoID');
-      const thumbnailURL = `${siteRoot}thumbnail/${repoID}/${thumbnailSizeForOriginal}${path}?mtime=${(0, _cell.getFileMTimeFromRecord)(record)}`;
-      return {
-        URL: thumbnailURL,
-        iconURL: fileIconURL
-      };
-    }
-    return {
-      URL: fileIconURL,
-      iconURL: fileIconURL
-    };
-  }, [isDir, fileNameValue, shouldUseThumbnail, parentDir, context, record]);
-  const onLoadError = (0, _react.useCallback)(() => {
-    setIsUsingIcon(true);
-    imgRef.current.src = imageURLs.iconURL;
-  }, [imageURLs]);
-  const handleClickCard = (0, _react.useCallback)(event => {
-    event.preventDefault();
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-    onSelectCard(record);
-  }, [record, onSelectCard]);
-  const handleFilenameClick = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-    const canPreview = context.canPreview();
-    if (!canPreview) return;
-    onOpenFile(record);
-  }, [context, onOpenFile, record]);
-  const handleImageContainerMouseEnter = (0, _react.useCallback)(() => {
-    if (!isDocumentFile) return;
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-    }
-    hoverTimerRef.current = setTimeout(() => {
-      setShowScrollbar(true);
-    }, 500);
-  }, [isDocumentFile]);
-  const handleImageContainerMouseLeave = (0, _react.useCallback)(() => {
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-      hoverTimerRef.current = null;
-    }
-    setShowScrollbar(false);
-  }, []);
-  const handleImageContainerScroll = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-  }, []);
-  const scrollable = isDocumentFile && !isUsingIcon;
-  return /*#__PURE__*/_react.default.createElement("article", {
-    "data-id": record._id,
-    className: (0, _classnames.default)('sf-metadata-card-item', {
-      'selected': isSelected
-    }),
-    onClick: handleClickCard,
-    onContextMenu: onContextMenu,
-    tabIndex: "0",
-    onKeyDown: _utils.Utils.onKeyDown
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: containerRef,
-    className: "sf-metadata-card-item-image-container",
-    onMouseEnter: handleImageContainerMouseEnter,
-    onMouseLeave: handleImageContainerMouseLeave
-  }, scrollable ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sf-metadata-card-item-image-scroll-wrapper', {
-      'show-scrollbar': showScrollbar
-    }),
-    onScroll: handleImageContainerScroll
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    loading: "lazy",
-    className: "sf-metadata-card-item-doc-thumbnail",
-    ref: imgRef,
-    src: imageURLs.URL,
-    onError: onLoadError,
-    alt: ""
-  })) : /*#__PURE__*/_react.default.createElement("img", {
-    loading: "lazy",
-    className: "sf-metadata-card-item-image",
-    ref: imgRef,
-    src: imageURLs.URL,
-    onError: onLoadError,
-    alt: ""
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sf-metadata-card-item-text-container"
-  }, /*#__PURE__*/_react.default.createElement(_formatter.default, {
-    value: fileNameValue,
-    column: fileNameColumn,
-    record: record,
-    hideIcon: true,
-    onFileNameClick: handleFilenameClick,
-    tagsData: tagsData
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sf-metadata-card-last-modified-info"
-  }, /*#__PURE__*/_react.default.createElement(_formatter.default, {
-    value: modifierValue,
-    column: modifierColumn,
-    record: record,
-    tagsData: tagsData
-  }), /*#__PURE__*/_react.default.createElement(_formatter.default, {
-    value: mtimeValue,
-    format: "relativeTime",
-    column: mtimeColumn,
-    record: record,
-    tagsData: tagsData
-  })), displayColumns.map(column => {
-    const value = (0, _cell.getCellValueByColumn)(record, column);
-    if (!displayEmptyValue && !(0, _cell.isValidCellValue)(value)) {
-      if (displayColumnName) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "sf-metadata-card-item-field",
-          key: column.key
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "sf-metadata-card-item-field-name"
-        }, column.name));
-      }
-      return null;
-    }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "sf-metadata-card-item-field",
-      key: column.key
-    }, displayColumnName && /*#__PURE__*/_react.default.createElement("span", {
-      className: "sf-metadata-card-item-field-name"
-    }, column.name), /*#__PURE__*/_react.default.createElement(_formatter.default, {
-      value: value,
-      column: column,
-      record: record,
-      tagsData: tagsData
-    }));
-  })));
-};
-var _default = exports.default = CardItem;

package/dist/views/card/card-items/index.css

@@ -1,31 +0,0 @@
-.sf-metadata-view-card-items-container {
-  height: auto;
-  --sf-card-min-width: 240px;
-  --sf-card-max-width: 1fr;
-  --sf-card-gap: 20px;
-  padding: 20px;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(var(--sf-card-min-width), var(--sf-card-max-width)));
-  gap: var(--sf-card-gap);
-  align-content: start;
-}
-
-@media (max-width: 1200px) {
-  .sf-metadata-view-card-items-container {
-    --sf-card-min-width: 210px;
-  }
-}
-
-@media (max-width: 900px) {
-  .sf-metadata-view-card-items-container {
-    --sf-card-min-width: 190px;
-  }
-}
-
-@media (max-width: 600px) {
-  .sf-metadata-view-card-items-container {
-    --sf-card-min-width: 160px;
-    padding: 12px;
-    --sf-card-gap: 12px;
-  }
-}