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

package/dist/server/assets/Delete-Cx_tWSDi.js

@@ -0,0 +1,188 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useDispatch, useSelector, shallowEqual } from "react-redux";
+import { useLocation, useHistory } from "react-router-dom";
+import { createPortal } from "react-dom";
+import { Container, Segment, List, Button } from "semantic-ui-react";
+import { defineMessages, useIntl, FormattedMessage } from "react-intl";
+import qs from "query-string";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import { u as usePrevious, n as getContent, H as HelmetExport, p as deleteContent } from "../entry-server.js";
+import "prop-types";
+import "jwt-decode";
+import "redux";
+import "react-cookie";
+import "lodash-es";
+import "classnames";
+import "react-toastify";
+import "./users-BY0qskQF.js";
+import "./User-CeYa32LY.js";
+import "./PersonalInformation--cOokZv2.js";
+import "moment";
+import "react-router";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "lodash-move";
+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 "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 "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-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 = defineMessages({
+  delete: {
+    id: "Delete",
+    defaultMessage: "Delete"
+  },
+  ok: {
+    id: "Ok",
+    defaultMessage: "Ok"
+  },
+  cancel: {
+    id: "Cancel",
+    defaultMessage: "Cancel"
+  }
+});
+const Delete = () => {
+  const dispatch = useDispatch();
+  const intl = useIntl();
+  const [isClient, setisClient] = useState(false);
+  const { pathname, search } = useLocation();
+  const history = useHistory();
+  const deleteRequest = useSelector((state) => {
+    var _a;
+    return (_a = state.content) == null ? void 0 : _a.delete;
+  });
+  const content = useSelector((state) => {
+    var _a;
+    return (_a = state.content) == null ? void 0 : _a.data;
+  }, shallowEqual);
+  const prevdeleteRequestLoading = usePrevious(deleteRequest.loading);
+  const returnUrl = qs.parse(search).return_url;
+  useEffect(() => {
+    setisClient(true);
+  }, []);
+  useEffect(() => {
+    dispatch(getContent(pathname.split("/delete")[0]));
+  }, [dispatch, pathname]);
+  useEffect(() => {
+    if (prevdeleteRequestLoading && deleteRequest.loaded) {
+      history.push(
+        returnUrl || pathname.replace("/delete", "").replace(/\/[^/]*$/, "")
+      );
+    }
+  }, [
+    history,
+    pathname,
+    returnUrl,
+    prevdeleteRequestLoading,
+    deleteRequest.loaded
+  ]);
+  const onSubmit = () => {
+    dispatch(deleteContent(pathname.replace("/delete", "")));
+  };
+  const onCancel = () => {
+    history.push(pathname.replace("/delete", ""));
+  };
+  if (content) {
+    return /* @__PURE__ */ jsxs("div", { id: "page-delete", children: [
+      /* @__PURE__ */ jsx(HelmetExport, { title: intl.formatMessage(messages.delete) }),
+      /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
+        /* @__PURE__ */ jsx(Segment, { className: "primary", children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Do you really want to delete this item?",
+            defaultMessage: "Do you really want to delete this item?"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Segment, { attached: true, children: /* @__PURE__ */ jsx(List, { bulleted: true, children: /* @__PURE__ */ jsx(List.Item, { children: content.title }) }) }),
+        /* @__PURE__ */ jsxs(Segment, { className: "actions", clearing: true, children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              basic: true,
+              circular: true,
+              primary: true,
+              floated: "right",
+              icon: "arrow right",
+              "aria-label": intl.formatMessage(messages.ok),
+              title: intl.formatMessage(messages.ok),
+              size: "big",
+              onClick: onSubmit
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              basic: true,
+              circular: true,
+              secondary: true,
+              icon: "remove",
+              "aria-label": intl.formatMessage(messages.cancel),
+              title: intl.formatMessage(messages.cancel),
+              floated: "right",
+              size: "big",
+              onClick: onCancel
+            }
+          )
+        ] })
+      ] }) }),
+      isClient && createPortal(
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            pathname,
+            hideDefaultViewButtons: true,
+            inner: /* @__PURE__ */ jsx("span", {})
+          }
+        ),
+        document.getElementById("toolbar")
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", {});
+};
+export {
+  Delete as default
+};

package/dist/server/assets/Diff-Ddx1DMp8.js

