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

package/dist/server/assets/Search-Cj9Vf745.js

@@ -0,0 +1,417 @@
+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 { useEffect, Component } from "react";
+import PropTypes from "prop-types";
+import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
+import { compose } from "redux";
+import { aP as searchContent, v as asyncConnect, $ as $149c1bd638913645$export$2e2bcd8739ae039, H as HelmetExport, N as UniversalLink, I as Icon, au as paginationLeftSVG, ai as paginationRightSVG } from "../entry-server.js";
+import { injectIntl, defineMessages, FormattedMessage } from "react-intl";
+import { createPortal } from "react-dom";
+import { Container, Header, Button, Pagination } from "semantic-ui-react";
+import qs from "query-string";
+import cx from "classnames";
+import { Link } from "react-router-dom";
+import { g as getVocabulary } from "./vocabularies-C3rWoW1K.js";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import "lodash-es";
+import "moment";
+import "react-router";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "lodash-move";
+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 "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";
+import "./users-BY0qskQF.js";
+import "./User-CeYa32LY.js";
+import "./PersonalInformation--cOokZv2.js";
+const vocabulary = "plone.app.vocabularies.Keywords";
+const SearchTags = () => {
+  const dispatch = useDispatch();
+  useEffect(() => {
+    dispatch(getVocabulary({ vocabNameOrURL: vocabulary }));
+  }, [dispatch]);
+  const items = useSelector(
+    (state) => state.vocabularies[vocabulary] && state.vocabularies[vocabulary].items ? state.vocabularies[vocabulary].items : [],
+    shallowEqual
+  );
+  return items && items.length > 0 ? /* @__PURE__ */ jsx("div", { children: items.map((item) => /* @__PURE__ */ jsx(
+    Link,
+    {
+      className: "ui label",
+      to: `/search?Subject=${item.label}`,
+      children: item.label
+    },
+    item.label
+  )) }) : /* @__PURE__ */ jsx("span", {});
+};
+const messages = defineMessages({
+  Search: {
+    id: "Search",
+    defaultMessage: "Search"
+  }
+});
+class Search extends Component {
+  constructor(props) {
+    super(props);
+    /**
+     * Component will receive props
+     * @method componentWillReceiveProps
+     * @param {Object} nextProps Next properties
+     * @returns {undefined}
+     */
+    __publicField(this, "UNSAFE_componentWillReceiveProps", (nextProps) => {
+      if (this.props.location.search !== nextProps.location.search) {
+        this.doSearch();
+      }
+    });
+    /**
+     * Search based on the given searchableText, subject and path.
+     * @method doSearch
+     * @param {string} searchableText The searchable text string
+     * @param {string} subject The subject (tag)
+     * @param {string} path The path to restrict the search to
+     * @returns {undefined}
+     */
+    __publicField(this, "doSearch", () => {
+      const options = qs.parse(this.props.history.location.search);
+      this.setState({ currentPage: 1 });
+      options["use_site_search_settings"] = 1;
+      this.props.searchContent("", {
+        b_size: this.defaultPageSize,
+        ...options
+      });
+    });
+    __publicField(this, "handleQueryPaginationChange", (e, { activePage }) => {
+      window.scrollTo(0, 0);
+      let options = qs.parse(this.props.history.location.search);
+      options["use_site_search_settings"] = 1;
+      this.setState({ currentPage: activePage }, () => {
+        this.props.searchContent("", {
+          b_size: this.defaultPageSize,
+          ...options,
+          b_start: (this.state.currentPage - 1) * (options.b_size || this.defaultPageSize)
+        });
+      });
+    });
+    __publicField(this, "onSortChange", (event, sort_order) => {
+      let options = qs.parse(this.props.history.location.search);
+      options.sort_on = event.target.name;
+      options.sort_order = sort_order || "ascending";
+      if (event.target.name === "relevance") {
+        delete options.sort_on;
+        delete options.sort_order;
+      }
+      let searchParams = qs.stringify(options);
+      this.setState({ currentPage: 1, active: event.target.name }, () => {
+        this.props.history.replace({
+          search: searchParams
+        });
+      });
+    });
+    this.defaultPageSize = $149c1bd638913645$export$2e2bcd8739ae039.settings.defaultPageSize;
+    this.state = { currentPage: 1, isClient: false, active: "relevance" };
+  }
+  /**
+   * Component did mount
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    this.doSearch();
+    this.setState({ isClient: true });
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    var _a, _b;
+    const options = qs.parse(this.props.history.location.search);
+    return /* @__PURE__ */ jsxs(Container, { id: "page-search", children: [
+      /* @__PURE__ */ jsx(HelmetExport, { title: this.props.intl.formatMessage(messages.Search) }),
+      /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("article", { id: "content", children: [
+        /* @__PURE__ */ jsxs("header", { children: [
+          /* @__PURE__ */ jsx("h1", { className: "documentFirstHeading", children: this.props.searchableText ? /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              id: "Search results for {term}",
+              defaultMessage: "Search results for {term}",
+              values: {
+                term: /* @__PURE__ */ jsx("q", { children: this.props.searchableText })
+              }
+            }
+          ) : /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              id: "Search results",
+              defaultMessage: "Search results"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(SearchTags, {}),
+          ((_a = this.props.search) == null ? void 0 : _a.items_total) > 0 ? /* @__PURE__ */ jsxs("div", { className: "items_total", children: [
+            this.props.search.items_total,
+            " ",
+            /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "results found",
+                defaultMessage: "results"
+              }
+            ),
+            /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsxs(Header.Content, { className: "header-content", children: [
+              /* @__PURE__ */ jsx("div", { className: "sort-by", children: /* @__PURE__ */ jsx(
+                FormattedMessage,
+                {
+                  id: "Sort By:",
+                  defaultMessage: "Sort by:"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: (event) => {
+                    this.onSortChange(event);
+                  },
+                  name: "relevance",
+                  size: "tiny",
+                  className: cx("button-sort", {
+                    "button-active": this.state.active === "relevance"
+                  }),
+                  children: /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "Relevance",
+                      defaultMessage: "Relevance"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: (event) => {
+                    this.onSortChange(event);
+                  },
+                  name: "sortable_title",
+                  size: "tiny",
+                  className: cx("button-sort", {
+                    "button-active": this.state.active === "sortable_title"
+                  }),
+                  children: /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "Alphabetically",
+                      defaultMessage: "Alphabetically"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: (event) => {
+                    this.onSortChange(event, "reverse");
+                  },
+                  name: "effective",
+                  size: "tiny",
+                  className: cx("button-sort", {
+                    "button-active": this.state.active === "effective"
+                  }),
+                  children: /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "Date (newest first)",
+                      defaultMessage: "Date (newest first)"
+                    }
+                  )
+                }
+              )
+            ] }) })
+          ] }) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              id: "No results found",
+              defaultMessage: "No results found"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { id: "content-core", children: [
+          this.props.items.map((item) => /* @__PURE__ */ jsxs("article", { className: "tileItem", children: [
+            /* @__PURE__ */ jsx("h2", { className: "tileHeadline", children: /* @__PURE__ */ jsx(
+              UniversalLink,
+              {
+                item,
+                className: "summary url",
+                title: item["@type"],
+                children: item.title
+              }
+            ) }),
+            item.description && /* @__PURE__ */ jsx("div", { className: "tileBody", children: /* @__PURE__ */ jsx("span", { className: "description", children: item.description }) }),
+            /* @__PURE__ */ jsx("div", { className: "tileFooter", children: /* @__PURE__ */ jsx(UniversalLink, { item, children: /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "Read More…",
+                defaultMessage: "Read More…"
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx("div", { className: "visualClear" })
+          ] }, item["@id"])),
+          ((_b = this.props.search) == null ? void 0 : _b.batching) && /* @__PURE__ */ jsx("div", { className: "search-footer", children: /* @__PURE__ */ jsx(
+            Pagination,
+            {
+              activePage: this.state.currentPage,
+              totalPages: Math.ceil(
+                this.props.search.items_total / (options.b_size || this.defaultPageSize)
+              ),
+              onPageChange: this.handleQueryPaginationChange,
+              firstItem: null,
+              lastItem: null,
+              prevItem: {
+                content: /* @__PURE__ */ jsx(Icon, { name: paginationLeftSVG, size: "18px" }),
+                icon: true,
+                "aria-disabled": !this.props.search.batching.prev,
+                className: !this.props.search.batching.prev ? "disabled" : null
+              },
+              nextItem: {
+                content: /* @__PURE__ */ jsx(Icon, { name: paginationRightSVG, size: "18px" }),
+                icon: true,
+                "aria-disabled": !this.props.search.batching.next,
+                className: !this.props.search.batching.next ? "disabled" : null
+              }
+            }
+          ) })
+        ] })
+      ] }) }),
+      this.state.isClient && createPortal(
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            pathname: this.props.pathname,
+            hideDefaultViewButtons: true,
+            inner: /* @__PURE__ */ jsx("span", {})
+          }
+        ),
+        document.getElementById("toolbar")
+      )
+    ] });
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(Search, "propTypes", {
+  searchContent: PropTypes.func.isRequired,
+  searchableText: PropTypes.string,
+  subject: PropTypes.string,
+  path: PropTypes.string,
+  items: PropTypes.arrayOf(
+    PropTypes.shape({
+      "@id": PropTypes.string,
+      "@type": PropTypes.string,
+      title: PropTypes.string,
+      description: PropTypes.string
+    })
+  ),
+  pathname: PropTypes.string.isRequired
+});
+/**
+ * Default properties.
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+__publicField(Search, "defaultProps", {
+  items: [],
+  searchableText: null,
+  subject: null,
+  path: null
+});
+const __test__ = compose(
+  injectIntl,
+  connect(
+    (state, props) => ({
+      items: state.search.items,
+      searchableText: qs.parse(props.history.location.search).SearchableText,
+      pathname: props.history.location.pathname
+    }),
+    { searchContent }
+  )
+)(Search);
+const Search$1 = compose(
+  injectIntl,
+  connect(
+    (state, props) => ({
+      items: state.search.items,
+      searchableText: qs.parse(props.history.location.search).SearchableText,
+      pathname: props.location.pathname
+    }),
+    { searchContent }
+  ),
+  asyncConnect([
+    {
+      key: "search",
+      promise: ({ location, store: { dispatch } }) => dispatch(
+        searchContent("", {
+          ...qs.parse(location.search),
+          use_site_search_settings: 1
+        })
+      )
+    }
+  ])
+)(Search);
+export {
+  __test__,
+  Search$1 as default
+};

package/dist/server/assets/SelectAutoComplete-QN8lOuc8.js

@@ -0,0 +1,279 @@
+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 } from "react/jsx-runtime";
+import React__default, { Component } from "react";
+import { injectIntl, defineMessages } from "react-intl";
+import PropTypes from "prop-types";
+import { compose } from "redux";
+import { connect } from "react-redux";
+import { c as convertValueToVocabQuery, n as normalizeValue, a as normalizeChoices } from "./SelectUtils-CfKnO3Pp.js";
+import { a as getVocabFromHint, b as getVocabFromField, c as getVocabFromItems, g as getVocabulary, d as getVocabularyTokenTitle } from "./vocabularies-C3rWoW1K.js";
+import { a5 as FormFieldWrapper, cm as customSelectStyles, cn as selectTheme, co as MenuList, cp as MultiValueContainer, ct as ClearIndicator, cs as DropdownIndicator, cu as Option } from "../entry-server.js";
+import "lodash-es";
+import "query-string";
+import "classnames";
+import "moment";
+import "react-router";
+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 "uuid";
+import "pretty-bytes";
+import "react-side-effect";
+import "github-slugger";
+import "slate";
+import "hoist-non-react-statics";
+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 SelectAsync = React__default.lazy(() => import("react-select/async/dist/react-select.esm.js"));
+const messages = defineMessages({
+  select: {
+    id: "Select…",
+    defaultMessage: "Select…"
+  },
+  no_options: {
+    id: "No options",
+    defaultMessage: "No options"
+  },
+  type_text: {
+    id: "Type text...",
+    defaultMessage: "Type text..."
+  }
+});
+class SelectAutoComplete extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs Actions
+   */
+  constructor(props) {
+    super(props);
+    __publicField(this, "timeoutRef", React__default.createRef());
+    // How many characters to hold off searching from. Search tarts at this plus one.
+    __publicField(this, "SEARCH_HOLDOFF", 2);
+    __publicField(this, "loadOptions", (query) => {
+      if (query.length > this.SEARCH_HOLDOFF) {
+        if (this.timeoutRef.current) clearTimeout(this.timeoutRef.current);
+        return new Promise((resolve) => {
+          this.timeoutRef.current = setTimeout(async () => {
+            const res = await this.fetchAvailableChoices(query);
+            resolve(res);
+          }, 400);
+        });
+      } else {
+        return Promise.resolve([]);
+      }
+    });
+    __publicField(this, "fetchAvailableChoices", async (query) => {
+      const resp = await this.props.getVocabulary({
+        vocabNameOrURL: this.props.vocabBaseUrl,
+        query,
+        size: -1,
+        subrequest: this.props.lang
+      });
+      return normalizeChoices(resp.items || [], this.props.intl);
+    });
+    this.handleChange = this.handleChange.bind(this);
+    this.state = {
+      searchLength: 0,
+      termsPairsCache: []
+    };
+  }
+  componentDidMount() {
+    const { id, lang, value, choices } = this.props;
+    if (value && (value == null ? void 0 : value.length) > 0) {
+      const tokensQuery = convertValueToVocabQuery(
+        normalizeValue(choices, value, this.props.intl)
+      );
+      this.props.getVocabularyTokenTitle({
+        vocabNameOrURL: this.props.vocabBaseUrl,
+        subrequest: `widget-${id}-${lang}`,
+        ...tokensQuery
+      });
+    }
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const { value, choices } = this.props;
+    if (this.state.termsPairsCache.length === 0 && (value == null ? void 0 : value.length) > 0 && (choices == null ? void 0 : choices.length) > 0) {
+      this.setState((state) => ({
+        termsPairsCache: [...state.termsPairsCache, ...choices]
+      }));
+    }
+  }
+  /**
+   * Handle the field change, store it in the local state and back to simple
+   * array of tokens for correct serialization
+   * @method handleChange
+   * @param {array} selectedOption The selected options (already aggregated).
+   * @returns {undefined}
+   */
+  handleChange(selectedOption) {
+    this.props.onChange(
+      this.props.id,
+      selectedOption ? selectedOption.map((item) => item.value) : null
+    );
+    this.setState((state) => ({
+      termsPairsCache: [...state.termsPairsCache, ...selectedOption]
+    }));
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    var _a;
+    const selectedOption = normalizeValue(
+      this.state.termsPairsCache,
+      this.props.value,
+      this.props.intl
+    );
+    return /* @__PURE__ */ jsx(FormFieldWrapper, { ...this.props, children: /* @__PURE__ */ jsx(
+      SelectAsync,
+      {
+        id: `field-${this.props.id}`,
+        isDisabled: this.props.disabled || this.props.isDisabled,
+        className: "react-select-container",
+        classNamePrefix: "react-select",
+        cacheOptions: true,
+        defaultOptions: [],
+        loadOptions: this.loadOptions,
+        onInputChange: (search) => this.setState({ searchLength: search.length }),
+        noOptionsMessage: () => this.props.intl.formatMessage(
+          this.state.searchLength > this.SEARCH_HOLDOFF ? messages.no_options : messages.type_text
+        ),
+        styles: customSelectStyles,
+        theme: selectTheme,
+        components: {
+          ...((_a = this.props.choices) == null ? void 0 : _a.length) > 25 && {
+            MenuList
+          },
+          MultiValueContainer,
+          ClearIndicator,
+          DropdownIndicator,
+          Option
+        },
+        value: selectedOption || [],
+        placeholder: this.props.placeholder ?? this.props.intl.formatMessage(messages.select),
+        onChange: this.handleChange,
+        isMulti: true
+      },
+      this.props.id
+    ) });
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(SelectAutoComplete, "propTypes", {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string,
+  required: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  getVocabulary: PropTypes.func.isRequired,
+  choices: PropTypes.arrayOf(
+    PropTypes.oneOfType([PropTypes.object, PropTypes.array])
+  ),
+  items: PropTypes.shape({
+    vocabulary: PropTypes.object
+  }),
+  widgetOptions: PropTypes.shape({
+    vocabulary: PropTypes.object
+  }),
+  value: PropTypes.arrayOf(
+    PropTypes.oneOfType([PropTypes.object, PropTypes.string])
+  ),
+  onChange: PropTypes.func.isRequired,
+  wrapped: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  placeholder: PropTypes.string
+});
+/**
+ * Default properties
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+__publicField(SelectAutoComplete, "defaultProps", {
+  description: null,
+  required: false,
+  items: {
+    vocabulary: null
+  },
+  widgetOptions: {
+    vocabulary: null
+  },
+  error: [],
+  choices: [],
+  value: null
+});
+const SelectAutoCompleteComponent = injectIntl(SelectAutoComplete);
+const SelectAutoComplete$1 = compose(
+  injectIntl,
+  connect(
+    (state, props) => {
+      var _a, _b, _c, _d, _e;
+      const vocabBaseUrl = getVocabFromHint(props) || getVocabFromField(props) || getVocabFromItems(props);
+      const vocabState = (_d = (_c = (_b = (_a = state.vocabularies) == null ? void 0 : _a[vocabBaseUrl]) == null ? void 0 : _b.subrequests) == null ? void 0 : _c[`widget-${props.id}-${state.intl.locale}`]) == null ? void 0 : _d.items;
+      return ((_e = props.items) == null ? void 0 : _e.choices) ? { choices: props.items.choices, lang: state.intl.locale } : vocabState ? {
+        choices: vocabState,
+        vocabBaseUrl,
+        lang: state.intl.locale
+      } : { vocabBaseUrl, lang: state.intl.locale };
+    },
+    { getVocabulary, getVocabularyTokenTitle }
+  )
+)(SelectAutoComplete);
+export {
+  SelectAutoCompleteComponent,
+  SelectAutoComplete$1 as default
+};