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

package/dist/server/assets/ManageTranslations-DBpk3SPh.js

@@ -0,0 +1,316 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { useState, useEffect } from "react";
+import { Container, Segment, Table, Button } from "semantic-ui-react";
+import { X as withObjectBrowser, n as getContent, b as getBaseUrl, f as flattenToAppURL, T as Toast, H as HelmetExport, $ as $149c1bd638913645$export$2e2bcd8739ae039, l as langmap, I as Icon, Y as addSVG, Z as linkSVG, a0 as unlinkSVG, o as backSVG } from "../entry-server.js";
+import { reduce } from "lodash-es";
+import { useLocation, Link } from "react-router-dom";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import { l as linkTranslation, d as deleteLinkTranslation } from "./translations-DicXGvqf.js";
+import { defineMessages, useIntl, FormattedMessage } from "react-intl";
+import { useSelector, useDispatch } from "react-redux";
+import { createPortal } from "react-dom";
+import { toast } from "react-toastify";
+import "classnames";
+import "moment";
+import "react-router";
+import "prop-types";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "redux";
+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";
+const messages = defineMessages({
+  success: {
+    id: "Success",
+    defaultMessage: "Success"
+  },
+  linked: {
+    id: "Translation linked",
+    defaultMessage: "Translation linked"
+  },
+  unlinked: {
+    id: "Translation linking removed",
+    defaultMessage: "Translation linking removed"
+  },
+  link: {
+    id: "Link translation for",
+    defaultMessage: "Link translation for"
+  },
+  unlink: {
+    id: "Unlink translation for",
+    defaultMessage: "Unlink translation for"
+  },
+  ManageTranslations: {
+    id: "Manage Translations",
+    defaultMessage: "Manage Translations"
+  },
+  ManageTranslationsTitle: {
+    id: "Manage translations for {title}",
+    defaultMessage: "Manage translations for {title}"
+  },
+  back: {
+    id: "Back",
+    defaultMessage: "Back"
+  }
+});
+const ManageTranslations = (props) => {
+  const intl = useIntl();
+  const pathname = useLocation().pathname;
+  const content = useSelector((state) => state.content.data);
+  const dispatch = useDispatch();
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  const { isObjectBrowserOpen, openObjectBrowser } = props;
+  const currentSelectedItem = React__default.useRef(null);
+  React__default.useEffect(() => {
+    if (!content) {
+      dispatch(getContent(getBaseUrl(pathname)));
+    }
+  }, [dispatch, content, pathname]);
+  React__default.useEffect(() => {
+    if (!isObjectBrowserOpen && currentSelectedItem.current) {
+      dispatch(
+        linkTranslation(
+          flattenToAppURL(content["@id"]),
+          currentSelectedItem.current
+        )
+      ).then((resp) => {
+        toast.success(
+          /* @__PURE__ */ jsx(
+            Toast,
+            {
+              success: true,
+              title: intl.formatMessage(messages.success),
+              content: intl.formatMessage(messages.linked)
+            }
+          )
+        );
+        dispatch(getContent(getBaseUrl(pathname)));
+      }).catch((error) => {
+        const shadowedError = JSON.parse(error.response.text);
+        toast.error(
+          /* @__PURE__ */ jsx(
+            Toast,
+            {
+              error: true,
+              title: shadowedError.error.type,
+              content: shadowedError.error.message
+            }
+          ),
+          { toastId: "linkFailed" }
+        );
+      });
+    }
+  }, [isObjectBrowserOpen]);
+  const translations = content && content["@components"].translations.items && {
+    [content.language.token]: {
+      url: content["@id"]
+    },
+    ...reduce(
+      content["@components"].translations.items,
+      (acc, value) => {
+        return { ...acc, [value.language]: { url: value["@id"] } };
+      },
+      {}
+    )
+  };
+  function onSelectTarget(target) {
+    currentSelectedItem.current = target;
+  }
+  function onDeleteTranslation(lang) {
+    dispatch(deleteLinkTranslation(flattenToAppURL(content["@id"]), lang)).then((resp) => {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: intl.formatMessage(messages.success),
+            content: intl.formatMessage(messages.unlinked)
+          }
+        )
+      );
+      dispatch(getContent(getBaseUrl(pathname)));
+    }).catch((error) => {
+      const shadowedError = JSON.parse(error.response.text);
+      toast.error(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            error: true,
+            title: shadowedError.error.type,
+            content: shadowedError.error.message
+          }
+        ),
+        { toastId: "linkFailed" }
+      );
+    });
+  }
+  return /* @__PURE__ */ jsxs(Container, { id: "page-manage-translations", children: [
+    /* @__PURE__ */ jsx(HelmetExport, { title: intl.formatMessage(messages.ManageTranslations) }),
+    /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
+      /* @__PURE__ */ jsx(Segment, { className: "primary", children: /* @__PURE__ */ jsx(
+        FormattedMessage,
+        {
+          id: "Manage translations for {title}",
+          defaultMessage: "Manage translations for {title}",
+          values: { title: /* @__PURE__ */ jsx("q", { children: content.title }) }
+        }
+      ) }),
+      content && /* @__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: "Language" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Path" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { textAlign: "right", children: "Tools" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Body, { children: $149c1bd638913645$export$2e2bcd8739ae039.settings.supportedLanguages.map((lang) => {
+          var _a, _b;
+          return /* @__PURE__ */ jsxs(Table.Row, { children: [
+            /* @__PURE__ */ jsx(Table.Cell, { collapsing: true, children: lang === content.language.token ? /* @__PURE__ */ jsx("strong", { children: langmap[lang].nativeName }) : langmap[lang].nativeName }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Link, { to: flattenToAppURL(((_a = translations[lang]) == null ? void 0 : _a.url) || ""), children: flattenToAppURL(((_b = translations[lang]) == null ? void 0 : _b.url) || "") }) }),
+            /* @__PURE__ */ jsxs(
+              Table.Cell,
+              {
+                textAlign: "right",
+                className: "manage-multilingual-tools",
+                children: [
+                  /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      basic: true,
+                      icon: true,
+                      disabled: lang === content.language.token || (translations == null ? void 0 : translations[lang]),
+                      as: Link,
+                      to: {
+                        pathname: `${pathname}/create-translation`,
+                        state: {
+                          type: content["@type"],
+                          translationOf: flattenToAppURL(content["@id"]),
+                          language: lang
+                        }
+                      },
+                      children: /* @__PURE__ */ jsx(Icon, { name: addSVG, size: "24px" })
+                    }
+                  ) }),
+                  (translations == null ? void 0 : translations[lang]) ? /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "aria-label": `${intl.formatMessage(
+                        messages.unlink
+                      )} ${langmap[lang].nativeName.toLowerCase()}`,
+                      basic: true,
+                      icon: true,
+                      disabled: lang === content.language.token,
+                      onClick: () => onDeleteTranslation(lang),
+                      children: /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          name: lang === content.language.token ? linkSVG : unlinkSVG,
+                          size: "24px"
+                        }
+                      )
+                    }
+                  ) }) : /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "aria-label": `${intl.formatMessage(
+                        messages.link
+                      )} ${langmap[lang].nativeName.toLowerCase()}`,
+                      basic: true,
+                      icon: true,
+                      disabled: lang === content.language.token,
+                      onClick: () => openObjectBrowser({
+                        mode: "link",
+                        overlay: true,
+                        onSelectItem: (url) => {
+                          onSelectTarget(url);
+                        }
+                      }),
+                      children: /* @__PURE__ */ jsx(Icon, { name: linkSVG, size: "24px" })
+                    }
+                  ) })
+                ]
+              }
+            )
+          ] }, lang);
+        }) })
+      ] }),
+      isClient && createPortal(
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            pathname,
+            hideDefaultViewButtons: true,
+            inner: /* @__PURE__ */ jsx(Link, { to: `${getBaseUrl(pathname)}`, className: "item", children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: backSVG,
+                className: "contents circled",
+                size: "30px",
+                title: intl.formatMessage(messages.back)
+              }
+            ) })
+          }
+        ),
+        document.getElementById("toolbar")
+      )
+    ] })
+  ] });
+};
+const ManageTranslations$1 = withObjectBrowser(ManageTranslations);
+export {
+  ManageTranslations$1 as default
+};

