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

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

@@ -1,316 +0,0 @@
-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

@@ -1,343 +0,0 @@
-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
-};