@webiny/app-headless-cms 0.0.0-mt-1

package/admin/plugins/editor/defaultBar/icons/more_vert.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes">
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<path d="M12,8c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2S10.9,8,12,8z M12,10c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,10,12,10z
+		 M12,16c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,16,12,16z"/>
+</g>
+</svg>

package/admin/plugins/editor/defaultBar/icons/round-arrow_back-24px.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes">
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<path fill="currentColor" d="M19,11H7.83l4.88-4.88c0.39-0.39,0.39-1.03,0-1.42l0,0c-0.39-0.39-1.02-0.39-1.41,0l-6.59,6.59
+		c-0.39,0.39-0.39,1.02,0,1.41l6.59,6.59c0.39,0.39,1.02,0.39,1.41,0l0,0c0.39-0.39,0.39-1.02,0-1.41L7.83,13H19c0.55,0,1-0.45,1-1
+		v0C20,11.45,19.55,11,19,11z"/>
+</g>
+</svg>

package/admin/plugins/editor/defaultBar/icons/round-arrow_drop_down-24px.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes">
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<path fill="currentColor" d="M8.71,11.71l2.59,2.59c0.39,0.39,1.02,0.39,1.41,0l2.59-2.59c0.63-0.63,0.18-1.71-0.71-1.71H9.41
+		C8.52,10,8.08,11.08,8.71,11.71z"/>
+</g>
+</svg>

package/admin/plugins/editor/defaultBar/icons/settings.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Header_x2F_BG" display="none">
+	<rect x="-402" y="-314" display="inline" fill="#F1F1F2" width="520" height="520"/>
+</g>
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
+	</g>
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_5" display="none">
+	</g>
+	<path fill="currentColor" d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98s-0.03-0.66-0.07-0.98l2.11-1.65c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46
+		c-0.12-0.22-0.39-0.3-0.61-0.22l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65C14.46,2.18,14.25,2,14,2h-4
+		C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1c-0.23-0.09-0.49,0-0.61,0.22l-2,3.46
+		C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98l-2.11,1.65
+		c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46c0.12,0.22,0.39,0.3,0.61,0.22l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
+		C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
+		c0.23,0.09,0.49,0,0.61-0.22l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5
+		s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
+</g>
+</svg>

package/admin/plugins/editor/defaultBar/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    name: string;
+    type: string;
+    render(): JSX.Element;
+}[];
+export default _default;

package/admin/plugins/editor/defaultBar/index.js

@@ -0,0 +1,44 @@
+import React from "react";
+import BackButton from "./BackButton";
+import Divider from "./Divider";
+import SaveContentModelButton from "./SaveContentModelButton";
+import CreateContentButton from "./CreateContentButton";
+import { Name } from "./Name";
+import { FormSettingsButton } from "./FormSettings";
+export default [{
+  name: "content-model-editor-default-bar-right-create-content-button",
+  type: "content-model-editor-default-bar-right",
+  render: function render() {
+    return /*#__PURE__*/React.createElement(CreateContentButton, null);
+  }
+}, {
+  name: "content-model-editor-default-bar-left-divider",
+  type: "content-model-editor-default-bar-right",
+  render: function render() {
+    return /*#__PURE__*/React.createElement(Divider, null);
+  }
+}, {
+  name: "content-model-editor-default-bar-right-form-settings-button",
+  type: "content-model-editor-default-bar-right",
+  render: function render() {
+    return /*#__PURE__*/React.createElement(FormSettingsButton, null);
+  }
+}, {
+  name: "content-model-editor-default-bar-right-save-button",
+  type: "content-model-editor-default-bar-right",
+  render: function render() {
+    return /*#__PURE__*/React.createElement(SaveContentModelButton, null);
+  }
+}, {
+  name: "content-model-editor-default-bar-left-back-button",
+  type: "content-model-editor-default-bar-left",
+  render: function render() {
+    return /*#__PURE__*/React.createElement(BackButton, null);
+  }
+}, {
+  name: "content-model-editor-default-bar-left-name",
+  type: "content-model-editor-default-bar-left",
+  render: function render() {
+    return /*#__PURE__*/React.createElement(Name, null);
+  }
+}];

package/admin/plugins/editor/formSettings/components/GeneralSettings.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BindComponent } from "@webiny/form";
+interface GeneralSettingsProps {
+    Bind: BindComponent;
+}
+declare const GeneralSettings: ({ Bind }: GeneralSettingsProps) => JSX.Element;
+export default GeneralSettings;

