@webiny/app-headless-cms 5.21.0 → 5.22.0-beta.3

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

@@ -1,74 +1,71 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { Grid, Cell } from "@webiny/ui/Grid";
-import { DEFAULT_DATE, DEFAULT_TIME, RemoveFieldButton } from "./utils";
-import Input from "./Input";
+import { getCurrentDate, getCurrentLocalTime, getDefaultFieldValue, RemoveFieldButton } from "./utils";
+import { Input } from "./Input";
 
 var parseDateTime = function parseDateTime(value) {
   if (!value) {
-    return {};
+    return {
+      date: "",
+      time: ""
+    };
   }
 
   if (value.includes("T")) {
     var _value$split$0$split = value.split(".")[0].split("T"),
         _value$split$0$split2 = _slicedToArray(_value$split$0$split, 2),
-        _formattedDate = _value$split$0$split2[0],
-        _formattedTime = _value$split$0$split2[1];
+        _date = _value$split$0$split2[0],
+        _time = _value$split$0$split2[1];
 
     return {
-      formattedDate: _formattedDate,
-      formattedTime: _formattedTime
+      date: _date,
+      time: _time
     };
   }
 
   var _value$split = value.split(" "),
       _value$split2 = _slicedToArray(_value$split, 2),
-      formattedDate = _value$split2[0],
-      formattedTime = _value$split2[1];
+      date = _value$split2[0],
+      time = _value$split2[1];
 
-  if (!formattedDate || !formattedTime) {
-    throw new Error("Could not extract date and time from \"".concat(value, "\"."));
+  if (!date || !time) {
+    console.error("Could not extract date and time from \"".concat(value, "\"."));
+    return {
+      date: "",
+      time: ""
+    };
   }
 
   return {
-    formattedDate: formattedDate,
-    formattedTime: formattedTime
+    date: date,
+    time: time
   };
 };
 
-var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
+export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
   var field = _ref.field,
       bind = _ref.bind,
       trailingIcon = _ref.trailingIcon;
-
   // "2020-05-18 09:00:00"
-  var _parseDateTime = parseDateTime(bind.value),
-      formattedDate = _parseDateTime.formattedDate,
-      formattedTime = _parseDateTime.formattedTime;
+  var initialValue = getDefaultFieldValue(field, bind, function () {
+    var date = new Date();
+    return "".concat(getCurrentDate(date), " ").concat(getCurrentLocalTime(date));
+  });
 
-  var _useState = useState({
-    date: formattedDate || DEFAULT_DATE,
-    time: formattedTime || DEFAULT_TIME
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
+  var _parseDateTime = parseDateTime(initialValue),
+      date = _parseDateTime.date,
+      time = _parseDateTime.time;
 
-  var date = state.date,
-      time = state.time;
+  var bindValue = bind.value || "";
   useEffect(function () {
-    if (!formattedDate || !formattedTime) {
+    if (!date || !time || bindValue === initialValue) {
       return;
     }
 
-    setState(function () {
-      return {
-        date: formattedDate,
-        time: formattedTime
-      };
-    });
-  }, [formattedDate, formattedTime]);
+    bind.onChange(initialValue);
+  }, [bindValue]);
   var cellSize = trailingIcon ? 5 : 6;
   return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
     span: 6
@@ -76,12 +73,15 @@ var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
     bind: _objectSpread(_objectSpread({}, bind), {}, {
       value: date,
       onChange: function onChange(value) {
-        setState(function (prev) {
-          return _objectSpread(_objectSpread({}, prev), {}, {
-            date: value
-          });
-        });
-        return bind.onChange("".concat(value, " ").concat(time));
+        if (!value) {
+          if (!bind.value) {
+            return;
+          }
+
+          return bind.onChange("");
+        }
+
+        return bind.onChange("".concat(value, " ").concat(time || getCurrentLocalTime()));
       }
     }),
     field: _objectSpread(_objectSpread({}, field), {}, {
@@ -94,12 +94,15 @@ var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
     bind: _objectSpread(_objectSpread({}, bind), {}, {
       value: time,
       onChange: function onChange(value) {
-        setState(function (prev) {
-          return _objectSpread(_objectSpread({}, prev), {}, {
-            time: value
-          });
-        });
-        return bind.onChange("".concat(date, " ").concat(value));
+        if (!value) {
+          if (!bind.value) {
+            return;
+          }
+
+          return bind.onChange("");
+        }
+
+        return bind.onChange("".concat(date || getCurrentDate(), " ").concat(value));
       }
     }),
     field: _objectSpread(_objectSpread({}, field), {}, {
@@ -110,6 +113,4 @@ var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
   })), /*#__PURE__*/React.createElement(RemoveFieldButton, {
     trailingIcon: trailingIcon
   }));
-};
-
-export default DateTimeWithoutTimezone;
+};

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

