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

package/dist/server/assets/ContentsBreadcrumbs-Dtyd6Hr0.js

@@ -0,0 +1,153 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import "react";
+import { Breadcrumb } from "semantic-ui-react";
+import { useLocation, Link } from "react-router-dom";
+import { defineMessages, useIntl } from "react-intl";
+import { l as langmap, $ as $149c1bd638913645$export$2e2bcd8739ae039 } from "../entry-server.js";
+import "classnames";
+import "lodash-es";
+import "moment";
+import "react-redux";
+import "react-router";
+import "prop-types";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "redux";
+import "lodash-move";
+import "react-dom";
+import "react-dom/server";
+import "react-transition-group";
+import "react-toastify";
+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";
+const messages$2 = defineMessages({
+  root: {
+    id: "Root",
+    defaultMessage: "Root"
+  }
+});
+const ContentsBreadcrumbsRootItem = () => {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsx(Fragment, { children: intl.formatMessage(messages$2.root) });
+};
+const messages$1 = defineMessages({
+  home: {
+    id: "Home",
+    defaultMessage: "Home"
+  }
+});
+const ContentsBreadcrumbsHomeItem = () => {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsx(Fragment, { children: intl.formatMessage(messages$1.home) });
+};
+const messages = defineMessages({
+  home: {
+    id: "Home",
+    defaultMessage: "Home"
+  },
+  root: {
+    id: "Root",
+    defaultMessage: "Root"
+  }
+});
+const ContentsBreadcrumbs = (props) => {
+  var _a, _b, _c;
+  const { settings } = $149c1bd638913645$export$2e2bcd8739ae039;
+  const { items } = props;
+  const intl = useIntl();
+  const pathname = useLocation().pathname;
+  const lang = pathname.split("/")[1];
+  return /* @__PURE__ */ jsxs(Breadcrumb, { children: [
+    settings.isMultilingual && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: "/contents",
+          className: "section",
+          title: intl.formatMessage(messages.root),
+          children: /* @__PURE__ */ jsx(ContentsBreadcrumbsRootItem, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(Breadcrumb.Divider, {})
+    ] }),
+    settings.isMultilingual && ((_a = pathname == null ? void 0 : pathname.split("/")) == null ? void 0 : _a.length) > 2 && /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: `/${lang}/contents`,
+        className: "section",
+        title: intl.formatMessage(messages.home),
+        children: ((_c = (_b = langmap) == null ? void 0 : _b[lang]) == null ? void 0 : _c.nativeName) ?? lang
+      }
+    ),
+    !settings.isMultilingual && /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: "/contents",
+        className: "section",
+        title: intl.formatMessage(messages.home),
+        children: /* @__PURE__ */ jsx(ContentsBreadcrumbsHomeItem, {})
+      }
+    ),
+    items.map((breadcrumb, index, breadcrumbs) => [
+      /* @__PURE__ */ jsx(Breadcrumb.Divider, {}, `divider-${breadcrumb.url}`),
+      index < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: `${breadcrumb.url}/contents`,
+          className: "section",
+          children: breadcrumb.nav_title || breadcrumb.title
+        },
+        breadcrumb.url
+      ) : /* @__PURE__ */ jsx(Breadcrumb.Section, { active: true, children: breadcrumb.nav_title || breadcrumb.title }, breadcrumb.url)
+    ])
+  ] });
+};
+export {
+  ContentsBreadcrumbs as default
+};

package/dist/server/assets/ContentsIndexHeader-DxJAuKwb.js

