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

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

@@ -0,0 +1,420 @@
+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

@@ -0,0 +1,258 @@
+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
+};