package/admin/plugins/editor/formSettings/components/GeneralSettings.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Input } from "@webiny/ui/Input";
+import { validation } from "@webiny/validation";
+import GroupSelect from "./GroupSelect";
+
+var GeneralSettings = function GeneralSettings(_ref) {
+  var Bind = _ref.Bind;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "name"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Content model name"
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "modelId"
+  }, /*#__PURE__*/React.createElement(Input, {
+    disabled: true,
+    label: "Content model ID"
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "description"
+  }, /*#__PURE__*/React.createElement(Input, {
+    rows: 5,
+    label: "Content model description"
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "group",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(GroupSelect, null)))));
+};
+
+export default GeneralSettings;

package/admin/plugins/editor/formSettings/components/GroupSelect.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FormComponentProps } from "@webiny/ui/types";
+export default function GroupSelect({ value, ...props }: FormComponentProps): JSX.Element;

package/admin/plugins/editor/formSettings/components/GroupSelect.js

@@ -0,0 +1,30 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["value"];
+import React, { useMemo } from "react";
+import { Select } from "@webiny/ui/Select";
+import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../../../viewsGraphql";
+import { useQuery } from "../../../../hooks";
+export default function GroupSelect(_ref) {
+  var value = _ref.value,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useQuery = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS),
+      data = _useQuery.data,
+      loading = _useQuery.loading;
+
+  var groups = loading && !data ? [] : data.listContentModelGroups.data;
+  var options = useMemo(function () {
+    return groups.map(function (item) {
+      return {
+        value: item.id,
+        label: item.name
+      };
+    });
+  }, [groups]);
+  var selectValue = typeof value === "string" ? value : value.id;
+  return /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {
+    value: loading ? "" : selectValue,
+    label: "Content model group",
+    options: options
+  }));
+}

package/admin/plugins/editor/formSettings/icons/round-settings-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/></svg>

package/admin/plugins/editor/formSettings/index.d.ts

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

package/admin/plugins/editor/formSettings/index.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import GeneralSettings from "./components/GeneralSettings";
+import { ReactComponent as SettingsIcon } from "@svgr/webpack!./icons/round-settings-24px.svg";
+var plugin = {
+  name: "cms-editor-form-settings-general",
+  type: "cms-editor-form-settings",
+  title: "General settings",
+  description: "Manage content model's name and description.",
+  icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  render: function render(props) {
+    return /*#__PURE__*/React.createElement(GeneralSettings, props);
+  }
+};
+export default plugin;

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

@@ -0,0 +1,10 @@
+import React, { ReactElement } from "react";
+declare type AccordionProps = {
+    title: string;
+    children: ReactElement;
+    action?: ReactElement;
+    icon?: ReactElement;
+    defaultValue?: boolean;
+};
+declare const _default: React.MemoExoticComponent<({ title, children, action, icon, defaultValue }: AccordionProps) => JSX.Element>;
+export default _default;

package/admin/plugins/fieldRenderers/Accordion.js

