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

package/dist/server/assets/ImageSizeWidget-DKY4NccJ.js

@@ -0,0 +1,136 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { injectIntl, defineMessages } from "react-intl";
+import PropTypes from "prop-types";
+import { Grid, Button } from "semantic-ui-react";
+import { a5 as FormFieldWrapper } 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 "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({
+  small: {
+    id: "Small",
+    defaultMessage: "Small"
+  },
+  medium: {
+    id: "Medium",
+    defaultMessage: "Medium"
+  },
+  large: {
+    id: "Large",
+    defaultMessage: "Large"
+  }
+});
+const ImageSizeWidget = (props) => {
+  const { onChange, id, disabled, intl, value, isDisabled } = props;
+  return /* @__PURE__ */ jsx(FormFieldWrapper, { ...props, children: /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Grid.Row, { children: /* @__PURE__ */ jsxs(Grid.Column, { width: "8", className: "field-image_size", children: [
+    /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: true,
+        basic: true,
+        "aria-label": intl.formatMessage(messages.small),
+        onClick: () => onChange(id, "s"),
+        active: value === "s",
+        disabled: disabled || isDisabled,
+        children: /* @__PURE__ */ jsx("div", { className: "image-sizes-text", children: "S" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: true,
+        basic: true,
+        "aria-label": intl.formatMessage(messages.medium),
+        onClick: () => onChange(id, "m"),
+        active: value === "m",
+        disabled: disabled || isDisabled,
+        children: /* @__PURE__ */ jsx("div", { className: "image-sizes-text", children: "M" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: true,
+        basic: true,
+        "aria-label": intl.formatMessage(messages.large),
+        onClick: () => onChange(id, "l"),
+        active: value === "l" || value === void 0,
+        disabled: disabled || isDisabled,
+        children: /* @__PURE__ */ jsx("div", { className: "image-sizes-text", children: "L" })
+      }
+    ) })
+  ] }) }) }) });
+};
+ImageSizeWidget.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  value: PropTypes.string,
+  id: PropTypes.string.isRequired
+};
+ImageSizeWidget.defaultProps = {
+  onChange: () => {
+  }
+};
+const ImageSizeWidget$1 = injectIntl(ImageSizeWidget);
+export {
+  ImageSizeWidget$1 as default
+};

package/dist/server/assets/InlineForm-D45kJH2i.js

