@webiny/app-headless-cms 5.22.1 → 5.23.1-beta.0

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesMultiAutoComplete.js

@@ -1,14 +1,17 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
 var _templateObject;
 
-import React from "react";
+import React, { useCallback } from "react";
 import debounce from "lodash/debounce";
 import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
 import { Link } from "@webiny/react-router";
 import { i18n } from "@webiny/app/i18n";
 import { useReferences } from "./useReferences";
 import { renderItem } from "./renderItem";
+import NewRefEntryFormDialog, { NewEntryButton } from "./NewRefEntryFormDialog";
+import { useNewRefEntry } from "../hooks/useNewRefEntry";
 var t = i18n.ns("app-headless-cms/admin/fields/ref");
 var warn = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Before publishing the main content entry, make sure you publish the following referenced entries: {entries}"])));
 
@@ -26,6 +29,13 @@ function ContentEntriesMultiAutocomplete(_ref) {
       loading = _useReferences.loading,
       onChange = _useReferences.onChange;
 
+  var _useNewRefEntry = useNewRefEntry({
+    field: field
+  }),
+      renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
+      refModelId = _useNewRefEntry.refModelId,
+      helpText = _useNewRefEntry.helpText;
+
   var entryWarning = function entryWarning(_ref2, index) {
     var id = _ref2.id,
         modelId = _ref2.modelId,
@@ -48,6 +58,32 @@ function ContentEntriesMultiAutocomplete(_ref) {
     });
   }
 
+  var refEntryOnChange = useCallback(function (value) {
+    /**
+     * Append new selected entry at the end of existing entries.
+     */
+    onChange([].concat(_toConsumableArray(entries), [value]));
+  }, [onChange, entries]);
+
+  if (renderNewEntryModal) {
+    return /*#__PURE__*/React.createElement(NewRefEntryFormDialog, {
+      modelId: refModelId,
+      onChange: refEntryOnChange
+    }, /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
+      renderItem: renderItem,
+      renderListItemLabel: renderItem,
+      useMultipleSelectionList: true,
+      onChange: onChange,
+      loading: loading,
+      value: entries,
+      options: options,
+      label: field.label,
+      onInput: debounce(setSearch, 250),
+      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning),
+      noResultFound: /*#__PURE__*/React.createElement(NewEntryButton, null)
+    })));
+  }
+
   return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
     renderItem: renderItem,
     renderListItemLabel: renderItem,
@@ -58,7 +94,8 @@ function ContentEntriesMultiAutocomplete(_ref) {
     options: options,
     label: field.label,
     onInput: debounce(setSearch, 250),
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning)
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning),
+    noResultFound: helpText
   }));
 }
 

package/admin/plugins/fieldRenderers/ref/components/MissingEntryHelpText.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+export declare const ReferenceMultipleModelsHelpText: () => JSX.Element;
 declare const MissingEntryHelpText: React.FC<{
     refModelId: string;
 }>;

package/admin/plugins/fieldRenderers/ref/components/MissingEntryHelpText.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 
 import React from "react";
 import styled from "@emotion/styled";
@@ -10,10 +10,16 @@ import { createNewEntryUrl } from "./createEntryUrl";
 import { i18n } from "@webiny/app/i18n";
 var t = i18n.ns("app-headless-cms/admin/fields/ref");
 var missingEntryLabel = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["If you can't find the intended reference value in the target model,\n         please close this dialog and populate the {newEntryLink} in the target model first."])));
+var referenceMultipleModelsLabel = t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["The creation of reference values from within this view is only supported\n when a single reference model is selected. To reference values from multiple models,\n please make sure the referenced values exist before setting the reference."])));
 var HelpTextTypography = /*#__PURE__*/styled(Typography, {
   label: "HelpTextTypography",
   target: "ex67440"
 })("&{display:inline-block;color:var(--mdc-theme-text-secondary-on-background) !important;}");
+export var ReferenceMultipleModelsHelpText = function ReferenceMultipleModelsHelpText() {
+  return /*#__PURE__*/React.createElement(HelpTextTypography, {
+    use: "caption"
+  }, referenceMultipleModelsLabel);
+};
 
 var MissingEntryHelpText = function MissingEntryHelpText(_ref) {
   var refModelId = _ref.refModelId;
@@ -23,7 +29,7 @@ var MissingEntryHelpText = function MissingEntryHelpText(_ref) {
     newEntryLink: /*#__PURE__*/React.createElement(Link, {
       to: createNewEntryUrl(refModelId),
       target: "_blank"
-    }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["entry"]))))
+    }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["entry"]))))
   }));
 };
 