@@ -0,0 +1,97 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import PropTypes from "prop-types";
+import { injectIntl } from "react-intl";
+import { DropTarget, DragSource } from "react-dnd";
+const widthValues = [
+  "one",
+  "two",
+  "three",
+  "four",
+  "five",
+  "six",
+  "seven",
+  "eight",
+  "nine",
+  "ten",
+  "eleven",
+  "twelve",
+  "thirteen",
+  "fourteen",
+  "fiveteen",
+  "sixteen"
+];
+const ContentsIndexHeaderComponent = ({
+  intl,
+  width,
+  label,
+  connectDragSource,
+  connectDropTarget,
+  isDragging
+}) => connectDropTarget(
+  connectDragSource(
+    /* @__PURE__ */ jsx(
+      "th",
+      {
+        className: `${widthValues[width - 2]} wide`,
+        style: { opacity: isDragging ? 0.5 : 1, cursor: "move" },
+        children: intl.formatMessage({
+          id: label,
+          defaultMessage: label
+        })
+      }
+    )
+  )
+);
+ContentsIndexHeaderComponent.propTypes = {
+  width: PropTypes.number.isRequired,
+  label: PropTypes.string.isRequired,
+  connectDragSource: PropTypes.func.isRequired,
+  connectDropTarget: PropTypes.func.isRequired,
+  isDragging: PropTypes.bool.isRequired,
+  order: PropTypes.number.isRequired,
+  onOrderIndex: PropTypes.func.isRequired
+};
+const DragDropConnector = (props) => {
+  const DndConnectedContentsIndexHeader = React__default.useMemo(
+    () => DropTarget(
+      "index",
+      {
+        hover(props2, monitor) {
+          const dragOrder = monitor.getItem().order;
+          const hoverOrder = props2.order;
+          if (dragOrder === hoverOrder) {
+            return;
+          }
+          props2.onOrderIndex(dragOrder, hoverOrder - dragOrder);
+          monitor.getItem().order = hoverOrder;
+        }
+      },
+      (connect) => ({
+        connectDropTarget: connect.dropTarget()
+      })
+    )(
+      DragSource(
+        "index",
+        {
+          beginDrag(props2) {
+            return {
+              id: props2.label,
+              order: props2.order
+            };
+          }
+        },
+        (connect, monitor) => ({
+          connectDragSource: connect.dragSource(),
+          isDragging: monitor.isDragging()
+        })
+      )(injectIntl(ContentsIndexHeaderComponent))
+    ),
+    [DragSource, DropTarget]
+  );
+  return /* @__PURE__ */ jsx(DndConnectedContentsIndexHeader, { ...props });
+};
+export {
+  ContentsIndexHeaderComponent,
+  DragDropConnector as default
+};

package/dist/server/assets/ContentsItem-bD7oEcmI.js