@@ -0,0 +1,415 @@
+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 { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { lazy, Component } from "react";
+import PropTypes from "prop-types";
+import { G as GET_DIFF, g as getSchema, b as getBaseUrl, q as FormattedDate, U as Unauthorized, H as HelmetExport, i as getBlocksFieldname, j as getBlocksLayoutFieldname, h as hasBlocksData, I as Icon, o as backSVG } from "../entry-server.js";
+import { connect } from "react-redux";
+import { compose } from "redux";
+import { map, filter, isEqual } from "lodash-es";
+import { Container, Grid, Button, Table, Dropdown } from "semantic-ui-react";
+import { withRouter, Link } from "react-router-dom";
+import { createPortal } from "react-dom";
+import { injectIntl, defineMessages, FormattedMessage } from "react-intl";
+import qs from "query-string";
+import { g as getHistory } from "./history-Di4xw5JV.js";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import "classnames";
+import "moment";
+import "react-router";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "lodash-move";
+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 "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 "./users-BY0qskQF.js";
+import "./User-CeYa32LY.js";
+import "./PersonalInformation--cOokZv2.js";
+function getDiff(url, one, two) {
+  return {
+    type: GET_DIFF,
+    request: [
+      {
+        op: "get",
+        path: `${url}/@history/${one}`
+      },
+      {
+        op: "get",
+        path: `${url}/@history/${two}`
+      }
+    ]
+  };
+}
+const messages = defineMessages({
+  diff: {
+    id: "Diff",
+    defaultMessage: "Diff"
+  },
+  back: {
+    id: "Back",
+    defaultMessage: "Back"
+  },
+  split: {
+    id: "Split",
+    defaultMessage: "Split"
+  },
+  unified: {
+    id: "Unified",
+    defaultMessage: "Unified"
+  }
+});
+const DiffField = lazy(
+  () => import("./DiffField-BcZUPjLc.js")
+);
+class Diff extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs DiffComponent
+   */
+  constructor(props) {
+    super(props);
+    this.onChangeOne = this.onChangeOne.bind(this);
+    this.onChangeTwo = this.onChangeTwo.bind(this);
+    this.onSelectView = this.onSelectView.bind(this);
+    this.state = { isClient: false };
+  }
+  /**
+   * Component did mount
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    this.props.getSchema(this.props.type);
+    this.props.getHistory(getBaseUrl(this.props.pathname));
+    this.props.getDiff(
+      getBaseUrl(this.props.pathname),
+      this.props.one,
+      this.props.two
+    );
+    this.setState({ isClient: true });
+  }
+  /**
+   * Component will receive props
+   * @method componentWillReceiveProps
+   * @param {Object} nextProps Next properties
+   * @returns {undefined}
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (this.props.pathname !== nextProps.pathname || this.props.one !== nextProps.one || this.props.two !== nextProps.two) {
+      this.props.getDiff(
+        getBaseUrl(nextProps.pathname),
+        nextProps.one,
+        nextProps.two
+      );
+    }
+  }
+  /**
+   * On select view handler
+   * @method onSelectView
+   * @param {object} event Event object
+   * @param {string} value Value
+   * @returns {undefined}
+   */
+  onSelectView(event, { value }) {
+    this.props.history.push(
+      `${this.props.pathname}?one=${this.props.one}&two=${this.props.two}&view=${value}`
+    );
+  }
+  /**
+   * On change one handler
+   * @method onChangeOne
+   * @param {object} event Event object
+   * @param {string} value Value
+   * @returns {undefined}
+   */
+  onChangeOne(event, { value }) {
+    this.props.history.push(
+      `${this.props.pathname}?one=${value}&two=${this.props.two}&view=${this.props.view}`
+    );
+  }
+  /**
+   * On change two handler
+   * @method onChangeTwo
+   * @param {object} event Event object
+   * @param {string} value Value
+   * @returns {undefined}
+   */
+  onChangeTwo(event, { value }) {
+    this.props.history.push(
+      `${this.props.pathname}?one=${this.props.one}&two=${value}&view=${this.props.view}`
+    );
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    var _a;
+    const versions = map(
+      filter(this.props.historyEntries, (entry) => "version" in entry),
+      (entry, index) => ({
+        text: /* @__PURE__ */ jsxs(Fragment, { children: [
+          index === 0 ? "Current" : entry.version,
+          " (",
+          /* @__PURE__ */ jsx(FormattedDate, { date: entry.time, long: true, className: "text" }),
+          ",  ",
+          entry.actor.fullname,
+          ")"
+        ] }),
+        value: `${entry.version}`,
+        key: `${entry.version}`
+      })
+    );
+    return ((_a = this.props.error) == null ? void 0 : _a.status) === 401 ? /* @__PURE__ */ jsx(Unauthorized, {}) : /* @__PURE__ */ jsxs(Container, { id: "page-diff", children: [
+      /* @__PURE__ */ jsx(HelmetExport, { title: this.props.intl.formatMessage(messages.diff) }),
+      /* @__PURE__ */ jsx("h1", { children: /* @__PURE__ */ jsx(
+        FormattedMessage,
+        {
+          id: "Difference between revision {one} and {two} of {title}",
+          defaultMessage: "Difference between revision {one} and {two} of {title}",
+          values: {
+            one: this.props.one,
+            two: this.props.two,
+            title: this.props.title
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Grid, { children: [
+        /* @__PURE__ */ jsx(Grid.Column, { width: 9, children: /* @__PURE__ */ jsx("p", { className: "description", children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "You can view the difference of the revisions below.",
+            defaultMessage: "You can view the difference of the revisions below."
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx(Grid.Column, { width: 3, textAlign: "right", children: /* @__PURE__ */ jsx(Button.Group, { children: map(
+          [
+            {
+              id: "split",
+              label: this.props.intl.formatMessage(messages.split)
+            },
+            {
+              id: "unified",
+              label: this.props.intl.formatMessage(messages.unified)
+            }
+          ],
+          (view) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              value: view.id,
+              active: this.props.view === view.id,
+              onClick: this.onSelectView,
+              children: view.label
+            },
+            view.id
+          )
+        ) }) })
+      ] }),
+      this.props.historyEntries.length > 0 && /* @__PURE__ */ jsx(Table, { basic: "very", children: /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+        /* @__PURE__ */ jsxs(Table.HeaderCell, { width: 6, children: [
+          /* @__PURE__ */ jsx(FormattedMessage, { id: "Base", defaultMessage: "Base" }),
+          /* @__PURE__ */ jsx(
+            Dropdown,
+            {
+              onChange: this.onChangeOne,
+              value: this.props.one,
+              selection: true,
+              fluid: true,
+              options: versions
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Table.HeaderCell, { width: 6, children: [
+          /* @__PURE__ */ jsx(FormattedMessage, { id: "Compare", defaultMessage: "Compare" }),
+          /* @__PURE__ */ jsx(
+            Dropdown,
+            {
+              onChange: this.onChangeTwo,
+              value: this.props.two,
+              selection: true,
+              fluid: true,
+              options: versions
+            }
+          )
+        ] })
+      ] }) }) }),
+      this.props.schema && this.props.data.length > 0 && map(
+        this.props.schema.fieldsets,
+        (fieldset) => map(
+          fieldset.fields,
+          (field) => !isEqual(
+            this.props.data[0][field],
+            this.props.data[1][field]
+          ) && field !== getBlocksFieldname(this.props.data[0]) && field !== getBlocksLayoutFieldname(this.props.data[0]) && /* @__PURE__ */ jsx(
+            DiffField,
+            {
+              one: this.props.data[0][field],
+              two: this.props.data[1][field],
+              schema: this.props.schema.properties[field],
+              view: this.props.view
+            },
+            field
+          )
+        )
+      ),
+      this.props.schema && this.props.data.length > 0 && hasBlocksData(this.props.data[0]) && (!isEqual(
+        this.props.data[0][getBlocksFieldname(this.props.data[0])],
+        this.props.data[1][getBlocksFieldname(this.props.data[1])]
+      ) || !isEqual(
+        this.props.data[0][getBlocksLayoutFieldname(this.props.data[0])],
+        this.props.data[1][getBlocksLayoutFieldname(this.props.data[1])]
+      )) && /* @__PURE__ */ jsx(
+        DiffField,
+        {
+          one: this.props.data[0][getBlocksFieldname(this.props.data[0])],
+          two: this.props.data[1][getBlocksFieldname(this.props.data[1])],
+          contentOne: this.props.data[0],
+          contentTwo: this.props.data[1],
+          schema: this.props.schema.properties[getBlocksFieldname(this.props.data[0])],
+          view: this.props.view
+        }
+      ),
+      this.state.isClient && createPortal(
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            pathname: this.props.pathname,
+            hideDefaultViewButtons: true,
+            inner: /* @__PURE__ */ jsx(
+              Link,
+              {
+                to: `${getBaseUrl(this.props.pathname)}/historyview`,
+                className: "item",
+                children: /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: backSVG,
+                    className: "contents circled",
+                    size: "30px",
+                    title: this.props.intl.formatMessage(messages.back)
+                  }
+                )
+              }
+            )
+          }
+        ),
+        document.getElementById("toolbar")
+      )
+    ] });
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(Diff, "propTypes", {
+  getDiff: PropTypes.func.isRequired,
+  getSchema: PropTypes.func.isRequired,
+  getHistory: PropTypes.func.isRequired,
+  schema: PropTypes.objectOf(PropTypes.any),
+  error: PropTypes.objectOf(PropTypes.any),
+  pathname: PropTypes.string.isRequired,
+  one: PropTypes.string.isRequired,
+  two: PropTypes.string.isRequired,
+  view: PropTypes.string.isRequired,
+  data: PropTypes.arrayOf(
+    PropTypes.shape({
+      "@id": PropTypes.string
+    })
+  ).isRequired,
+  historyEntries: PropTypes.arrayOf(
+    PropTypes.shape({
+      version: PropTypes.number,
+      time: PropTypes.string,
+      actor: PropTypes.shape({ fullname: PropTypes.string })
+    })
+  ).isRequired,
+  title: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired
+});
+/**
+ * Default properties
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+__publicField(Diff, "defaultProps", {
+  schema: null
+});
+const Diff$1 = compose(
+  withRouter,
+  injectIntl,
+  connect(
+    (state, props) => {
+      var _a, _b;
+      return {
+        data: state.diff.data,
+        historyEntries: state.history.entries,
+        schema: state.schema.schema,
+        error: state.diff.error,
+        pathname: props.location.pathname,
+        one: qs.parse(props.location.search).one,
+        two: qs.parse(props.location.search).two,
+        view: qs.parse(props.location.search).view || "split",
+        title: (_a = state.content.data) == null ? void 0 : _a.title,
+        type: (_b = state.content.data) == null ? void 0 : _b["@type"]
+      };
+    },
+    { getDiff, getSchema, getHistory }
+  )
+)(Diff);
+export {
+  Diff$1 as default
+};