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

package/dist/server/assets/UndoToolbar-DIbEtI6_.js

@@ -0,0 +1,226 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { defineMessages, useIntl } from "react-intl";
+import { $ as $149c1bd638913645$export$2e2bcd8739ae039, ah as Plug, I as Icon } from "../entry-server.js";
+import { Button } from "semantic-ui-react";
+import Undoo from "undoo";
+import { u as undoSVG } from "./undo-lQM6Vhc7.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 "react-router-dom";
+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 useUndoManager = (state, onUndoRedo, { maxUndoLevels, enableHotKeys = true }) => {
+  const [canUndo, setCanUndo] = React__default.useState(false);
+  const [canRedo, setCanRedo] = React__default.useState(false);
+  const manager = React__default.useRef(new Undoo({ maxLength: maxUndoLevels }));
+  const callbackRef = React__default.useRef(onUndoRedo);
+  React__default.useEffect(() => {
+    callbackRef.current = onUndoRedo;
+  }, [onUndoRedo]);
+  const doUndo = React__default.useCallback(() => {
+    manager.current.undo(({ state: state2 }) => {
+      const nextUndo = manager.current.canUndo();
+      const nextRedo = manager.current.canRedo();
+      setCanUndo(nextUndo);
+      setCanRedo(nextRedo);
+      callbackRef.current({
+        state: state2,
+        type: "undo",
+        canUndo: nextUndo,
+        canRedo: nextRedo
+      });
+    });
+  }, []);
+  React__default.useEffect(() => {
+    manager.current.save({
+      state
+    });
+    setCanUndo(manager.current.canUndo());
+    setCanRedo(manager.current.canRedo());
+  }, [state]);
+  const doRedo = React__default.useCallback(() => {
+    manager.current.redo(({ state: state2 }) => {
+      const nextUndo = manager.current.canUndo();
+      const nextRedo = manager.current.canRedo();
+      setCanUndo(nextUndo);
+      setCanRedo(nextRedo);
+      callbackRef.current({
+        state: state2,
+        type: "redo",
+        canUndo: nextUndo,
+        canRedo: nextRedo
+      });
+    });
+  }, []);
+  const handleKeys = React__default.useCallback(
+    (event) => {
+      const keyName = event.key;
+      if (keyName === "Control" || keyName === "Meta") {
+        return;
+      }
+      if (event.ctrlKey || event.metaKey) {
+        if (keyName === "z") {
+          event.preventDefault();
+          event.stopPropagation();
+          doUndo();
+        } else if (keyName === "y") {
+          event.preventDefault();
+          event.stopPropagation();
+          doRedo();
+        }
+      } else {
+        return;
+      }
+    },
+    [doUndo, doRedo]
+  );
+  React__default.useEffect(() => {
+    if (!enableHotKeys) return;
+    document.addEventListener("keydown", handleKeys);
+    return () => document.removeEventListener("keydown", handleKeys);
+  }, [enableHotKeys, handleKeys]);
+  return {
+    doUndo,
+    doRedo,
+    canUndo,
+    canRedo
+  };
+};
+const redoSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<path fill-rule="evenodd" d="M23.7192,4.3052 L22.2812,5.6952 L25.4722,9.0002 L17.0002,9.0002 C11.4862,9.0002 7.0002,13.4862 7.0002,19.0002 C7.0002,24.5142 11.4862,29.0002 17.0002,29.0002 L18.0002,29.0002 L18.0002,27.0002 L17.0002,27.0002 C12.5892,27.0002 9.0002,23.4112 9.0002,19.0002 C9.0002,14.5892 12.5892,11.0002 17.0002,11.0002 L25.4722,11.0002 L22.2812,14.3052 L23.7192,15.6952 L29.2192,10.0002 L23.7192,4.3052 Z"/>' };
+const messages = defineMessages({
+  undo: {
+    id: "Undo",
+    defaultMessage: "Undo"
+  },
+  redo: {
+    id: "Redo",
+    defaultMessage: "Redo"
+  }
+});
+const UndoToolbar = ({ state, onUndoRedo, maxUndoLevels, enableHotKeys }) => {
+  const intl = useIntl();
+  const undoLevels = maxUndoLevels ?? $149c1bd638913645$export$2e2bcd8739ae039.settings.maxUndoLevels;
+  const { doUndo, doRedo, canUndo, canRedo } = useUndoManager(
+    state,
+    onUndoRedo,
+    {
+      maxUndoLevels: undoLevels
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Plug,
+      {
+        pluggable: "main.toolbar.bottom",
+        id: "undo-btn",
+        dependencies: [canUndo, canRedo],
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "undo",
+            onClick: () => doUndo(),
+            "aria-label": intl.formatMessage(messages.undo),
+            disabled: !canUndo,
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: undoSVG,
+                className: "circled",
+                size: "30px",
+                title: intl.formatMessage(messages.undo)
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Plug,
+      {
+        pluggable: "main.toolbar.bottom",
+        id: "redo-btn",
+        dependencies: [canUndo, canRedo],
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "redo",
+            onClick: () => doRedo(),
+            "aria-label": intl.formatMessage(messages.redo),
+            disabled: !canRedo,
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: redoSVG,
+                className: "circled",
+                size: "30px",
+                title: intl.formatMessage(messages.redo)
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  UndoToolbar as default
+};

package/dist/server/assets/UpgradeControlPanel-DqSvBsKg.js

@@ -0,0 +1,397 @@
+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, jsxs, Fragment } from "react/jsx-runtime";
+import { Component } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { compose } from "redux";
+import { Link } from "react-router-dom";
+import { createPortal } from "react-dom";
+import { Container, Segment, Message, Table, Form as Form$1, Button } from "semantic-ui-react";
+import { injectIntl, defineMessages, FormattedMessage } from "react-intl";
+import { map } from "lodash-es";
+import { c7 as GET_UPGRADE, c8 as POST_UPGRADE, bP as getSystemInformation, T as Toast, H as HelmetExport, bF as VersionOverview, I as Icon, o as backSVG } from "../entry-server.js";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import { toast } from "react-toastify";
+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 "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 "./users-BY0qskQF.js";
+import "./User-CeYa32LY.js";
+import "./PersonalInformation--cOokZv2.js";
+function getUpgradeInformation() {
+  return {
+    type: GET_UPGRADE,
+    request: {
+      op: "get",
+      path: "/@upgrade"
+    }
+  };
+}
+function runUpgrade(dryRun) {
+  return {
+    type: POST_UPGRADE,
+    request: {
+      op: "post",
+      path: `/@upgrade`,
+      data: { dryRun }
+    }
+  };
+}
+const messages = defineMessages({
+  back: {
+    id: "Back",
+    defaultMessage: "Back"
+  },
+  upgradeInformation: {
+    id: "Upgrade Plone Site",
+    defaultMessage: "Upgrade Plone Site"
+  },
+  upgrade: {
+    id: "Upgrade Plone Site",
+    defaultMessage: "Upgrade Plone Site"
+  },
+  upgradeSuccess: {
+    id: "Your site is up to date.",
+    defaultMessage: "Your site is up to date."
+  },
+  dryRunSuccess: {
+    id: "Dry run selected, transaction aborted.",
+    defaultMessage: "Dry run selected, transaction aborted."
+  },
+  upgradeError: {
+    id: "There was an error with the upgrade.",
+    defaultMessage: "There was an error with the upgrade."
+  }
+});
+const UpgradeStep = ({ title, steps }) => {
+  const stepTitles = steps.map((step) => {
+    return step.title;
+  });
+  return /* @__PURE__ */ jsxs(Message, { children: [
+    /* @__PURE__ */ jsx(Message.Header, { children: title }),
+    /* @__PURE__ */ jsx(Message.List, { items: stepTitles })
+  ] });
+};
+class UpgradeControlPanel extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs DiffComponent
+   */
+  constructor(props) {
+    super(props);
+    this.runUpgrade = this.runUpgrade.bind(this);
+    this.state = {
+      isClient: false,
+      dryRun: false
+    };
+  }
+  /**
+   * Component did mount
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    this.props.getUpgradeInformation();
+    this.props.getSystemInformation();
+    this.setState({ isClient: true, dryRun: false });
+  }
+  /**
+   * Run Upgrade handler
+   * @method runUpgrade
+   * @param {boolean} dryRun Id of package to install.
+   * @returns {undefined}
+   */
+  runUpgrade(dryRun) {
+    this.props.runUpgrade(dryRun).then(() => {
+      if (!dryRun) {
+        this.props.getUpgradeInformation();
+        toast.success(
+          /* @__PURE__ */ jsx(
+            Toast,
+            {
+              success: true,
+              title: this.props.intl.formatMessage(messages.upgrade),
+              content: this.props.intl.formatMessage(messages.upgradeSuccess)
+            }
+          )
+        );
+      } else {
+        toast.success(
+          /* @__PURE__ */ jsx(
+            Toast,
+            {
+              success: true,
+              title: this.props.intl.formatMessage(messages.upgrade),
+              content: this.props.intl.formatMessage(messages.dryRunSuccess)
+            }
+          )
+        );
+      }
+    }).catch(() => {
+      toast.error(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            error: true,
+            title: this.props.intl.formatMessage(messages.upgrade),
+            content: this.props.intl.formatMessage(messages.upgradeError)
+          }
+        )
+      );
+    });
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    const upgradeInformation = this.props.upgradeInformation;
+    const upgradeSteps = upgradeInformation ? Object.entries(upgradeInformation.upgrade_steps) : null;
+    return upgradeInformation ? /* @__PURE__ */ jsxs(Container, { id: "upgrade-page", className: "controlpanel-upgrade", children: [
+      /* @__PURE__ */ jsx(
+        HelmetExport,
+        {
+          title: this.props.intl.formatMessage(messages.upgradeInformation)
+        }
+      ),
+      /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
+        /* @__PURE__ */ jsx(Segment, { className: "primary", children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Upgrade Plone Site",
+            defaultMessage: "Upgrade Plone Site"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Segment, { className: "secondary", children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "More information about the upgrade procedure can be found in the documentation section of plone.org in the Upgrade Guide.",
+            defaultMessage: "More information about the upgrade procedure can be found in the documentation section of plone.org in the Upgrade Guide."
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Message, { attached: true, children: /* @__PURE__ */ jsx(Message.Header, { children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Configuration Versions",
+            defaultMessage: "Configuration Versions"
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxs(Segment, { children: [
+          upgradeInformation.versions.fs === upgradeInformation.versions.instance ? /* @__PURE__ */ jsx(Message, { attached: true, success: true, children: /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              id: "Your site is up to date.",
+              defaultMessage: "Your site is up to date."
+            }
+          ) }) : /* @__PURE__ */ jsx(Message, { attached: true, warning: true, children: /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              id: "The site configuration is outdated and needs to be upgraded.",
+              defaultMessage: "The site configuration is outdated and needs to be upgraded."
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Table, { celled: true, padded: true, columns: "2", children: /* @__PURE__ */ jsxs(Table.Body, { children: [
+            /* @__PURE__ */ jsxs(Table.Row, { children: [
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+                FormattedMessage,
+                {
+                  id: "Current active configuration",
+                  defaultMessage: "Current active configuration"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: upgradeInformation.versions.instance })
+            ] }),
+            /* @__PURE__ */ jsxs(Table.Row, { children: [
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+                FormattedMessage,
+                {
+                  id: "Latest available configuration",
+                  defaultMessage: "Latest available configuration"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: upgradeInformation.versions.fs })
+            ] })
+          ] }) })
+        ] }),
+        upgradeSteps.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(Message, { attached: true, children: [
+            /* @__PURE__ */ jsx(Message.Header, { children: /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "Upgrade Steps",
+                defaultMessage: "Upgrade Steps"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Message.Content, { children: /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient.",
+                defaultMessage: "The following list shows which upgrade steps are going to be run. Upgrading sometimes performs a catalog/security update, which may take a long time on large sites. Be patient."
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(Segment, { children: [
+            /* @__PURE__ */ jsx(Container, { children: map(upgradeSteps, (upgradeGroup) => [
+              /* @__PURE__ */ jsx(
+                UpgradeStep,
+                {
+                  title: upgradeGroup[0],
+                  steps: upgradeGroup[1]
+                }
+              )
+            ]) }),
+            /* @__PURE__ */ jsx(Message, { negative: true, children: /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "Please ensure you have a backup of your site before performing the upgrade.",
+                defaultMessage: "Please ensure you have a backup of your site before performing the upgrade."
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              Form$1.Checkbox,
+              {
+                onChange: (e, data) => this.setState({ dryRun: data.checked }),
+                checked: this.state.dryRun,
+                label: "Dry run mode"
+              }
+            ),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": this.props.intl.formatMessage({
+                  id: "Upgrade",
+                  defaultMessage: "Upgrade"
+                }),
+                onClick: () => this.runUpgrade(this.state.dryRun),
+                primary: true,
+                children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Upgrade", defaultMessage: "Upgrade" })
+              }
+            )
+          ] })
+        ] }),
+        this.props.upgradeReport ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Message, { attached: true, children: /* @__PURE__ */ jsx(Message.Header, { children: /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              id: "Upgrade Report",
+              defaultMessage: "Upgrade Report"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx(Segment, { children: /* @__PURE__ */ jsx("pre", { children: this.props.upgradeReport.report }) })
+        ] }) : null,
+        /* @__PURE__ */ jsx(Message, { attached: true, children: /* @__PURE__ */ jsx(Message.Header, { children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Version Overview",
+            defaultMessage: "Version Overview"
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx(Segment, { children: this.props.systemInformation ? /* @__PURE__ */ jsx(VersionOverview, { ...this.props.systemInformation }) : null })
+      ] }),
+      this.state.isClient && createPortal(
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            pathname: this.props.pathname,
+            hideDefaultViewButtons: true,
+            inner: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Link, { to: "/controlpanel", className: "item", children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: backSVG,
+                "aria-label": this.props.intl.formatMessage(messages.back),
+                className: "contents circled",
+                size: "30px",
+                title: this.props.intl.formatMessage(messages.back)
+              }
+            ) }) })
+          }
+        ),
+        document.getElementById("toolbar")
+      )
+    ] }) : null;
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(UpgradeControlPanel, "propTypes", {
+  getUpgradeInformation: PropTypes.func.isRequired,
+  getSystemInformation: PropTypes.func.isRequired,
+  runUpgrade: PropTypes.func.isRequired
+});
+const UpgradeControlPanel$1 = compose(
+  injectIntl,
+  connect(
+    (state, props) => ({
+      upgradeInformation: state.upgrade.upgradeinformation,
+      pathname: props.location.pathname,
+      systemInformation: state.controlpanels.systeminformation,
+      upgradeReport: state.upgrade.upgradereport
+    }),
+    { getUpgradeInformation, getSystemInformation, runUpgrade }
+  )
+)(UpgradeControlPanel);
+export {
+  UpgradeControlPanel$1 as default
+};