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

package/dist/server/assets/BlocksToolbar-B9n_ff9E.js

@@ -0,0 +1,277 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { compose } from "redux";
+import { connect } from "react-redux";
+import { injectIntl } from "react-intl";
+import { cN as SET_BLOCKS_CLIPBOARD, cO as RESET_BLOCKS_CLIPBOARD, h as hasBlocksData, i as getBlocksFieldname, j as getBlocksLayoutFieldname, $ as $149c1bd638913645$export$2e2bcd8739ae039, ah as Plug, aw as messages, I as Icon, b6 as deleteSVG } from "../entry-server.js";
+import { v4 } from "uuid";
+import { load } from "redux-localstorage-simple";
+import { isEqual, omit, without } from "lodash-es";
+import { c as cutSVG, a as copySVG } from "./cut-BEOWxek2.js";
+import { p as pasteSVG } from "./paste-CtDNO5f5.js";
+import "classnames";
+import "moment";
+import "react-router";
+import "prop-types";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "semantic-ui-react";
+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 "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 "debug";
+import "express";
+import "http-proxy-middleware";
+function setBlocksClipboard(payload) {
+  return {
+    type: SET_BLOCKS_CLIPBOARD,
+    ...Object.assign(
+      {},
+      payload.cut ? { cut: payload.cut.filter((b) => !!b) } : {},
+      payload.copy ? { copy: payload.copy.filter((b) => !!b) } : {}
+    )
+  };
+}
+function resetBlocksClipboard() {
+  return {
+    type: RESET_BLOCKS_CLIPBOARD
+  };
+}
+function cloneBlocks(blocksData) {
+  if (hasBlocksData(blocksData)) {
+    const blocksFieldname = getBlocksFieldname(blocksData);
+    const blocksLayoutFieldname = getBlocksLayoutFieldname(blocksData);
+    const cloneWithIds = Object.keys(blocksData.blocks).map((key) => {
+      const block = blocksData.blocks[key];
+      const blockConfig = $149c1bd638913645$export$2e2bcd8739ae039.blocks.blocksConfig[blocksData["@type"]];
+      return (blockConfig == null ? void 0 : blockConfig.cloneData) ? blockConfig.cloneData(block) : [v4(), cloneBlocks(block)];
+    }).filter((info) => !!info);
+    const newBlockData = {
+      ...blocksData,
+      [blocksFieldname]: {
+        ...Object.assign(
+          {},
+          ...cloneWithIds.map(([id, data]) => ({ [id]: data }))
+        )
+      },
+      [blocksLayoutFieldname]: {
+        ...blocksData[blocksLayoutFieldname],
+        items: [...cloneWithIds.map(([id]) => id)]
+      }
+    };
+    return newBlockData;
+  }
+  return blocksData;
+}
+class BlocksToolbarComponent extends React__default.Component {
+  constructor(props) {
+    super(props);
+    this.copyBlocksToClipboard = this.copyBlocksToClipboard.bind(this);
+    this.cutBlocksToClipboard = this.cutBlocksToClipboard.bind(this);
+    this.deleteBlocks = this.deleteBlocks.bind(this);
+    this.loadFromStorage = this.loadFromStorage.bind(this);
+    this.pasteBlocks = this.pasteBlocks.bind(this);
+    this.setBlocksClipboard = this.setBlocksClipboard.bind(this);
+  }
+  loadFromStorage() {
+    var _a;
+    const clipboard = (_a = load({ states: ["blocksClipboard"] })) == null ? void 0 : _a.blocksClipboard;
+    if (!isEqual(clipboard, this.props.blocksClipboard))
+      this.props.setBlocksClipboard(clipboard || {});
+  }
+  componentDidMount() {
+    window.addEventListener("storage", this.loadFromStorage, true);
+  }
+  componentWillUnmount() {
+    window.removeEventListener("storage", this.loadFromStorage);
+  }
+  deleteBlocks() {
+    const blockIds = this.props.selectedBlocks;
+    const { formData } = this.props;
+    const blocksFieldname = getBlocksFieldname(formData);
+    const blocksLayoutFieldname = getBlocksLayoutFieldname(formData);
+    this.props.onSelectBlock(null);
+    const newBlockData = {
+      [blocksFieldname]: omit(formData[blocksFieldname], blockIds),
+      [blocksLayoutFieldname]: {
+        ...formData[blocksLayoutFieldname],
+        items: without(formData[blocksLayoutFieldname].items, ...blockIds)
+      }
+    };
+    this.props.onChangeBlocks(newBlockData);
+  }
+  copyBlocksToClipboard() {
+    this.setBlocksClipboard("copy");
+  }
+  cutBlocksToClipboard() {
+    this.setBlocksClipboard("cut");
+    this.deleteBlocks();
+  }
+  setBlocksClipboard(actionType) {
+    const { formData } = this.props;
+    const blocksFieldname = getBlocksFieldname(formData);
+    const blocks = formData[blocksFieldname];
+    const blocksData = this.props.selectedBlocks.map((blockId) => [blockId, blocks[blockId]]).filter(([blockId]) => !!blockId);
+    this.props.setBlocksClipboard({ [actionType]: blocksData });
+    this.props.onSetSelectedBlocks([]);
+  }
+  pasteBlocks(e) {
+    const { formData, blocksClipboard = {}, selectedBlock } = this.props;
+    const mode = Object.keys(blocksClipboard).includes("cut") ? "cut" : "copy";
+    const blocksData = blocksClipboard[mode] || [];
+    const cloneWithIds = blocksData.filter(([blockId, blockData]) => blockId && !!blockData["@type"]).map(([blockId, blockData]) => {
+      const blockConfig = $149c1bd638913645$export$2e2bcd8739ae039.blocks.blocksConfig[blockData["@type"]];
+      return mode === "copy" ? blockConfig.cloneData ? blockConfig.cloneData(blockData) : [v4(), cloneBlocks(blockData)] : [blockId, blockData];
+    }).filter((info) => !!info);
+    const blocksFieldname = getBlocksFieldname(formData);
+    const blocksLayoutFieldname = getBlocksLayoutFieldname(formData);
+    const selectedIndex = formData[blocksLayoutFieldname].items.indexOf(selectedBlock) + 1;
+    const newBlockData = {
+      [blocksFieldname]: {
+        ...formData[blocksFieldname],
+        ...Object.assign(
+          {},
+          ...cloneWithIds.map(([id, data]) => ({ [id]: data }))
+        )
+      },
+      [blocksLayoutFieldname]: {
+        ...formData[blocksLayoutFieldname],
+        items: [
+          ...formData[blocksLayoutFieldname].items.slice(0, selectedIndex),
+          ...cloneWithIds.map(([id]) => id),
+          ...formData[blocksLayoutFieldname].items.slice(selectedIndex)
+        ]
+      }
+    };
+    if (!(e.ctrlKey || e.metaKey)) this.props.resetBlocksClipboard();
+    this.props.onChangeBlocks(newBlockData);
+  }
+  render() {
+    const {
+      blocksClipboard = {},
+      selectedBlock,
+      selectedBlocks,
+      intl
+    } = this.props;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      selectedBlocks.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Plug, { pluggable: "main.toolbar.bottom", id: "blocks-delete-btn", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": intl.formatMessage(messages.deleteBlocks),
+            onClick: this.deleteBlocks,
+            tabIndex: 0,
+            className: "deleteBlocks",
+            id: "toolbar-delete-blocks",
+            children: /* @__PURE__ */ jsx(Icon, { name: deleteSVG, size: "30px" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Plug, { pluggable: "main.toolbar.bottom", id: "blocks-cut-btn", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": intl.formatMessage(messages.cutBlocks),
+            onClick: this.cutBlocksToClipboard,
+            tabIndex: 0,
+            className: "cutBlocks",
+            id: "toolbar-cut-blocks",
+            children: /* @__PURE__ */ jsx(Icon, { name: cutSVG, size: "30px" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Plug, { pluggable: "main.toolbar.bottom", id: "blocks-copy-btn", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": intl.formatMessage(messages.copyBlocks),
+            onClick: this.copyBlocksToClipboard,
+            tabIndex: 0,
+            className: "copyBlocks",
+            id: "toolbar-copy-blocks",
+            children: /* @__PURE__ */ jsx(Icon, { name: copySVG, size: "30px" })
+          }
+        ) })
+      ] }) : "",
+      selectedBlock && ((blocksClipboard == null ? void 0 : blocksClipboard.cut) || (blocksClipboard == null ? void 0 : blocksClipboard.copy)) && /* @__PURE__ */ jsx(
+        Plug,
+        {
+          pluggable: "main.toolbar.bottom",
+          id: "block-paste-btn",
+          dependencies: [selectedBlock],
+          children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              "aria-label": intl.formatMessage(messages.pasteBlocks),
+              onClick: this.pasteBlocks,
+              tabIndex: 0,
+              className: "pasteBlocks",
+              id: "toolbar-paste-blocks",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "blockCount", children: (blocksClipboard.cut || blocksClipboard.copy).length }),
+                /* @__PURE__ */ jsx(Icon, { name: pasteSVG, size: "30px" })
+              ]
+            }
+          )
+        }
+      )
+    ] });
+  }
+}
+const BlocksToolbar = compose(
+  injectIntl,
+  connect(
+    (state) => {
+      return {
+        blocksClipboard: (state == null ? void 0 : state.blocksClipboard) || {}
+      };
+    },
+    { setBlocksClipboard, resetBlocksClipboard }
+  )
+)(BlocksToolbarComponent);
+export {
+  BlocksToolbarComponent,
+  BlocksToolbar as default
+};

