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

package/dist/server/assets/QueryWidget-D8pt9fPj.js

@@ -0,0 +1,492 @@
+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, { lazy, Component } from "react";
+import PropTypes from "prop-types";
+import { compose } from "redux";
+import { connect } from "react-redux";
+import { Form as Form$1, Input, Grid, Button, Label } from "semantic-ui-react";
+import { map, toPairs, isEmpty, groupBy, filter, remove } from "lodash-es";
+import { injectIntl, defineMessages } from "react-intl";
+import { cv as getQuerystring, $ as $149c1bd638913645$export$2e2bcd8739ae039, cm as customSelectStyles, cn as selectTheme, cs as DropdownIndicator, cu as Option, I as Icon, k as clearSVG } from "../entry-server.js";
+import cx from "classnames";
+import "moment";
+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-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 Select = lazy(() => import("react-select"));
+const messages = defineMessages({
+  Criteria: {
+    id: "Criteria",
+    defaultMessage: "Criteria"
+  },
+  AddCriteria: {
+    id: "Add criteria",
+    defaultMessage: "Add criteria"
+  },
+  select: {
+    id: "querystring-widget-select",
+    defaultMessage: "Select…"
+  }
+});
+class QuerystringWidgetComponent extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs EditComponent
+   */
+  constructor(props) {
+    super(props);
+    this.state = {
+      visual: false
+    };
+    this.onChangeValue = this.onChangeValue.bind(this);
+    this.getWidget = this.getWidget.bind(this);
+  }
+  /**
+   * Component did mount lifecycle method
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    if (this.props.focus) {
+      this.node.focus();
+    }
+    this.props.getQuerystring();
+  }
+  /**
+   * Get correct widget
+   * @method getWidget
+   * @param {Object} row Row object.
+   * @param {number} index Row index.
+   * @returns {Object} Widget.
+   */
+  getWidget(row, index, Select2) {
+    const props = {
+      fluid: true,
+      value: row.v,
+      onChange: (data) => this.onChangeValue(index, data.target.value)
+    };
+    const values = this.props.indexes[row.i].values;
+    switch (this.props.indexes[row.i].operators[row.o].widget) {
+      case null:
+        return /* @__PURE__ */ jsx("span", {});
+      case "DateWidget":
+        return /* @__PURE__ */ jsx(Form$1.Field, { style: { flex: "1 0 auto" }, children: /* @__PURE__ */ jsx(Input, { type: "date", ...props, value: row.v }) });
+      case "DateRangeWidget":
+        return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+          /* @__PURE__ */ jsx(Form$1.Field, { style: { flex: "1 0 auto" }, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "date",
+              ...props,
+              value: row.v[0],
+              onChange: (data) => this.onChangeValue(index, [data.target.value, row.v[1]])
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form$1.Field, { style: { flex: "1 0 auto" }, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "date",
+              ...props,
+              value: row.v[1],
+              onChange: (data) => this.onChangeValue(index, [row.v[0], data.target.value])
+            }
+          ) })
+        ] });
+      case "RelativeDateWidget":
+        return /* @__PURE__ */ jsx(Form$1.Field, { style: { flex: "1 0 auto" }, children: /* @__PURE__ */ jsx(Input, { step: 1, type: "number", ...props }) });
+      case "MultipleSelectionWidget":
+        return /* @__PURE__ */ jsx(Form$1.Field, { style: { flex: "1 0 auto", maxWidth: "92%" }, children: /* @__PURE__ */ jsx(
+          Select2,
+          {
+            ...props,
+            className: "react-select-container",
+            classNamePrefix: "react-select",
+            options: values ? map(toPairs(values), (value) => ({
+              label: value[1].title,
+              value: value[0]
+            })) : [],
+            styles: customSelectStyles,
+            placeholder: this.props.intl.formatMessage(messages.select),
+            theme: selectTheme,
+            components: { DropdownIndicator, Option },
+            onChange: (data) => {
+              this.onChangeValue(
+                index,
+                map(data, (item) => item.value)
+              );
+            },
+            isMulti: true,
+            value: map(row.v, (value) => {
+              var _a;
+              return {
+                label: ((_a = values == null ? void 0 : values[value]) == null ? void 0 : _a.title) || value,
+                value
+              };
+            })
+          }
+        ) });
+      case "autocomplete":
+        const AutoCompleteComponent = $149c1bd638913645$export$2e2bcd8739ae039.widgets.widget.autocomplete;
+        const vocabulary = { "@id": this.props.indexes[row.i].vocabulary };
+        return /* @__PURE__ */ jsx(Form$1.Field, { style: { flex: "1 0 auto", maxWidth: "92%" }, children: /* @__PURE__ */ jsx(
+          AutoCompleteComponent,
+          {
+            ...props,
+            vocabulary,
+            wrapped: false,
+            id: `id-${index}`,
+            title: `title-${index}`,
+            onChange: (_d, data) => {
+              this.onChangeValue(index, data);
+            }
+          }
+        ) });
+      case "ReferenceWidget":
+      default:
+        return /* @__PURE__ */ jsx(Form$1.Field, { style: { flex: "1 0 auto" }, children: /* @__PURE__ */ jsx(Input, { ...props }) });
+    }
+  }
+  /**
+   * Change value handler
+   * @method onChangeValue
+   * @param {Number} index Index of the row.
+   * @param {String|Array} value Value of the row.
+   * @returns {undefined}
+   */
+  onChangeValue(index, value) {
+    this.props.onChange(
+      this.props.id,
+      map(
+        this.props.value,
+        (row, i) => index === i ? {
+          ...row,
+          v: value
+        } : row
+      )
+    );
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    const {
+      id,
+      required,
+      description,
+      error,
+      value,
+      onChange,
+      onEdit,
+      indexes,
+      fieldSet,
+      intl
+    } = this.props;
+    return /* @__PURE__ */ jsx(
+      Form$1.Field,
+      {
+        inline: true,
+        required,
+        error: error.length > 0,
+        className: cx("query-widget", description ? "help" : ""),
+        id: `${fieldSet || "field"}-${id}`,
+        children: /* @__PURE__ */ jsxs(Grid, { children: [
+          /* @__PURE__ */ jsx(Grid.Row, { stretched: true, children: /* @__PURE__ */ jsx(Grid.Column, { width: "12", children: /* @__PURE__ */ jsx("div", { className: "simple-field-name", children: intl.formatMessage(messages.Criteria) }) }) }),
+          /* @__PURE__ */ jsx(Grid.Row, { stretched: true, children: /* @__PURE__ */ jsxs(Grid.Column, { width: "12", children: [
+            indexes && !isEmpty(indexes) && map(value, (row, index) => {
+              var _a, _b;
+              return /* @__PURE__ */ jsxs(Form$1.Group, { children: [
+                /* @__PURE__ */ jsxs("div", { className: "main-fields-wrapper", children: [
+                  /* @__PURE__ */ jsx(
+                    Form$1.Field,
+                    {
+                      style: { flex: "1 0 auto", marginRight: "10px" },
+                      children: /* @__PURE__ */ jsx(
+                        Select,
+                        {
+                          id: `field-${id}`,
+                          name: id,
+                          disabled: onEdit !== null,
+                          className: "react-select-container",
+                          classNamePrefix: "react-select",
+                          options: map(
+                            toPairs(
+                              groupBy(
+                                toPairs(indexes),
+                                (item) => item[1].group
+                              )
+                            ),
+                            (group) => ({
+                              label: group[0],
+                              options: map(
+                                filter(group[1], (item) => item[1].enabled),
+                                (field) => ({
+                                  label: field[1].title,
+                                  value: field[0],
+                                  isDisabled: (value || []).some(
+                                    (v) => v["i"] !== "path" && v["i"] === field[0]
+                                  )
+                                })
+                              )
+                            })
+                          ),
+                          styles: customSelectStyles,
+                          theme: selectTheme,
+                          placeholder: intl.formatMessage(messages.select),
+                          components: { DropdownIndicator, Option },
+                          value: {
+                            value: row.i,
+                            label: (_a = indexes[row.i]) == null ? void 0 : _a.title
+                          },
+                          onChange: (data) => onChange(
+                            id,
+                            map(
+                              value,
+                              (curRow, curIndex) => curIndex === index ? {
+                                i: data.value,
+                                o: indexes[data.value].operations[0],
+                                v: ""
+                              } : curRow
+                            )
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Form$1.Field, { style: { flex: "1 0 auto" }, children: /* @__PURE__ */ jsx(
+                    Select,
+                    {
+                      id: `field-${id}`,
+                      name: id,
+                      disabled: onEdit !== null,
+                      className: "react-select-container",
+                      classNamePrefix: "react-select",
+                      options: map(
+                        ((_b = indexes[row.i]) == null ? void 0 : _b.operations) ?? [],
+                        (operation) => ({
+                          value: operation,
+                          label: indexes[row.i].operators[operation].title
+                        })
+                      ),
+                      styles: customSelectStyles,
+                      theme: selectTheme,
+                      placeholder: intl.formatMessage(messages.select),
+                      components: { DropdownIndicator, Option },
+                      value: {
+                        value: row.o,
+                        label: indexes[row.i].operators[row.o].title
+                      },
+                      onChange: (data) => onChange(
+                        id,
+                        map(
+                          value,
+                          (curRow, curIndex) => curIndex === index ? {
+                            i: row.i,
+                            o: data.value,
+                            v: ""
+                          } : curRow
+                        )
+                      )
+                    }
+                  ) }),
+                  !this.props.indexes[row.i].operators[row.o].widget && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      onClick: (event) => {
+                        onChange(
+                          id,
+                          remove(value, (v, i) => i !== index)
+                        );
+                        event.preventDefault();
+                      },
+                      style: {
+                        background: "none",
+                        paddingRight: 0,
+                        paddingLeft: 0,
+                        margin: 0
+                      },
+                      children: /* @__PURE__ */ jsx(Icon, { name: clearSVG, size: "24px", className: "close" })
+                    }
+                  )
+                ] }),
+                this.getWidget(row, index, Select),
+                this.props.indexes[row.i].operators[row.o].widget && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    onClick: (event) => {
+                      onChange(
+                        id,
+                        remove(value, (v, i) => i !== index)
+                      );
+                      event.preventDefault();
+                    },
+                    style: {
+                      background: "none",
+                      paddingRight: 0,
+                      paddingLeft: 0,
+                      margin: 0
+                    },
+                    children: /* @__PURE__ */ jsx(Icon, { name: clearSVG, size: "24px", className: "close" })
+                  }
+                )
+              ] }, index);
+            }),
+            /* @__PURE__ */ jsx(Form$1.Group, { children: /* @__PURE__ */ jsx(Form$1.Field, { style: { flex: "1 0 auto" }, children: /* @__PURE__ */ jsx(
+              Select,
+              {
+                id: `field-${id}`,
+                name: id,
+                disabled: onEdit !== null,
+                className: "react-select-container",
+                classNamePrefix: "react-select",
+                placeholder: intl.formatMessage(messages.AddCriteria),
+                options: map(
+                  toPairs(
+                    groupBy(toPairs(indexes), (item) => item[1].group)
+                  ),
+                  (group) => ({
+                    label: group[0],
+                    options: map(
+                      filter(group[1], (item) => item[1].enabled),
+                      (field) => ({
+                        label: field[1].title,
+                        value: field[0],
+                        // disable selecting indexes that are already used,
+                        // except for path, which has explicit support
+                        // in the backend for multipath queries
+                        isDisabled: (value || []).some(
+                          (v) => v["i"] !== "path" && v["i"] === field[0]
+                        )
+                      })
+                    )
+                  })
+                ),
+                styles: customSelectStyles,
+                theme: selectTheme,
+                components: { DropdownIndicator, Option },
+                value: null,
+                onChange: (data) => {
+                  onChange(id, [
+                    ...value || [],
+                    {
+                      i: data.value,
+                      o: indexes[data.value].operations[0],
+                      v: ""
+                    }
+                  ]);
+                }
+              }
+            ) }) }),
+            map(error, (message) => /* @__PURE__ */ jsx(Label, { basic: true, color: "red", pointing: true, children: message }, message))
+          ] }) }),
+          description && /* @__PURE__ */ jsx(Grid.Row, { stretched: true, children: /* @__PURE__ */ jsx(Grid.Column, { stretched: true, width: "12", children: /* @__PURE__ */ jsx("p", { className: "help", children: description }) }) })
+        ] })
+      }
+    );
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(QuerystringWidgetComponent, "propTypes", {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string,
+  required: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  value: PropTypes.array,
+  focus: PropTypes.bool,
+  onChange: PropTypes.func,
+  onEdit: PropTypes.func,
+  onDelete: PropTypes.func,
+  getQuerystring: PropTypes.func.isRequired
+});
+/**
+ * Default properties.
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+__publicField(QuerystringWidgetComponent, "defaultProps", {
+  description: null,
+  required: false,
+  error: [],
+  value: null,
+  onChange: null,
+  onEdit: null,
+  onDelete: null,
+  focus: false
+});
+const QueryWidget = compose(
+  injectIntl,
+  connect(
+    (state) => ({
+      indexes: state.querystring.indexes
+    }),
+    { getQuerystring }
+  )
+)(QuerystringWidgetComponent);
+export {
+  QuerystringWidgetComponent,
+  QueryWidget as default
+};

package/dist/server/assets/QuerystringWidget-4LGKA9EF.js

@@ -0,0 +1,176 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { defineMessages, useIntl } from "react-intl";
+import ObjectWidget from "./ObjectWidget-DAbu4vKd.js";
+import "prop-types";
+import "semantic-ui-react";
+import "../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({
+  Criteria: {
+    id: "Criteria",
+    defaultMessage: "Criteria"
+  },
+  depth: {
+    id: "Depth",
+    defaultMessage: "Depth"
+  },
+  SortOn: {
+    id: "Sort on",
+    defaultMessage: "Sort on"
+  },
+  reversedOrder: {
+    id: "Reversed order",
+    defaultMessage: "Reversed order"
+  },
+  limit: {
+    id: "Results limit",
+    defaultMessage: "Results limit"
+  },
+  itemBatchSize: {
+    id: "Item batch size",
+    defaultMessage: "Item batch size"
+  },
+  NoSelection: {
+    id: "No selection",
+    defaultMessage: "No selection"
+  }
+});
+const objectSchema = ({ intl, isDisabled, value }) => {
+  var _a;
+  return {
+    fieldsets: [
+      {
+        id: "default",
+        title: "Default",
+        fields: [
+          "query",
+          ...((_a = value == null ? void 0 : value.query) == null ? void 0 : _a.filter((q) => q.i === "path").length) > 0 ? ["depth"] : [],
+          "sort_on",
+          "sort_order_boolean",
+          "limit",
+          "b_size"
+        ]
+      }
+    ],
+    properties: {
+      query: {
+        title: intl.formatMessage(messages.Criteria),
+        widget: "query"
+      },
+      depth: {
+        title: intl.formatMessage(messages.depth),
+        type: "number"
+      },
+      sort_on: {
+        title: intl.formatMessage(messages.SortOn),
+        widget: "query_sort_on",
+        isDisabled
+      },
+      sort_order_boolean: {
+        title: intl.formatMessage(messages.reversedOrder),
+        type: "boolean",
+        isDisabled
+      },
+      limit: {
+        title: intl.formatMessage(messages.limit),
+        type: "number",
+        isDisabled
+      },
+      b_size: {
+        title: intl.formatMessage(messages.itemBatchSize),
+        type: "number",
+        isDisabled
+      }
+    },
+    required: []
+  };
+};
+const QuerystringWidget = (props) => {
+  var _a, _b;
+  const { block, onChange, schemaEnhancer } = props;
+  const isDisabled = ((_b = (_a = props.value) == null ? void 0 : _a.query) == null ? void 0 : _b.length) ? false : true;
+  const intl = useIntl();
+  let schema = objectSchema({ ...props, intl, isDisabled });
+  schema = schemaEnhancer ? schemaEnhancer({ ...props, intl, schema }) : schema;
+  return /* @__PURE__ */ jsx("div", { className: "querystring-widget", children: /* @__PURE__ */ jsx(
+    ObjectWidget,
+    {
+      ...props,
+      block,
+      schema,
+      onChange: (id, value) => {
+        const adaptedValue = {
+          ...value,
+          sort_order: value.sort_order_boolean ? "descending" : "ascending"
+        };
+        onChange(id, adaptedValue);
+      }
+    }
+  ) });
+};
+export {
+  QuerystringWidget as default,
+  objectSchema
+};