@webiny/app-headless-cms 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -1,104 +0,0 @@
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-import classSet from "classnames";
-import { css } from "@emotion/css";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { ParentFieldProvider } from "../../hooks/index.js";
-import { ParentValueIndexProvider } from "../../components/ModelFieldProvider/index.js";
-import { getMultiValueRendererSettings } from "./MultiValueRendererSettings.js";
-import { Button, cn, FormComponentDescription, FormComponentErrorMessage, FormComponentNote, Grid, Separator } from "@webiny/admin-ui";
-const t = i18n.ns("app-headless-cms/admin/fields/text");
-const style = {
-  gridContainer: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-    name: "ivydhp",
-    styles: "padding:0!important"
-  } : {
-    name: "56q6jo-gridContainer",
-    styles: "padding:0!important;label:gridContainer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR5bmFtaWNTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnNCIiwiZmlsZSI6IkR5bmFtaWNTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbGFzc1NldCBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvYWRkLnN2Z1wiO1xuaW1wb3J0IHR5cGUgeyBHZXRCaW5kQ2FsbGFibGUgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlQmluZC5qc1wiO1xuaW1wb3J0IHsgUGFyZW50RmllbGRQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL2hvb2tzL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsRmllbGRQcm92aWRlci9pbmRleC5qc1wiO1xuaW1wb3J0IHR5cGUgeyBCaW5kQ29tcG9uZW50LCBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCwgQ21zTW9kZWxGaWVsZCB9IGZyb20gXCJ+L3R5cGVzLmpzXCI7XG5pbXBvcnQgeyBnZXRNdWx0aVZhbHVlUmVuZGVyZXJTZXR0aW5ncyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvTXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MuanNcIjtcbmltcG9ydCB7XG4gICAgQnV0dG9uLFxuICAgIGNuLFxuICAgIEZvcm1Db21wb25lbnREZXNjcmlwdGlvbixcbiAgICBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlLFxuICAgIEZvcm1Db21wb25lbnROb3RlLFxuICAgIEdyaWQsXG4gICAgU2VwYXJhdG9yXG59IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvdGV4dFwiKTtcblxuY29uc3Qgc3R5bGUgPSB7XG4gICAgZ3JpZENvbnRhaW5lcjogY3NzYFxuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgYFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBEeW5hbWljU2VjdGlvblByb3BzQ2hpbGRyZW5QYXJhbXMge1xuICAgIEJpbmQ6IEJpbmRDb21wb25lbnQ7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgYmluZDoge1xuICAgICAgICBpbmRleDogQmluZENvbXBvbmVudFJlbmRlclByb3A7XG4gICAgICAgIGZpZWxkOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcDtcbiAgICB9O1xuICAgIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHluYW1pY1NlY3Rpb25Qcm9wcyB7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgZ2V0QmluZDogR2V0QmluZENhbGxhYmxlO1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBzaG93TGFiZWw/OiBib29sZWFuO1xuICAgIGNoaWxkcmVuOiAocGFyYW1zOiBEeW5hbWljU2VjdGlvblByb3BzQ2hpbGRyZW5QYXJhbXMpID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuICAgIGVtcHR5VmFsdWU/OiBhbnk7XG4gICAgZ3JpZENsYXNzTmFtZT86IHN0cmluZztcbiAgICBvbkFkZEl0ZW0/OiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgICBhZGRWYWx1ZUJ1dHRvbkxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBkZWZhdWx0QWRkSXRlbSA9ICgpID0+IHtcbiAgICAvLyBObyBvcC5cbn07XG5cbmNvbnN0IER5bmFtaWNTZWN0aW9uID0gKHtcbiAgICBmaWVsZCxcbiAgICBnZXRCaW5kLFxuICAgIGNoaWxkcmVuLFxuICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgc2hvd0xhYmVsID0gdHJ1ZSxcbiAgICBlbXB0eVZhbHVlID0gXCJcIixcbiAgICBvbkFkZEl0ZW0gPSBkZWZhdWx0QWRkSXRlbSxcbiAgICBncmlkQ2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG59OiBEeW5hbWljU2VjdGlvblByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcblxuICAgIGNvbnN0IHNldHRpbmdzID0gZ2V0TXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MoZmllbGQpO1xuICAgIGNvbnN0IGFkZFZhbHVlQnV0dG9uTGFiZWwgPVxuICAgICAgICBwcm9wcy5hZGRWYWx1ZUJ1dHRvbkxhYmVsID8/IHNldHRpbmdzLmFkZFZhbHVlQnV0dG9uTGFiZWwgPz8gXCJBZGQgVmFsdWVcIjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIC8qIEZpcnN0IHdlIG1vdW50IHRoZSB0b3AgbGV2ZWwgZmllbGQsIGZvciBleGFtcGxlOiBcIml0ZW1zXCIgKi9cbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZEZpZWxkID0+IHtcbiAgICAgICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAgICAgKiBcInZhbHVlXCIgLT4gYW4gYXJyYXkgb2YgaXRlbXNcbiAgICAgICAgICAgICAgICAgKiBcImFwcGVuZFZhbHVlXCIgLT4gYSBjYWxsYmFjayB0byBhZGQgYSBuZXcgdmFsdWUgdG8gdGhlIHRvcCBsZXZlbCBcIml0ZW1zXCIgYXJyYXlcbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBjb25zdCB7IHZhbHVlLCBhcHBlbmRWYWx1ZSB9ID0gYmluZEZpZWxkO1xuXG4gICAgICAgICAgICAgICAgY29uc3QgYmluZEZpZWxkVmFsdWU6IHN0cmluZ1tdID0gdmFsdWUgfHwgW107XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8QmluZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFBhcmVudEZpZWxkUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfSBwYXRoPXtCaW5kLnBhcmVudE5hbWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93TGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJtYi1zbSBmbGV4IGZsZXgtY29sIGdhcC15LXNtXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNlcGFyYXRvciBsYWJlbFBvc2l0aW9uPXtcInN0YXJ0XCJ9IHZhcmlhbnQ9e1wiYWNjZW50XCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XCJ0ZXh0LWFjY2VudC1wcmltYXJ5IHRleHQtbGcgZm9udC1zZW1pYm9sZFwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2Ake2ZpZWxkLmxhYmVsfSAke1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZEZpZWxkVmFsdWUubGVuZ3RoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBgKCR7YmluZEZpZWxkVmFsdWUubGVuZ3RofSlgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBcIlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvU2VwYXJhdG9yPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2ZpZWxkLmRlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybUNvbXBvbmVudERlc2NyaXB0aW9uIHRleHQ9e2ZpZWxkLmRlc2NyaXB0aW9ufSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZCBjbGFzc05hbWU9e2NsYXNzU2V0KGdyaWRDbGFzc05hbWUsIHN0eWxlLmdyaWRDb250YWluZXIpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGRWYWx1ZS5tYXAoKF8sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgQmluZEZpZWxkID0gZ2V0QmluZChpbmRleCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmRQcm9wcyA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kRmllbGQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgaW5kZXg9e2luZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBCaW5kOiBCaW5kRmllbGQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogYmluZFByb3BzLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQ6IGJpbmRGaWVsZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9ybUNvbXBvbmVudE5vdGUgdGV4dD17ZmllbGQubm90ZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kRmllbGQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kRmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtiaW5kRmllbGQudmFsaWRhdGlvbi5pc1ZhbGlkID09PSBmYWxzZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQuQ29sdW1uIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1Db21wb25lbnRFcnJvck1lc3NhZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGludmFsaWRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ9e2JpbmRGaWVsZC52YWxpZGF0aW9uLm1lc3NhZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmlkLkNvbHVtbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZC5Db2x1bW4gc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJpbmRGaWVsZFZhbHVlLmxlbmd0aCA+IDAgPyBcInB0LW5vbmVcIiA6IFwicHQtc21cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD17XCJ0ZXJ0aWFyeVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PEFkZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PXt0KGFkZFZhbHVlQnV0dG9uTGFiZWwpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFwcGVuZFZhbHVlKGVtcHR5VmFsdWUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQWRkSXRlbShiaW5kRmllbGRWYWx1ZS5sZW5ndGgpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZC5Db2x1bW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1BhcmVudEZpZWxkUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvQmluZC5WYWxpZGF0aW9uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0JpbmQ+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IER5bmFtaWNTZWN0aW9uO1xuIl19 */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  })
-};
-const defaultAddItem = () => {
-  // No op.
-};
-const DynamicSection = ({
-  field,
-  getBind,
-  children,
-  disabled = false,
-  showLabel = true,
-  emptyValue = "",
-  onAddItem = defaultAddItem,
-  gridClassName,
-  ...props
-}) => {
-  const Bind = getBind();
-  const settings = getMultiValueRendererSettings(field);
-  const addValueButtonLabel = props.addValueButtonLabel ?? settings.addValueButtonLabel ?? "Add Value";
-  return /*#__PURE__*/ /* First we mount the top level field, for example: "items" */React.createElement(Bind, null, bindField => {
-    /**
-     * "value" -> an array of items
-     * "appendValue" -> a callback to add a new value to the top level "items" array
-     */
-    const {
-      value,
-      appendValue
-    } = bindField;
-    const bindFieldValue = value || [];
-    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(ParentFieldProvider, {
-      value: value,
-      path: Bind.parentName
-    }, showLabel && /*#__PURE__*/React.createElement("div", {
-      className: "mb-sm flex flex-col gap-y-sm"
-    }, /*#__PURE__*/React.createElement(Separator, {
-      labelPosition: "start",
-      variant: "accent"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "text-accent-primary text-lg font-semibold"
-    }, `${field.label} ${bindFieldValue.length ? `(${bindFieldValue.length})` : ""}`)), field.description && /*#__PURE__*/React.createElement(FormComponentDescription, {
-      text: field.description
-    })), /*#__PURE__*/React.createElement(Grid, {
-      className: classSet(gridClassName, style.gridContainer)
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, bindFieldValue.map((_, index) => {
-      const BindField = getBind(index);
-      return /*#__PURE__*/React.createElement(Grid.Column, {
-        span: 12,
-        key: index
-      }, /*#__PURE__*/React.createElement(BindField, null, bindProps => /*#__PURE__*/React.createElement(BindField.ValidationContainer, null, /*#__PURE__*/React.createElement(ParentValueIndexProvider, {
-        index: index
-      }, children({
-        Bind: BindField,
-        field,
-        bind: {
-          index: bindProps,
-          field: bindField
-        },
-        index
-      })), /*#__PURE__*/React.createElement(FormComponentNote, {
-        text: field.note
-      }))));
-    })), /*#__PURE__*/React.createElement(React.Fragment, null, bindField.validation.isValid === false && /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
-      invalid: true,
-      text: bindField.validation.message
-    }))), /*#__PURE__*/React.createElement(Grid.Column, {
-      span: 12
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn(bindFieldValue.length > 0 ? "pt-none" : "pt-sm")
-    }, /*#__PURE__*/React.createElement(Button, {
-      disabled: disabled,
-      variant: "tertiary",
-      icon: /*#__PURE__*/React.createElement(AddIcon, null),
-      text: t(addValueButtonLabel),
-      onClick: () => {
-        appendValue(emptyValue);
-        onAddItem(bindFieldValue.length);
-      }
-    }))))));
-  });
-};
-export default DynamicSection;
-
-//# sourceMappingURL=DynamicSection.js.map

