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

package/dist/server/assets/ReferenceWidget-BYkwGmcC.js

@@ -0,0 +1,236 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { useDispatch, useSelector } from "react-redux";
+import { Dropdown, Popup, Icon, Label } from "semantic-ui-react";
+import { fromPairs, map, uniqBy, compact, concat, values } from "lodash-es";
+import { defineMessages, useIntl } from "react-intl";
+import { f as flattenToAppURL, bT as resetSearchContent, a5 as FormFieldWrapper, aP as searchContent } from "../entry-server.js";
+import "classnames";
+import "moment";
+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({
+  no_results_found: {
+    id: "No results found.",
+    defaultMessage: "No results found."
+  },
+  no_value: {
+    id: "No value",
+    defaultMessage: "No value"
+  }
+});
+const ReferenceWidget = (props) => {
+  const { id, title, value, multiple, onChange } = props;
+  const intl = useIntl();
+  const dispatch = useDispatch();
+  const search = useSelector((state) => state.search.items);
+  const [choices, setChoices] = useState(
+    value ? multiple ? fromPairs(
+      map(value, (value2) => [
+        value2["@id"],
+        {
+          key: value2["@id"],
+          text: flattenToAppURL(value2["@id"]),
+          value: value2["@id"],
+          label: {
+            content: value2.title
+          },
+          data: value2
+        }
+      ])
+    ) : {
+      [value["@id"]]: {
+        key: value["@id"],
+        text: flattenToAppURL(value),
+        value: value["@id"],
+        label: {
+          content: value.title
+        },
+        data: value
+      },
+      novalue: {
+        key: "novalue",
+        text: intl.formatMessage(messages.no_value),
+        value: "novalue",
+        data: null
+      }
+    } : {}
+  );
+  useEffect(() => {
+    dispatch(resetSearchContent());
+  }, [dispatch]);
+  useEffect(() => {
+    setChoices({
+      ...fromPairs(
+        map(
+          uniqBy(
+            map(compact(concat(value, search)), (item) => ({
+              ...item,
+              "@id": flattenToAppURL(item["@id"])
+            })),
+            "@id"
+          ),
+          (value2) => [
+            value2["@id"],
+            {
+              key: value2["@id"],
+              text: flattenToAppURL(value2["@id"]),
+              value: value2["@id"],
+              label: {
+                content: value2.title
+              },
+              data: value2
+            }
+          ]
+        )
+      ),
+      novalue: {
+        key: "novalue",
+        text: intl.formatMessage(messages.no_value),
+        value: "novalue",
+        data: null
+      }
+    });
+  }, [intl, search, value]);
+  const onSearchChange = (event, data) => {
+    if (data.searchQuery && data.searchQuery !== "") {
+      dispatch(
+        searchContent("", {
+          Title: `*${data.searchQuery}*`
+        })
+      );
+    } else {
+      dispatch(resetSearchContent());
+    }
+  };
+  const renderLabel = (item, index, defaultProps) => {
+    return /* @__PURE__ */ jsx(
+      Popup,
+      {
+        content: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Icon, { name: "home" }),
+          " ",
+          item.value
+        ] }),
+        trigger: defaultProps && /* @__PURE__ */ jsxs(Label, { active: defaultProps.active, children: [
+          item.label.content,
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "delete",
+              onClick: (event) => {
+                defaultProps.onRemove(event, defaultProps);
+              }
+            }
+          )
+        ] })
+      },
+      item.value
+    );
+  };
+  return /* @__PURE__ */ jsx(FormFieldWrapper, { ...props, children: /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      options: values(choices),
+      placeholder: title,
+      search: true,
+      selection: true,
+      fluid: true,
+      noResultsMessage: intl.formatMessage(messages.no_results_found),
+      multiple,
+      value: multiple ? value ? map(
+        value,
+        (item) => item && item["@id"] ? flattenToAppURL(item["@id"]) : item
+      ) : [] : value ? flattenToAppURL(value["@id"]) : "",
+      onChange: (event, data) => {
+        return onChange(
+          id,
+          multiple ? map(data.value, (item) => choices[item].data) : choices[data.value].data
+        );
+      },
+      onSearchChange,
+      renderLabel
+    }
+  ) });
+};
+ReferenceWidget.propTypes = {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string,
+  required: PropTypes.bool,
+  multiple: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  value: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.object),
+    PropTypes.object
+  ]),
+  onChange: PropTypes.func.isRequired,
+  wrapped: PropTypes.bool
+};
+ReferenceWidget.defaultProps = {
+  description: null,
+  required: false,
+  error: [],
+  value: null,
+  multiple: true
+};
+export {
+  ReferenceWidget as default
+};