@@ -1,16 +1,15 @@
 import * as React from "react";
 import { CmsEditorField } from "../../../../types";
 import { BindComponentRenderProp } from "@webiny/form";
-declare type TrailingIconType = {
+export interface TrailingIcon {
     icon: React.ReactNode;
     onClick: any;
-};
-declare type Props = {
+}
+export interface Props {
     step?: number;
     type?: string;
     bind: BindComponentRenderProp;
     field: CmsEditorField;
-    trailingIcon?: TrailingIconType;
-};
-declare const Input: ({ bind, ...props }: Props) => JSX.Element;
-export default Input;
+    trailingIcon?: TrailingIcon;
+}
+export declare const Input: React.FC<Props>;

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

@@ -2,8 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["bind"];
 import * as React from "react";
 import { Input as UiInput } from "@webiny/ui/Input";
-
-var Input = function Input(_ref) {
+export var Input = function Input(_ref) {
   var bind = _ref.bind,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -21,6 +20,4 @@ var Input = function Input(_ref) {
     type: props.type,
     trailingIcon: props.trailingIcon
   }));
-};
-
-export default Input;
+};

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

@@ -1,3 +1,10 @@
-/// <reference types="react" />
-declare const Select: (props: any) => JSX.Element;
-export default Select;
+import * as React from "react";
+import { SelectProps } from "@webiny/ui/Select";
+export interface Option {
+    value: string;
+    label: string;
+}
+export interface Props extends SelectProps {
+    options: Option[];
+}
+export declare const Select: React.FC<Props>;

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

@@ -1,13 +1,10 @@
 import * as React from "react";
 import { Select as UiSelect } from "@webiny/ui/Select";
-
-var Select = function Select(props) {
+export var Select = function Select(props) {
   return /*#__PURE__*/React.createElement(UiSelect, props, props.options.map(function (t) {
     return /*#__PURE__*/React.createElement("option", {
       key: t.value,
       value: t.value
     }, t.label);
   }));
-};
-
-export default Select;
+};

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Time: (props: any) => JSX.Element;
-export default Time;
+import React from "react";
+import { Props } from "./Input";
+export declare const Time: React.FC<Props>;

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

@@ -1,13 +1,37 @@
-import React from "react";
-import Input from "./Input";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React, { useEffect } from "react";
+import { Input } from "./Input";
+import { getCurrentLocalTime, getDefaultFieldValue } from "./utils";
+export var Time = function Time(props) {
+  var field = props.field,
+      bind = props.bind;
+  var time = getDefaultFieldValue(field, bind, function () {
+    return getCurrentLocalTime(new Date());
+  });
+  var bindValue = bind.value || "";
+  useEffect(function () {
+    if (!time || bindValue === time) {
+      return;
+    }
 
-var Time = function Time(props) {
-  // "09:00:00"
+    bind.onChange(time);
+  }, [bindValue]);
   return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
+    bind: _objectSpread(_objectSpread({}, bind), {}, {
+      value: time,
+      onChange: function onChange(value) {
+        if (!value) {
+          if (bind.value) {
+            return;
+          }
+
+          return bind.onChange("");
+        }
+
+        return bind.onChange(value);
+      }
+    }),
     type: "time",
-    step: 5,
-    trailingIcon: props.trailingIcon
+    step: 5
   }));
-};
-
-export default Time;
+};

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

@@ -5,10 +5,10 @@ var _templateObject, _templateObject2;
 import React from "react";
 import get from "lodash/get";
 import { i18n } from "@webiny/app/i18n";
-import DateTimeWithoutTimezone from "./DateTimeWithoutTimezone";
-import DateTimeWithTimezone from "./DateTimeWithTimezone";
-import Time from "./Time";
-import Input from "./Input";
+import { DateOnly } from "./DateOnly";
+import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone";
+import { DateTimeWithTimezone } from "./DateTimeWithTimezone";
+import { Time } from "./Time";
 var t = i18n.ns("app-headless-cms/admin/fields/date-time");
 var plugin = {
   type: "cms-editor-field-renderer",
@@ -31,26 +31,21 @@ var plugin = {
             field: field,
             bind: bind
           });
-        }
-
-        if (field.settings.type === "dateTimeWithTimezone") {
+        } else if (field.settings.type === "dateTimeWithTimezone") {
           return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
             field: field,
             bind: bind
           });
-        }
-
-        if (field.settings.type === "time") {
+        } else if (field.settings.type === "time") {
           return /*#__PURE__*/React.createElement(Time, {
             field: field,
             bind: bind
           });
         }
 