package/dist/server/assets/ModalForm-BFUz4-5h.js

@@ -0,0 +1,343 @@
+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, jsx } from "react/jsx-runtime";
+import { Component, createElement } from "react";
+import PropTypes from "prop-types";
+import { keys, map } from "lodash-es";
+import { Modal, Header, Dimmer, Loader, Form as Form$1, Message, Menu, Button } from "semantic-ui-react";
+import { injectIntl, defineMessages, FormattedMessage } from "react-intl";
+import { cM as FormValidation, L as Field, I as Icon, S as aheadSVG, k as clearSVG } from "../entry-server.js";
+import "classnames";
+import "moment";
+import "react-redux";
+import "react-router";
+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 messages = defineMessages({
+  required: {
+    id: "Required input is missing.",
+    defaultMessage: "Required input is missing."
+  },
+  minLength: {
+    id: "Minimum length is {len}.",
+    defaultMessage: "Minimum length is {len}."
+  },
+  uniqueItems: {
+    id: "Items must be unique.",
+    defaultMessage: "Items must be unique."
+  },
+  save: {
+    id: "Save",
+    defaultMessage: "Save"
+  },
+  cancel: {
+    id: "Cancel",
+    defaultMessage: "Cancel"
+  }
+});
+class ModalForm extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs ModalForm
+   */
+  constructor(props) {
+    super(props);
+    this.state = {
+      currentTab: 0,
+      errors: {},
+      isFormPristine: true,
+      formData: props.formData
+    };
+    this.selectTab = this.selectTab.bind(this);
+    this.onChangeField = this.onChangeField.bind(this);
+    this.onBlurField = this.onBlurField.bind(this);
+    this.onClickInput = this.onClickInput.bind(this);
+    this.onSubmit = this.onSubmit.bind(this);
+  }
+  /**
+   * Change field handler
+   * @method onChangeField
+   * @param {string} id Id of the field
+   * @param {*} value Value of the field
+   * @returns {undefined}
+   */
+  onChangeField(id, value) {
+    this.setState({
+      formData: {
+        ...this.state.formData,
+        [id]: value
+      }
+    });
+  }
+  /**
+   * If user clicks on input, the form will be not considered pristine
+   * this will avoid onBlur effects without interaction with the form
+   * @param {Object} e event
+   */
+  onClickInput(e) {
+    this.setState({ isFormPristine: false });
+  }
+  /**
+   * Validate fields on blur
+   * @method onBlurField
+   * @param {string} id Id of the field
+   * @param {*} value Value of the field
+   * @returns {undefined}
+   */
+  onBlurField(id, value) {
+    if (!this.state.isFormPristine) {
+      const errors = FormValidation.validateFieldsPerFieldset({
+        schema: this.props.schema,
+        formData: this.state.formData,
+        formatMessage: this.props.intl.formatMessage,
+        touchedField: { [id]: value }
+      });
+      this.setState({
+        errors
+      });
+    }
+  }
+  /**
+   * Submit handler
+   * @method onSubmit
+   * @param {Object} event Event object.
+   * @returns {undefined}
+   */
+  onSubmit(event) {
+    event.preventDefault();
+    const errors = FormValidation.validateFieldsPerFieldset({
+      schema: this.props.schema,
+      formData: this.state.formData,
+      formatMessage: this.props.intl.formatMessage
+    });
+    if (keys(errors).length > 0) {
+      this.setState({
+        errors
+      });
+    } else {
+      let setFormDataCallback = (formData) => {
+        this.setState({ formData, errors: {} });
+      };
+      this.props.onSubmit(this.state.formData, setFormDataCallback);
+    }
+  }
+  /**
+   * Select tab handler
+   * @method selectTab
+   * @param {Object} event Event object.
+   * @param {number} index Selected tab index.
+   * @returns {undefined}
+   */
+  selectTab(event, { index }) {
+    this.setState({
+      currentTab: index
+    });
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    const { schema, onCancel } = this.props;
+    const currentFieldset = schema.fieldsets[this.state.currentTab];
+    const fields = map(currentFieldset.fields, (field) => ({
+      ...schema.properties[field],
+      id: field,
+      value: this.state.formData[field],
+      required: schema.required.indexOf(field) !== -1,
+      onChange: this.onChangeField,
+      onBlur: this.onBlurField,
+      onClick: this.onClickInput
+    }));
+    const state_errors = keys(this.state.errors).length > 0;
+    return /* @__PURE__ */ jsxs(
+      Modal,
+      {
+        dimmer: this.props.dimmer,
+        open: this.props.open,
+        className: this.props.className,
+        children: [
+          /* @__PURE__ */ jsx(Header, { children: this.props.title }),
+          /* @__PURE__ */ jsx(Dimmer, { active: this.props.loading, children: /* @__PURE__ */ jsx(Loader, { children: this.props.loadingMessage || /* @__PURE__ */ jsx(FormattedMessage, { id: "Loading", defaultMessage: "Loading." }) }) }),
+          /* @__PURE__ */ jsx(Modal.Content, { scrolling: true, children: /* @__PURE__ */ jsxs(
+            Form$1,
+            {
+              method: "post",
+              onSubmit: this.onSubmit,
+              error: state_errors || Boolean(this.props.submitError),
+              children: [
+                /* @__PURE__ */ jsxs(Message, { error: true, children: [
+                  state_errors ? /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "There were some errors.",
+                      defaultMessage: "There were some errors."
+                    }
+                  ) : "",
+                  /* @__PURE__ */ jsx("div", { children: this.props.submitError })
+                ] }),
+                schema.fieldsets.length > 1 && /* @__PURE__ */ jsx(Menu, { tabular: true, stackable: true, children: map(schema.fieldsets, (item, index) => /* @__PURE__ */ jsx(
+                  Menu.Item,
+                  {
+                    name: item.id,
+                    index,
+                    active: this.state.currentTab === index,
+                    onClick: this.selectTab,
+                    children: item.title
+                  },
+                  item.id
+                )) }),
+                fields.map((field) => /* @__PURE__ */ createElement(
+                  Field,
+                  {
+                    ...field,
+                    key: field.id,
+                    onBlur: this.onBlurField,
+                    onClick: this.onClickInput,
+                    error: this.state.errors[field.id]
+                  }
+                ))
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(Modal.Actions, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                basic: true,
+                circular: true,
+                primary: true,
+                floated: "right",
+                "aria-label": this.props.submitLabel ? this.props.submitLabel : this.props.intl.formatMessage(messages.save),
+                title: this.props.submitLabel ? this.props.submitLabel : this.props.intl.formatMessage(messages.save),
+                onClick: this.onSubmit,
+                loading: this.props.loading,
+                children: /* @__PURE__ */ jsx(Icon, { name: aheadSVG, className: "contents circled", size: "30px" })
+              }
+            ),
+            onCancel && /* @__PURE__ */ jsx(
+              Button,
+              {
+                basic: true,
+                circular: true,
+                secondary: true,
+                "aria-label": this.props.intl.formatMessage(messages.cancel),
+                title: this.props.intl.formatMessage(messages.cancel),
+                floated: "right",
+                onClick: onCancel,
+                children: /* @__PURE__ */ jsx(Icon, { name: clearSVG, className: "circled", size: "30px" })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(ModalForm, "propTypes", {
+  schema: PropTypes.shape({
+    fieldsets: PropTypes.arrayOf(
+      PropTypes.shape({
+        fields: PropTypes.arrayOf(PropTypes.string),
+        id: PropTypes.string,
+        title: PropTypes.string
+      })
+    ),
+    properties: PropTypes.objectOf(PropTypes.any),
+    required: PropTypes.arrayOf(PropTypes.string)
+  }).isRequired,
+  title: PropTypes.string.isRequired,
+  formData: PropTypes.objectOf(PropTypes.any),
+  submitError: PropTypes.string,
+  onSubmit: PropTypes.func.isRequired,
+  onCancel: PropTypes.func,
+  open: PropTypes.bool,
+  submitLabel: PropTypes.string,
+  loading: PropTypes.bool,
+  loadingMessage: PropTypes.string,
+  className: PropTypes.string
+});
+/**
+ * Default properties.
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+__publicField(ModalForm, "defaultProps", {
+  submitLabel: null,
+  onCancel: null,
+  formData: {},
+  open: true,
+  loading: null,
+  loadingMessage: null,
+  submitError: null,
+  className: null,
+  dimmer: null
+});
+const ModalForm$1 = injectIntl(ModalForm);
+export {
+  ModalForm$1 as default
+};