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

package/dist/server/assets/ObjectBrowserWidget-DwTYxap2.js

@@ -1,420 +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 { jsx, jsxs } from "react/jsx-runtime";
-import React__default, { Component } from "react";
-import PropTypes from "prop-types";
-import { compose } from "redux";
-import { includes, remove, compact, isArray, isEmpty } from "lodash-es";
-import { connect } from "react-redux";
-import { Popup, Label, Image, Button } from "semantic-ui-react";
-import { X as withObjectBrowser, aP as searchContent, cz as isInternalURL, I as Icon, cC as homeSVG, f as flattenToAppURL, $ as $149c1bd638913645$export$2e2bcd8739ae039, k as clearSVG, cD as isUrl, cE as removeProtocol, cF as normalizeUrl, bV as navTreeSVG, a5 as FormFieldWrapper, S as aheadSVG } from "../entry-server.js";
-import { injectIntl, defineMessages } from "react-intl";
-import { withRouter } from "react-router";
-import "classnames";
-import "moment";
-import "react-router-hash-link";
-import "tlds";
-import "prepend-http";
-import "react-router-dom";
-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 blankSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<g fill-rule="evenodd"><path d="M16 5 16 7 27.586 7 13.293 21.293 14.707 22.707 29 8.414 29 20 31 20 31 5z"/><path d="M23 29 7 29 7 13 18 13 18 11 5 11 5 31 25 31 25 18 23 18z"/></g>' };
-const messages = defineMessages({
-  placeholder: {
-    id: "No items selected",
-    defaultMessage: "No items selected"
-  },
-  edit: {
-    id: "Edit",
-    defaultMessage: "Edit"
-  },
-  delete: {
-    id: "Delete",
-    defaultMessage: "Delete"
-  },
-  openObjectBrowser: {
-    id: "Open object browser",
-    defaultMessage: "Open object browser"
-  }
-});
-class ObjectBrowserWidgetComponent extends Component {
-  constructor(props) {
-    super(props);
-    __publicField(this, "state", {
-      manualLinkInput: "",
-      validURL: false
-    });
-    __publicField(this, "removeItem", (item) => {
-      let value = [...this.props.value];
-      remove(value, function(_item) {
-        return _item["@id"] === item["@id"];
-      });
-      this.props.onChange(this.props.id, value);
-    });
-    __publicField(this, "onChange", (item) => {
-      var _a, _b;
-      let value = this.props.mode === "multiple" && this.props.value ? [...this.props.value] : [];
-      value = value.filter((item2) => item2 != null);
-      const maxSize = ((_b = (_a = this.props.widgetOptions) == null ? void 0 : _a.pattern_options) == null ? void 0 : _b.maximumSelectionSize) || -1;
-      if (maxSize === 1 && value.length === 1) {
-        value = [];
-      }
-      let exists = false;
-      let index = -1;
-      value.forEach((_item, _index) => {
-        if (flattenToAppURL(_item["@id"]) === flattenToAppURL(item["@id"])) {
-          exists = true;
-          index = _index;
-        }
-      });
-      if (!exists) {
-        let resultantItem = item;
-        if (this.props.selectedItemAttrs) {
-          const allowedItemKeys = [
-            ...this.props.selectedItemAttrs,
-            // Add the required attributes for the widget to work
-            "@id",
-            "title"
-          ];
-          resultantItem = Object.keys(item).filter((key) => allowedItemKeys.includes(key)).reduce((obj, key) => {
-            obj[key] = item[key];
-            return obj;
-          }, {});
-        }
-        resultantItem = { ...resultantItem, "@id": item["@id"] };
-        value.push(resultantItem);
-        if (this.props.return === "single") {
-          this.props.onChange(this.props.id, value[0]);
-        } else {
-          this.props.onChange(this.props.id, value);
-        }
-      } else {
-        value.splice(index, 1);
-        this.props.onChange(this.props.id, value);
-      }
-    });
-    __publicField(this, "onManualLinkInput", (e) => {
-      this.setState({ manualLinkInput: e.target.value });
-      if (this.validateManualLink(e.target.value)) {
-        this.setState({ validURL: true });
-      } else {
-        this.setState({ validURL: false });
-      }
-    });
-    __publicField(this, "validateManualLink", (url) => {
-      if (this.props.allowExternals) {
-        return isUrl(url);
-      } else {
-        return isInternalURL(url);
-      }
-    });
-    __publicField(this, "onSubmitManualLink", () => {
-      if (this.validateManualLink(this.state.manualLinkInput)) {
-        if (isInternalURL(this.state.manualLinkInput)) {
-          const link = this.state.manualLinkInput;
-          this.props.searchContent(
-            "/",
-            {
-              "path.query": flattenToAppURL(this.state.manualLinkInput),
-              "path.depth": "0",
-              sort_on: "getObjPositionInParent",
-              metadata_fields: "_all",
-              b_size: 1e3
-            },
-            `${this.props.block}-${this.props.mode}`
-          ).then((resp) => {
-            var _a;
-            if (((_a = resp.items) == null ? void 0 : _a.length) > 0) {
-              this.onChange(resp.items[0]);
-            } else {
-              this.props.onChange(this.props.id, [
-                {
-                  "@id": flattenToAppURL(link),
-                  title: removeProtocol(link)
-                }
-              ]);
-            }
-          });
-        } else {
-          this.props.onChange(this.props.id, [
-            {
-              "@id": normalizeUrl(this.state.manualLinkInput),
-              title: removeProtocol(this.state.manualLinkInput)
-            }
-          ]);
-        }
-        this.setState({ validURL: true, manualLinkInput: "" });
-      }
-    });
-    __publicField(this, "onKeyDownManualLink", (e) => {
-      if (e.key === "Enter") {
-        e.preventDefault();
-        e.stopPropagation();
-        this.onSubmitManualLink();
-      } else if (e.key === "Escape") {
-        e.preventDefault();
-        e.stopPropagation();
-      }
-    });
-    __publicField(this, "showObjectBrowser", (ev) => {
-      var _a, _b, _c, _d;
-      ev.preventDefault();
-      this.props.openObjectBrowser({
-        mode: this.props.mode,
-        currentPath: this.props.initialPath || this.props.location.pathname,
-        propDataName: "value",
-        onSelectItem: (url, item) => {
-          this.onChange(item);
-        },
-        selectableTypes: ((_b = (_a = this.props.widgetOptions) == null ? void 0 : _a.pattern_options) == null ? void 0 : _b.selectableTypes) || this.props.selectableTypes,
-        maximumSelectionSize: ((_d = (_c = this.props.widgetOptions) == null ? void 0 : _c.pattern_options) == null ? void 0 : _d.maximumSelectionSize) || this.props.maximumSelectionSize
-      });
-    });
-    __publicField(this, "handleSelectedItemsRefClick", (e) => {
-      if (this.props.isDisabled) {
-        return;
-      }
-      if (e.target.contains(this.selectedItemsRef.current) || e.target.contains(this.placeholderRef.current)) {
-        this.showObjectBrowser(e);
-      }
-    });
-    this.selectedItemsRef = React__default.createRef();
-    this.placeholderRef = React__default.createRef();
-  }
-  renderLabel(item) {
-    const href = item["@id"];
-    return /* @__PURE__ */ jsx(
-      Popup,
-      {
-        content: /* @__PURE__ */ jsxs("div", { style: { display: "flex" }, children: [
-          isInternalURL(href) ? /* @__PURE__ */ jsx(Icon, { name: homeSVG, size: "18px" }) : /* @__PURE__ */ jsx(Icon, { name: blankSVG, size: "18px" }),
-          " ",
-          flattenToAppURL(href)
-        ] }),
-        trigger: /* @__PURE__ */ jsxs(Label, { children: [
-          /* @__PURE__ */ jsx("div", { className: "item-title", children: includes($149c1bd638913645$export$2e2bcd8739ae039.settings.imageObjects, item["@type"]) ? /* @__PURE__ */ jsx(
-            Image,
-            {
-              size: "small",
-              src: `${item["@id"]}/@@images/image/thumb`
-            }
-          ) : item.title }),
-          /* @__PURE__ */ jsx("div", { children: this.props.mode === "multiple" && /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: clearSVG,
-              size: "12px",
-              className: "right",
-              onClick: (event) => {
-                event.preventDefault();
-                this.removeItem(item);
-              }
-            }
-          ) })
-        ] })
-      },
-      flattenToAppURL(href)
-    );
-  }
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const { id, description, fieldSet, value, mode, onChange, isDisabled } = this.props;
-    let items = compact(!isArray(value) && value ? [value] : value || []);
-    let icon = mode === "multiple" || items.length === 0 ? navTreeSVG : clearSVG;
-    let iconAction = mode === "multiple" || items.length === 0 ? this.showObjectBrowser : (e) => {
-      e.preventDefault();
-      onChange(id, this.props.return === "single" ? null : []);
-    };
-    return /* @__PURE__ */ jsx(
-      FormFieldWrapper,
-      {
-        ...this.props,
-        className: description ? "help text" : "text",
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "objectbrowser-field",
-            "aria-labelledby": `fieldset-${fieldSet || "default"}-field-label-${id}`,
-            children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "selected-values",
-                  onClick: this.handleSelectedItemsRefClick,
-                  onKeyDown: this.handleSelectedItemsRefClick,
-                  role: "searchbox",
-                  tabIndex: 0,
-                  ref: this.selectedItemsRef,
-                  children: [
-                    items.map((item) => this.renderLabel(item)),
-                    items.length === 0 && this.props.mode === "multiple" && /* @__PURE__ */ jsx("div", { className: "placeholder", ref: this.placeholderRef, children: this.props.placeholder ?? this.props.intl.formatMessage(messages.placeholder) }),
-                    this.props.allowExternals && items.length === 0 && this.props.mode !== "multiple" && /* @__PURE__ */ jsx(
-                      "input",
-                      {
-                        onKeyDown: this.onKeyDownManualLink,
-                        onChange: this.onManualLinkInput,
-                        value: this.state.manualLinkInput,
-                        placeholder: this.props.placeholder ?? this.props.intl.formatMessage(messages.placeholder)
-                      }
-                    )
-                  ]
-                }
-              ),
-              this.state.manualLinkInput && isEmpty(items) && /* @__PURE__ */ jsxs(Button.Group, { children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    basic: true,
-                    className: "cancel",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      this.setState({ manualLinkInput: "" });
-                    },
-                    children: /* @__PURE__ */ jsx(Icon, { name: clearSVG, size: "18px", color: "#e40166" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    basic: true,
-                    primary: true,
-                    disabled: !this.state.validURL,
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      this.onSubmitManualLink();
-                    },
-                    children: /* @__PURE__ */ jsx(Icon, { name: aheadSVG, size: "18px" })
-                  }
-                )
-              ] }),
-              !this.state.manualLinkInput && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  "aria-label": this.props.intl.formatMessage(
-                    messages.openObjectBrowser
-                  ),
-                  onClick: iconAction,
-                  className: "action",
-                  disabled: isDisabled,
-                  children: /* @__PURE__ */ jsx(Icon, { name: icon, size: "18px" })
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-}
-/**
- * Property types.
- * @property {Object} propTypes Property types.
- * @static
- */
-__publicField(ObjectBrowserWidgetComponent, "propTypes", {
-  id: PropTypes.string.isRequired,
-  title: PropTypes.string.isRequired,
-  description: PropTypes.string,
-  mode: PropTypes.string,
-  // link, image, multiple
-  return: PropTypes.string,
-  // single, multiple
-  initialPath: PropTypes.string,
-  required: PropTypes.bool,
-  error: PropTypes.arrayOf(PropTypes.string),
-  value: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.object),
-    PropTypes.object
-  ]),
-  onChange: PropTypes.func.isRequired,
-  openObjectBrowser: PropTypes.func.isRequired,
-  allowExternals: PropTypes.bool,
-  placeholder: PropTypes.string
-});
-/**
- * Default properties
- * @property {Object} defaultProps Default properties.
- * @static
- */
-__publicField(ObjectBrowserWidgetComponent, "defaultProps", {
-  description: null,
-  required: false,
-  error: [],
-  value: [],
-  mode: "multiple",
-  return: "multiple",
-  initialPath: "",
-  allowExternals: false
-});
-const ObjectBrowserWidgetMode = (mode) => compose(
-  injectIntl,
-  withObjectBrowser,
-  withRouter,
-  connect(null, { searchContent })
-)((props) => /* @__PURE__ */ jsx(ObjectBrowserWidgetComponent, { ...props, mode }));
-const ObjectBrowserWidget = compose(
-  injectIntl,
-  withObjectBrowser,
-  withRouter,
-  connect(null, { searchContent })
-)(ObjectBrowserWidgetComponent);
-export {
-  ObjectBrowserWidgetComponent,
-  ObjectBrowserWidgetMode,
-  ObjectBrowserWidget as default
-};