-        return /*#__PURE__*/React.createElement(Input, {
+        return /*#__PURE__*/React.createElement(DateOnly, {
           bind: bind,
-          field: field,
-          type: field.settings.type
+          field: field
         });
       });
     }

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

@@ -1,17 +1,17 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import React from "react";
 import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
 import DynamicSection from "../DynamicSection";
-import DateTimeWithoutTimezone from "./DateTimeWithoutTimezone";
-import DateTimeWithTimezone from "./DateTimeWithTimezone";
-import Time from "./Time";
-import Input from "./Input";
+import { i18n } from "@webiny/app/i18n";
+import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
+import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone";
+import { DateTimeWithTimezone } from "./DateTimeWithTimezone";
+import { DateOnly } from "./DateOnly";
+import { Time } from "./Time";
 var t = i18n.ns("app-headless-cms/admin/fields/date-time");
 var plugin = {
   type: "cms-editor-field-renderer",
@@ -60,21 +60,17 @@ var plugin = {
               })
             }),
             bind: bind.index,
-            label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Value {number}"])))({
-              number: index + 1
-            }),
             trailingIcon: trailingIcon
           });
         }
 
-        return /*#__PURE__*/React.createElement(Input, {
+        return /*#__PURE__*/React.createElement(DateOnly, {
           bind: bind.index,
           field: _objectSpread(_objectSpread({}, props.field), {}, {
-            label: props.field.label + t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([" Value {number}"])))({
+            label: props.field.label + t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([" Value {number}"])))({
               number: index + 1
             })
           }),
-          type: field.settings.type,
           trailingIcon: trailingIcon
         });
       });

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

@@ -1,15 +1,16 @@
 /// <reference types="react" />
+import { CmsEditorField } from "../../../../types";
 export declare const UTC_TIMEZONES: {
     value: string;
     label: string;
 }[];
-/**
- * @returns Current date string in format `YYYY-MM-DD`
- */
-export declare const getCurrentDateString: () => string;
-export declare const DEFAULT_TIME = "00:00:00";
-export declare const DEFAULT_DATE: string;
 export declare const DEFAULT_TIMEZONE = "+01:00";
+export declare const getDefaultFieldValue: (field: CmsEditorField, bind: {
+    value: string | null | undefined;
+}, getCurrent: () => string) => string;
+export declare const getCurrentTimeZone: (date?: Date) => string;
+export declare const getCurrentLocalTime: (date?: Date) => string;
+export declare const getCurrentDate: (date?: Date) => string;
 export declare const RemoveFieldButton: ({ trailingIcon }: {
     trailingIcon: any;
 }) => JSX.Element;

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

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from "react";
 import { css } from "emotion";
 import { Cell } from "@webiny/ui/Grid";
@@ -120,17 +121,58 @@ export var UTC_TIMEZONES = [{
   value: "+14:00",
   label: "UTC+14:00"
 }];
-/**
- * @returns Current date string in format `YYYY-MM-DD`
- */
+export var DEFAULT_TIMEZONE = "+01:00";
+export var getDefaultFieldValue = function getDefaultFieldValue(field, bind, getCurrent) {
+  var def = field.settings ? field.settings.defaultSetValue || "null" : "null";
+
+  if (bind.value || def !== "current") {
+    return bind.value || "";
+  }
 
-export var getCurrentDateString = function getCurrentDateString() {
-  var today = new Date().toISOString();
-  return today.substr(0, 10);
+  return getCurrent();
+};
+export var getCurrentTimeZone = function getCurrentTimeZone(date) {
+  if (!date) {
+    date = new Date();
+  }
+
+  var value = date.toTimeString();
+  var matches = value.match(/GMT([+-][0-9]{4})/);
+
+  if (!matches) {
+    return null;
+  }
+
+  var timezone = matches[1];
+  return "".concat(timezone.substr(0, 3), ":").concat(timezone.substr(3));
+};
+export var getCurrentLocalTime = function getCurrentLocalTime(date) {
+  if (!date) {
+    date = new Date();
+  }
+
+  var value = date.toTimeString();
+
+  var _value$split = value.split(" "),
+      _value$split2 = _slicedToArray(_value$split, 1),
+      time = _value$split2[0];
+
+  if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {
+    return "00:00:00";
+  }
+
+  return time;
+};
+export var getCurrentDate = function getCurrentDate(date) {
+  if (!date) {
+    date = new Date();
+  }
+
+  var year = String(date.getFullYear()).padStart(4, "0");
+  var month = String(date.getMonth() + 1).padStart(2, "0");
+  var day = String(date.getDate()).padStart(2, "0");
+  return "".concat(year, "-").concat(month, "-").concat(day);
 };
-export var DEFAULT_TIME = "00:00:00";
-export var DEFAULT_DATE = getCurrentDateString();
-export var DEFAULT_TIMEZONE = "+01:00";
 var deleteIconStyles = /*#__PURE__*/css({
   width: "100% !important",
   height: "100% !important",

package/admin/plugins/fieldRenderers/file/fileField.js

@@ -7,7 +7,6 @@ import { i18n } from "@webiny/app/i18n";
 import { Cell, Grid } from "@webiny/ui/Grid";
 import { FileManager } from "@webiny/app-admin/components";
 import File from "./File";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
 var t = i18n.ns("app-headless-cms/admin/fields/file");
 var plugin = {
   type: "cms-editor-field-renderer",
@@ -57,7 +56,7 @@ var plugin = {
             description: field.helpText
           }));
         });