package/admin/plugins/fieldRenderers/DynamicSection.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","classSet","css","i18n","ReactComponent","AddIcon","ParentFieldProvider","ParentValueIndexProvider","getMultiValueRendererSettings","Button","cn","FormComponentDescription","FormComponentErrorMessage","FormComponentNote","Grid","Separator","t","ns","style","gridContainer","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultAddItem","DynamicSection","field","getBind","children","disabled","showLabel","emptyValue","onAddItem","gridClassName","props","Bind","settings","addValueButtonLabel","createElement","bindField","value","appendValue","bindFieldValue","ValidationContainer","path","parentName","className","labelPosition","variant","label","length","description","text","Fragment","map","_","index","BindField","Column","span","key","bindProps","bind","note","validation","isValid","invalid","message","icon","onClick"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport classSet from \"classnames\";\nimport { css } from \"@emotion/css\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport type { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind.js\";\nimport { ParentFieldProvider } from \"~/admin/hooks/index.js\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport type { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport { getMultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport {\n    Button,\n    cn,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentNote,\n    Grid,\n    Separator\n} from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    gridContainer: css`\n        padding: 0 !important;\n    `\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    disabled?: boolean;\n    showLabel?: boolean;\n    children: (params: DynamicSectionPropsChildrenParams) => React.JSX.Element;\n    emptyValue?: any;\n    gridClassName?: string;\n    onAddItem?: (index: number) => void;\n    addValueButtonLabel?: string;\n}\n\nconst defaultAddItem = () => {\n    // No op.\n};\n\nconst DynamicSection = ({\n    field,\n    getBind,\n    children,\n    disabled = false,\n    showLabel = true,\n    emptyValue = \"\",\n    onAddItem = defaultAddItem,\n    gridClassName,\n    ...props\n}: DynamicSectionProps) => {\n    const Bind = getBind();\n\n    const settings = getMultiValueRendererSettings(field);\n    const addValueButtonLabel =\n        props.addValueButtonLabel ?? settings.addValueButtonLabel ?? \"Add Value\";\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n\n                return (\n                    <Bind.ValidationContainer>\n                        <ParentFieldProvider value={value} path={Bind.parentName}>\n                            {showLabel && (\n                                <div className={\"mb-sm flex flex-col gap-y-sm\"}>\n                                    <Separator labelPosition={\"start\"} variant={\"accent\"}>\n                                        <span\n                                            className={\"text-accent-primary text-lg font-semibold\"}\n                                        >\n                                            {`${field.label} ${\n                                                bindFieldValue.length\n                                                    ? `(${bindFieldValue.length})`\n                                                    : \"\"\n                                            }`}\n                                        </span>\n                                    </Separator>\n                                    {field.description && (\n                                        <FormComponentDescription text={field.description} />\n                                    )}\n                                </div>\n                            )}\n                            <Grid className={classSet(gridClassName, style.gridContainer)}>\n                                <>\n                                    {bindFieldValue.map((_, index) => {\n                                        const BindField = getBind(index);\n                                        return (\n                                            <Grid.Column span={12} key={index}>\n                                                <BindField>\n                                                    {bindProps => (\n                                                        <BindField.ValidationContainer>\n                                                            <ParentValueIndexProvider index={index}>\n                                                                {children({\n                                                                    Bind: BindField,\n                                                                    field,\n                                                                    bind: {\n                                                                        index: bindProps,\n                                                                        field: bindField\n                                                                    },\n                                                                    index\n                                                                })}\n                                                            </ParentValueIndexProvider>\n                                                            <FormComponentNote text={field.note} />\n                                                        </BindField.ValidationContainer>\n                                                    )}\n                                                </BindField>\n                                            </Grid.Column>\n                                        );\n                                    })}\n                                </>\n                                <>\n                                    {bindField.validation.isValid === false && (\n                                        <Grid.Column span={12}>\n                                            <FormComponentErrorMessage\n                                                invalid\n                                                text={bindField.validation.message}\n                                            />\n                                        </Grid.Column>\n                                    )}\n                                </>\n                                {\n                                    <Grid.Column span={12}>\n                                        <div\n                                            className={cn(\n                                                bindFieldValue.length > 0 ? \"pt-none\" : \"pt-sm\"\n                                            )}\n                                        >\n                                            <Button\n                                                disabled={disabled}\n                                                variant={\"tertiary\"}\n                                                icon={<AddIcon />}\n                                                text={t(addValueButtonLabel)}\n                                                onClick={() => {\n                                                    appendValue(emptyValue);\n                                                    onAddItem(bindFieldValue.length);\n                                                }}\n                                            />\n                                        </div>\n                                    </Grid.Column>\n                                }\n                            </Grid>\n                        </ParentFieldProvider>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/MultiValueRendererSettings.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import type { CmsModelField, CmsModelFieldRendererSettingsProps } from "@webiny/app-headless-cms-common/types/index.js";
-interface IMultiValueRendererSettings {
-    addValueButtonLabel: string;
-}
-export declare const getMultiValueRendererSettings: (field: CmsModelField) => IMultiValueRendererSettings;
-export declare const MultiValueRendererSettings: ({ field }: CmsModelFieldRendererSettingsProps) => React.JSX.Element;
-export {};