package/dist/server/assets/ObjectListWidget-DddssDcY.js

@@ -1,258 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React__default, { lazy, createElement } from "react";
-import { defineMessages, useIntl } from "react-intl";
-import { Button, Accordion, Segment } from "semantic-ui-react";
-import { a5 as FormFieldWrapper, cG as applySchemaDefaults, I as Icon, Y as addSVG, cH as reorderArray, b6 as deleteSVG, a7 as upSVG, a8 as down_key } from "../entry-server.js";
-import ObjectWidget from "./ObjectWidget-DAbu4vKd.js";
-import { d as dragSVG } from "./drag-DY7wFRIh.js";
-import { v4 } from "uuid";
-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 "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 DragDropList = lazy(
-  () => import("./DragDropList-CiuXlWfI.js")
-);
-const messages = defineMessages({
-  labelRemoveItem: {
-    id: "Remove item",
-    defaultMessage: "Remove item"
-  },
-  labelCollapseItem: {
-    id: "Collapse item",
-    defaultMessage: "Collapse item"
-  },
-  labelShowItem: {
-    id: "Show item",
-    defaultMessage: "Show item"
-  },
-  emptyObjectList: {
-    id: "Empty object list",
-    defaultMessage: "Empty object list"
-  },
-  add: {
-    id: "Add (object list)",
-    defaultMessage: "Add"
-  }
-});
-const ObjectListWidget = (props) => {
-  const {
-    block,
-    fieldSet,
-    id,
-    schema,
-    value = [],
-    onChange,
-    schemaExtender
-  } = props;
-  const [localActiveObject, setLocalActiveObject] = React__default.useState(
-    props.activeObject ?? value.length - 1
-  );
-  let activeObject, setActiveObject;
-  if ((props.activeObject || props.activeObject === 0) && props.setActiveObject) {
-    activeObject = props.activeObject;
-    setActiveObject = props.setActiveObject;
-  } else {
-    activeObject = localActiveObject;
-    setActiveObject = setLocalActiveObject;
-  }
-  const intl = useIntl();
-  function handleChangeActiveObject(e, blockProps) {
-    const { index } = blockProps;
-    const newIndex = activeObject === index ? -1 : index;
-    setActiveObject(newIndex);
-  }
-  const objectSchema = typeof schema === "function" ? schema(props) : schema;
-  const topLayerShadow = "0 1px 1px rgba(0,0,0,0.15)";
-  const secondLayer = ", 0 10px 0 -5px #eee, 0 10px 1px -4px rgba(0,0,0,0.15)";
-  const thirdLayer = ", 0 20px 0 -10px #eee, 0 20px 1px -9px rgba(0,0,0,0.15)";
-  return /* @__PURE__ */ jsxs("div", { className: "objectlist-widget", children: [
-    /* @__PURE__ */ jsxs(FormFieldWrapper, { ...props, noForInFieldLabel: true, className: "objectlist", children: [
-      /* @__PURE__ */ jsx("div", { className: "add-item-button-wrapper", children: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          compact: true,
-          icon: true,
-          "aria-label": objectSchema.addMessage || `${intl.formatMessage(messages.add)} ${objectSchema.title}`,
-          onClick: (e) => {
-            e.preventDefault();
-            const data = {
-              "@id": v4()
-            };
-            const objSchema = schemaExtender ? schemaExtender(schema, data, intl) : objectSchema;
-            const dataWithDefaults = applySchemaDefaults({
-              data,
-              schema: objSchema,
-              intl
-            });
-            onChange(id, [...value, dataWithDefaults]);
-            setActiveObject(value.length);
-          },
-          children: [
-            /* @__PURE__ */ jsx(Icon, { name: addSVG, size: "18px" }),
-            " ",
-            objectSchema.addMessage || `${intl.formatMessage(messages.add)} ${objectSchema.title}`
-          ]
-        }
-      ) }),
-      value.length === 0 && /* @__PURE__ */ jsx(
-        "input",
-        {
-          "aria-labelledby": `fieldset-${fieldSet || "default"}-field-label-${id}`,
-          type: "hidden",
-          value: intl.formatMessage(messages.emptyObjectList)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      DragDropList,
-      {
-        style: {
-          boxShadow: `${topLayerShadow}${value.length > 1 ? secondLayer : ""}${value.length > 2 ? thirdLayer : ""}`
-        },
-        forwardedAriaLabelledBy: `fieldset-${fieldSet || "default"}-field-label-${id}`,
-        childList: value.map((o) => [o["@id"], o]),
-        onMoveItem: (result) => {
-          const { source, destination } = result;
-          if (!destination) {
-            return;
-          }
-          const newValue = reorderArray(value, source.index, destination.index);
-          onChange(id, newValue);
-          return true;
-        },
-        children: ({ child, childId, index, draginfo }) => {
-          return /* @__PURE__ */ createElement(
-            "div",
-            {
-              ref: draginfo.innerRef,
-              ...draginfo.draggableProps,
-              key: childId
-            },
-            /* @__PURE__ */ jsxs(Accordion, { fluid: true, styled: true, children: [
-              /* @__PURE__ */ jsxs(
-                Accordion.Title,
-                {
-                  active: activeObject === index,
-                  index,
-                  onClick: handleChangeActiveObject,
-                  "aria-label": `${activeObject === index ? intl.formatMessage(messages.labelCollapseItem) : intl.formatMessage(messages.labelShowItem)} #${index + 1}`,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        style: {
-                          visibility: "visible",
-                          display: "inline-block"
-                        },
-                        ...draginfo.dragHandleProps,
-                        className: "drag handle",
-                        children: /* @__PURE__ */ jsx(Icon, { name: dragSVG, size: "18px" })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("div", { className: "accordion-title-wrapper", children: `${objectSchema.title} #${index + 1}` }),
-                    /* @__PURE__ */ jsxs("div", { className: "accordion-tools", children: [
-                      /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          "aria-label": `${intl.formatMessage(
-                            messages.labelRemoveItem
-                          )} #${index + 1}`,
-                          onClick: () => {
-                            onChange(
-                              id,
-                              value.filter((v, i) => i !== index)
-                            );
-                          },
-                          children: /* @__PURE__ */ jsx(Icon, { name: deleteSVG, size: "20px", color: "#e40166" })
-                        }
-                      ),
-                      activeObject === index ? /* @__PURE__ */ jsx(Icon, { name: upSVG, size: "20px" }) : /* @__PURE__ */ jsx(Icon, { name: down_key, size: "20px" })
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(Accordion.Content, { active: activeObject === index, children: /* @__PURE__ */ jsx(Segment, { children: /* @__PURE__ */ jsx(
-                ObjectWidget,
-                {
-                  id: `${id}-${index}`,
-                  block,
-                  schema: schemaExtender ? schemaExtender(schema, child, intl) : objectSchema,
-                  value: child,
-                  onChange: (fi, fv) => {
-                    const newvalue = value.map(
-                      (v, i) => i !== index ? v : fv
-                    );
-                    onChange(id, newvalue);
-                  }
-                },
-                `ow-${id}-${index}`
-              ) }) })
-            ] }, index)
-          );
-        }
-      }
-    )
-  ] });
-};
-export {
-  ObjectListWidget as default
-};