@plone/volto 18.0.0-alpha.43 → 18.0.0-alpha.44

package/dist/server/assets/Contents-BOn6l3S9.js

@@ -0,0 +1,2364 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import React__default, { Component } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { compose } from "redux";
+import { createPortal } from "react-dom";
+import { Link } from "react-router-dom";
+import { Container, Dimmer, Loader, Confirm, Segment, Menu, Button, Input, Dropdown, Table, Divider } from "semantic-ui-react";
+import { keys, mapValues, indexOf, map, pull, concat, filter, find } from "lodash-es";
+import move from "lodash-move";
+import { injectIntl, defineMessages, FormattedMessage } from "react-intl";
+import { aY as COPY_CONTENT, aZ as MOVE_CONTENT, a_ as COPY, a$ as CUT, aP as searchContent, p as deleteContent, C as listActions, b0 as orderContent, b1 as sortContent, b2 as updateColumnsContent, b3 as linkIntegrityCheck, n as getContent, v as asyncConnect, T as Toast, b as getBaseUrl, $ as $149c1bd638913645$export$2e2bcd8739ae039, H as HelmetExport, f as flattenToAppURL, b4 as ContentsRenameModal, I as Icon, b5 as uploadSVG, b6 as deleteSVG, k as clearSVG, b7 as zoomSVG, at as moreSVG, a8 as down_key, b8 as sortDownSVG, b9 as sortUpSVG, o as backSVG, U as Unauthorized } from "../entry-server.js";
+import { P as Pagination } from "./Pagination-DhaW_lzc.js";
+import { P as Popup, c as checkboxCheckedSVG, a as checkboxUncheckedSVG, D as DragDropConnector$2 } from "./ContentsItem-bD7oEcmI.js";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import ContentsBreadcrumbs from "./ContentsBreadcrumbs-Dtyd6Hr0.js";
+import DragDropConnector$1 from "./ContentsIndexHeader-DxJAuKwb.js";
+import ContentsUploadModal from "./ContentsUploadModal-DiUUlQ5S.js";
+import ContentsWorkflowModal from "./ContentsWorkflowModal-CAc4f94G.js";
+import ContentsTagsModal from "./ContentsTagsModal-C-gTZFmZ.js";
+import ContentsPropertiesModal from "./ContentsPropertiesModal-q9wA0Aal.js";
+import { toast } from "react-toastify";
+import { DragDropContext } from "react-dnd";
+import HTML5Backend from "react-dnd-html5-backend";
+import { c as cutSVG, a as copySVG } from "./cut-BEOWxek2.js";
+import { p as pasteSVG } from "./paste-CtDNO5f5.js";
+import "classnames";
+import "moment";
+import "react-router";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "react-dom/server";
+import "react-transition-group";
+import "promise-file-reader";
+import "uuid";
+import "pretty-bytes";
+import "react-side-effect";
+import "github-slugger";
+import "slate";
+import "hoist-non-react-statics";
+import "query-string";
+import "slate-react";
+import "prettier/standalone";
+import "prettier/parser-html";
+import "prismjs/components/prism-core.js";
+import "react-animate-height";
+import "react-popper";
+import "react-sortable-hoc";
+import "react-dates/initialize.js";
+import "react-anchor-link-smooth-scroll";
+import "jwt-decode";
+import "react-router-config";
+import "react-fast-compare";
+import "object-assign";
+import "lodash-es/split.js";
+import "lodash-es/join.js";
+import "lodash-es/trim.js";
+import "react-cookie";
+import "react-intl-redux";
+import "universal-cookie";
+import "slate-hyperscript";
+import "is-hotkey";
+import "react-dropzone";
+import "react-intersection-observer";
+import "is-url";
+import "lodash-es/isUndefined.js";
+import "lodash-es/isString.js";
+import "redux-mock-store";
+import "serialize-javascript";
+import "superagent";
+import "connected-react-router";
+import "react-beautiful-dnd";
+import "detect-browser";
+import "locale";
+import "history";
+import "redux-thunk";
+import "redux-localstorage-simple";
+import "debug";
+import "express";
+import "http-proxy-middleware";
+import "./drag-DY7wFRIh.js";
+import "./users-BY0qskQF.js";
+import "./User-CeYa32LY.js";
+import "./PersonalInformation--cOokZv2.js";
+import "filesize";
+import "./FormattedRelativeDate-eSbRd-qW.js";
+function copyContent(source, target) {
+  return {
+    type: COPY_CONTENT,
+    request: {
+      op: "post",
+      path: `${target}/@copy`,
+      data: { source }
+    }
+  };
+}
+function moveContent(source, target) {
+  return {
+    type: MOVE_CONTENT,
+    request: {
+      op: "post",
+      path: `${target}/@move`,
+      data: { source }
+    }
+  };
+}
+function copy(urls) {
+  return {
+    type: COPY,
+    source: urls
+  };
+}
+function cut(urls) {
+  return {
+    type: CUT,
+    source: urls
+  };
+}
+const Indexes = {
+  sortable_title: { label: "Title", type: "string", sort_on: "sortable_title" },
+  review_state: { label: "Review state", type: "string" },
+  ModificationDate: {
+    label: "Last modified",
+    type: "date",
+    sort_on: "modified"
+  },
+  EffectiveDate: {
+    label: "Publication date",
+    type: "date",
+    sort_on: "effective"
+  },
+  id: { label: "ID", type: "string", sort_on: "id" },
+  ExpirationDate: { label: "Expiration date", type: "date" },
+  CreationDate: { label: "Created on", type: "date", sort_on: "created" },
+  Subject: { label: "Tags", type: "array" },
+  portal_type: { label: "Type", type: "string", sort_on: "portal_type" },
+  is_folderish: { label: "Folder", type: "boolean" },
+  exclude_from_nav: { label: "Excluded from navigation", type: "boolean" },
+  getObjSize: { label: "Object Size", type: "string" },
+  last_comment_date: { label: "Last comment date", type: "date" },
+  total_comments: { label: "Total comments", type: "number" },
+  end: { label: "End Date", type: "date" },
+  Description: { label: "Description", type: "string" },
+  Creator: { label: "Creator", type: "string" },
+  location: { label: "Location", type: "string" },
+  UID: { label: "UID", type: "string" },
+  start: { label: "Start Date", type: "date" },
+  Type: { label: "Type", type: "string" }
+};
+const defaultIndexes = [
+  "review_state",
+  "ModificationDate",
+  "EffectiveDate"
+];
+const tagSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M19.0596,7 C18.7926,7 18.5416,7.104 18.3536,7.292 L6.9346,18.691 C6.7446,18.881 6.6406,19.134 6.6416,19.403 C6.6426,19.672 6.7496,19.925 6.9416,20.113 L15.6346,28.626 C16.0126,28.996 16.6616,28.995 17.0356,28.624 L28.7016,17.143 C28.8916,16.956 28.9996,16.696 28.9996,16.43 L28.9996,8 C28.9996,7.448 28.5516,7 27.9996,7 L19.0596,7 Z M16.3336,30.911 C15.5446,30.911 14.7996,30.607 14.2356,30.056 L5.5426,21.542 C4.9656,20.977 4.6456,20.22 4.6416,19.412 C4.6386,18.604 4.9506,17.846 5.5216,17.275 L16.9396,5.877 C17.5056,5.312 18.2586,5 19.0596,5 L27.9996,5 C29.6546,5 30.9996,6.346 30.9996,8 L30.9996,16.43 C30.9996,17.229 30.6736,18.008 30.1046,18.568 L18.4386,30.05 C17.8736,30.605 17.1266,30.911 16.3336,30.911 L16.3336,30.911 Z"/><path d="M24,11 C23.449,11 23,11.448 23,12 C23,12.552 23.449,13 24,13 C24.551,13 25,12.552 25,12 C25,11.448 24.551,11 24,11 M24,15 C22.346,15 21,13.654 21,12 C21,10.346 22.346,9 24,9 C25.654,9 27,10.346 27,12 C27,13.654 25.654,15 24,15"/></g>' };
+const renameSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<path d="M11.1667 19L14.0837 9 14.2497 9 17.1667 19 11.1667 19zM15.7497 7L12.5837 7 6.7497 27 4.9997 27 4.9997 29 9.9997 29 9.9997 27 8.8337 27 10.5837 21 17.7497 21 19.4997 27 17.9997 27 17.9997 29 22.9997 29 22.9997 27 21.5837 27 15.7497 7zM31 7L31 5C29.8 5 28.734 5.542 28 6.382 27.266 5.542 26.2 5 25 5L25 7C26.103 7 27 7.897 27 9L27 27C27 28.103 26.103 29 25 29L25 31C26.2 31 27.266 30.458 28 29.618 28.734 30.458 29.8 31 31 31L31 29C29.897 29 29 28.103 29 27L29 9C29 7.897 29.897 7 31 7" fill-rule="evenodd"/>' };
+const semaphoreSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M18 11C17.449 11 17 10.552 17 10 17 9.448 17.449 9 18 9 18.551 9 19 9.448 19 10 19 10.552 18.551 11 18 11M18 7C16.346 7 15 8.346 15 10 15 11.654 16.346 13 18 13 19.654 13 21 11.654 21 10 21 8.346 19.654 7 18 7M18 19C17.449 19 17 18.552 17 18 17 17.448 17.449 17 18 17 18.551 17 19 17.448 19 18 19 18.552 18.551 19 18 19M18 15C16.346 15 15 16.346 15 18 15 19.654 16.346 21 18 21 19.654 21 21 19.654 21 18 21 16.346 19.654 15 18 15"/><path d="M23,22 C23,22.552 22.551,23 22,23 L14,23 C13.449,23 13,22.552 13,22 L13,6 C13,5.448 13.449,5 14,5 L22,5 C22.551,5 23,5.448 23,6 L23,22 Z M27,11 L27,9 L25,9 L25,6 C25,4.346 23.654,3 22,3 L14,3 C12.346,3 11,4.346 11,6 L11,9 L9,9 L9,11 L11,11 L11,17 L9,17 L9,19 L11,19 L11,22 C11,23.654 12.346,25 14,25 L17,25 L17,31 L13,31 L13,33 L23,33 L23,31 L19,31 L19,25 L22,25 C23.654,25 25,23.654 25,22 L25,19 L27,19 L27,17 L25,17 L25,11 L27,11 Z"/></g>' };
+const propertiesSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M14 11 29 11 29 9 14 9zM14 19 29 19 29 17 14 17zM14 27 29 27 29 25 14 25zM8 20.414 5.293 17.707 6.707 16.293 8 17.586 11.293 14.293 12.707 15.707zM8 12.414 5.293 9.707 6.707 8.293 8 9.586 11.293 6.293 12.707 7.707zM8 28.414 5.293 25.707 6.707 24.293 8 25.586 11.293 22.293 12.707 23.707z"/></g>' };
+const checkboxIndeterminateSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M5,31 L31,31 L31,5 L5,5 L5,31 Z M7,29.001 L29.001,29.001 L29.001,7 L7,7 L7,29.001 Z"/><path d="M11 19 25 19 25 17 11 17z"/></g>' };
+const configurationSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M29 31 31 31 31 29 29 29zM17 31 19 31 19 29 17 29zM25 31 27 31 27 29 25 29zM21 31 23 31 23 29 21 29zM13 31 15 31 15 29 13 29zM9 31 11 31 11 29 9 29zM5 31 7 31 7 29 5 29zM5 19 7 19 7 17 5 17zM5 11 7 11 7 9 5 9zM5 27 7 27 7 25 5 25zM5 15 7 15 7 13 5 13zM5 23 7 23 7 21 5 21zM5 7 7 7 7 5 5 5zM21 7 23 7 23 5 21 5zM9 7 11 7 11 5 9 5zM13 7 15 7 15 5 13 5zM17 7 19 7 19 5 17 5zM25 7 27 7 27 5 25 5zM29 7 31 7 31 5 29 5zM29 11 31 11 31 9 29 9zM29 19 31 19 31 17 29 17zM29 15 31 15 31 13 29 13zM29 27 31 27 31 25 29 25zM29 23 31 23 31 21 29 21zM18 21C16.346 21 15 19.654 15 18 15 16.346 16.346 15 18 15 19.654 15 21 16.346 21 18 21 19.654 19.654 21 18 21M22.899 19 25 19 25 17 22.899 17C22.769 16.363 22.515 15.772 22.167 15.247L23.657 13.757 22.243 12.343 20.753 13.833C20.229 13.485 19.637 13.231 19 13.101L19 11 17 11 17 13.101C16.363 13.231 15.771 13.485 15.247 13.833L13.757 12.343 12.343 13.757 13.833 15.247C13.485 15.772 13.231 16.363 13.101 17L11 17 11 19 13.101 19C13.231 19.637 13.485 20.228 13.833 20.753L12.343 22.243 13.757 23.657 15.247 22.167C15.771 22.515 16.363 22.769 17 22.899L17 25 19 25 19 22.899C19.637 22.769 20.229 22.515 20.753 22.167L22.243 23.657 23.657 22.243 22.167 20.753C22.515 20.228 22.769 19.637 22.899 19"/></g>' };
+const messages = defineMessages({
+  back: {
+    id: "Back",
+    defaultMessage: "Back"
+  },
+  contents: {
+    id: "Contents",
+    defaultMessage: "Contents"
+  },
+  copy: {
+    id: "Copy",
+    defaultMessage: "Copy"
+  },
+  cut: {
+    id: "Cut",
+    defaultMessage: "Cut"
+  },
+  error: {
+    id: "You can't paste this content here",
+    defaultMessage: "You can't paste this content here"
+  },
+  delete: {
+    id: "Delete",
+    defaultMessage: "Delete"
+  },
+  deleteConfirmSingleItem: {
+    id: "Delete this item?",
+    defaultMessage: "Delete this item?"
+  },
+  deleteConfirmMultipleItems: {
+    id: "Delete selected items?",
+    defaultMessage: "Delete selected items?"
+  },
+  deleteError: {
+    id: "The item could not be deleted.",
+    defaultMessage: "The item could not be deleted."
+  },
+  loading: {
+    id: "loading",
+    defaultMessage: "Loading"
+  },
+  home: {
+    id: "Home",
+    defaultMessage: "Home"
+  },
+  filter: {
+    id: "Filter…",
+    defaultMessage: "Filter…"
+  },
+  messageCopied: {
+    id: "Item(s) copied.",
+    defaultMessage: "Item(s) copied."
+  },
+  messageCut: {
+    id: "Item(s) cut.",
+    defaultMessage: "Item(s) cut."
+  },
+  messageUpdate: {
+    id: "Item(s) has been updated.",
+    defaultMessage: "Item(s) has been updated."
+  },
+  messageReorder: {
+    id: "Item successfully moved.",
+    defaultMessage: "Item successfully moved."
+  },
+  messagePasted: {
+    id: "Item(s) pasted.",
+    defaultMessage: "Item(s) pasted."
+  },
+  messageWorkflowUpdate: {
+    id: "Item(s) state has been updated.",
+    defaultMessage: "Item(s) state has been updated."
+  },
+  paste: {
+    id: "Paste",
+    defaultMessage: "Paste"
+  },
+  properties: {
+    id: "Properties",
+    defaultMessage: "Properties"
+  },
+  rearrangeBy: {
+    id: "Rearrange items by…",
+    defaultMessage: "Rearrange items by…"
+  },
+  rename: {
+    id: "Rename",
+    defaultMessage: "Rename"
+  },
+  select: {
+    id: "Select…",
+    defaultMessage: "Select…"
+  },
+  selected: {
+    id: "{count} selected",
+    defaultMessage: "{count} selected"
+  },
+  selectColumns: {
+    id: "Select columns to show",
+    defaultMessage: "Select columns to show"
+  },
+  sort: {
+    id: "sort",
+    defaultMessage: "sort"
+  },
+  state: {
+    id: "State",
+    defaultMessage: "State"
+  },
+  tags: {
+    id: "Tags",
+    defaultMessage: "Tags"
+  },
+  upload: {
+    id: "Upload",
+    defaultMessage: "Upload"
+  },
+  success: {
+    id: "Success",
+    defaultMessage: "Success"
+  },
+  publicationDate: {
+    id: "Publication date",
+    defaultMessage: "Publication date"
+  },
+  createdOn: {
+    id: "Created on",
+    defaultMessage: "Created on"
+  },
+  expirationDate: {
+    id: "Expiration date",
+    defaultMessage: "Expiration date"
+  },
+  id: {
+    id: "ID",
+    defaultMessage: "ID"
+  },
+  uid: {
+    id: "UID",
+    defaultMessage: "UID"
+  },
+  reviewState: {
+    id: "Review state",
+    defaultMessage: "Review state"
+  },
+  folder: {
+    id: "Folder",
+    defaultMessage: "Folder"
+  },
+  excludedFromNavigation: {
+    id: "Excluded from navigation",
+    defaultMessage: "Excluded from navigation"
+  },
+  objectSize: {
+    id: "Object Size",
+    defaultMessage: "Object Size"
+  },
+  lastCommentedDate: {
+    id: "Last comment date",
+    defaultMessage: "Last comment date"
+  },
+  totalComments: {
+    id: "Total comments",
+    defaultMessage: "Total comments"
+  },
+  creator: {
+    id: "Creator",
+    defaultMessage: "Creator"
+  },
+  endDate: {
+    id: "End Date",
+    defaultMessage: "End Date"
+  },
+  startDate: {
+    id: "Start Date",
+    defaultMessage: "Start Date"
+  },
+  all: {
+    id: "All",
+    defaultMessage: "All"
+  }
+});
+class Contents extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs ContentsComponent
+   */
+  constructor(props) {
+    var _a, _b;
+    super(props);
+    this.onDeselect = this.onDeselect.bind(this);
+    this.onSelect = this.onSelect.bind(this);
+    this.onSelectAll = this.onSelectAll.bind(this);
+    this.onSelectIndex = this.onSelectIndex.bind(this);
+    this.onSelectNone = this.onSelectNone.bind(this);
+    this.onDeleteOk = this.onDeleteOk.bind(this);
+    this.onDeleteCancel = this.onDeleteCancel.bind(this);
+    this.onUploadOk = this.onUploadOk.bind(this);
+    this.onUploadCancel = this.onUploadCancel.bind(this);
+    this.onRenameOk = this.onRenameOk.bind(this);
+    this.onRenameCancel = this.onRenameCancel.bind(this);
+    this.onTagsOk = this.onTagsOk.bind(this);
+    this.onTagsCancel = this.onTagsCancel.bind(this);
+    this.onPropertiesOk = this.onPropertiesOk.bind(this);
+    this.onPropertiesCancel = this.onPropertiesCancel.bind(this);
+    this.onWorkflowOk = this.onWorkflowOk.bind(this);
+    this.onWorkflowCancel = this.onWorkflowCancel.bind(this);
+    this.onChangeFilter = this.onChangeFilter.bind(this);
+    this.onChangePage = this.onChangePage.bind(this);
+    this.onChangePageSize = this.onChangePageSize.bind(this);
+    this.onOrderIndex = this.onOrderIndex.bind(this);
+    this.onOrderItem = this.onOrderItem.bind(this);
+    this.onSortItems = this.onSortItems.bind(this);
+    this.onMoveToTop = this.onMoveToTop.bind(this);
+    this.onChangeSelected = this.onChangeSelected.bind(this);
+    this.onMoveToBottom = this.onMoveToBottom.bind(this);
+    this.cut = this.cut.bind(this);
+    this.copy = this.copy.bind(this);
+    this.delete = this.delete.bind(this);
+    this.upload = this.upload.bind(this);
+    this.rename = this.rename.bind(this);
+    this.tags = this.tags.bind(this);
+    this.properties = this.properties.bind(this);
+    this.workflow = this.workflow.bind(this);
+    this.paste = this.paste.bind(this);
+    this.fetchContents = this.fetchContents.bind(this);
+    this.orderTimeout = null;
+    this.deleteItemsToShowThreshold = 10;
+    this.state = {
+      selected: [],
+      showDelete: false,
+      showUpload: false,
+      showRename: false,
+      showTags: false,
+      showProperties: false,
+      showWorkflow: false,
+      itemsToDelete: [],
+      containedItemsToDelete: [],
+      brokenReferences: 0,
+      breaches: [],
+      showAllItemsToDelete: true,
+      items: this.props.items,
+      filter: "",
+      currentPage: 0,
+      pageSize: 50,
+      index: this.props.index || {
+        order: keys(Indexes),
+        values: mapValues(Indexes, (value, key) => ({
+          ...value,
+          selected: indexOf(defaultIndexes, key) !== -1
+        })),
+        selectedCount: defaultIndexes.length + 1
+      },
+      sort_on: ((_a = this.props.sort) == null ? void 0 : _a.on) || "getObjPositionInParent",
+      sort_order: ((_b = this.props.sort) == null ? void 0 : _b.order) || "ascending",
+      isClient: false,
+      linkIntegrityBreakages: []
+    };
+    this.filterTimeout = null;
+  }
+  /**
+   * Component did mount
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    this.fetchContents();
+    this.setState({ isClient: true });
+  }
+  async componentDidUpdate(_, prevState) {
+    if (this.state.itemsToDelete !== prevState.itemsToDelete && this.state.itemsToDelete.length > 0) {
+      const linkintegrityInfo = await this.props.linkIntegrityCheck(
+        map(this.state.itemsToDelete, (item) => this.getFieldById(item, "UID"))
+      );
+      const containedItems = linkintegrityInfo.map((result) => result.items_total ?? 0).reduce((acc, value) => acc + value, 0);
+      const breaches = linkintegrityInfo.flatMap(
+        (result) => result.breaches.map((source) => ({
+          source,
+          target: result
+        }))
+      );
+      const source_by_uid = breaches.reduce(
+        (acc, value) => acc.set(value.source.uid, value.source),
+        /* @__PURE__ */ new Map()
+      );
+      const by_source = breaches.reduce((acc, value) => {
+        if (acc.get(value.source.uid) === void 0) {
+          acc.set(value.source.uid, /* @__PURE__ */ new Set());
+        }
+        acc.get(value.source.uid).add(value.target);
+        return acc;
+      }, /* @__PURE__ */ new Map());
+      this.setState({
+        containedItemsToDelete: containedItems,
+        brokenReferences: by_source.size,
+        linksAndReferencesViewLink: linkintegrityInfo.length ? linkintegrityInfo[0]["@id"] + "/links-to-item" : null,
+        breaches: Array.from(by_source, (entry) => ({
+          source: source_by_uid.get(entry[0]),
+          targets: Array.from(entry[1])
+        })),
+        showAllItemsToDelete: this.state.itemsToDelete.length < this.deleteItemsToShowThreshold
+      });
+    }
+  }
+  /**
+   * Component will receive props
+   * @method componentWillReceiveProps
+   * @param {Object} nextProps Next properties
+   * @returns {undefined}
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    var _a, _b, _c;
+    if (this.props.clipboardRequest.loading && nextProps.clipboardRequest.loaded || this.props.deleteRequest.loading && nextProps.deleteRequest.loaded || this.props.updateRequest.loading && nextProps.updateRequest.loaded) {
+      this.fetchContents(nextProps.pathname);
+    }
+    if (this.props.updateRequest.loading && nextProps.updateRequest.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.messageUpdate)
+          }
+        )
+      );
+    }
+    if (this.props.pathname !== nextProps.pathname) {
+      this.props.getContent(getBaseUrl(nextProps.pathname));
+      this.setState(
+        {
+          currentPage: 0
+        },
+        () => this.setState(
+          { filter: "" },
+          () => this.fetchContents(nextProps.pathname)
+        )
+      );
+    }
+    if (this.props.searchRequest.loading && nextProps.searchRequest.loaded) {
+      this.setState({
+        items: nextProps.items
+      });
+    }
+    if (this.props.clipboardRequest.loading && nextProps.clipboardRequest.error) {
+      const msgBody = ((_c = (_b = (_a = nextProps.clipboardRequest.error) == null ? void 0 : _a.response) == null ? void 0 : _b.body) == null ? void 0 : _c.message) || this.props.intl.formatMessage(messages.error);
+      toast.error(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            error: true,
+            title: this.props.intl.formatMessage(messages.error),
+            content: msgBody
+          }
+        )
+      );
+    }
+    if (this.props.clipboardRequest.loading && nextProps.clipboardRequest.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.messagePasted)
+          }
+        )
+      );
+    }
+    if (this.props.deleteRequest.loading && nextProps.deleteRequest.error) {
+      toast.error(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            error: true,
+            title: this.props.intl.formatMessage(messages.deleteError),
+            content: this.props.intl.formatMessage(messages.deleteError)
+          }
+        )
+      );
+    }
+    if (this.props.orderRequest.loading && nextProps.orderRequest.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.messageReorder)
+          }
+        )
+      );
+    }
+  }
+  /**
+   * On deselect handler
+   * @method onDeselect
+   * @param {object} event Event object
+   * @param {string} value Value
+   * @returns {undefined}
+   */
+  onDeselect(event, { value }) {
+    this.setState({
+      selected: pull(this.state.selected, value)
+    });
+  }
+  /**
+   * On select handler
+   * @method onSelect
+   * @param {object} event Event object
+   * @returns {undefined}
+   */
+  onSelect(event, id) {
+    if (indexOf(this.state.selected, id) === -1) {
+      this.setState({
+        selected: concat(this.state.selected, id)
+      });
+    } else {
+      this.setState({
+        selected: pull(this.state.selected, id)
+      });
+    }
+  }
+  /**
+   * On select all handler
+   * @method onSelectAll
+   * @returns {undefined}
+   */
+  onSelectAll() {
+    this.setState({
+      selected: map(this.state.items, (item) => item["@id"])
+    });
+  }
+  /**
+   * On select none handler
+   * @method onSelectNone
+   * @returns {undefined}
+   */
+  onSelectNone() {
+    this.setState({
+      selected: []
+    });
+  }
+  /**
+   * On select index
+   * @method onSelectIndex
+   * @param {object} event Event object.
+   * @param {string} value Index value.
+   * @returns {undefined}
+   */
+  onSelectIndex(event, { value }) {
+    let newIndex = {
+      ...this.state.index,
+      selectedCount: this.state.index.selectedCount + (this.state.index.values[value].selected ? -1 : 1),
+      values: mapValues(this.state.index.values, (indexValue, indexKey) => ({
+        ...indexValue,
+        selected: indexKey === value ? !indexValue.selected : indexValue.selected
+      }))
+    };
+    this.setState({
+      index: newIndex
+    });
+    this.props.updateColumnsContent(getBaseUrl(this.props.pathname), newIndex);
+  }
+  /**
+   * On change filter
+   * @method onChangeFilter
+   * @param {object} event Event object.
+   * @param {string} value Filter value.
+   * @returns {undefined}
+   */
+  onChangeFilter(event, { value }) {
+    const self = this;
+    clearTimeout(self.filterTimeout);
+    this.setState(
+      {
+        filter: value
+      },
+      () => {
+        self.filterTimeout = setTimeout(() => {
+          self.fetchContents();
+        }, 200);
+      }
+    );
+  }
+  /**
+   * On change selected values (Filter)
+   * @method onChangeSelected
+   * @param {object} event Event object.
+   * @param {string} value Filter value.
+   * @returns {undefined}
+   */
+  onChangeSelected(event, { value }) {
+    event.stopPropagation();
+    const { items, selected } = this.state;
+    const filteredItems = filter(
+      selected,
+      (selectedItem) => find(items, (item) => item["@id"] === selectedItem).title.toLowerCase().includes(value.toLowerCase())
+    );
+    this.setState({
+      filteredItems,
+      selectedMenuFilter: value
+    });
+  }
+  /**
+   * On change page
+   * @method onChangePage
+   * @param {object} event Event object.
+   * @param {string} value Page value.
+   * @returns {undefined}
+   */
+  onChangePage(event, { value }) {
+    this.setState(
+      {
+        currentPage: value
+      },
+      () => this.fetchContents()
+    );
+  }
+  /**
+   * On change page size
+   * @method onChangePageSize
+   * @param {object} event Event object.
+   * @param {string} value Page size value.
+   * @returns {undefined}
+   */
+  onChangePageSize(event, { value }) {
+    this.setState(
+      {
+        pageSize: value,
+        currentPage: 0
+      },
+      () => this.fetchContents()
+    );
+  }
+  /**
+   * On order index
+   * @method onOrderIndex
+   * @param {number} index Index
+   * @param {number} delta Delta
+   * @returns {undefined}
+   */
+  onOrderIndex(index, delta) {
+    this.setState({
+      index: {
+        ...this.state.index,
+        order: move(this.state.index.order, index, index + delta)
+      }
+    });
+    this.props.updateColumnsContent(
+      getBaseUrl(this.props.pathname),
+      this.state.index
+    );
+  }
+  /**
+   * On order item
+   * @method onOrderItem
+   * @param {string} id Item id
+   * @param {number} itemIndex Item index
+   * @param {number} delta Delta
+   * @returns {undefined}
+   */
+  onOrderItem(id, itemIndex, delta, backend) {
+    if (backend) {
+      this.props.orderContent(
+        getBaseUrl(this.props.pathname),
+        id.replace(/^.*\//, ""),
+        delta
+      );
+    } else {
+      this.setState({
+        items: move(this.state.items, itemIndex, itemIndex + delta)
+      });
+    }
+  }
+  /**
+   * On sort items
+   * @method onSortItems
+   * @param {object} event Event object
+   * @param {string} value Item index
+   * @returns {undefined}
+   */
+  onSortItems(event, { value }) {
+    const values = value.split("|");
+    this.setState({
+      sort_on: values[0],
+      sort_order: values[1]
+    });
+    this.props.sortContent(
+      getBaseUrl(this.props.pathname),
+      values[0],
+      values[1]
+    );
+  }
+  /**
+   * On move to top
+   * @method onMoveToTop
+   * @param {object} event Event object
+   * @param {string} value Item index
+   * @returns {undefined}
+   */
+  onMoveToTop(event, { value }) {
+    const id = this.state.items[value]["@id"];
+    this.props.orderContent(
+      getBaseUrl(this.props.pathname),
+      id.replace(/^.*\//, ""),
+      "top"
+    ).then(() => {
+      this.setState(
+        {
+          currentPage: 0
+        },
+        () => this.fetchContents()
+      );
+    });
+  }
+  /**
+   * On move to bottom
+   * @method onMoveToBottom
+   * @param {object} event Event object
+   * @param {string} value Item index
+   * @returns {undefined}
+   */
+  onMoveToBottom(event, { value }) {
+    const id = this.state.items[value]["@id"];
+    this.props.orderContent(
+      getBaseUrl(this.props.pathname),
+      id.replace(/^.*\//, ""),
+      "bottom"
+    ).then(() => {
+      this.setState(
+        {
+          currentPage: 0
+        },
+        () => this.fetchContents()
+      );
+    });
+  }
+  /**
+   * On delete ok
+   * @method onDeleteOk
+   * @returns {undefined}
+   */
+  onDeleteOk() {
+    this.props.deleteContent(this.state.itemsToDelete);
+    this.setState({
+      showDelete: false,
+      itemsToDelete: [],
+      selected: []
+    });
+  }
+  /**
+   * On delete cancel
+   * @method onDeleteCancel
+   * @returns {undefined}
+   */
+  onDeleteCancel() {
+    this.setState({
+      showDelete: false,
+      itemsToDelete: []
+    });
+  }
+  /**
+   * On upload ok
+   * @method onUploadOk
+   * @returns {undefined}
+   */
+  onUploadOk() {
+    this.fetchContents();
+    this.setState({
+      showUpload: false
+    });
+  }
+  /**
+   * On upload cancel
+   * @method onUploadCancel
+   * @returns {undefined}
+   */
+  onUploadCancel() {
+    this.setState({
+      showUpload: false
+    });
+  }
+  /**
+   * On rename ok
+   * @method onRenameOk
+   * @returns {undefined}
+   */
+  onRenameOk() {
+    this.setState({
+      showRename: false,
+      selected: []
+    });
+  }
+  /**
+   * On rename cancel
+   * @method onRenameCancel
+   * @returns {undefined}
+   */
+  onRenameCancel() {
+    this.setState({
+      showRename: false
+    });
+  }
+  /**
+   * On tags ok
+   * @method onTagsOk
+   * @returns {undefined}
+   */
+  onTagsOk() {
+    this.setState({
+      showTags: false,
+      selected: []
+    });
+  }
+  /**
+   * On tags cancel
+   * @method onTagsCancel
+   * @returns {undefined}
+   */
+  onTagsCancel() {
+    this.setState({
+      showTags: false
+    });
+  }
+  /**
+   * On properties ok
+   * @method onPropertiesOk
+   * @returns {undefined}
+   */
+  onPropertiesOk() {
+    this.setState({
+      showProperties: false,
+      selected: []
+    });
+  }
+  /**
+   * On properties cancel
+   * @method onPropertiesCancel
+   * @returns {undefined}
+   */
+  onPropertiesCancel() {
+    this.setState({
+      showProperties: false
+    });
+  }
+  /**
+   * On workflow ok
+   * @method onWorkflowOk
+   * @returns {undefined}
+   */
+  onWorkflowOk() {
+    this.fetchContents();
+    this.setState({
+      showWorkflow: false,
+      selected: []
+    });
+    toast.success(
+      /* @__PURE__ */ jsx(
+        Toast,
+        {
+          success: true,
+          title: this.props.intl.formatMessage(messages.success),
+          content: this.props.intl.formatMessage(messages.messageWorkflowUpdate)
+        }
+      )
+    );
+  }
+  /**
+   * On workflow cancel
+   * @method onWorkflowCancel
+   * @returns {undefined}
+   */
+  onWorkflowCancel() {
+    this.setState({
+      showWorkflow: false
+    });
+  }
+  /**
+   * Get field by id
+   * @method getFieldById
+   * @param {string} id Id of object
+   * @param {string} field Field of object
+   * @returns {string} Field of object
+   */
+  getFieldById(id, field) {
+    const item = find(this.state.items, { "@id": id });
+    return item ? item[field] : "";
+  }
+  /**
+   * Fetch contents handler
+   * @method fetchContents
+   * @param {string} pathname Pathname to fetch contents.
+   * @returns {undefined}
+   */
+  fetchContents(pathname) {
+    if (this.state.pageSize === this.props.intl.formatMessage(messages.all)) {
+      this.props.searchContent(getBaseUrl(pathname || this.props.pathname), {
+        "path.depth": 1,
+        sort_on: this.state.sort_on,
+        sort_order: this.state.sort_order,
+        metadata_fields: "_all",
+        b_size: 1e8,
+        show_inactive: true,
+        ...this.state.filter && { SearchableText: `${this.state.filter}*` }
+      });
+    } else {
+      this.props.searchContent(getBaseUrl(pathname || this.props.pathname), {
+        "path.depth": 1,
+        sort_on: this.state.sort_on,
+        sort_order: this.state.sort_order,
+        metadata_fields: "_all",
+        ...this.state.filter && { SearchableText: `${this.state.filter}*` },
+        b_size: this.state.pageSize,
+        b_start: this.state.currentPage * this.state.pageSize,
+        show_inactive: true
+      });
+    }
+  }
+  /**
+   * Cut handler
+   * @method cut
+   * @param {Object} event Event object.
+   * @param {string} value Value of the event.
+   * @returns {undefined}
+   */
+  cut(event, { value }) {
+    this.props.cut(value ? [value] : this.state.selected);
+    this.onSelectNone();
+    toast.success(
+      /* @__PURE__ */ jsx(
+        Toast,
+        {
+          success: true,
+          title: this.props.intl.formatMessage(messages.success),
+          content: this.props.intl.formatMessage(messages.messageCut)
+        }
+      )
+    );
+  }
+  /**
+   * Copy handler
+   * @method copy
+   * @param {Object} event Event object.
+   * @param {string} value Value of the event.
+   * @returns {undefined}
+   */
+  copy(event, { value }) {
+    this.props.copy(value ? [value] : this.state.selected);
+    this.onSelectNone();
+    toast.success(
+      /* @__PURE__ */ jsx(
+        Toast,
+        {
+          success: true,
+          title: this.props.intl.formatMessage(messages.success),
+          content: this.props.intl.formatMessage(messages.messageCopied)
+        }
+      )
+    );
+  }
+  /**
+   * Delete handler
+   * @method delete
+   * @param {Object} event Event object.
+   * @param {string} value Value of the event.
+   * @returns {undefined}
+   */
+  delete(event, { value }) {
+    this.setState({
+      showDelete: true,
+      itemsToDelete: value ? [value] : this.state.selected
+    });
+  }
+  /**
+   * Upload handler
+   * @method upload
+   * @returns {undefined}
+   */
+  upload() {
+    this.setState({
+      showUpload: true
+    });
+  }
+  /**
+   * Rename handler
+   * @method rename
+   * @returns {undefined}
+   */
+  rename() {
+    this.setState({
+      showRename: true
+    });
+  }
+  /**
+   * Tags handler
+   * @method tags
+   * @returns {undefined}
+   */
+  tags() {
+    this.setState({
+      showTags: true
+    });
+  }
+  /**
+   * Properties handler
+   * @method properties
+   * @returns {undefined}
+   */
+  properties() {
+    this.setState({
+      showProperties: true
+    });
+  }
+  /**
+   * Workflow handler
+   * @method workflow
+   * @returns {undefined}
+   */
+  workflow() {
+    this.setState({
+      showWorkflow: true
+    });
+  }
+  /**
+   * Paste handler
+   * @method paste
+   * @returns {undefined}
+   */
+  paste() {
+    if (this.props.action === "copy") {
+      this.props.copyContent(
+        this.props.source,
+        getBaseUrl(this.props.pathname)
+      );
+    }
+    if (this.props.action === "cut") {
+      this.props.moveContent(
+        this.props.source,
+        getBaseUrl(this.props.pathname)
+      );
+    }
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    const selected = this.state.selected.length > 0;
+    const filteredItems = this.state.filteredItems || this.state.selected;
+    const path = getBaseUrl(this.props.pathname);
+    const folderContentsAction = find(this.props.objectActions, {
+      id: "folderContents"
+    });
+    const loading = ((_a = this.props.clipboardRequest) == null ? void 0 : _a.loading) && !((_b = this.props.clipboardRequest) == null ? void 0 : _b.error) || ((_c = this.props.deleteRequest) == null ? void 0 : _c.loading) && !((_d = this.props.deleteRequest) == null ? void 0 : _d.error) || ((_e = this.props.updateRequest) == null ? void 0 : _e.loading) && !((_f = this.props.updateRequest) == null ? void 0 : _f.error) || ((_g = this.props.orderRequest) == null ? void 0 : _g.loading) && !((_h = this.props.orderRequest) == null ? void 0 : _h.error) || ((_i = this.props.searchRequest) == null ? void 0 : _i.loading) && !((_j = this.props.searchRequest) == null ? void 0 : _j.error);
+    const Container$1 = $149c1bd638913645$export$2e2bcd8739ae039.getComponent({ name: "Container" }).component || Container;
+    return this.props.token && ((_k = this.props.objectActions) == null ? void 0 : _k.length) > 0 ? /* @__PURE__ */ jsx(Fragment, { children: folderContentsAction ? /* @__PURE__ */ jsx(
+      Container$1,
+      {
+        id: "page-contents",
+        className: "folder-contents",
+        "aria-live": "polite",
+        children: /* @__PURE__ */ jsxs(Dimmer.Dimmable, { as: "div", blurring: true, dimmed: loading, children: [
+          /* @__PURE__ */ jsx(Dimmer, { active: loading, inverted: true, children: /* @__PURE__ */ jsx(Loader, { indeterminate: true, size: "massive", children: this.props.intl.formatMessage(messages.loading) }) }),
+          /* @__PURE__ */ jsx(
+            HelmetExport,
+            {
+              title: this.props.intl.formatMessage(messages.contents)
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("article", { id: "content", children: [
+            /* @__PURE__ */ jsx(
+              Confirm,
+              {
+                open: this.state.showDelete,
+                confirmButton: this.state.brokenReferences === 0 ? "Delete" : "Delete item and break links",
+                header: this.state.itemsToDelete.length === 1 ? this.props.intl.formatMessage(
+                  messages.deleteConfirmSingleItem
+                ) : this.props.intl.formatMessage(
+                  messages.deleteConfirmMultipleItems
+                ),
+                content: /* @__PURE__ */ jsx("div", { className: "content", children: this.state.itemsToDelete.length > 1 ? this.state.containedItemsToDelete > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "Some items are also a folder. By deleting them you will delete {containedItemsToDelete} {variation} inside the folders.",
+                      defaultMessage: "Some items are also a folder. By deleting them you will delete {containedItemsToDelete} {variation} inside the folders.",
+                      values: {
+                        containedItemsToDelete: /* @__PURE__ */ jsx("span", { children: this.state.containedItemsToDelete }),
+                        variation: /* @__PURE__ */ jsx("span", { children: this.state.containedItemsToDelete === 1 ? /* @__PURE__ */ jsx(
+                          FormattedMessage,
+                          {
+                            id: "item",
+                            defaultMessage: "item"
+                          }
+                        ) : /* @__PURE__ */ jsx(
+                          FormattedMessage,
+                          {
+                            id: "items",
+                            defaultMessage: "items"
+                          }
+                        ) })
+                      }
+                    }
+                  ),
+                  this.state.brokenReferences > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("br", {}),
+                    /* @__PURE__ */ jsx(
+                      FormattedMessage,
+                      {
+                        id: "Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken.",
+                        defaultMessage: "Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken.",
+                        values: {
+                          brokenReferences: /* @__PURE__ */ jsx("span", { children: this.state.brokenReferences }),
+                          variation: /* @__PURE__ */ jsx("span", { children: this.state.brokenReferences === 1 ? /* @__PURE__ */ jsx(
+                            FormattedMessage,
+                            {
+                              id: "reference",
+                              defaultMessage: "reference"
+                            }
+                          ) : /* @__PURE__ */ jsx(
+                            FormattedMessage,
+                            {
+                              id: "references",
+                              defaultMessage: "references"
+                            }
+                          ) })
+                        }
+                      }
+                    )
+                  ] })
+                ] }) : /* @__PURE__ */ jsx(Fragment, { children: this.state.brokenReferences > 0 && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+                  FormattedMessage,
+                  {
+                    id: "Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken.",
+                    defaultMessage: "Some items are referenced by other contents. By deleting them {brokenReferences} {variation} will be broken.",
+                    values: {
+                      brokenReferences: /* @__PURE__ */ jsx("span", { children: this.state.brokenReferences }),
+                      variation: /* @__PURE__ */ jsx("span", { children: this.state.brokenReferences === 1 ? /* @__PURE__ */ jsx(
+                        FormattedMessage,
+                        {
+                          id: "reference",
+                          defaultMessage: "reference"
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        FormattedMessage,
+                        {
+                          id: "references",
+                          defaultMessage: "references"
+                        }
+                      ) })
+                    }
+                  }
+                ) }) }) : this.state.containedItemsToDelete > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "This item is also a folder. By deleting it you will delete {containedItemsToDelete} {variation} inside the folder.",
+                      defaultMessage: "This item is also a folder. By deleting it you will delete {containedItemsToDelete} {variation} inside the folder.",
+                      values: {
+                        containedItemsToDelete: /* @__PURE__ */ jsx("span", { children: this.state.containedItemsToDelete }),
+                        variation: /* @__PURE__ */ jsx("span", { children: this.state.containedItemsToDelete === 1 ? /* @__PURE__ */ jsx(
+                          FormattedMessage,
+                          {
+                            id: "item",
+                            defaultMessage: "item"
+                          }
+                        ) : /* @__PURE__ */ jsx(
+                          FormattedMessage,
+                          {
+                            id: "items",
+                            defaultMessage: "items"
+                          }
+                        ) })
+                      }
+                    }
+                  ),
+                  this.state.brokenReferences > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("br", {}),
+                    /* @__PURE__ */ jsx(
+                      FormattedMessage,
+                      {
+                        id: "Deleting this item breaks {brokenReferences} {variation}.",
+                        defaultMessage: "Deleting this item breaks {brokenReferences} {variation}.",
+                        values: {
+                          brokenReferences: /* @__PURE__ */ jsx("span", { children: this.state.brokenReferences }),
+                          variation: /* @__PURE__ */ jsx("span", { children: this.state.brokenReferences === 1 ? /* @__PURE__ */ jsx(
+                            FormattedMessage,
+                            {
+                              id: "reference",
+                              defaultMessage: "reference"
+                            }
+                          ) : /* @__PURE__ */ jsx(
+                            FormattedMessage,
+                            {
+                              id: "references",
+                              defaultMessage: "references"
+                            }
+                          ) })
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "broken-links-list", children: [
+                      /* @__PURE__ */ jsx(FormattedMessage, { id: "These items will have broken links" }),
+                      /* @__PURE__ */ jsx("ul", { children: this.state.breaches.map((breach) => /* @__PURE__ */ jsxs("li", { children: [
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            to: flattenToAppURL(
+                              breach.source["@id"]
+                            ),
+                            title: "Navigate to this item",
+                            children: breach.source.title
+                          }
+                        ),
+                        " ",
+                        "refers to",
+                        " ",
+                        breach.targets.map((target) => /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            to: flattenToAppURL(
+                              target["@id"]
+                            ),
+                            title: "Navigate to this item",
+                            children: target.title
+                          }
+                        )).reduce((result, item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                          result,
+                          ", ",
+                          item
+                        ] }))
+                      ] }, breach.source["@id"])) }),
+                      this.state.linksAndReferencesViewLink && /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          to: flattenToAppURL(
+                            this.state.linksAndReferencesViewLink
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            FormattedMessage,
+                            {
+                              id: "View links and references to this item",
+                              defaultMessage: "View links and references to this item"
+                            }
+                          )
+                        }
+                      )
+                    ] })
+                  ] })
+                ] }) : this.state.brokenReferences > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "Deleting this item breaks {brokenReferences} {variation}.",
+                      defaultMessage: "Deleting this item breaks {brokenReferences} {variation}.",
+                      values: {
+                        brokenReferences: /* @__PURE__ */ jsx("span", { children: this.state.brokenReferences }),
+                        variation: /* @__PURE__ */ jsx("span", { children: this.state.brokenReferences === 1 ? /* @__PURE__ */ jsx(
+                          FormattedMessage,
+                          {
+                            id: "reference",
+                            defaultMessage: "reference"
+                          }
+                        ) : /* @__PURE__ */ jsx(FormattedMessage, { id: "references" }) })
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "broken-links-list", children: [
+                    /* @__PURE__ */ jsx(FormattedMessage, { id: "These items will have broken links" }),
+                    /* @__PURE__ */ jsx("ul", { children: this.state.breaches.map((breach) => /* @__PURE__ */ jsxs("li", { children: [
+                      /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          to: flattenToAppURL(breach.source["@id"]),
+                          title: "Navigate to this item",
+                          children: breach.source.title
+                        }
+                      ),
+                      " ",
+                      "refers to",
+                      " ",
+                      breach.targets.map((target) => /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          to: flattenToAppURL(target["@id"]),
+                          title: "Navigate to this item",
+                          children: target.title
+                        }
+                      )).reduce((result, item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                        result,
+                        ", ",
+                        item
+                      ] }))
+                    ] }, breach.source["@id"])) }),
+                    this.state.linksAndReferencesViewLink && /* @__PURE__ */ jsx(
+                      Link,
+                      {
+                        to: flattenToAppURL(
+                          this.state.linksAndReferencesViewLink
+                        ),
+                        children: /* @__PURE__ */ jsx(
+                          FormattedMessage,
+                          {
+                            id: "View links and references to this item",
+                            defaultMessage: "View links and references to this item"
+                          }
+                        )
+                      }
+                    )
+                  ] })
+                ] }) : null }),
+                onCancel: this.onDeleteCancel,
+                onConfirm: this.onDeleteOk,
+                size: "medium"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ContentsUploadModal,
+              {
+                open: this.state.showUpload,
+                onCancel: this.onUploadCancel,
+                onOk: this.onUploadOk,
+                pathname: getBaseUrl(this.props.pathname)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ContentsRenameModal,
+              {
+                open: this.state.showRename,
+                onCancel: this.onRenameCancel,
+                onOk: this.onRenameOk,
+                items: map(this.state.selected, (item) => ({
+                  url: item,
+                  title: this.getFieldById(item, "title"),
+                  id: this.getFieldById(item, "id")
+                }))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ContentsTagsModal,
+              {
+                open: this.state.showTags,
+                onCancel: this.onTagsCancel,
+                onOk: this.onTagsOk,
+                items: map(this.state.selected, (item) => ({
+                  url: item,
+                  subjects: this.getFieldById(item, "Subject")
+                }))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ContentsPropertiesModal,
+              {
+                open: this.state.showProperties,
+                onCancel: this.onPropertiesCancel,
+                onOk: this.onPropertiesOk,
+                items: this.state.selected,
+                values: map(
+                  this.state.selected,
+                  (id) => find(this.state.items, { "@id": id })
+                ).filter((item) => item)
+              }
+            ),
+            this.state.showWorkflow && /* @__PURE__ */ jsx(
+              ContentsWorkflowModal,
+              {
+                open: this.state.showWorkflow,
+                onCancel: this.onWorkflowCancel,
+                onOk: this.onWorkflowOk,
+                items: this.state.selected
+              }
+            ),
+            /* @__PURE__ */ jsx("section", { id: "content-core", children: /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
+              /* @__PURE__ */ jsxs(Menu, { secondary: true, attached: true, className: "top-menu", children: [
+                /* @__PURE__ */ jsx(Menu.Menu, { className: "top-menu-menu", children: /* @__PURE__ */ jsx(
+                  Popup,
+                  {
+                    trigger: /* @__PURE__ */ jsx(
+                      Menu.Item,
+                      {
+                        icon: true,
+                        as: Button,
+                        onClick: this.upload,
+                        className: "upload",
+                        "aria-label": this.props.intl.formatMessage(
+                          messages.upload
+                        ),
+                        children: /* @__PURE__ */ jsx(
+                          Icon,
+                          {
+                            name: uploadSVG,
+                            color: "#007eb1",
+                            size: "24px",
+                            className: "upload"
+                          }
+                        )
+                      }
+                    ),
+                    position: "top center",
+                    content: this.props.intl.formatMessage(
+                      messages.upload
+                    ),
+                    size: "mini"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(Menu.Menu, { className: "top-menu-menu", children: [
+                  /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      trigger: /* @__PURE__ */ jsx(
+                        Menu.Item,
+                        {
+                          icon: true,
+                          as: Button,
+                          onClick: this.rename,
+                          disabled: !selected,
+                          "aria-label": this.props.intl.formatMessage(
+                            messages.rename
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: renameSVG,
+                              color: selected ? "#826a6a" : "grey",
+                              size: "24px",
+                              className: "rename"
+                            }
+                          )
+                        }
+                      ),
+                      position: "top center",
+                      content: this.props.intl.formatMessage(
+                        messages.rename
+                      ),
+                      size: "mini"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      trigger: /* @__PURE__ */ jsx(
+                        Menu.Item,
+                        {
+                          icon: true,
+                          as: Button,
+                          onClick: this.workflow,
+                          disabled: !selected,
+                          "aria-label": this.props.intl.formatMessage(
+                            messages.state
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: semaphoreSVG,
+                              color: selected ? "#826a6a" : "grey",
+                              size: "24px",
+                              className: "semaphore"
+                            }
+                          )
+                        }
+                      ),
+                      position: "top center",
+                      content: this.props.intl.formatMessage(
+                        messages.state
+                      ),
+                      size: "mini"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      trigger: /* @__PURE__ */ jsx(
+                        Menu.Item,
+                        {
+                          icon: true,
+                          as: Button,
+                          onClick: this.tags,
+                          disabled: !selected,
+                          "aria-label": this.props.intl.formatMessage(
+                            messages.tags
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: tagSVG,
+                              color: selected ? "#826a6a" : "grey",
+                              size: "24px",
+                              className: "tag"
+                            }
+                          )
+                        }
+                      ),
+                      position: "top center",
+                      content: this.props.intl.formatMessage(
+                        messages.tags
+                      ),
+                      size: "mini"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      trigger: /* @__PURE__ */ jsx(
+                        Menu.Item,
+                        {
+                          icon: true,
+                          as: Button,
+                          onClick: this.properties,
+                          disabled: !selected,
+                          "aria-label": this.props.intl.formatMessage(
+                            messages.properties
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: propertiesSVG,
+                              color: selected ? "#826a6a" : "grey",
+                              size: "24px",
+                              className: "properties"
+                            }
+                          )
+                        }
+                      ),
+                      position: "top center",
+                      content: this.props.intl.formatMessage(
+                        messages.properties
+                      ),
+                      size: "mini"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(Menu.Menu, { className: "top-menu-menu", children: [
+                  /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      trigger: /* @__PURE__ */ jsx(
+                        Menu.Item,
+                        {
+                          icon: true,
+                          as: Button,
+                          onClick: this.cut,
+                          disabled: !selected,
+                          "aria-label": this.props.intl.formatMessage(
+                            messages.cut
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: cutSVG,
+                              color: selected ? "#826a6a" : "grey",
+                              size: "24px",
+                              className: "cut"
+                            }
+                          )
+                        }
+                      ),
+                      position: "top center",
+                      content: this.props.intl.formatMessage(
+                        messages.cut
+                      ),
+                      size: "mini"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      trigger: /* @__PURE__ */ jsx(
+                        Menu.Item,
+                        {
+                          icon: true,
+                          as: Button,
+                          onClick: this.copy,
+                          disabled: !selected,
+                          "aria-label": this.props.intl.formatMessage(
+                            messages.copy
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: copySVG,
+                              color: selected ? "#826a6a" : "grey",
+                              size: "24px",
+                              className: "copy"
+                            }
+                          )
+                        }
+                      ),
+                      position: "top center",
+                      content: this.props.intl.formatMessage(
+                        messages.copy
+                      ),
+                      size: "mini"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      trigger: /* @__PURE__ */ jsx(
+                        Menu.Item,
+                        {
+                          icon: true,
+                          as: Button,
+                          onClick: this.paste,
+                          disabled: !this.props.action,
+                          "aria-label": this.props.intl.formatMessage(
+                            messages.paste
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: pasteSVG,
+                              color: selected ? "#826a6a" : "grey",
+                              size: "24px",
+                              className: "paste"
+                            }
+                          )
+                        }
+                      ),
+                      position: "top center",
+                      content: this.props.intl.formatMessage(
+                        messages.paste
+                      ),
+                      size: "mini"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      trigger: /* @__PURE__ */ jsx(
+                        Menu.Item,
+                        {
+                          icon: true,
+                          as: Button,
+                          onClick: this.delete,
+                          disabled: !selected,
+                          "aria-label": this.props.intl.formatMessage(
+                            messages.delete
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: deleteSVG,
+                              color: selected ? "#e40166" : "grey",
+                              size: "24px",
+                              className: "delete"
+                            }
+                          )
+                        }
+                      ),
+                      position: "top center",
+                      content: this.props.intl.formatMessage(
+                        messages.delete
+                      ),
+                      size: "mini"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Menu.Menu,
+                  {
+                    position: "right",
+                    className: "top-menu-searchbox",
+                    children: /* @__PURE__ */ jsxs("div", { className: "ui right aligned category search item", children: [
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          type: "text",
+                          transparent: true,
+                          placeholder: this.props.intl.formatMessage(
+                            messages.filter
+                          ),
+                          size: "small",
+                          value: this.state.filter,
+                          onChange: this.onChangeFilter
+                        }
+                      ),
+                      this.state.filter && /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          className: "icon icon-container",
+                          onClick: () => {
+                            this.onChangeFilter("", { value: "" });
+                          },
+                          children: /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: clearSVG,
+                              size: "30px",
+                              color: "#e40166"
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          name: zoomSVG,
+                          size: "30px",
+                          color: "#007eb1",
+                          className: "zoom",
+                          style: { flexShrink: "0" }
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("div", { className: "results" })
+                    ] })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
+                Segment,
+                {
+                  secondary: true,
+                  attached: true,
+                  className: "contents-breadcrumbs",
+                  children: [
+                    /* @__PURE__ */ jsx(ContentsBreadcrumbs, { items: this.props.breadcrumbs }),
+                    /* @__PURE__ */ jsx(
+                      Dropdown,
+                      {
+                        item: true,
+                        upward: false,
+                        icon: /* @__PURE__ */ jsx(Icon, { name: moreSVG, size: "24px", color: "#826a6a" }),
+                        className: "right floating selectIndex",
+                        children: /* @__PURE__ */ jsxs(Dropdown.Menu, { className: "left", children: [
+                          /* @__PURE__ */ jsx(
+                            Dropdown.Header,
+                            {
+                              content: this.props.intl.formatMessage(
+                                messages.selectColumns
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Dropdown.Menu, { scrolling: true, children: map(
+                            filter(
+                              this.state.index.order,
+                              (index) => index !== "sortable_title"
+                            ),
+                            (index) => /* @__PURE__ */ jsxs(
+                              Dropdown.Item,
+                              {
+                                value: index,
+                                onClick: this.onSelectIndex,
+                                className: "iconAlign",
+                                children: [
+                                  this.state.index.values[index].selected ? /* @__PURE__ */ jsx(
+                                    Icon,
+                                    {
+                                      name: checkboxCheckedSVG,
+                                      size: "24px",
+                                      color: "#007eb1",
+                                      className: this.state.index.values[index].label
+                                    }
+                                  ) : /* @__PURE__ */ jsx(
+                                    Icon,
+                                    {
+                                      name: checkboxUncheckedSVG,
+                                      className: this.state.index.values[index].label,
+                                      size: "24px"
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsxs("span", { children: [
+                                    " ",
+                                    this.props.intl.formatMessage({
+                                      id: this.state.index.values[index].label,
+                                      defaultMessage: this.state.index.values[index].label
+                                    })
+                                  ] })
+                                ]
+                              },
+                              index
+                            )
+                          ) })
+                        ] })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "contents-table-wrapper", children: /* @__PURE__ */ jsxs(Table, { selectable: true, compact: true, singleLine: true, attached: true, children: [
+                /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+                  /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      menu: true,
+                      position: "bottom left",
+                      flowing: true,
+                      basic: true,
+                      on: "click",
+                      popper: {
+                        className: "dropdown-popup"
+                      },
+                      trigger: /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          name: configurationSVG,
+                          size: "24px",
+                          color: "#826a6a",
+                          className: "dropdown-popup-trigger configuration-svg"
+                        }
+                      ),
+                      children: /* @__PURE__ */ jsxs(Menu, { vertical: true, borderless: true, fluid: true, children: [
+                        /* @__PURE__ */ jsx(
+                          Menu.Header,
+                          {
+                            content: this.props.intl.formatMessage(
+                              messages.rearrangeBy
+                            )
+                          }
+                        ),
+                        map(
+                          [
+                            "id",
+                            "sortable_title",
+                            "EffectiveDate",
+                            "CreationDate",
+                            "ModificationDate",
+                            "portal_type"
+                          ],
+                          (index) => /* @__PURE__ */ jsx(
+                            Dropdown,
+                            {
+                              item: true,
+                              simple: true,
+                              className: `sort_${index} icon-align`,
+                              icon: /* @__PURE__ */ jsx(
+                                Icon,
+                                {
+                                  name: down_key,
+                                  size: "24px",
+                                  className: "left"
+                                }
+                              ),
+                              text: this.props.intl.formatMessage({
+                                id: Indexes[index].label
+                              }),
+                              children: /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+                                /* @__PURE__ */ jsxs(
+                                  Dropdown.Item,
+                                  {
+                                    onClick: this.onSortItems,
+                                    value: `${Indexes[index].sort_on}|ascending`,
+                                    className: `sort_${Indexes[index].sort_on}_ascending icon-align`,
+                                    children: [
+                                      /* @__PURE__ */ jsx(
+                                        Icon,
+                                        {
+                                          name: sortDownSVG,
+                                          size: "24px"
+                                        }
+                                      ),
+                                      " ",
+                                      /* @__PURE__ */ jsx(
+                                        FormattedMessage,
+                                        {
+                                          id: "Ascending",
+                                          defaultMessage: "Ascending"
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs(
+                                  Dropdown.Item,
+                                  {
+                                    onClick: this.onSortItems,
+                                    value: `${Indexes[index].sort_on}|descending`,
+                                    className: `sort_${Indexes[index].sort_on}_descending icon-align`,
+                                    children: [
+                                      /* @__PURE__ */ jsx(
+                                        Icon,
+                                        {
+                                          name: sortUpSVG,
+                                          size: "24px"
+                                        }
+                                      ),
+                                      " ",
+                                      /* @__PURE__ */ jsx(
+                                        FormattedMessage,
+                                        {
+                                          id: "Descending",
+                                          defaultMessage: "Descending"
+                                        }
+                                      )
+                                    ]
+                                  }
+                                )
+                              ] })
+                            },
+                            index
+                          )
+                        )
+                      ] })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(
+                    Popup,
+                    {
+                      menu: true,
+                      position: "bottom left",
+                      flowing: true,
+                      basic: true,
+                      on: "click",
+                      popper: {
+                        className: "dropdown-popup"
+                      },
+                      trigger: /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          name: this.state.selected.length === 0 ? checkboxUncheckedSVG : this.state.selected.length === this.state.items.length ? checkboxCheckedSVG : checkboxIndeterminateSVG,
+                          color: this.state.selected.length > 0 ? "#007eb1" : "#826a6a",
+                          className: "dropdown-popup-trigger",
+                          size: "24px"
+                        }
+                      ),
+                      children: /* @__PURE__ */ jsxs(Menu, { vertical: true, borderless: true, fluid: true, children: [
+                        /* @__PURE__ */ jsx(
+                          Menu.Header,
+                          {
+                            content: this.props.intl.formatMessage(
+                              messages.select
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(Menu.Item, { onClick: this.onSelectAll, children: [
+                          /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: checkboxCheckedSVG,
+                              color: "#007eb1",
+                              size: "24px"
+                            }
+                          ),
+                          " ",
+                          /* @__PURE__ */ jsx(
+                            FormattedMessage,
+                            {
+                              id: "All",
+                              defaultMessage: "All"
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsxs(Menu.Item, { onClick: this.onSelectNone, children: [
+                          /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: checkboxUncheckedSVG,
+                              size: "24px"
+                            }
+                          ),
+                          " ",
+                          /* @__PURE__ */ jsx(
+                            FormattedMessage,
+                            {
+                              id: "None",
+                              defaultMessage: "None"
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsx(Divider, {}),
+                        /* @__PURE__ */ jsx(
+                          Menu.Header,
+                          {
+                            content: this.props.intl.formatMessage(
+                              messages.selected,
+                              {
+                                count: this.state.selected.length
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Input,
+                          {
+                            icon: /* @__PURE__ */ jsx(Icon, { name: zoomSVG, size: "24px" }),
+                            iconPosition: "left",
+                            className: "item search",
+                            placeholder: this.props.intl.formatMessage(
+                              messages.filter
+                            ),
+                            value: this.state.selectedMenuFilter || "",
+                            onChange: this.onChangeSelected,
+                            onClick: (e) => {
+                              e.preventDefault();
+                              e.stopPropagation();
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Menu.Menu, { scrolling: true, children: map(filteredItems, (item) => /* @__PURE__ */ jsxs(
+                          Menu.Item,
+                          {
+                            value: item,
+                            onClick: this.onDeselect,
+                            children: [
+                              /* @__PURE__ */ jsx(
+                                Icon,
+                                {
+                                  name: deleteSVG,
+                                  color: "#e40166",
+                                  size: "24px"
+                                }
+                              ),
+                              " ",
+                              this.getFieldById(item, "title")
+                            ]
+                          },
+                          item
+                        )) })
+                      ] })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    Table.HeaderCell,
+                    {
+                      width: Math.ceil(
+                        16 / this.state.index.selectedCount
+                      ),
+                      children: /* @__PURE__ */ jsx(
+                        FormattedMessage,
+                        {
+                          id: "Title",
+                          defaultMessage: "Title"
+                        }
+                      )
+                    }
+                  ),
+                  map(
+                    this.state.index.order,
+                    (index, order) => this.state.index.values[index].selected && /* @__PURE__ */ jsx(
+                      DragDropConnector$1,
+                      {
+                        width: Math.ceil(
+                          16 / this.state.index.selectedCount
+                        ),
+                        label: this.state.index.values[index].label,
+                        order,
+                        onOrderIndex: this.onOrderIndex
+                      },
+                      index
+                    )
+                  ),
+                  /* @__PURE__ */ jsx(Table.HeaderCell, { textAlign: "right", children: /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "Actions",
+                      defaultMessage: "Actions"
+                    }
+                  ) })
+                ] }) }),
+                /* @__PURE__ */ jsx(Table.Body, { children: this.state.items.map((item, order) => /* @__PURE__ */ jsx(
+                  DragDropConnector$2,
+                  {
+                    item,
+                    order,
+                    selected: indexOf(this.state.selected, item["@id"]) !== -1,
+                    onClick: this.onSelect,
+                    indexes: filter(
+                      map(this.state.index.order, (index) => ({
+                        id: index,
+                        type: this.state.index.values[index].type
+                      })),
+                      (index) => this.state.index.values[index.id].selected
+                    ),
+                    onCut: this.cut,
+                    onCopy: this.copy,
+                    onDelete: this.delete,
+                    onOrderItem: this.onOrderItem,
+                    onMoveToTop: this.onMoveToTop,
+                    onMoveToBottom: this.onMoveToBottom
+                  },
+                  item["@id"]
+                )) })
+              ] }) }),
+              /* @__PURE__ */ jsx("div", { className: "contents-pagination", children: /* @__PURE__ */ jsx(
+                Pagination,
+                {
+                  current: this.state.currentPage,
+                  total: Math.ceil(
+                    this.props.total / this.state.pageSize
+                  ),
+                  pageSize: this.state.pageSize,
+                  pageSizes: [
+                    50,
+                    this.props.intl.formatMessage(messages.all)
+                  ],
+                  onChangePage: this.onChangePage,
+                  onChangePageSize: this.onChangePageSize
+                }
+              ) })
+            ] }) })
+          ] }) }),
+          this.state.isClient && createPortal(
+            /* @__PURE__ */ jsx(
+              Toolbar,
+              {
+                pathname: this.props.pathname,
+                inner: /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    to: `${path}`,
+                    "aria-label": this.props.intl.formatMessage(
+                      messages.back
+                    ),
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        name: backSVG,
+                        className: "contents circled",
+                        size: "30px",
+                        title: this.props.intl.formatMessage(messages.back)
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            document.getElementById("toolbar")
+          )
+        ] })
+      }
+    ) : /* @__PURE__ */ jsx(Unauthorized, { staticContext: this.props.staticContext }) }) : /* @__PURE__ */ jsx(Unauthorized, { staticContext: this.props.staticContext });
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(Contents, "propTypes", {
+  action: PropTypes.string,
+  source: PropTypes.arrayOf(PropTypes.string),
+  searchContent: PropTypes.func.isRequired,
+  cut: PropTypes.func.isRequired,
+  copy: PropTypes.func.isRequired,
+  copyContent: PropTypes.func.isRequired,
+  deleteContent: PropTypes.func.isRequired,
+  moveContent: PropTypes.func.isRequired,
+  orderContent: PropTypes.func.isRequired,
+  sortContent: PropTypes.func.isRequired,
+  updateColumnsContent: PropTypes.func.isRequired,
+  linkIntegrityCheck: PropTypes.func.isRequired,
+  clipboardRequest: PropTypes.shape({
+    loading: PropTypes.bool,
+    loaded: PropTypes.bool
+  }).isRequired,
+  deleteRequest: PropTypes.shape({
+    loading: PropTypes.bool,
+    loaded: PropTypes.bool
+  }).isRequired,
+  updateRequest: PropTypes.shape({
+    loading: PropTypes.bool,
+    loaded: PropTypes.bool
+  }).isRequired,
+  searchRequest: PropTypes.shape({
+    loading: PropTypes.bool,
+    loaded: PropTypes.bool
+  }).isRequired,
+  items: PropTypes.arrayOf(
+    PropTypes.shape({
+      "@id": PropTypes.string,
+      "@type": PropTypes.string,
+      title: PropTypes.string,
+      description: PropTypes.string
+    })
+  ),
+  breadcrumbs: PropTypes.arrayOf(
+    PropTypes.shape({
+      title: PropTypes.string,
+      url: PropTypes.string
+    })
+  ).isRequired,
+  total: PropTypes.number.isRequired,
+  pathname: PropTypes.string.isRequired
+});
+/**
+ * Default properties.
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+__publicField(Contents, "defaultProps", {
+  items: [],
+  action: null,
+  source: null,
+  index: {
+    order: keys(Indexes),
+    values: mapValues(Indexes, (value, key) => ({
+      ...value,
+      selected: indexOf(defaultIndexes, key) !== -1
+    })),
+    selectedCount: defaultIndexes.length + 1
+  }
+});
+let dndContext;
+const DragDropConnector = (props) => {
+  const DndConnectedContents = React__default.useMemo(() => {
+    if (!dndContext) {
+      dndContext = DragDropContext(HTML5Backend);
+    }
+    return dndContext(Contents);
+  }, [DragDropContext, HTML5Backend]);
+  return /* @__PURE__ */ jsx(DndConnectedContents, { ...props });
+};
+const __test__ = compose(
+  injectIntl,
+  connect(
+    (store, props) => {
+      return {
+        token: store.userSession.token,
+        items: store.search.items,
+        sort: store.content.update.sort,
+        index: store.content.updatecolumns.idx,
+        breadcrumbs: store.breadcrumbs.items,
+        total: store.search.total,
+        searchRequest: {
+          loading: store.search.loading,
+          loaded: store.search.loaded
+        },
+        pathname: props.location.pathname,
+        action: store.clipboard.action,
+        source: store.clipboard.source,
+        clipboardRequest: store.clipboard.request,
+        deleteRequest: store.content.delete,
+        updateRequest: store.content.update,
+        objectActions: store.actions.actions.object,
+        orderRequest: store.content.order
+      };
+    },
+    {
+      searchContent,
+      cut,
+      copy,
+      copyContent,
+      deleteContent,
+      listActions,
+      moveContent,
+      orderContent,
+      sortContent,
+      updateColumnsContent,
+      linkIntegrityCheck,
+      getContent
+    }
+  )
+)(Contents);
+const Contents$1 = compose(
+  injectIntl,
+  connect(
+    (store, props) => {
+      return {
+        token: store.userSession.token,
+        items: store.search.items,
+        sort: store.content.update.sort,
+        index: store.content.updatecolumns.idx,
+        breadcrumbs: store.breadcrumbs.items,
+        total: store.search.total,
+        searchRequest: {
+          loading: store.search.loading,
+          loaded: store.search.loaded
+        },
+        pathname: props.location.pathname,
+        action: store.clipboard.action,
+        source: store.clipboard.source,
+        clipboardRequest: store.clipboard.request,
+        deleteRequest: store.content.delete,
+        updateRequest: store.content.update,
+        objectActions: store.actions.actions.object,
+        orderRequest: store.content.order
+      };
+    },
+    {
+      searchContent,
+      cut,
+      copy,
+      copyContent,
+      deleteContent,
+      listActions,
+      moveContent,
+      orderContent,
+      sortContent,
+      updateColumnsContent,
+      linkIntegrityCheck,
+      getContent
+    }
+  ),
+  asyncConnect([
+    {
+      key: "actions",
+      // Dispatch async/await to make the operation synchronous, otherwise it returns
+      // before the promise is resolved
+      promise: async ({ location, store: { dispatch } }) => await dispatch(listActions(getBaseUrl(location.pathname)))
+    }
+  ])
+)(DragDropConnector);
+export {
+  __test__,
+  Contents$1 as default
+};