@@ -0,0 +1,283 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default, { createElement } from "react";
+import PropTypes from "prop-types";
+import { Segment, Message, Accordion } from "semantic-ui-react";
+import { injectIntl, defineMessages } from "react-intl";
+import AnimateHeight from "react-animate-height";
+import { isEqual, keys, map } from "lodash-es";
+import { atom, useAtom } from "jotai";
+import { atomFamily } from "jotai/utils";
+import { cG as applySchemaDefaults, $ as $149c1bd638913645$export$2e2bcd8739ae039, cJ as arrayRange, L as Field, I as Icon, a7 as upSVG, a8 as down_key, cK as removeFromArray, cL as insertInArray } 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-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 inlineFormFieldsetsState = atomFamily(
+  ({ name, initialState }) => atom(initialState),
+  (a, b) => a.name === b.name && isEqual(a.fielsetList, b.fielsetList)
+);
+const messages = defineMessages({
+  editValues: {
+    id: "Edit values",
+    defaultMessage: "Edit values"
+  },
+  error: {
+    id: "Error",
+    defaultMessage: "Error"
+  },
+  thereWereSomeErrors: {
+    id: "There were some errors",
+    defaultMessage: "There were some errors"
+  }
+});
+const InlineForm = (props) => {
+  const {
+    block,
+    description,
+    error,
+    // Such as {message: "It's not good"}
+    errors = {},
+    formData,
+    onChangeFormData,
+    onChangeField,
+    schema,
+    title,
+    icon,
+    headerActions,
+    actionButton,
+    footer,
+    focusIndex,
+    intl
+  } = props;
+  const _ = intl.formatMessage;
+  const defaultFieldset = schema.fieldsets.find((o) => o.id === "default");
+  const other = schema.fieldsets.filter((o) => o.id !== "default");
+  React__default.useEffect(() => {
+    const objectSchema = typeof schema === "function" ? schema(props) : schema;
+    const initialData = applySchemaDefaults({
+      data: formData,
+      schema: objectSchema,
+      intl
+    });
+    if (onChangeFormData) {
+      onChangeFormData(initialData);
+    } else {
+      Object.keys(initialData).forEach((k) => {
+        if (!isEqual(initialData[k], formData == null ? void 0 : formData[k])) {
+          onChangeField(k, initialData[k]);
+        }
+      });
+    }
+  }, []);
+  const [currentActiveFieldset, setCurrentActiveFieldset] = useAtom(
+    inlineFormFieldsetsState({
+      name: block,
+      fielsetList: other,
+      initialState: $149c1bd638913645$export$2e2bcd8739ae039.settings.blockSettingsTabFieldsetsInitialStateOpen ? arrayRange(0, other.length - 1, 1) : []
+    })
+  );
+  function handleCurrentActiveFieldset(e, blockProps) {
+    const { index } = blockProps;
+    if (currentActiveFieldset.includes(index)) {
+      setCurrentActiveFieldset(
+        removeFromArray(
+          currentActiveFieldset,
+          currentActiveFieldset.indexOf(index)
+        )
+      );
+    } else {
+      setCurrentActiveFieldset(
+        insertInArray(
+          currentActiveFieldset,
+          index,
+          currentActiveFieldset.length + 1
+        )
+      );
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ui form", children: [
+    title && /* @__PURE__ */ jsxs("header", { className: "header pulled", children: [
+      icon,
+      /* @__PURE__ */ jsx("h2", { children: title || _(messages.editValues) }),
+      headerActions
+    ] }),
+    description && /* @__PURE__ */ jsx(Segment, { secondary: true, className: "attached", children: description }),
+    keys(errors).length > 0 && /* @__PURE__ */ jsx(
+      Message,
+      {
+        icon: "warning",
+        negative: true,
+        attached: true,
+        header: _(messages.error),
+        content: _(messages.thereWereSomeErrors)
+      }
+    ),
+    error && /* @__PURE__ */ jsx(
+      Message,
+      {
+        icon: "warning",
+        negative: true,
+        attached: true,
+        header: _(messages.error),
+        content: error.message
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { id: `blockform-fieldset-${defaultFieldset.id}`, children: /* @__PURE__ */ jsxs(Segment, { className: "form attached", children: [
+      map(defaultFieldset.fields, (field, index) => {
+        var _a;
+        return /* @__PURE__ */ createElement(
+          Field,
+          {
+            ...schema.properties[field],
+            id: field,
+            fieldSet: defaultFieldset.title.toLowerCase(),
+            focus: index === focusIndex,
+            value: formData[field],
+            required: schema.required.indexOf(field) !== -1,
+            onChange: (id, value, itemInfo) => {
+              onChangeField(id, value, itemInfo);
+            },
+            key: field,
+            error: ((_a = errors == null ? void 0 : errors[block]) == null ? void 0 : _a[field]) || {},
+            block
+          }
+        );
+      }),
+      actionButton && /* @__PURE__ */ jsx(Segment, { className: "attached actions", children: actionButton })
+    ] }) }),
+    other.map((fieldset, index) => /* @__PURE__ */ jsx(Accordion, { fluid: true, styled: true, className: "form", children: /* @__PURE__ */ jsxs("div", { id: `blockform-fieldset-${fieldset.id}`, children: [
+      /* @__PURE__ */ jsxs(
+        Accordion.Title,
+        {
+          active: currentActiveFieldset.includes(index),
+          index,
+          onClick: handleCurrentActiveFieldset,
+          children: [
+            fieldset.title && /* @__PURE__ */ jsx(Fragment, { children: fieldset.title }),
+            currentActiveFieldset.includes(index) ? /* @__PURE__ */ jsx(Icon, { name: upSVG, size: "20px" }) : /* @__PURE__ */ jsx(Icon, { name: down_key, size: "20px" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Accordion.Content, { active: currentActiveFieldset.includes(index), children: /* @__PURE__ */ jsx(
+        AnimateHeight,
+        {
+          animateOpacity: true,
+          duration: 500,
+          height: currentActiveFieldset.includes(index) ? "auto" : 0,
+          children: /* @__PURE__ */ jsx(Segment, { className: "attached", children: map(fieldset.fields, (field) => {
+            var _a;
+            return /* @__PURE__ */ createElement(
+              Field,
+              {
+                ...schema.properties[field],
+                id: field,
+                value: formData[field],
+                required: schema.required.indexOf(field) !== -1,
+                onChange: (id, value) => {
+                  onChangeField(id, value);
+                },
+                key: field,
+                error: ((_a = errors == null ? void 0 : errors[block]) == null ? void 0 : _a[field]) || {},
+                block
+              }
+            );
+          }) })
+        }
+      ) })
+    ] }, fieldset.id) }, fieldset.id)),
+    footer
+  ] });
+};
+InlineForm.defaultProps = {
+  block: null,
+  description: null,
+  formData: null,
+  onChangeField: null,
+  error: null,
+  errors: {},
+  schema: {},
+  focusIndex: null
+};
+InlineForm.propTypes = {
+  block: PropTypes.string,
+  description: PropTypes.string,
+  schema: PropTypes.shape({
+    fieldsets: PropTypes.arrayOf(
+      PropTypes.shape({
+        fields: PropTypes.arrayOf(PropTypes.string),
+        id: PropTypes.string,
+        title: PropTypes.string
+      })
+    ),
+    properties: PropTypes.objectOf(PropTypes.any),
+    definitions: PropTypes.objectOf(PropTypes.any),
+    required: PropTypes.arrayOf(PropTypes.string)
+  }),
+  formData: PropTypes.objectOf(PropTypes.any),
+  pathname: PropTypes.string,
+  onChangeField: PropTypes.func,
+  error: PropTypes.shape({
+    message: PropTypes.string
+  }),
+  focusIndex: PropTypes.number
+};
+const InlineForm$1 = injectIntl(InlineForm, { forwardRef: true });
+export {
+  InlineForm$1 as default
+};

package/dist/server/assets/InternalUrlWidget-B6sRTbIQ.js

@@ -0,0 +1,192 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import PropTypes from "prop-types";
+import { Input, Button } from "semantic-ui-react";
+import { X as withObjectBrowser, a5 as FormFieldWrapper, I as Icon, k as clearSVG, bV as navTreeSVG, cy as URLUtils, cz as isInternalURL, f as flattenToAppURL } from "../entry-server.js";
+import "classnames";
+import "lodash-es";
+import "react-intl";
+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 InternalUrlWidget = (props) => {
+  const {
+    id,
+    onChange,
+    onBlur,
+    onClick,
+    minLength,
+    maxLength,
+    placeholder,
+    isDisabled,
+    value
+  } = props;
+  const inputId = `field-${id}`;
+  const [isInvalid, setIsInvalid] = useState(false);
+  const clear = () => {
+    onChange(id, "");
+  };
+  const onChangeValue = (_value) => {
+    let newValue = _value;
+    if ((newValue == null ? void 0 : newValue.length) > 0) {
+      if (isInvalid && URLUtils.isUrl(URLUtils.normalizeUrl(newValue))) {
+        setIsInvalid(false);
+      }
+      if (isInternalURL(newValue)) {
+        newValue = flattenToAppURL(newValue);
+      }
+    }
+    newValue = isInternalURL(newValue) ? flattenToAppURL(newValue) : newValue;
+    if (!isInternalURL(newValue) && newValue.length > 0) {
+      const checkedURL = URLUtils.checkAndNormalizeUrl(newValue);
+      newValue = checkedURL.url;
+      if (!checkedURL.isValid) {
+        setIsInvalid(true);
+      }
+    }
+    onChange(id, newValue);
+  };
+  return /* @__PURE__ */ jsx(FormFieldWrapper, { ...props, className: "url wide", children: /* @__PURE__ */ jsxs("div", { className: "wrapper", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: inputId,
+        name: id,
+        type: "url",
+        value: value || "",
+        disabled: isDisabled,
+        placeholder,
+        onChange: ({ target }) => onChangeValue(target.value),
+        onBlur: ({ target }) => onBlur(id, target.value),
+        onClick: () => onClick(),
+        minLength,
+        maxLength,
+        error: isInvalid
+      }
+    ),
+    (value == null ? void 0 : value.length) > 0 ? /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        basic: true,
+        className: "cancel",
+        "aria-label": "clearUrlBrowser",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          clear();
+        },
+        children: /* @__PURE__ */ jsx(Icon, { name: clearSVG, size: "30px" })
+      }
+    ) }) : /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        basic: true,
+        icon: true,
+        "aria-label": "openUrlBrowser",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          props.openObjectBrowser({
+            mode: "link",
+            overlay: true,
+            onSelectItem: (url) => {
+              onChangeValue(url);
+            }
+          });
+        },
+        children: /* @__PURE__ */ jsx(Icon, { name: navTreeSVG, size: "24px" })
+      }
+    ) })
+  ] }) });
+};
+InternalUrlWidget.propTypes = {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string,
+  required: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  value: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  onBlur: PropTypes.func,
+  onClick: PropTypes.func,
+  minLength: PropTypes.number,
+  maxLength: PropTypes.number,
+  openObjectBrowser: PropTypes.func.isRequired,
+  placeholder: PropTypes.string
+};
+InternalUrlWidget.defaultProps = {
+  description: null,
+  required: false,
+  error: [],
+  value: null,
+  onChange: () => {
+  },
+  onBlur: () => {
+  },
+  onClick: () => {
+  },
+  minLength: null,
+  maxLength: null
+};
+const InternalUrlWidget$1 = withObjectBrowser(InternalUrlWidget);
+export {
+  InternalUrlWidget,
+  InternalUrlWidget$1 as default
+};