package/dist/server/assets/ButtonsWidget-BoUEtgpa.js

@@ -0,0 +1,97 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { a5 as FormFieldWrapper, I as Icon } from "../entry-server.js";
+import { Button } from "semantic-ui-react";
+import "classnames";
+import "lodash-es";
+import "react-intl";
+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 "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 ButtonsWidget = (props) => {
+  const { id, onChange, actions, actionsInfoMap, defaultAction, value } = props;
+  React__default.useEffect(() => {
+    if (!props.value && props.default) {
+      props.onChange(props.id, props.default);
+    }
+  });
+  return /* @__PURE__ */ jsx(FormFieldWrapper, { ...props, className: "align-widget", children: /* @__PURE__ */ jsx("div", { className: "align-buttons", children: actions.map((action) => /* @__PURE__ */ jsx(Button.Group, { children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      icon: true,
+      basic: true,
+      "aria-label": actionsInfoMap[action][1],
+      onClick: () => onChange(id, action),
+      active: action === defaultAction && !value || value === action,
+      children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: actionsInfoMap[action][0],
+          title: actionsInfoMap[action][1] || action,
+          size: "24px"
+        }
+      )
+    }
+  ) }, action)) }) });
+};
+export {
+  ButtonsWidget as default
+};

package/dist/server/assets/ByDayField-C6SuyhPy.js