@@ -0,0 +1,125 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useCallback, useState } from "react";
+import { css } from "emotion";
+import classNames from "classnames";
+import { Typography } from "@webiny/ui/Typography";
+var classes = {
+  accordionWrapper: /*#__PURE__*/css({
+    /**
+     * We're using position: "relative" here for "Popping Out of Hidden Overflow" https://css-tricks.com/popping-hidden-overflow/
+     * so that, we can use absolute positioned element inside without "overflow: hidden" being a problem
+     */
+    position: "relative",
+    width: "100%",
+    borderBottom: "1px solid var(--mdc-theme-on-secondary)"
+  }, "label:accordionWrapper;"),
+  accordionHeader: /*#__PURE__*/css({
+    position: "relative",
+    color: "var(--mdc-theme-text-secondary-on-background)",
+    cursor: "pointer",
+    padding: "0px",
+    minHeight: 48,
+    // To have same height as the remove value action button.
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    "& .accordion-header--left": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      "& .accordion-title": {
+        span: {
+          marginLeft: 16
+        }
+      }
+    },
+    "& .accordion-header--right": {
+      display: "flex",
+      "& .icon-container": {
+        display: "flex",
+        alignItems: "center",
+        "& span": {
+          display: "flex"
+        },
+        "& svg": {
+          fill: "currentColor",
+          width: 14,
+          height: 14
+        }
+      }
+    },
+    "&::before": {
+      position: "absolute",
+      top: "calc(50% - 5px)",
+      left: 0,
+      content: '""',
+      width: 0,
+      height: 0,
+      // Arrow right.
+      borderTop: "5px solid transparent",
+      borderBottom: "5px solid transparent",
+      borderLeft: "5px solid currentColor"
+    },
+    "&.open": {
+      "&::before": {
+        transform: "translateY(3px) rotate(90deg)"
+      }
+    }
+  }, "label:accordionHeader;"),
+  accordionItem: /*#__PURE__*/css({
+    overflow: "hidden",
+    transition: "max-height 0.3s cubic-bezier(1, 0, 1, 0)",
+    height: "auto",
+    maxHeight: "9999px",
+    "&.collapsed": {
+      maxHeight: 0,
+      transition: "max-height 0.35s cubic-bezier(0, 1, 0, 1)"
+    }
+  }, "label:accordionItem;")
+};
+
+var Accordion = function Accordion(_ref) {
+  var title = _ref.title,
+      children = _ref.children,
+      action = _ref.action,
+      icon = _ref.icon,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
+
+  var _useState = useState(defaultValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      isOpen = _useState2[0],
+      setOpen = _useState2[1];
+
+  var toggleOpen = useCallback(function () {
+    return setOpen(!isOpen);
+  }, [isOpen]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.accordionWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(classes.accordionHeader, {
+      open: isOpen
+    }),
+    onClick: toggleOpen
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "accordion-header--left"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "accordion-title"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "subtitle1"
+  }, title))), /*#__PURE__*/React.createElement("div", {
+    className: "accordion-header--right"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "action-container"
+  }, action), /*#__PURE__*/React.createElement("div", {
+    className: "icon-container"
+  }, icon))), /*#__PURE__*/React.createElement("div", {
+    className: classNames(classes.accordionItem, {
+      collapsed: !isOpen
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "accordion-content"
+  }, children)));
+};
+
+export default /*#__PURE__*/React.memo(Accordion);

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { CmsEditorField } from "../../../types";
+declare type Props = {
+    field: CmsEditorField;
+    getBind(index?: number): React.ComponentType<any>;
+    showLabel?: boolean;
+    Label: React.ComponentType<any>;
+    children: (params: any) => React.ReactNode;
+    emptyValue?: any;
+    renderTitle?: (value: any[]) => React.ReactElement;
+    gridClassName?: string;
+};
+declare const DynamicSection: ({ field, getBind, Label, children, showLabel, emptyValue, renderTitle, gridClassName }: Props) => JSX.Element;
+export default DynamicSection;

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -0,0 +1,103 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import React from "react";
+import { css } from "emotion";
+import { i18n } from "@webiny/app/i18n";
+import { Cell, Grid } from "@webiny/ui/Grid";
+import { ButtonDefault, ButtonIcon } from "@webiny/ui/Button";
+import { FormElementMessage } from "@webiny/ui/FormElementMessage";
+import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
+var t = i18n.ns("app-headless-cms/admin/fields/text");
+var style = {
+  addButton: /*#__PURE__*/css({
+    width: "100%",
+    borderTop: "1px solid var(--mdc-theme-background)",
+    paddingTop: 8
+  }, "label:addButton;")
+};
+
+var DynamicSection = function DynamicSection(_ref) {
+  var field = _ref.field,
+      getBind = _ref.getBind,
+      Label = _ref.Label,
+      children = _ref.children,
+      _ref$showLabel = _ref.showLabel,
+      showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel,
+      _ref$emptyValue = _ref.emptyValue,
+      emptyValue = _ref$emptyValue === void 0 ? "" : _ref$emptyValue,
+      renderTitle = _ref.renderTitle,
+      gridClassName = _ref.gridClassName;
+  var Bind = getBind();
+  var FirstFieldBind = getBind(0);
+  return (
+    /*#__PURE__*/
+
+    /* First we mount the top level field, for example: "items" */
+    React.createElement(Bind, null, function (bindField) {
+      /**
+       * "value" -> an array of items
+       * "appendValue" -> a callback to add a new value to the top level "items" array
+       */
+      var value = bindField.value,
+          appendValue = bindField.appendValue;
+      var bindFieldValue = value || [];
+      return /*#__PURE__*/React.createElement(Grid, {
+        className: gridClassName
+      }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, showLabel && field.label && /*#__PURE__*/React.createElement(Label, null, field.label), /*#__PURE__*/React.createElement(FirstFieldBind, null, function (bindIndex) {
+        return (
+          /* We bind it to index "0", so when you start typing, that index in parent array will be populated */
+          children({
+            Bind: FirstFieldBind,
+            field: field,
+            // "index" contains Bind props for this particular item in the array
+            // "field" contains Bind props for the main (parent) field.
+            bind: {
+              index: bindIndex,
+              field: bindField
+            },
+            index: 0 // Binds to "items.0" in the <Form>.
+
+          })
+        );
+      })), bindFieldValue.slice(1).map(function (_, index) {
+        /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */
+        var realIndex = index + 1;
+        var BindField = getBind(realIndex);
+        return /*#__PURE__*/React.createElement(Cell, {
+          span: 12,
+          key: realIndex
+        }, /*#__PURE__*/React.createElement(BindField, null, function (bindIndex) {
+          return children({
+            Bind: BindField,
+            field: field,
+            bind: {
+              index: bindIndex,
+              field: bindField
+            },
+            index: realIndex
+          });
+        }));
+      }), bindField.validation.isValid === false && /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(FormElementMessage, {
+        error: true
+      }, bindField.validation.message)), /*#__PURE__*/React.createElement(Cell, {
+        span: 12,
+        className: style.addButton
+      }, /*#__PURE__*/React.createElement(ButtonDefault, {
+        disabled: bindFieldValue[0] === undefined,
+        onClick: function onClick() {
+          return appendValue(emptyValue);
+        }
+      }, /*#__PURE__*/React.createElement(ButtonIcon, {
+        icon: /*#__PURE__*/React.createElement(AddIcon, null)
+      }), t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Add value"]))))));
+    })
+  );
+};
+
+export default DynamicSection;

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

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

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

@@ -0,0 +1,34 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import React from "react";
+import get from "lodash/get";
+import { Switch } from "@webiny/ui/Switch";
+import { i18n } from "@webiny/app/i18n";
+var t = i18n.ns("app-headless-cms/admin/fields/boolean");
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-boolean",
+  renderer: {
+    rendererName: "boolean-input",
+    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Boolean Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple switch button."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "boolean" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+      return /*#__PURE__*/React.createElement(Bind, null, function (bindProps) {
+        return /*#__PURE__*/React.createElement(Switch, Object.assign({}, bindProps, {
+          label: field.label,
+          description: field.helpText
+        }));
+      });
+    }
+  }
+};
+export default plugin;

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