package/admin/plugins/fieldRenderers/ref/components/NewRefEntryFormDialog.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
@@ -36,7 +37,8 @@ var EntryForm = function EntryForm(_ref) {
     onForm: function onForm(form) {
       return setFormRef(form);
     },
-    entry: {}
+    entry: {},
+    addEntryToListCache: false
   });
 };
 
@@ -108,13 +110,20 @@ var NewRefEntryFormDialog = function NewRefEntryFormDialog(_ref2) {
     return setOpen(false);
   }, []);
   var onCreate = useCallback(function (entry) {
-    onChange(entry);
+    onChange(_objectSpread(_objectSpread({}, entry), {}, {
+      /*
+       * Format data for AutoComplete.
+       */
+      published: get(entry, "meta.status") === "published",
+      modelId: contentModel.modelId,
+      modelName: contentModel.name
+    }));
     /* 
     Close the modal
      */
 
     setOpen(false);
-  }, [modelId, onChange]);
+  }, [onChange, contentModel]);
 
   if (!contentModel) {
     return children;

package/admin/plugins/fieldRenderers/ref/components/useReference.js

@@ -143,7 +143,13 @@ export var useReference = function useReference(_ref) {
         }),
         query: "__latest__",
         limit: 10
-      }
+      },
+
+      /**
+       * We cannot update this query response in cache after a reference entry being created/deleted,
+       * which result in cached response being stale, therefore, we're setting the fetchPolicy to "network-only" to by passing cache.
+       */
+      fetchPolicy: "network-only"
     }).then(function (_ref3) {
       var data = _ref3.data;
       var latestEntryData = convertQueryDataToEntryList(data.content.data);

package/admin/plugins/fieldRenderers/ref/components/useReferences.js

@@ -111,7 +111,13 @@ export var useReferences = function useReferences(_ref) {
         }),
         query: "__latest__",
         limit: 10
-      }
+      },
+
+      /**
+       * We cannot update this query response in cache after a reference entry being created/deleted,
+       * which result in cached response being stale, therefore, we're setting the fetchPolicy to "network-only" to by passing cache.
+       */
+      fetchPolicy: "network-only"
     }).then(function (_ref3) {
       var data = _ref3.data;
       setLatestEntries(data.content.data);

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.d.ts

@@ -1,11 +1,12 @@
+import React from "react";
 import { CmsEditorField } from "../../../../../types";
 interface UseNewRefEntryParams {
     field: CmsEditorField;
 }
 interface UseNewRefEntry {
     renderNewEntryModal: boolean;
-    renderedInPreviewTab: boolean;
     refModelId: string;
+    helpText: React.ReactElement;
 }
 export declare const useNewRefEntry: ({ field }: UseNewRefEntryParams) => UseNewRefEntry;
 export {};

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.js

@@ -1,8 +1,14 @@
-import { useContext } from "react";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useContext } from "react";
 import { Context as ContentEntriesContext } from "../../../../views/contentEntries/ContentEntriesContext";
+import MissingEntryHelpText, { ReferenceMultipleModelsHelpText } from "../components/MissingEntryHelpText";
 export var useNewRefEntry = function useNewRefEntry(_ref) {
   var field = _ref.field;
-  var refModelId = field.settings.models[0].modelId;
+
+  var _field$settings$model = _slicedToArray(field.settings.models, 1),
+      refModelId = _field$settings$model[0].modelId;
+
+  var referenceMultipleModels = field.settings.models.length > 1;
   var contentEntriesContextValue = useContext(ContentEntriesContext);
   /**
    * We don't wrap the "ContentEntryForm" with "ContentEntriesContextProvider"
@@ -13,18 +19,38 @@ export var useNewRefEntry = function useNewRefEntry(_ref) {
    */
 
   var renderedInPreviewTab = contentEntriesContextValue === null;
+  /**
+   * Set "renderNewEntryModal" value.
+   */
+
   var renderNewEntryModal;
 
   if (renderedInPreviewTab) {
     renderNewEntryModal = false;
+  } else if (referenceMultipleModels) {
+    renderNewEntryModal = false;
   } else {
     var insideDialog = contentEntriesContextValue.insideDialog;
     renderNewEntryModal = !insideDialog;
   }
+  /**
+   * Set "helpText" value.
+   */
+
+
+  var helpText = null;
+
+  if (referenceMultipleModels) {
+    helpText = /*#__PURE__*/React.createElement(ReferenceMultipleModelsHelpText, null);
+  } else {
+    helpText = /*#__PURE__*/React.createElement(MissingEntryHelpText, {
+      refModelId: refModelId
+    });
+  }
 
   return {
     renderNewEntryModal: renderNewEntryModal,
-    renderedInPreviewTab: renderedInPreviewTab,
-    refModelId: refModelId
+    refModelId: refModelId,
+    helpText: helpText
   };
 };

package/admin/plugins/fieldRenderers/ref/refInput.js

@@ -5,6 +5,7 @@ var _templateObject, _templateObject2;
 import React from "react";
 import { i18n } from "@webiny/app/i18n";
 import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete";
+import { NewRefEntryDialogContextProvider } from "./hooks/useNewRefEntryDialog";
 var t = i18n.ns("app-headless-cms/admin/fields/ref");
 var plugin = {
   type: "cms-editor-field-renderer",
@@ -20,9 +21,9 @@ var plugin = {
     render: function render(props) {
       var Bind = props.getBind();
       return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/React.createElement(ContentEntriesAutocomplete, Object.assign({}, props, {
+        return /*#__PURE__*/React.createElement(NewRefEntryDialogContextProvider, null, /*#__PURE__*/React.createElement(ContentEntriesAutocomplete, Object.assign({}, props, {
           bind: bind
-        }));
+        })));
       });
     }
   }