package/admin/plugins/fieldRenderers/MultiValueRendererSettings.js

@@ -1,26 +0,0 @@
-import React from "react";
-import { Bind } from "@webiny/form";
-import { Grid, Input } from "@webiny/admin-ui";
-const DEFAULT_SETTINGS = {
-  addValueButtonLabel: "Add Value"
-};
-export const getMultiValueRendererSettings = field => {
-  if (typeof field.renderer === "function") {
-    return DEFAULT_SETTINGS;
-  }
-  return field.renderer.settings?.multiValue ?? DEFAULT_SETTINGS;
-};
-export const MultiValueRendererSettings = ({
-  field
-}) => {
-  return /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "renderer.settings.multiValue.addValueButtonLabel",
-    defaultValue: `Add ${field.label}`
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: `"Add Value" button label`
-  })));
-};
-
-//# sourceMappingURL=MultiValueRendererSettings.js.map

package/admin/plugins/fieldRenderers/MultiValueRendererSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Bind","Grid","Input","DEFAULT_SETTINGS","addValueButtonLabel","getMultiValueRendererSettings","field","renderer","settings","multiValue","MultiValueRendererSettings","createElement","Column","span","name","defaultValue","label"],"sources":["MultiValueRendererSettings.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsModelField,\n    CmsModelFieldRendererSettingsProps\n} from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\n\ninterface IMultiValueRendererSettings {\n    addValueButtonLabel: string;\n}\n\nconst DEFAULT_SETTINGS: IMultiValueRendererSettings = {\n    addValueButtonLabel: \"Add Value\"\n};\n\nexport const getMultiValueRendererSettings = (\n    field: CmsModelField\n): IMultiValueRendererSettings => {\n    if (typeof field.renderer === \"function\") {\n        return DEFAULT_SETTINGS;\n    }\n\n    return field.renderer.settings?.multiValue ?? DEFAULT_SETTINGS;\n};\n\nexport const MultiValueRendererSettings = ({ field }: CmsModelFieldRendererSettingsProps) => {\n    return (\n        <Grid.Column span={12}>\n            <Bind\n                name={\"renderer.settings.multiValue.addValueButtonLabel\"}\n                defaultValue={`Add ${field.label}`}\n            >\n                <Input label={`\"Add Value\" button label`} />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAM9C,MAAMC,gBAA6C,GAAG;EAClDC,mBAAmB,EAAE;AACzB,CAAC;AAED,OAAO,MAAMC,6BAA6B,GACtCC,KAAoB,IACU;EAC9B,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtC,OAAOJ,gBAAgB;EAC3B;EAEA,OAAOG,KAAK,CAACC,QAAQ,CAACC,QAAQ,EAAEC,UAAU,IAAIN,gBAAgB;AAClE,CAAC;AAED,OAAO,MAAMO,0BAA0B,GAAGA,CAAC;EAAEJ;AAA0C,CAAC,KAAK;EACzF,oBACIP,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACW,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBd,KAAA,CAAAY,aAAA,CAACX,IAAI;IACDc,IAAI,EAAE,kDAAmD;IACzDC,YAAY,EAAE,OAAOT,KAAK,CAACU,KAAK;EAAG,gBAEnCjB,KAAA,CAAAY,aAAA,CAACT,KAAK;IAACc,KAAK,EAAE;EAA2B,CAAE,CACzC,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldRendererPlugin } from "../../../../types.js";
-declare const plugin: CmsModelFieldRendererPlugin;
-export default plugin;

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js

@@ -1,40 +0,0 @@
-import React from "react";
-import get from "lodash/get.js";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { Switch } from "@webiny/admin-ui";
-import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
-const t = i18n.ns("app-headless-cms/admin/fields/boolean");
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-boolean",
-  renderer: {
-    rendererName: "boolean-input",
-    name: t`Boolean Input`,
-    description: t`Renders a simple switch button.`,
-    canUse({
-      field
-    }) {
-      return field.type === "boolean" && !field.list && !get(field, "predefinedValues.enabled");
-    },
-    render({
-      getBind
-    }) {
-      const {
-        field
-      } = useModelField();
-      const rules = useFieldEffectiveRules(field);
-      const Bind = getBind();
-      const disabled = !rules.canEdit || rules.disabled;
-      return /*#__PURE__*/React.createElement(Bind, null, bindProps => /*#__PURE__*/React.createElement(Switch, Object.assign({}, bindProps, {
-        disabled: disabled,
-        label: field.label,
-        description: field.description,
-        note: field.note,
-        "data-testid": `fr.input.boolean.${field.label}`
-      })));
-    }
-  }
-};
-export default plugin;
-
-//# sourceMappingURL=booleanSwitch.js.map

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","get","i18n","Switch","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","Bind","disabled","canEdit","createElement","bindProps","Object","assign","label","note"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-boolean\",\n    renderer: {\n        rendererName: \"boolean-input\",\n        name: t`Boolean Input`,\n        description: t`Renders a simple switch button.`,\n        canUse({ field }) {\n            return (\n                field.type === \"boolean\" && !field.list && !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const Bind = getBind();\n\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Switch\n                            {...bindProps}\n                            disabled={disabled}\n                            label={field.label}\n                            description={field.description}\n                            note={field.note}\n                            data-testid={`fr.input.boolean.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,uCAAuC,CAAC;AAE1D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,iCAAiC;IAC/CQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,SAAS,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAACf,GAAG,CAACc,KAAK,EAAE,0BAA0B,CAAC;IAE1F,CAAC;IACDE,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACW,KAAK,CAAC;MAC3C,MAAMK,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,QAAQ,GAAG,CAACF,KAAK,CAACG,OAAO,IAAIH,KAAK,CAACE,QAAQ;MAEjD,oBACIrB,KAAA,CAAAuB,aAAA,CAACH,IAAI,QACAI,SAAS,iBACNxB,KAAA,CAAAuB,aAAA,CAACpB,MAAM,EAAAsB,MAAA,CAAAC,MAAA,KACCF,SAAS;QACbH,QAAQ,EAAEA,QAAS;QACnBM,KAAK,EAAEZ,KAAK,CAACY,KAAM;QACnBd,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/Be,IAAI,EAAEb,KAAK,CAACa,IAAK;QACjB,eAAa,oBAAoBb,KAAK,CAACY,KAAK;MAAG,EAClD,CAEH,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/boolean/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin[];
-export default _default;