@@ -0,0 +1,2 @@
+declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+export default _default;

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

@@ -0,0 +1,2 @@
+import booleanSwitch from "./booleanSwitch";
+export default [booleanSwitch];

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

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

package/admin/plugins/fieldRenderers/checkboxes.js

@@ -0,0 +1,45 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import React from "react";
+import get from "lodash/get";
+import { i18n } from "@webiny/app/i18n";
+import { Checkbox, CheckboxGroup } from "@webiny/ui/Checkbox";
+var t = i18n.ns("app-headless-cms/admin/fields/text");
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-checkboxes-buttons",
+  renderer: {
+    rendererName: "checkboxes",
+    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Checkboxes"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders checkboxes, allowing selection of multiple values."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.multipleValues && get(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+      var options = field.predefinedValues.values;
+      return /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(CheckboxGroup, {
+        label: field.label,
+        description: field.helpText
+      }, function (_ref3) {
+        var onChange = _ref3.onChange,
+            getValue = _ref3.getValue;
+        return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
+          return /*#__PURE__*/React.createElement("div", {
+            key: option.value + index
+          }, /*#__PURE__*/React.createElement(Checkbox, {
+            label: option.label,
+            value: getValue(option.value),
+            onChange: onChange(option.value)
+          }));
+        }));
+      }));
+    }
+  }
+};
+export default plugin;

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { CmsEditorField } from "../../../../types";
+interface DateTimeWithTimezoneProps {
+    bind: any;
+    trailingIcon?: any;
+    field: CmsEditorField;
+}
+declare const DateTimeWithTimezone: React.FunctionComponent<DateTimeWithTimezoneProps>;
+export default DateTimeWithTimezone;