package/dist/server/assets/Register-DCPdPToE.js

@@ -0,0 +1,185 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { defineMessages, useIntl } from "react-intl";
+import { useHistory } from "react-router-dom";
+import { toast } from "react-toastify";
+import { u as usePrevious, T as Toast, H as HelmetExport, F as Form } from "../entry-server.js";
+import { c as createUser } from "./users-BY0qskQF.js";
+import "classnames";
+import "lodash-es";
+import "moment";
+import "react-router";
+import "prop-types";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "semantic-ui-react";
+import "redux";
+import "lodash-move";
+import "react-dom";
+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";
+const messages = defineMessages({
+  title: {
+    id: "Registration form",
+    defaultMessage: "Registration form"
+  },
+  default: {
+    id: "Default",
+    defaultMessage: "Default"
+  },
+  fullnameTitle: {
+    id: "Full Name",
+    defaultMessage: "Full Name"
+  },
+  fullnameDescription: {
+    id: "Enter full name, e.g. John Smith.",
+    defaultMessage: "Enter full name, e.g. John Smith."
+  },
+  emailTitle: {
+    id: "E-mail",
+    defaultMessage: "E-mail"
+  },
+  emailDescription: {
+    id: "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere.",
+    defaultMessage: "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
+  },
+  successRegisterCompletedTitle: {
+    id: "Account Registration Completed",
+    defaultMessage: "Account Registration Completed"
+  },
+  successRegisterCompletedBody: {
+    id: "The registration process has been successful. Please check your e-mail inbox for information on how activate your account.",
+    defaultMessage: "The registration process has been successful. Please check your e-mail inbox for information on how activate your account."
+  },
+  register: {
+    id: "Register",
+    defaultMessage: "Register"
+  }
+});
+const useUsers = () => {
+  const error = useSelector((state) => state.users.create.error);
+  const loading = useSelector((state) => state.users.create.loading);
+  const loaded = useSelector((state) => state.users.create.loaded);
+  return { error, loaded, loading };
+};
+const Register = () => {
+  const dispatch = useDispatch();
+  const intl = useIntl();
+  const history = useHistory();
+  const [errors, setError] = useState(null);
+  const { loaded, loading, error } = useUsers();
+  const prevloading = usePrevious(loading);
+  useEffect(() => {
+    if (prevloading && loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: intl.formatMessage(messages.successRegisterCompletedTitle),
+            content: intl.formatMessage(messages.successRegisterCompletedBody)
+          }
+        )
+      );
+      history.push("/login");
+    }
+  }, [intl, history, loaded, prevloading]);
+  const onSubmit = (data) => {
+    const { fullname, email } = data;
+    dispatch(
+      createUser({
+        fullname,
+        email,
+        sendPasswordReset: true
+      })
+    );
+    setError(null);
+  };
+  return /* @__PURE__ */ jsxs("div", { id: "page-register", children: [
+    /* @__PURE__ */ jsx(HelmetExport, { title: intl.formatMessage(messages.register) }),
+    /* @__PURE__ */ jsx(
+      Form,
+      {
+        onSubmit,
+        title: intl.formatMessage(messages.title),
+        error: errors || error,
+        loading,
+        submitLabel: intl.formatMessage(messages.register),
+        schema: {
+          fieldsets: [
+            {
+              id: "default",
+              title: intl.formatMessage(messages.default),
+              fields: ["fullname", "email"]
+            }
+          ],
+          properties: {
+            fullname: {
+              type: "string",
+              title: intl.formatMessage(messages.fullnameTitle),
+              description: intl.formatMessage(messages.fullnameDescription)
+            },
+            email: {
+              type: "string",
+              title: intl.formatMessage(messages.emailTitle),
+              description: intl.formatMessage(messages.emailDescription)
+            }
+          },
+          required: ["fullname", "email"]
+        }
+      }
+    )
+  ] });
+};
+export {
+  Register as default
+};

package/dist/server/assets/RegistryImageWidget-Clx3uX9X.js