package/admin/plugins/fieldRenderers/boolean/index.js

@@ -1,4 +0,0 @@
-import booleanSwitch from "./booleanSwitch.js";
-export default [booleanSwitch];
-
-//# sourceMappingURL=index.js.map

package/admin/plugins/fieldRenderers/boolean/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["booleanSwitch"],"sources":["index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch.js\";\n\nexport default [booleanSwitch];\n"],"mappings":"AAAA,OAAOA,aAAa;AAEpB,eAAe,CAACA,aAAa,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/checkboxes.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldRendererPlugin } from "../../../types.js";
-declare const plugin: CmsModelFieldRendererPlugin;
-export default plugin;

package/admin/plugins/fieldRenderers/checkboxes.js

@@ -1,64 +0,0 @@
-import React from "react";
-import get from "lodash/get.js";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { CheckboxGroup } from "@webiny/admin-ui";
-import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
-const t = i18n.ns("app-headless-cms/admin/fields/text");
-const adaptToField = (field, value) => {
-  return field.type === "number" ? Number(value) : value;
-};
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-checkboxes-buttons",
-  renderer: {
-    rendererName: "checkboxes",
-    name: t`Checkboxes`,
-    description: t`Renders checkboxes, allowing selection of multiple values.`,
-    canUse({
-      field
-    }) {
-      return !!field.list && !!get(field, "predefinedValues.enabled");
-    },
-    render({
-      getBind
-    }) {
-      const {
-        field
-      } = useModelField();
-      const rules = useFieldEffectiveRules(field);
-      const Bind = getBind();
-      const {
-        values: predefinedOptions = []
-      } = field.predefinedValues || {
-        values: []
-      };
-
-      // For `number` field, we want to convert the value to actual Number.
-      const options = predefinedOptions.map(opt => ({
-        ...opt,
-        value: adaptToField(field, opt.value)
-      }));
-      const defaults = options.filter(option => option.selected);
-      const defaultValue = defaults.length > 0 ? defaults.map(opt => opt.value) : undefined;
-      const disabled = !rules.canEdit || rules.disabled;
-      return /*#__PURE__*/React.createElement(Bind, {
-        defaultValue: defaultValue
-      }, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, bind, {
-        disabled: disabled,
-        label: field.label,
-        description: field.description,
-        note: field.note,
-        hint: field.help,
-        value: bind.value,
-        items: options.map(opt => ({
-          label: opt.label,
-          value: opt.value,
-          selected: opt.selected
-        }))
-      }))));
-    }
-  }
-};
-export default plugin;
-
-//# sourceMappingURL=checkboxes.js.map