@@ -0,0 +1,446 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { useState, useCallback } from "react";
+import { Popup as Popup$1, Table, Button, Menu, Divider } from "semantic-ui-react";
+import { Link } from "react-router-dom";
+import PropTypes from "prop-types";
+import { map } from "lodash-es";
+import { defineMessages, useIntl, FormattedMessage } from "react-intl";
+import { I as Icon, ba as getContentIcon, q as FormattedDate, at as moreSVG, bb as editSVG, bc as showSVG, b6 as deleteSVG } from "../entry-server.js";
+import { c as cutSVG, a as copySVG } from "./cut-BEOWxek2.js";
+import { d as dragSVG } from "./drag-DY7wFRIh.js";
+import cx from "classnames";
+import { DropTarget, DragSource } from "react-dnd";
+function Popup(props) {
+  const { menu, onOpen, onClose, ...rest } = props;
+  const [open, setOpen] = useState(false);
+  const handleOpen = useCallback(
+    (e, props2) => {
+      setOpen(true);
+      onOpen && onOpen(e, props2);
+    },
+    [onOpen, setOpen]
+  );
+  const handleClick = useCallback(
+    function(e) {
+      if (menu) {
+        setTimeout(() => {
+          var _a;
+          !((_a = e.nativeEvent) == null ? void 0 : _a.defaultPrevented) && setOpen(false);
+        });
+      }
+    },
+    [menu, setOpen]
+  );
+  const handleClose = useCallback(
+    (e, props2) => {
+      setOpen(false);
+      onClose && onClose(e, props2);
+    },
+    [onClose, setOpen]
+  );
+  const PopupContainer = React__default.useCallback(
+    (props2) => {
+      return /* @__PURE__ */ jsx("div", { ...props2, onClickCapture: handleClick });
+    },
+    [handleClick]
+  );
+  return /* @__PURE__ */ jsx(
+    Popup$1,
+    {
+      as: PopupContainer,
+      open,
+      onOpen: handleOpen,
+      onClose: handleClose,
+      ...rest
+    }
+  );
+}
+Popup.propTypes = {
+  menu: PropTypes.bool
+};
+const Circle = ({ color }) => /* @__PURE__ */ jsx("svg", { height: "10", width: "10", style: { marginRight: 5 }, children: /* @__PURE__ */ jsx("circle", { cx: "5", cy: "5", r: "4", fill: color || "#51aa55" }) });
+const checkboxUncheckedSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<path fill-rule="evenodd" 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"/>' };
+const checkboxCheckedSVG = { "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="M15 24.414 9.293 18.707 10.707 17.293 15 21.586 25.293 11.293 26.707 12.707z"/></g>' };
+const moveUpSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M12.293 22.293 13.707 23.707 17 20.414 17 31 19 31 19 20.414 22.293 23.707 23.707 22.293 18 16.586zM9 11 27 11 27 7 9 7 9 11ZM7 13 29 13 29 5 7 5 7 13Z"/></g>' };
+const moveDownSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M23.707 13.707 22.293 12.293 19 15.586 19 5 17 5 17 15.586 13.707 12.293 12.293 13.707 18 19.414zM9 29 27 29 27 25 9 25 9 29ZM7 31 29 31 29 23 7 23 7 31Z"/></g>' };
+const messages = defineMessages({
+  private: {
+    id: "private",
+    defaultMessage: "Private"
+  },
+  pending: {
+    id: "pending",
+    defaultMessage: "Pending"
+  },
+  published: {
+    id: "published",
+    defaultMessage: "Published"
+  },
+  intranet: {
+    id: "intranet",
+    defaultMessage: "Intranet"
+  },
+  draft: {
+    id: "draft",
+    defaultMessage: "Draft"
+  },
+  no_workflow_state: {
+    id: "no workflow state",
+    defaultMessage: "No workflow state"
+  },
+  none: {
+    id: "None",
+    defaultMessage: "None"
+  }
+});
+function getColor(string) {
+  switch (string) {
+    case "private":
+      return "#ed4033";
+    case "published":
+      return "#007bc1";
+    case "intranet":
+      return "#51aa55";
+    case "draft":
+      return "#f6a808";
+    default:
+      return "grey";
+  }
+}
+const ContentsItemComponent = ({
+  item,
+  selected,
+  onClick,
+  indexes,
+  onCut,
+  onCopy,
+  onDelete,
+  onMoveToTop,
+  onMoveToBottom,
+  connectDragPreview,
+  connectDragSource,
+  connectDropTarget,
+  isDragging,
+  order
+}) => {
+  const intl = useIntl();
+  return connectDropTarget(
+    connectDragPreview(
+      /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: cx("", { "dragging-row": isDragging }),
+          "aria-label": item["@id"],
+          children: [
+            /* @__PURE__ */ jsx(Table.Cell, { className: cx("", { "dragging-cell": isDragging }), children: connectDragSource(
+              /* @__PURE__ */ jsx("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx(Button, { icon: true, basic: true, children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  name: dragSVG,
+                  size: "20px",
+                  color: "#878f93",
+                  className: "content drag handle"
+                }
+              ) }) })
+            ) }),
+            /* @__PURE__ */ jsx(Table.Cell, { className: cx("", { "dragging-cell": isDragging }), children: selected ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: true,
+                basic: true,
+                "aria-label": "Unchecked",
+                onClick: (e) => onClick(e, item["@id"]),
+                children: /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: checkboxCheckedSVG,
+                    color: "#007eb1",
+                    size: "24px",
+                    className: "checked"
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: true,
+                basic: true,
+                "aria-label": "Checked",
+                onClick: (e) => onClick(e, item["@id"]),
+                children: /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: checkboxUncheckedSVG,
+                    color: "#826a6a",
+                    size: "24px",
+                    className: "unchecked"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Table.Cell, { className: cx("", { "dragging-cell": isDragging }), children: /* @__PURE__ */ jsxs(
+              Link,
+              {
+                className: "icon-align-name",
+                to: `${item["@id"]}${item.is_folderish ? "/contents" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "expire-align", children: [
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        name: getContentIcon(item["@type"], item.is_folderish),
+                        size: "20px",
+                        className: "icon-margin",
+                        color: "#878f93",
+                        title: item["Type"] || item["@type"]
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ jsxs("span", { title: item.title, children: [
+                      " ",
+                      item.title
+                    ] })
+                  ] }),
+                  item.ExpirationDate !== "None" && new Date(item.ExpirationDate).getTime() < (/* @__PURE__ */ new Date()).getTime() && /* @__PURE__ */ jsx(Button, { className: "button-margin", size: "mini", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Expired", defaultMessage: "Expired" }) }),
+                  item.EffectiveDate !== "None" && new Date(item.EffectiveDate).getTime() > (/* @__PURE__ */ new Date()).getTime() && /* @__PURE__ */ jsx(Button, { className: "button-margin effective-future", size: "mini", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Scheduled", defaultMessage: "Scheduled" }) })
+                ]
+              }
+            ) }),
+            map(indexes, (index) => {
+              var _a;
+              return /* @__PURE__ */ jsxs(
+                Table.Cell,
+                {
+                  className: cx("", { "dragging-cell": isDragging }),
+                  children: [
+                    index.type === "boolean" && (item[index.id] ? /* @__PURE__ */ jsx(FormattedMessage, { id: "Yes", defaultMessage: "Yes" }) : /* @__PURE__ */ jsx(FormattedMessage, { id: "No", defaultMessage: "No" })),
+                    index.type === "string" && index.id !== "review_state" && item[index.id],
+                    index.id === "review_state" && /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Circle, { color: getColor(item[index.id]), size: "15px" }) }),
+                      messages[item[index.id]] ? intl.formatMessage(messages[item[index.id]]) : item["review_title"] || item["review_state"] || intl.formatMessage(messages.no_workflow_state)
+                    ] }),
+                    index.type === "date" && /* @__PURE__ */ jsx(Fragment, { children: item[index == null ? void 0 : index.id] && item[index.id] !== "None" ? /* @__PURE__ */ jsx(FormattedDate, { date: item[index.id] }) : intl.formatMessage(messages.none) }),
+                    index.type === "array" && /* @__PURE__ */ jsx("span", { children: (_a = item[index.id]) == null ? void 0 : _a.join(", ") })
+                  ]
+                },
+                index.id
+              );
+            }),
+            /* @__PURE__ */ jsx(
+              Table.Cell,
+              {
+                className: cx("", { "dragging-cell": isDragging }),
+                textAlign: "right",
+                children: /* @__PURE__ */ jsx(
+                  Popup,
+                  {
+                    menu: true,
+                    position: "bottom right",
+                    flowing: true,
+                    basic: true,
+                    on: "click",
+                    popper: {
+                      className: "dropdown-popup"
+                    },
+                    trigger: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        name: moreSVG,
+                        className: "dropdown-popup-trigger",
+                        size: "24px",
+                        color: "#007eb1"
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsxs(Menu, { vertical: true, borderless: true, fluid: true, children: [
+                      /* @__PURE__ */ jsxs(Link, { className: "item icon-align", to: `${item["@id"]}/edit`, children: [
+                        /* @__PURE__ */ jsx(Icon, { name: editSVG, color: "#007eb1", size: "24px" }),
+                        " ",
+                        /* @__PURE__ */ jsx(FormattedMessage, { id: "Edit", defaultMessage: "Edit" })
+                      ] }),
+                      /* @__PURE__ */ jsxs(Link, { className: "item right-dropdown icon-align", to: item["@id"], children: [
+                        /* @__PURE__ */ jsx(Icon, { name: showSVG, color: "#007eb1", size: "24px" }),
+                        " ",
+                        /* @__PURE__ */ jsx(FormattedMessage, { id: "View", defaultMessage: "View" })
+                      ] }),
+                      /* @__PURE__ */ jsx(Divider, {}),
+                      /* @__PURE__ */ jsxs(
+                        Menu.Item,
+                        {
+                          onClick: onCut,
+                          value: item["@id"],
+                          className: "right-dropdown icon-align",
+                          children: [
+                            /* @__PURE__ */ jsx(Icon, { name: cutSVG, color: "#007eb1", size: "24px" }),
+                            " ",
+                            /* @__PURE__ */ jsx(FormattedMessage, { id: "Cut", defaultMessage: "Cut" })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Menu.Item,
+                        {
+                          onClick: onCopy,
+                          value: item["@id"],
+                          className: "right-dropdown icon-align",
+                          children: [
+                            /* @__PURE__ */ jsx(Icon, { name: copySVG, color: "#007eb1", size: "24px" }),
+                            " ",
+                            /* @__PURE__ */ jsx(FormattedMessage, { id: "Copy", defaultMessage: "Copy" })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Menu.Item,
+                        {
+                          onClick: onDelete,
+                          value: item["@id"],
+                          className: "right-dropdown icon-align",
+                          children: [
+                            /* @__PURE__ */ jsx(Icon, { name: deleteSVG, color: "#e40166", size: "24px" }),
+                            " ",
+                            /* @__PURE__ */ jsx(FormattedMessage, { id: "Delete", defaultMessage: "Delete" })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Divider, {}),
+                      /* @__PURE__ */ jsxs(
+                        Menu.Item,
+                        {
+                          onClick: onMoveToTop,
+                          value: order,
+                          className: "right-dropdown icon-align",
+                          children: [
+                            /* @__PURE__ */ jsx(Icon, { name: moveUpSVG, color: "#007eb1", size: "24px" }),
+                            " ",
+                            /* @__PURE__ */ jsx(
+                              FormattedMessage,
+                              {
+                                id: "Move to top of folder",
+                                defaultMessage: "Move to top of folder"
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Menu.Item,
+                        {
+                          onClick: onMoveToBottom,
+                          value: order,
+                          className: "right-dropdown icon-align",
+                          children: [
+                            /* @__PURE__ */ jsx(Icon, { name: moveDownSVG, color: "#007eb1", size: "24px" }),
+                            " ",
+                            /* @__PURE__ */ jsx(
+                              FormattedMessage,
+                              {
+                                id: "Move to bottom of folder",
+                                defaultMessage: "Move to bottom of folder"
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ] })
+                  }
+                )
+              }
+            )
+          ]
+        },
+        item["@id"]
+      )
+    )
+  );
+};
+ContentsItemComponent.propTypes = {
+  item: PropTypes.shape({
+    "@id": PropTypes.string,
+    title: PropTypes.string,
+    is_folderish: PropTypes.bool,
+    "@type": PropTypes.string
+  }).isRequired,
+  selected: PropTypes.bool.isRequired,
+  onClick: PropTypes.func.isRequired,
+  indexes: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.string,
+      type: PropTypes.string
+    })
+  ).isRequired,
+  onCut: PropTypes.func.isRequired,
+  onCopy: PropTypes.func.isRequired,
+  onDelete: PropTypes.func.isRequired,
+  onMoveToTop: PropTypes.func.isRequired,
+  onMoveToBottom: PropTypes.func.isRequired,
+  connectDragPreview: PropTypes.func.isRequired,
+  connectDragSource: PropTypes.func.isRequired,
+  connectDropTarget: PropTypes.func.isRequired,
+  isDragging: PropTypes.bool.isRequired,
+  order: PropTypes.number.isRequired,
+  onOrderItem: PropTypes.func.isRequired
+};
+const DragDropConnector = (props) => {
+  const DndConnectedContentsItem = React__default.useMemo(
+    () => DropTarget(
+      "item",
+      {
+        hover(props2, monitor) {
+          const id = monitor.getItem().id;
+          const dragOrder = monitor.getItem().order;
+          const hoverOrder = props2.order;
+          if (dragOrder === hoverOrder) {
+            return;
+          }
+          props2.onOrderItem(id, dragOrder, hoverOrder - dragOrder, false);
+          monitor.getItem().order = hoverOrder;
+        },
+        drop(props2, monitor) {
+          const id = monitor.getItem().id;
+          const dragOrder = monitor.getItem().startOrder;
+          const dropOrder = props2.order;
+          if (dragOrder === dropOrder) {
+            return;
+          }
+          props2.onOrderItem(id, dragOrder, dropOrder - dragOrder, true);
+          monitor.getItem().order = dropOrder;
+        }
+      },
+      (connect) => ({
+        connectDropTarget: connect.dropTarget()
+      })
+    )(
+      DragSource(
+        "item",
+        {
+          beginDrag(props2) {
+            return {
+              id: props2.item["@id"],
+              order: props2.order,
+              startOrder: props2.order
+            };
+          }
+        },
+        (connect, monitor) => ({
+          connectDragSource: connect.dragSource(),
+          connectDragPreview: connect.dragPreview(),
+          isDragging: monitor.isDragging()
+        })
+      )(ContentsItemComponent)
+    ),
+    [DragSource, DropTarget]
+  );
+  return /* @__PURE__ */ jsx(DndConnectedContentsItem, { ...props });
+};
+const ContentsItem = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ContentsItemComponent,
+  default: DragDropConnector
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ContentsItem as C,
+  DragDropConnector as D,
+  Popup as P,
+  checkboxUncheckedSVG as a,
+  checkboxCheckedSVG as c
+};