package/admin/plugins/fieldRenderers/ref/refInputs.js

@@ -4,6 +4,7 @@ var _templateObject, _templateObject2;
 
 import React from "react";
 import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete";
+import { NewRefEntryDialogContextProvider } from "./hooks/useNewRefEntryDialog";
 import { i18n } from "@webiny/app/i18n";
 var t = i18n.ns("app-headless-cms/admin/fields/ref");
 
@@ -25,11 +26,11 @@ var plugin = {
     render: function render(props) {
       var Bind = props.getBind();
       return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/React.createElement(ContentEntriesMultiAutocomplete, Object.assign({
+        return /*#__PURE__*/React.createElement(NewRefEntryDialogContextProvider, null, /*#__PURE__*/React.createElement(ContentEntriesMultiAutocomplete, Object.assign({
           key: getKey(props.field, bind)
         }, props, {
           bind: bind
-        }));
+        })));
       });
     }
   }

package/admin/plugins/fields/richText.js

@@ -22,7 +22,6 @@ var plugin = {
     createField: function createField() {
       return {
         type: this.type,
-        name: this.name,
         validation: [],
         renderer: {
           name: ""

package/admin/plugins/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: () => (import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app/types").CacheGetObjectIdPlugin | import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("../../types").CmsFieldValueTransformer[] | import("@webiny/app/types").RoutePlugin[] | import("../../types").CmsContentDetailsPlugin[] | {
+declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("../../types").CmsFieldValueTransformer[] | import("@webiny/app/types").CacheGetObjectIdPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("../../types").CmsContentDetailsPlugin[] | {
     name: string;
     type: string;
     render(): JSX.Element;

package/admin/plugins/permissionRenderer/components/StyledComponents.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Note: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+export declare const Note: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "style" | "slot" | "title" | "onError" | "color" | "translate" | "hidden" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, object>;

package/admin/plugins/transformers/dateTransformer.js

@@ -5,7 +5,7 @@ var throwTransformError = function throwTransformError(params) {
   var type = params.type,
       value = params.value,
       error = params.ex;
-  throw new WebinyError("Could not transform value to a date.", "TRANSFORM_ERROR", {
+  return new WebinyError("Could not transform value to a date.", "TRANSFORM_ERROR", {
     error: error,
     type: type,
     value: value
@@ -14,14 +14,14 @@ var throwTransformError = function throwTransformError(params) {
 
 var dateOnly = function dateOnly(value) {
   if (!value) {
-    return null; // return new Date().toISOString().substr(0, 10);
+    return null;
   }
 
   try {
     var date = new Date(value).toISOString();
     return date.substr(0, 10);
   } catch (ex) {
-    throwTransformError({
+    throw throwTransformError({
       ex: ex,
       value: value,
       type: "date"
@@ -65,6 +65,8 @@ var extractTime = function extractTime(value) {
   } else if (result.length === 2) {
     return "".concat(value, ":00");
   }
+
+  return null;
 };
 
 var dateTimeWithTimezone = function dateTimeWithTimezone(value) {
@@ -110,7 +112,7 @@ var dateTimeWithoutTimezone = function dateTimeWithoutTimezone(value) {
   try {
     return new Date("".concat(value.replace(" ", "T"), ".000Z")).toISOString();
   } catch (ex) {
-    throwTransformError({
+    throw throwTransformError({
       ex: ex,
       value: value,
       type: "dateTimeWithoutTimezone"

package/admin/plugins/validators/dateGte.js

@@ -1,3 +1,5 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { validation } from "@webiny/validation";
 export default (function () {
   return {
@@ -5,19 +7,48 @@ export default (function () {
     name: "cms-model-field-validator-date-gte",
     validator: {
       name: "dateGte",
-      validate: function validate(value, validator) {
-        var _validator$settings = validator.settings,
-            gteValue = _validator$settings.value,
-            type = _validator$settings.type;
-
-        if (typeof gteValue === "undefined") {
-          return;
-        } else if (type === "time") {
-          return validation.validate(value, "timeGte:".concat(gteValue));
+      validate: function () {
+        var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, validator) {
+          var _validator$settings, gteValue, type;
+
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _validator$settings = validator.settings, gteValue = _validator$settings.value, type = _validator$settings.type;
+
+                  if (!(typeof gteValue === "undefined")) {
+                    _context.next = 5;
+                    break;
+                  }
+
+                  return _context.abrupt("return", true);
+
+                case 5:
+                  if (!(type === "time")) {
+                    _context.next = 7;
+                    break;
+                  }
+
+                  return _context.abrupt("return", validation.validate(value, "timeGte:".concat(gteValue)));
+
+                case 7:
+                  return _context.abrupt("return", validation.validate(value, "dateGte:".concat(gteValue)));
+
+                case 8:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function validate(_x, _x2) {
+          return _validate.apply(this, arguments);
         }
 
-        return validation.validate(value, "dateGte:".concat(gteValue));
-      }
+        return validate;
+      }()
     }
   };
 });

package/admin/plugins/validators/dateLte.js

@@ -1,3 +1,5 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { validation } from "@webiny/validation";
 export default (function () {
   return {
@@ -5,19 +7,48 @@ export default (function () {
     name: "cms-model-field-validator-date-lte",
     validator: {
       name: "dateLte",
-      validate: function validate(value, validator) {
-        var _validator$settings = validator.settings,
-            lteValue = _validator$settings.value,
-            type = _validator$settings.type;
-
-        if (typeof lteValue === "undefined") {
-          return;
-        } else if (type === "time") {
-          return validation.validate(value, "timeLte:".concat(lteValue));
+      validate: function () {
+        var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, validator) {
+          var _validator$settings, lteValue, type;
+
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _validator$settings = validator.settings, lteValue = _validator$settings.value, type = _validator$settings.type;
+
+                  if (!(typeof lteValue === "undefined")) {
+                    _context.next = 5;
+                    break;
+                  }
+
+                  return _context.abrupt("return", true);
+
+                case 5:
+                  if (!(type === "time")) {
+                    _context.next = 7;
+                    break;
+                  }
+
+                  return _context.abrupt("return", validation.validate(value, "timeLte:".concat(lteValue)));
+
+                case 7:
+                  return _context.abrupt("return", validation.validate(value, "dateLte:".concat(lteValue)));
+
+                case 8:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function validate(_x, _x2) {
+          return _validate.apply(this, arguments);
         }
 
-        return validation.validate(value, "dateLte:".concat(lteValue));
-      }
+        return validate;
+      }()
     }
   };
 });

package/admin/plugins/validators/gte.js

@@ -1,15 +1,43 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { validation } from "@webiny/validation";
 export default {
   type: "cms-model-field-validator",
   name: "cms-model-field-validator-gte",
   validator: {
     name: "gte",
-    validate: function validate(value, validator) {
-      var gteValue = validator.settings.value;
+    validate: function () {
+      var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, validator) {
+        var gteValue;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                gteValue = validator.settings.value;
 
-      if (typeof gteValue !== "undefined") {
-        return validation.validate(value, "gte:".concat(gteValue));
+                if (!(typeof gteValue === "undefined")) {
+                  _context.next = 3;
+                  break;
+                }
+
+                return _context.abrupt("return", true);
+
+              case 3:
+                return _context.abrupt("return", validation.validate(value, "gte:".concat(gteValue)));
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function validate(_x, _x2) {
+        return _validate.apply(this, arguments);
       }
-    }
+
+      return validate;
+    }()
   }
 };

package/admin/plugins/validators/in.js

@@ -1,15 +1,43 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { validation } from "@webiny/validation";
 export default {
   type: "cms-model-field-validator",
   name: "cms-model-field-validator-in",
   validator: {
     name: "in",
-    validate: function validate(value, validator) {
-      var values = validator.settings.values;
+    validate: function () {
+      var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, validator) {
+        var values;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                values = validator.settings.values;
 
-      if (Array.isArray(values)) {
-        return validation.validate(value, "in:".concat(values.join(":")));
+                if (!(Array.isArray(values) === false || values.length === 0)) {
+                  _context.next = 3;
+                  break;
+                }
+
+                return _context.abrupt("return", true);
+
+              case 3:
+                return _context.abrupt("return", validation.validate(value, "in:".concat(values.join(":"))));
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function validate(_x, _x2) {
+        return _validate.apply(this, arguments);
       }
-    }
+
+      return validate;
+    }()
   }
 };