package/admin/plugins/fieldRenderers/checkboxes.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","get","i18n","CheckboxGroup","useFieldEffectiveRules","useModelField","t","ns","adaptToField","field","value","type","Number","plugin","name","renderer","rendererName","description","canUse","list","render","getBind","rules","Bind","values","predefinedOptions","predefinedValues","options","map","opt","defaults","filter","option","selected","defaultValue","length","undefined","disabled","canEdit","createElement","bind","ValidationContainer","Object","assign","label","note","hint","help","items"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst adaptToField = (field: CmsModelField, value: string) => {\n    return field.type === \"number\" ? Number(value) : value;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-checkboxes-buttons\",\n    renderer: {\n        rendererName: \"checkboxes\",\n        name: t`Checkboxes`,\n        description: t`Renders checkboxes, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return !!field.list && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const Bind = getBind();\n\n            const { values: predefinedOptions = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            // For `number` field, we want to convert the value to actual Number.\n            const options = predefinedOptions.map(opt => ({\n                ...opt,\n                value: adaptToField(field, opt.value)\n            }));\n\n            const defaults = options.filter(option => option.selected);\n            const defaultValue = defaults.length > 0 ? defaults.map(opt => opt.value) : undefined;\n\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <Bind defaultValue={defaultValue}>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <CheckboxGroup\n                                {...bind}\n                                disabled={disabled}\n                                label={field.label}\n                                description={field.description}\n                                note={field.note}\n                                hint={field.help}\n                                value={bind.value}\n                                items={options.map(opt => ({\n                                    label: opt.label,\n                                    value: opt.value,\n                                    selected: opt.selected\n                                }))}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,YAAY,GAAGA,CAACC,KAAoB,EAAEC,KAAa,KAAK;EAC1D,OAAOD,KAAK,CAACE,IAAI,KAAK,QAAQ,GAAGC,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;AAC1D,CAAC;AAED,MAAMG,MAAmC,GAAG;EACxCF,IAAI,EAAE,2BAA2B;EACjCG,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,YAAY;IACnBW,WAAW,EAAEX,CAAC,4DAA4D;IAC1EY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAO,CAAC,CAACA,KAAK,CAACU,IAAI,IAAI,CAAC,CAAClB,GAAG,CAACQ,KAAK,EAAE,0BAA0B,CAAC;IACnE,CAAC;IACDW,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEZ;MAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;MACjC,MAAMiB,KAAK,GAAGlB,sBAAsB,CAACK,KAAK,CAAC;MAC3C,MAAMc,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEG,MAAM,EAAEC,iBAAiB,GAAG;MAAG,CAAC,GAAGhB,KAAK,CAACiB,gBAAgB,IAAI;QACjEF,MAAM,EAAE;MACZ,CAAC;;MAED;MACA,MAAMG,OAAO,GAAGF,iBAAiB,CAACG,GAAG,CAACC,GAAG,KAAK;QAC1C,GAAGA,GAAG;QACNnB,KAAK,EAAEF,YAAY,CAACC,KAAK,EAAEoB,GAAG,CAACnB,KAAK;MACxC,CAAC,CAAC,CAAC;MAEH,MAAMoB,QAAQ,GAAGH,OAAO,CAACI,MAAM,CAACC,MAAM,IAAIA,MAAM,CAACC,QAAQ,CAAC;MAC1D,MAAMC,YAAY,GAAGJ,QAAQ,CAACK,MAAM,GAAG,CAAC,GAAGL,QAAQ,CAACF,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACnB,KAAK,CAAC,GAAG0B,SAAS;MAErF,MAAMC,QAAQ,GAAG,CAACf,KAAK,CAACgB,OAAO,IAAIhB,KAAK,CAACe,QAAQ;MAEjD,oBACIrC,KAAA,CAAAuC,aAAA,CAAChB,IAAI;QAACW,YAAY,EAAEA;MAAa,GAC5BM,IAAI,iBACDxC,KAAA,CAAAuC,aAAA,CAAChB,IAAI,CAACkB,mBAAmB,qBACrBzC,KAAA,CAAAuC,aAAA,CAACpC,aAAa,EAAAuC,MAAA,CAAAC,MAAA,KACNH,IAAI;QACRH,QAAQ,EAAEA,QAAS;QACnBO,KAAK,EAAEnC,KAAK,CAACmC,KAAM;QACnB3B,WAAW,EAAER,KAAK,CAACQ,WAAY;QAC/B4B,IAAI,EAAEpC,KAAK,CAACoC,IAAK;QACjBC,IAAI,EAAErC,KAAK,CAACsC,IAAK;QACjBrC,KAAK,EAAE8B,IAAI,CAAC9B,KAAM;QAClBsC,KAAK,EAAErB,OAAO,CAACC,GAAG,CAACC,GAAG,KAAK;UACvBe,KAAK,EAAEf,GAAG,CAACe,KAAK;UAChBlC,KAAK,EAAEmB,GAAG,CAACnB,KAAK;UAChBuB,QAAQ,EAAEJ,GAAG,CAACI;QAClB,CAAC,CAAC;MAAE,EACP,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAepB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/DateOnly.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type { TrailingIcon } from "./Input.js";
-import type { CmsModelField } from "../../../../types.js";
-import type { BindComponentRenderProp } from "@webiny/form";
-export interface DateOnlyProps {
-    field: CmsModelField;
-    bind: BindComponentRenderProp;
-    trailingIcon?: TrailingIcon;
-}
-export declare const DateOnly: (props: DateOnlyProps) => React.JSX.Element;

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js