@@ -0,0 +1,118 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import PropTypes from "prop-types";
+import { Form as Form$1, Grid, Button } from "semantic-ui-react";
+import { D as Days } from "./RecurrenceWidget-DmaZUmHT.js";
+import { am as toBackendLang } from "../entry-server.js";
+import { useSelector } from "react-redux";
+import moment from "moment";
+import "redux";
+import "classnames";
+import "lodash-es";
+import "react-intl";
+import "./DatetimeWidget-CHdttszV.js";
+import "react-dates/initialize.js";
+import "react-router";
+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-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 "./SelectWidget-EYyEok6L.js";
+import "./vocabularies-C3rWoW1K.js";
+import "./SelectUtils-CfKnO3Pp.js";
+import "./save-C0BIu8AK.js";
+import "rrule";
+const ByDayField = ({ label, value, onChange }) => {
+  const lang = useSelector((state) => state.intl.locale);
+  moment.locale(toBackendLang(lang));
+  const toggleWeekDay = (dayName) => {
+    var day = Days[dayName];
+    var byweekday = value ? [...value] : [];
+    var i = byweekday.indexOf(day);
+    if (i >= 0) {
+      byweekday.splice(i, 1);
+    } else {
+      byweekday.push(day);
+    }
+    onChange("byweekday", byweekday);
+  };
+  return /* @__PURE__ */ jsx(Form$1.Field, { inline: true, className: "text", children: /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid.Row, { stretched: true, children: [
+    /* @__PURE__ */ jsx(Grid.Column, { width: "4", children: /* @__PURE__ */ jsx("div", { className: "wrapper", children: /* @__PURE__ */ jsx("label", { htmlFor: "byday", children: label }) }) }),
+    /* @__PURE__ */ jsx(Grid.Column, { width: "8", children: /* @__PURE__ */ jsx(Button.Group, { basic: true, className: "byday-field", children: Object.keys(Days).map((d) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        active: (value == null ? void 0 : value.indexOf(Days[d])) >= 0,
+        type: "button",
+        content: moment.weekdaysShort(Days[d].weekday + 1),
+        onClick: () => {
+          toggleWeekDay(d);
+        }
+      },
+      d
+    )) }) })
+  ] }) }) });
+};
+ByDayField.propTypes = {
+  label: PropTypes.string.isRequired,
+  value: PropTypes.any,
+  onChange: PropTypes.func
+};
+ByDayField.defaultProps = {
+  label: null,
+  value: null,
+  onChange: null
+};
+export {
+  ByDayField as default
+};