@@ -0,0 +1,189 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { lazy } from "react";
+import PropTypes from "prop-types";
+import { Dimmer, Image, Button } from "semantic-ui-react";
+import { readAsDataURL } from "promise-file-reader";
+import { injectIntl, defineMessages, useIntl } from "react-intl";
+import { cB as toPublicURL, a5 as FormFieldWrapper, I as Icon, b6 as deleteSVG, bd as validateFileUploadSize } from "../entry-server.js";
+import "classnames";
+import "lodash-es";
+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 "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 imageMimetypes = [
+  "image/png",
+  "image/jpeg",
+  "image/webp",
+  "image/jpg",
+  "image/gif",
+  "image/svg+xml"
+];
+const Dropzone = lazy(() => import("react-dropzone"));
+const messages = defineMessages({
+  releaseDrag: {
+    id: "Drop files here ...",
+    defaultMessage: "Drop files here ..."
+  },
+  editFile: {
+    id: "Drop file here to replace the existing file",
+    defaultMessage: "Drop file here to replace the existing file"
+  },
+  fileDrag: {
+    id: "Drop file here to upload a new file",
+    defaultMessage: "Drop file here to upload a new file"
+  },
+  replaceFile: {
+    id: "Replace existing file",
+    defaultMessage: "Replace existing file"
+  },
+  addNewFile: {
+    id: "Choose a file",
+    defaultMessage: "Choose a file"
+  }
+});
+const RegistryImageWidget = (props) => {
+  const { id, value, onChange, isDisabled } = props;
+  const intl = useIntl();
+  const fileName = value == null ? void 0 : value.split(";")[0];
+  const imgsrc = fileName ? `${toPublicURL("/")}@@site-logo/${atob(
+    fileName.replace("filenameb64:", "")
+  )}` : "";
+  const onDrop = (files) => {
+    const file = files[0];
+    if (!validateFileUploadSize(file, intl.formatMessage)) return;
+    readAsDataURL(file).then((data) => {
+      const fields = data.match(/^data:(.*);(.*),(.*)$/);
+      onChange(id, `filenameb64:${btoa(file.name)};datab64:${fields[3]}}`);
+    });
+    let reader = new FileReader();
+    reader.onload = function() {
+      const fields = reader.result.match(/^data:(.*);(.*),(.*)$/);
+      if (imageMimetypes.includes(fields[1])) {
+        let imagePreview = document.getElementById(`field-${id}-image`);
+        imagePreview.src = reader.result;
+      }
+    };
+    reader.readAsDataURL(files[0]);
+  };
+  return /* @__PURE__ */ jsxs(FormFieldWrapper, { ...props, children: [
+    /* @__PURE__ */ jsx(Dropzone, { onDrop, children: ({ getRootProps, getInputProps, isDragActive }) => /* @__PURE__ */ jsxs("div", { className: "file-widget-dropzone", ...getRootProps(), children: [
+      isDragActive && /* @__PURE__ */ jsx(Dimmer, { active: true }),
+      imgsrc ? /* @__PURE__ */ jsx(
+        Image,
+        {
+          className: "image-preview",
+          id: `field-${id}-image`,
+          size: "small",
+          src: imgsrc
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "dropzone-placeholder", children: isDragActive ? /* @__PURE__ */ jsx("p", { className: "dropzone-text", children: intl.formatMessage(messages.releaseDrag) }) : value ? /* @__PURE__ */ jsx("p", { className: "dropzone-text", children: intl.formatMessage(messages.editFile) }) : /* @__PURE__ */ jsx("p", { className: "dropzone-text", children: intl.formatMessage(messages.fileDrag) }) }),
+      /* @__PURE__ */ jsx("label", { className: "label-file-widget-input", children: value ? intl.formatMessage(messages.replaceFile) : intl.formatMessage(messages.addNewFile) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...getInputProps({
+            type: "file",
+            style: { display: "none" }
+          }),
+          id: `field-${id}`,
+          name: id,
+          type: "file",
+          disabled: isDisabled
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "field-file-name", children: value && /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: true,
+        basic: true,
+        className: "delete-button",
+        "aria-label": "delete file",
+        disabled: isDisabled,
+        onClick: () => {
+          onChange(id, "");
+        },
+        children: /* @__PURE__ */ jsx(Icon, { name: deleteSVG, size: "20px" })
+      }
+    ) })
+  ] });
+};
+RegistryImageWidget.propTypes = {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string,
+  required: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  value: PropTypes.shape({
+    "@type": PropTypes.string,
+    title: PropTypes.string
+  }),
+  onChange: PropTypes.func.isRequired,
+  wrapped: PropTypes.bool
+};
+RegistryImageWidget.defaultProps = {
+  description: null,
+  required: false,
+  error: [],
+  value: null
+};
+const RegistryImageWidget$1 = injectIntl(RegistryImageWidget);
+export {
+  RegistryImageWidget$1 as default
+};