@@ -1,40 +0,0 @@
-import React, { useEffect } from "react";
-import { Input } from "./Input.js";
-import { getCurrentDate, getDefaultFieldValue } from "./utils.js";
-export const DateOnly = props => {
-  const {
-    field,
-    bind,
-    trailingIcon
-  } = props;
-  const date = getDefaultFieldValue(field, bind, () => {
-    return getCurrentDate(new Date());
-  });
-  const bindValue = bind.value || "";
-  useEffect(() => {
-    if (!date || bindValue === date) {
-      return;
-    }
-    bind.onChange(date);
-  }, [bindValue]);
-  return /*#__PURE__*/React.createElement(Input, {
-    bind: {
-      ...bind,
-      value: date,
-      onChange: async value => {
-        if (!value) {
-          if (!bindValue) {
-            return;
-          }
-          return bind.onChange("");
-        }
-        return bind.onChange(value);
-      }
-    },
-    field: field,
-    type: field.settings?.type,
-    trailingIcon: trailingIcon
-  });
-};
-
-//# sourceMappingURL=DateOnly.js.map

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","Input","getCurrentDate","getDefaultFieldValue","DateOnly","props","field","bind","trailingIcon","date","Date","bindValue","value","onChange","createElement","type","settings"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { TrailingIcon } from \"./Input.js\";\nimport { Input } from \"./Input.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface DateOnlyProps {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly = (props: DateOnlyProps) => {\n    const { field, bind, trailingIcon } = props;\n    const date = getDefaultFieldValue(field, bind, () => {\n        return getCurrentDate(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || bindValue === date) {\n            return;\n        }\n        bind.onChange(date);\n    }, [bindValue]);\n\n    return (\n        <Input\n            bind={{\n                ...bind,\n                value: date,\n                onChange: async (value: string) => {\n                    if (!value) {\n                        if (!bindValue) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            field={field}\n            type={field.settings?.type}\n            trailingIcon={trailingIcon}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,KAAK;AAEd,SACIC,cAAc,EACdC,oBAAoB;AAUxB,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAC9C,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC3C,MAAMI,IAAI,GAAGN,oBAAoB,CAACG,KAAK,EAAEC,IAAI,EAAE,MAAM;IACjD,OAAOL,cAAc,CAAC,IAAIQ,IAAI,CAAC,CAAC,CAAC;EACrC,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGJ,IAAI,CAACK,KAAK,IAAI,EAAE;EAElCZ,SAAS,CAAC,MAAM;IACZ,IAAI,CAACS,IAAI,IAAIE,SAAS,KAAKF,IAAI,EAAE;MAC7B;IACJ;IACAF,IAAI,CAACM,QAAQ,CAACJ,IAAI,CAAC;EACvB,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,oBACIZ,KAAA,CAAAe,aAAA,CAACb,KAAK;IACFM,IAAI,EAAE;MACF,GAAGA,IAAI;MACPK,KAAK,EAAEH,IAAI;MACXI,QAAQ,EAAE,MAAOD,KAAa,IAAK;QAC/B,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACD,SAAS,EAAE;YACZ;UACJ;UACA,OAAOJ,IAAI,CAACM,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAON,IAAI,CAACM,QAAQ,CAACD,KAAK,CAAC;MAC/B;IACJ,CAAE;IACFN,KAAK,EAAEA,KAAM;IACbS,IAAI,EAAET,KAAK,CAACU,QAAQ,EAAED,IAAK;IAC3BP,YAAY,EAAEA;EAAa,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { CmsModelField } from "../../../../types.js";
-import type { BindComponentRenderProp } from "@webiny/form";
-export interface DateTimeWithTimezoneProps {
-    bind: BindComponentRenderProp;
-    trailingIcon?: any;
-    field: CmsModelField;
-}
-export declare const DateTimeWithTimezone: ({ bind, trailingIcon, field }: DateTimeWithTimezoneProps) => React.JSX.Element;

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.js