-      }), field.helpText && /*#__PURE__*/React.createElement(FormElementMessage, null, field.helpText)));
+      })));
     }
   }
 };

package/admin/plugins/fieldRenderers/file/utils.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { css } from "emotion";
-import { ReactComponent as FileIcon } from "@svgr/webpack!../../fields/icons/round_insert_drive_file-24px.svg";
+import { ReactComponent as FileIcon } from "../../fields/icons/round_insert_drive_file-24px.svg";
 export var imagePlugins = [".jpg", ".jpeg", ".gif", ".png", ".svg"];
 export var imageWrapperStyles = /*#__PURE__*/css({
   height: "auto"

package/admin/plugins/fieldRenderers/longText/longTexts.js

@@ -6,7 +6,7 @@ import React from "react";
 import get from "lodash/get";
 import { Input } from "@webiny/ui/Input";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
 import DynamicSection from "../DynamicSection";
 var t = i18n.ns("app-headless-cms/admin/fields/text");
 var plugin = {

package/admin/plugins/fieldRenderers/number/numberInputs.js

@@ -6,7 +6,7 @@ import React from "react";
 import get from "lodash/get";
 import { Input } from "@webiny/ui/Input";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
 import DynamicSection from "../DynamicSection";
 var t = i18n.ns("app-headless-cms/admin/fields/text");
 var plugin = {

package/admin/plugins/fieldRenderers/object/multipleObjects.js

@@ -6,7 +6,7 @@ import React from "react";
 import { i18n } from "@webiny/app/i18n";
 import DynamicSection from "../DynamicSection";
 import { Fields } from "../../../components/ContentEntryForm/Fields";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
 import { IconButton } from "@webiny/ui/Button";
 import { Cell } from "@webiny/ui/Grid";
 import { FormElementMessage } from "@webiny/ui/FormElementMessage";

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -30,12 +30,13 @@ var plugin = {
         var onChange = _ref3.onChange,
             getValue = _ref3.getValue;
         return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
+          var value = field.type === "number" ? Number(option.value) : option.value;
           return /*#__PURE__*/React.createElement("div", {
-            key: option.value + index
+            key: String(option.value) + index
           }, /*#__PURE__*/React.createElement(Radio, {
             label: option.label,
-            value: getValue(option.value),
-            onChange: onChange(option.value)
+            value: getValue(value),
+            onChange: onChange(value)
           }));
         }));
       }));

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

@@ -0,0 +1,5 @@
+import React from "react";
+declare const MissingEntryHelpText: React.FC<{
+    refModelId: string;
+}>;
+export default MissingEntryHelpText;

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

@@ -0,0 +1,30 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import React from "react";
+import styled from "@emotion/styled";
+import { Typography } from "@webiny/ui/Typography";
+import { Link } from "@webiny/react-router";
+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 HelpTextTypography = /*#__PURE__*/styled(Typography, {
+  label: "HelpTextTypography",
+  target: "ex67440"
+})("&{display:inline-block;color:var(--mdc-theme-text-secondary-on-background) !important;}");
+
+var MissingEntryHelpText = function MissingEntryHelpText(_ref) {
+  var refModelId = _ref.refModelId;
+  return /*#__PURE__*/React.createElement(HelpTextTypography, {
+    use: "caption"
+  }, missingEntryLabel({
+    newEntryLink: /*#__PURE__*/React.createElement(Link, {
+      to: createNewEntryUrl(refModelId),
+      target: "_blank"
+    }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["entry"]))))
+  }));
+};
+
+export default MissingEntryHelpText;

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

@@ -0,0 +1,9 @@
+import React from "react";
+export declare const NewEntryButton: () => JSX.Element;
+interface NewRefEntryProps {
+    modelId: string;
+    children: React.ReactElement;
+    onChange: Function;
+}
+declare const NewRefEntryFormDialog: React.FC<NewRefEntryProps>;
+export default NewRefEntryFormDialog;