@@ -1,120 +0,0 @@
-import React from "react";
-import { Grid } from "@webiny/admin-ui";
-import { Input } from "./Input.js";
-import { Select } from "./Select.js";
-import { RemoveFieldButton, getDefaultFieldValue, DEFAULT_TIMEZONE, getCurrentDate, getCurrentLocalTime, getCurrentTimeZone, getHHmmss, getHHmm } from "./utils.js";
-import { UTC_TIMEZONES } from "@webiny/utils";
-const parseDateTime = value => {
-  if (!value || typeof value !== "string") {
-    return {
-      date: "",
-      rest: ""
-    };
-  }
-  const [formattedDate, rest] = value.split("T");
-  if (!formattedDate || !rest) {
-    throw new Error(`Could not extract date and time from "${value}".`);
-  }
-  return {
-    date: formattedDate,
-    rest
-  };
-};
-const parseTime = (value, defaultTimeZone) => {
-  if (!value) {
-    return {
-      time: "",
-      timezone: defaultTimeZone || ""
-    };
-  }
-  const sign = value.includes("+") ? "+" : "-";
-  const [fullTime, zone] = value.split(sign);
-  return {
-    time: fullTime,
-    timezone: sign + zone
-  };
-};
-export const DateTimeWithTimezone = ({
-  bind,
-  trailingIcon,
-  field
-}) => {
-  const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;
-
-  // "2020-05-18T09:00+10:00"
-  const value = bind.value || getDefaultFieldValue(field, bind, () => {
-    const date = new Date();
-    return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;
-  });
-  const {
-    date,
-    rest
-  } = parseDateTime(value);
-  const {
-    time,
-    timezone
-  } = parseTime(rest, defaultTimeZone);
-  const cellSize = trailingIcon ? 3 : 4;
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 4
-  }, /*#__PURE__*/React.createElement(Input, {
-    bind: {
-      ...bind,
-      value: date,
-      onChange: async value => {
-        if (!value) {
-          if (!bind.value) {
-            return;
-          }
-          return bind.onChange("");
-        }
-        return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);
-      }
-    },
-    field: field,
-    type: "date"
-  })), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 4
-  }, /*#__PURE__*/React.createElement(Input, {
-    bind: {
-      ...bind,
-      value: getHHmm(time),
-      onChange: async value => {
-        if (!value) {
-          if (!bind.value) {
-            return;
-          }
-          return bind.onChange("");
-        }
-        return bind.onChange(`${date || getCurrentDate()}T${getHHmmss(value)}${timezone}`);
-      }
-    },
-    field: {
-      ...field,
-      label: `${field.label} time`
-    },
-    type: "time",
-    step: 60
-  })), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: cellSize
-  }, /*#__PURE__*/React.createElement(Select, {
-    value: timezone,
-    onChange: value => {
-      if (!value) {
-        if (!bind.value) {
-          return null;
-        }
-        return bind.onChange("");
-      }
-      return bind.onChange(`${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`);
-    },
-    options: UTC_TIMEZONES.map(t => ({
-      value: t.value,
-      label: t.label
-    }))
-  })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
-    trailingIcon: trailingIcon
-  }));
-};
-
-//# sourceMappingURL=DateTimeWithTimezone.js.map

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Grid","Input","Select","RemoveFieldButton","getDefaultFieldValue","DEFAULT_TIMEZONE","getCurrentDate","getCurrentLocalTime","getCurrentTimeZone","getHHmmss","getHHmm","UTC_TIMEZONES","parseDateTime","value","date","rest","formattedDate","split","Error","parseTime","defaultTimeZone","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","Date","cellSize","createElement","Column","span","onChange","type","label","step","options","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Input } from \"./Input.js\";\nimport { Select } from \"./Select.js\";\nimport {\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone,\n    getHHmmss,\n    getHHmm\n} from \"./utils.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\n\ninterface State {\n    date: string;\n    time: string;\n    timezone: string;\n}\n\nconst parseDateTime = (value?: string): Pick<State, \"date\"> & { rest: string } => {\n    if (!value || typeof value !== \"string\") {\n        return {\n            date: \"\",\n            rest: \"\"\n        };\n    }\n    const [formattedDate, rest] = value.split(\"T\");\n    if (!formattedDate || !rest) {\n        throw new Error(`Could not extract date and time from \"${value}\".`);\n    }\n    return {\n        date: formattedDate,\n        rest\n    };\n};\n\nconst parseTime = (value?: string, defaultTimeZone?: string): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: defaultTimeZone || \"\"\n        };\n    }\n    const sign = value.includes(\"+\") ? \"+\" : \"-\";\n    const [fullTime, zone] = value.split(sign);\n\n    return {\n        time: fullTime,\n        timezone: sign + zone\n    };\n};\n\nexport interface DateTimeWithTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithTimezone = ({ bind, trailingIcon, field }: DateTimeWithTimezoneProps) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const value =\n        bind.value ||\n        getDefaultFieldValue(field, bind, () => {\n            const date = new Date();\n            return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n        });\n\n    const { date, rest } = parseDateTime(value);\n    const { time, timezone } = parseTime(rest, defaultTimeZone);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Grid.Column span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async (value: string) => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n\n                            return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);\n                        }\n                    }}\n                    field={field}\n                    type={\"date\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: getHHmm(time),\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${date || getCurrentDate()}T${getHHmmss(value)}${timezone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Grid.Column>\n            <Grid.Column span={cellSize}>\n                <Select\n                    value={timezone}\n                    onChange={value => {\n                        if (!value) {\n                            if (!bind.value) {\n                                return null;\n                            }\n                            return bind.onChange(\"\");\n                        }\n                        return bind.onChange(\n                            `${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`\n                        );\n                    }}\n                    options={UTC_TIMEZONES.map(t => ({ value: t.value, label: t.label }))}\n                />\n            </Grid.Column>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,KAAK;AACd,SAASC,MAAM;AACf,SACIC,iBAAiB,EACjBC,oBAAoB,EACpBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,kBAAkB,EAClBC,SAAS,EACTC,OAAO;AAIX,SAASC,aAAa,QAAQ,eAAe;AAQ7C,MAAMC,aAAa,GAAIC,KAAc,IAA6C;EAC9E,IAAI,CAACA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACrC,OAAO;MACHC,IAAI,EAAE,EAAE;MACRC,IAAI,EAAE;IACV,CAAC;EACL;EACA,MAAM,CAACC,aAAa,EAAED,IAAI,CAAC,GAAGF,KAAK,CAACI,KAAK,CAAC,GAAG,CAAC;EAC9C,IAAI,CAACD,aAAa,IAAI,CAACD,IAAI,EAAE;IACzB,MAAM,IAAIG,KAAK,CAAC,yCAAyCL,KAAK,IAAI,CAAC;EACvE;EACA,OAAO;IACHC,IAAI,EAAEE,aAAa;IACnBD;EACJ,CAAC;AACL,CAAC;AAED,MAAMI,SAAS,GAAGA,CAACN,KAAc,EAAEO,eAAwB,KAAuC;EAC9F,IAAI,CAACP,KAAK,EAAE;IACR,OAAO;MACHQ,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAEF,eAAe,IAAI;IACjC,CAAC;EACL;EACA,MAAMG,IAAI,GAAGV,KAAK,CAACW,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;EAC5C,MAAM,CAACC,QAAQ,EAAEC,IAAI,CAAC,GAAGb,KAAK,CAACI,KAAK,CAACM,IAAI,CAAC;EAE1C,OAAO;IACHF,IAAI,EAAEI,QAAQ;IACdH,QAAQ,EAAEC,IAAI,GAAGG;EACrB,CAAC;AACL,CAAC;AAOD,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,YAAY;EAAEC;AAAiC,CAAC,KAAK;EAC9F,MAAMV,eAAe,GAAGZ,kBAAkB,CAAC,CAAC,IAAIH,gBAAgB;;EAEhE;EACA,MAAMQ,KAAK,GACPe,IAAI,CAACf,KAAK,IACVT,oBAAoB,CAAC0B,KAAK,EAAEF,IAAI,EAAE,MAAM;IACpC,MAAMd,IAAI,GAAG,IAAIiB,IAAI,CAAC,CAAC;IACvB,OAAO,GAAGzB,cAAc,CAACQ,IAAI,CAAC,IAAIP,mBAAmB,CAACO,IAAI,CAAC,GAAGM,eAAe,EAAE;EACnF,CAAC,CAAC;EAEN,MAAM;IAAEN,IAAI;IAAEC;EAAK,CAAC,GAAGH,aAAa,CAACC,KAAK,CAAC;EAC3C,MAAM;IAAEQ,IAAI;IAAEC;EAAS,CAAC,GAAGH,SAAS,CAACJ,IAAI,EAAEK,eAAe,CAAC;EAE3D,MAAMY,QAAQ,GAAGH,YAAY,GAAG,CAAC,GAAG,CAAC;EAErC,oBACI9B,KAAA,CAAAkC,aAAA,CAACjC,IAAI,qBACDD,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBpC,KAAA,CAAAkC,aAAA,CAAChC,KAAK;IACF2B,IAAI,EAAE;MACF,GAAGA,IAAI;MACPf,KAAK,EAAEC,IAAI;MACXsB,QAAQ,EAAE,MAAOvB,KAAa,IAAK;QAC/B,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;YACb;UACJ;UACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QAEA,OAAOR,IAAI,CAACQ,QAAQ,CAAC,GAAGvB,KAAK,IAAIJ,SAAS,CAACY,IAAI,CAAC,GAAGC,QAAQ,EAAE,CAAC;MAClE;IACJ,CAAE;IACFQ,KAAK,EAAEA,KAAM;IACbO,IAAI,EAAE;EAAO,CAChB,CACQ,CAAC,eACdtC,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBpC,KAAA,CAAAkC,aAAA,CAAChC,KAAK;IACF2B,IAAI,EAAE;MACF,GAAGA,IAAI;MACPf,KAAK,EAAEH,OAAO,CAACW,IAAI,CAAC;MACpBe,QAAQ,EAAE,MAAMvB,KAAK,IAAI;QACrB,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;YACb;UACJ;UACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOR,IAAI,CAACQ,QAAQ,CAChB,GAAGtB,IAAI,IAAIR,cAAc,CAAC,CAAC,IAAIG,SAAS,CAACI,KAAK,CAAC,GAAGS,QAAQ,EAC9D,CAAC;MACL;IACJ,CAAE;IACFQ,KAAK,EAAE;MACH,GAAGA,KAAK;MACRQ,KAAK,EAAE,GAAGR,KAAK,CAACQ,KAAK;IACzB,CAAE;IACFD,IAAI,EAAE,MAAO;IACbE,IAAI,EAAE;EAAG,CACZ,CACQ,CAAC,eACdxC,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAEH;EAAS,gBACxBjC,KAAA,CAAAkC,aAAA,CAAC/B,MAAM;IACHW,KAAK,EAAES,QAAS;IAChBc,QAAQ,EAAEvB,KAAK,IAAI;MACf,IAAI,CAACA,KAAK,EAAE;QACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;UACb,OAAO,IAAI;QACf;QACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;MAC5B;MACA,OAAOR,IAAI,CAACQ,QAAQ,CAChB,GAAGtB,IAAI,IAAIR,cAAc,CAAC,CAAC,IAAIe,IAAI,IAAId,mBAAmB,CAAC,CAAC,GAAGM,KAAK,EACxE,CAAC;IACL,CAAE;IACF2B,OAAO,EAAE7B,aAAa,CAAC8B,GAAG,CAACC,CAAC,KAAK;MAAE7B,KAAK,EAAE6B,CAAC,CAAC7B,KAAK;MAAEyB,KAAK,EAAEI,CAAC,CAACJ;IAAM,CAAC,CAAC;EAAE,CACzE,CACQ,CAAC,eACdvC,KAAA,CAAAkC,aAAA,CAAC9B,iBAAiB;IAAC0B,YAAY,EAAEA;EAAa,CAAE,CAC9C,CAAC;AAEf,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithoutTimezone.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { CmsModelField } from "../../../../types.js";
-import type { BindComponentRenderProp } from "@webiny/form";
-export interface DateTimeWithoutTimezoneProps {
-    bind: BindComponentRenderProp;
-    trailingIcon?: any;
-    field: CmsModelField;
-}
-export declare const DateTimeWithoutTimezone: ({ field, bind, trailingIcon }: DateTimeWithoutTimezoneProps) => React.JSX.Element;