@webiny/app-headless-cms 5.24.0 → 5.25.0-beta.2

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

@@ -1,5 +1,7 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect } from "react";
 import { Input } from "./Input";
 import { Select } from "./Select";
@@ -84,17 +86,44 @@ export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
   }, /*#__PURE__*/React.createElement(Input, {
     bind: _objectSpread(_objectSpread({}, bind), {}, {
       value: date,
-      onChange: function onChange(value) {
-        if (!value) {
-          if (!bind.value) {
-            return null;
-          }
-
-          return bind.onChange("");
+      onChange: function () {
+        var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (value) {
+                    _context.next = 4;
+                    break;
+                  }
+
+                  if (bind.value) {
+                    _context.next = 3;
+                    break;
+                  }
+
+                  return _context.abrupt("return");
+
+                case 3:
+                  return _context.abrupt("return", bind.onChange(""));
+
+                case 4:
+                  return _context.abrupt("return", bind.onChange("".concat(value, "T").concat(time || getCurrentLocalTime()).concat(timezone || defaultTimeZone)));
+
+                case 5:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function onChange(_x) {
+          return _onChange.apply(this, arguments);
         }
 
-        return bind.onChange("".concat(value, "T").concat(time || getCurrentLocalTime()).concat(timezone || defaultTimeZone));
-      }
+        return onChange;
+      }()
     }),
     field: _objectSpread(_objectSpread({}, field), {}, {
       label: "".concat(field.label, " date")
@@ -105,17 +134,44 @@ export var DateTimeWithTimezone = function DateTimeWithTimezone(_ref) {
   }, /*#__PURE__*/React.createElement(Input, {
     bind: _objectSpread(_objectSpread({}, bind), {}, {
       value: time,
-      onChange: function onChange(value) {
-        if (!value) {
-          if (!bind.value) {
-            return null;
-          }
-
-          return bind.onChange("");
+      onChange: function () {
+        var _onChange2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
+          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  if (value) {
+                    _context2.next = 4;
+                    break;
+                  }
+
+                  if (bind.value) {
+                    _context2.next = 3;
+                    break;
+                  }
+
+                  return _context2.abrupt("return");
+
+                case 3:
+                  return _context2.abrupt("return", bind.onChange(""));
+
+                case 4:
+                  return _context2.abrupt("return", bind.onChange("".concat(date || getCurrentDate(), "T").concat(value).concat(timezone || defaultTimeZone)));
+
+                case 5:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        function onChange(_x2) {
+          return _onChange2.apply(this, arguments);
         }
 
-        return bind.onChange("".concat(date || getCurrentDate(), "T").concat(value).concat(timezone || defaultTimeZone));
-      }
+        return onChange;
+      }()
     }),
     field: _objectSpread(_objectSpread({}, field), {}, {
       label: "".concat(field.label, " time")

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DateTimeWithTimezone.tsx"],"names":["React","useEffect","Input","Select","Grid","Cell","UTC_TIMEZONES","RemoveFieldButton","getDefaultFieldValue","DEFAULT_TIMEZONE","getCurrentDate","getCurrentLocalTime","getCurrentTimeZone","parseDateTime","value","date","rest","split","formattedDate","Error","parseTime","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","defaultTimeZone","initialValue","Date","bindValue","onChange","cellSize","label","map","t"],"mappings":"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","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport {\n    UTC_TIMEZONES,\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone\n} from \"./utils\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\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): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: \"\"\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    // TODO @ts-refactor figure out correct trailing icon type\n    // @ts-ignore\n    trailingIcon?: any;\n    field: CmsEditorField;\n}\nexport const DateTimeWithTimezone: React.FC<DateTimeWithTimezoneProps> = ({\n    bind,\n    trailingIcon,\n    field\n}) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const initialValue = getDefaultFieldValue(field, bind, () => {\n        const date = new Date();\n        return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n    });\n    const { date, rest } = parseDateTime(initialValue);\n    const { time, timezone = defaultTimeZone } = parseTime(rest);\n\n    const bindValue = bind.value || \"\";\n    useEffect(() => {\n        if (!date || !time || !timezone || bindValue === initialValue) {\n            return;\n        }\n        bind.onChange(initialValue);\n    }, [bindValue]);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Cell 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                            return bind.onChange(\n                                `${value}T${time || getCurrentLocalTime()}${\n                                    timezone || defaultTimeZone\n                                }`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Cell>\n            <Cell span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: 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${value}${timezone || defaultTimeZone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={5}\n                />\n            </Cell>\n            <Cell span={cellSize}>\n                <Select\n                    label=\"Timezone\"\n                    value={timezone || defaultTimeZone}\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            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"]}

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

@@ -1,9 +1,9 @@
 import React from "react";
 import { CmsEditorField } from "../../../../types";
 import { BindComponentRenderProp } from "@webiny/form";
-export interface Props {
+export interface DateTimeWithoutTimezoneProps {
     bind: BindComponentRenderProp;
     trailingIcon?: any;
     field: CmsEditorField;
 }
-export declare const DateTimeWithoutTimezone: React.FunctionComponent<Props>;
+export declare const DateTimeWithoutTimezone: React.FC<DateTimeWithoutTimezoneProps>;

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

@@ -1,5 +1,7 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect } from "react";
 import { Grid, Cell } from "@webiny/ui/Grid";
 import { getCurrentDate, getCurrentLocalTime, getDefaultFieldValue, RemoveFieldButton } from "./utils";
@@ -72,17 +74,44 @@ export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
   }, /*#__PURE__*/React.createElement(Input, {
     bind: _objectSpread(_objectSpread({}, bind), {}, {
       value: date,
-      onChange: function onChange(value) {
-        if (!value) {
-          if (!bind.value) {
-            return null;
-          }
+      onChange: function () {
+        var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (value) {
+                    _context.next = 4;
+                    break;
+                  }
 
-          return bind.onChange("");
+                  if (bind.value) {
+                    _context.next = 3;
+                    break;
+                  }
+
+                  return _context.abrupt("return");
+
+                case 3:
+                  return _context.abrupt("return", bind.onChange(""));
+
+                case 4:
+                  return _context.abrupt("return", bind.onChange("".concat(value, " ").concat(time || getCurrentLocalTime())));
+
+                case 5:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function onChange(_x) {
+          return _onChange.apply(this, arguments);
         }
 
-        return bind.onChange("".concat(value, " ").concat(time || getCurrentLocalTime()));
-      }
+        return onChange;
+      }()
     }),
     field: _objectSpread(_objectSpread({}, field), {}, {
       label: "".concat(field.label, " date")
@@ -93,17 +122,44 @@ export var DateTimeWithoutTimezone = function DateTimeWithoutTimezone(_ref) {
   }, /*#__PURE__*/React.createElement(Input, {
     bind: _objectSpread(_objectSpread({}, bind), {}, {
       value: time,
-      onChange: function onChange(value) {
-        if (!value) {
-          if (!bind.value) {
-            return null;
-          }
+      onChange: function () {
+        var _onChange2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
+          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  if (value) {
+                    _context2.next = 4;
+                    break;
+                  }
+
+                  if (bind.value) {
+                    _context2.next = 3;
+                    break;
+                  }
+
+                  return _context2.abrupt("return");
+
+                case 3:
+                  return _context2.abrupt("return", bind.onChange(""));
+
+                case 4:
+                  return _context2.abrupt("return", bind.onChange("".concat(date || getCurrentDate(), " ").concat(value)));
+
+                case 5:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
 
-          return bind.onChange("");
+        function onChange(_x2) {
+          return _onChange2.apply(this, arguments);
         }
 
-        return bind.onChange("".concat(date || getCurrentDate(), " ").concat(value));
-      }
+        return onChange;
+      }()
     }),
     field: _objectSpread(_objectSpread({}, field), {}, {
       label: "".concat(field.label, " time")

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DateTimeWithoutTimezone.tsx"],"names":["React","useEffect","Grid","Cell","getCurrentDate","getCurrentLocalTime","getDefaultFieldValue","RemoveFieldButton","Input","parseDateTime","value","date","time","includes","split","console","error","DateTimeWithoutTimezone","field","bind","trailingIcon","initialValue","Date","bindValue","onChange","cellSize","label"],"mappings":"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","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport {\n    getCurrentDate,\n    getCurrentLocalTime,\n    getDefaultFieldValue,\n    RemoveFieldButton\n} from \"./utils\";\nimport { Input } from \"./Input\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface State {\n    date: string;\n    time: string;\n}\n\nconst parseDateTime = (value?: string): State => {\n    if (!value) {\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    if (value.includes(\"T\")) {\n        const [date, time] = value.split(\".\")[0].split(\"T\");\n        return {\n            date,\n            time\n        };\n    }\n    const [date, time] = value.split(\" \");\n    if (!date || !time) {\n        console.error(`Could not extract date and time from \"${value}\".`);\n\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    return {\n        date,\n        time\n    };\n};\n\nexport interface DateTimeWithoutTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsEditorField;\n}\nexport const DateTimeWithoutTimezone: React.FC<DateTimeWithoutTimezoneProps> = ({\n    field,\n    bind,\n    trailingIcon\n}) => {\n    // \"2020-05-18 09:00:00\"\n    const initialValue = getDefaultFieldValue(field, bind, () => {\n        const date = new Date();\n        return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;\n    });\n\n    const { date, time } = parseDateTime(initialValue);\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || !time || bindValue === initialValue) {\n            return;\n        }\n        bind.onChange(initialValue);\n    }, [bindValue]);\n\n    const cellSize = trailingIcon ? 5 : 6;\n\n    return (\n        <Grid>\n            <Cell span={6}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(`${value} ${time || getCurrentLocalTime()}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Cell>\n            <Cell span={cellSize}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: time,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(`${date || getCurrentDate()} ${value}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={5}\n                />\n            </Cell>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Input.tsx"],"names":["React","Input","UiInput","bind","props","value","type","parseFloat","onChange","field","label","placeholderText","helpText","trailingIcon"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAGA,SAASC,KAAK,IAAIC,OAAlB,QAAiC,kBAAjC;AAeA,OAAO,IAAMD,KAA2B,GAAG,SAA9BA,KAA8B,OAAwB;AAAA,MAArBE,IAAqB,QAArBA,IAAqB;AAAA,MAAZC,KAAY;;AAC/D,sBACI,oBAAC,OAAD,oBACQA,KADR,EAEQD,IAFR;AAGI,IAAA,QAAQ,EAAE,kBAAAE,KAAK,EAAI;AACf,UAAID,KAAK,CAACE,IAAN,KAAe,QAAnB,EAA6B;AACzBD,QAAAA,KAAK,GAAGE,UAAU,CAACF,KAAD,CAAlB;AACH;;AACD,aAAOF,IAAI,CAACK,QAAL,CAAcH,KAAd,CAAP;AACH,KARL;AASI,IAAA,KAAK,EAAED,KAAK,CAACK,KAAN,CAAYC,KATvB;AAUI,IAAA,WAAW,EAAEN,KAAK,CAACK,KAAN,CAAYE,eAV7B;AAWI,IAAA,WAAW,EAAEP,KAAK,CAACK,KAAN,CAAYG,QAX7B;AAYI,IAAA,IAAI,EAAER,KAAK,CAACE,IAZhB;AAaI,IAAA,YAAY,EAAEF,KAAK,CAACS;AAbxB,KADJ;AAiBH,CAlBM","sourcesContent":["import * as React from \"react\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput } from \"@webiny/ui/Input\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input: React.FC<InputProps> = ({ bind, ...props }) => {\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={props.field.label}\n            placeholder={props.field.placeholderText}\n            description={props.field.helpText}\n            type={props.type}\n            trailingIcon={props.trailingIcon}\n        />\n    );\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Select.tsx"],"names":["React","Select","UiSelect","props","options","map","t","value","label"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAM,IAAIC,QAAnB,QAAmE,mBAAnE;AAUA,OAAO,IAAMD,MAA6B,GAAG,SAAhCA,MAAgC,CAAAE,KAAK,EAAI;AAClD,sBACI,oBAAC,QAAD,EAAcA,KAAd,EACKA,KAAK,CAACC,OAAN,CAAcC,GAAd,CAAkB,UAAAC,CAAC,EAAI;AACpB,wBACI;AAAQ,MAAA,GAAG,EAAEA,CAAC,CAACC,KAAf;AAAsB,MAAA,KAAK,EAAED,CAAC,CAACC;AAA/B,OACKD,CAAC,CAACE,KADP,CADJ;AAKH,GANA,CADL,CADJ;AAWH,CAZM","sourcesContent":["import * as React from \"react\";\nimport { Select as UiSelect, SelectProps as BaseSelectProps } from \"@webiny/ui/Select\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n    options: Option[];\n}\nexport const Select: React.FC<SelectProps> = props => {\n    return (\n        <UiSelect {...props}>\n            {props.options.map(t => {\n                return (\n                    <option key={t.value} value={t.value}>\n                        {t.label}\n                    </option>\n                );\n            })}\n        </UiSelect>\n    );\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Time.tsx"],"names":["React","useEffect","Input","getCurrentLocalTime","getDefaultFieldValue","Time","props","field","bind","time","Date","bindValue","value","onChange"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,KAAT;AACA,SACIC,mBADJ,EAEIC,oBAFJ;AAKA,OAAO,IAAMC,IAA0B,GAAG,SAA7BA,IAA6B,CAAAC,KAAK,EAAI;AAC/C,MAAQC,KAAR,GAAwBD,KAAxB,CAAQC,KAAR;AAAA,MAAeC,IAAf,GAAwBF,KAAxB,CAAeE,IAAf;AACA,MAAMC,IAAI,GAAGL,oBAAoB,CAACG,KAAD,EAAQC,IAAR,EAAc,YAAM;AACjD,WAAOL,mBAAmB,CAAC,IAAIO,IAAJ,EAAD,CAA1B;AACH,GAFgC,CAAjC;AAIA,MAAMC,SAAS,GAAGH,IAAI,CAACI,KAAL,IAAc,EAAhC;AAEAX,EAAAA,SAAS,CAAC,YAAM;AACZ,QAAI,CAACQ,IAAD,IAASE,SAAS,KAAKF,IAA3B,EAAiC;AAC7B;AACH;;AACDD,IAAAA,IAAI,CAACK,QAAL,CAAcJ,IAAd;AACH,GALQ,EAKN,CAACE,SAAD,CALM,CAAT;AAOA,sBACI,oBAAC,KAAD,oBACQL,KADR;AAEI,IAAA,IAAI,kCACGE,IADH;AAEAI,MAAAA,KAAK,EAAEH,IAFP;AAGAI,MAAAA,QAAQ;AAAA,iFAAE,iBAAOD,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA,sBACDA,KADC;AAAA;AAAA;AAAA;;AAAA,uBAEEJ,IAAI,CAACI,KAFP;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA,mDAKKJ,IAAI,CAACK,QAAL,CAAc,EAAd,CALL;;AAAA;AAAA,mDAOCL,IAAI,CAACK,QAAL,CAAcD,KAAd,CAPD;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAF;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAHR,MAFR;AAeI,IAAA,IAAI,EAAE,MAfV;AAgBI,IAAA,IAAI,EAAE;AAhBV,KADJ;AAoBH,CAnCM","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, InputProps } from \"./Input\";\nimport {\n    getCurrentLocalTime,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\n\nexport const Time: React.FC<InputProps> = props => {\n    const { field, bind } = props;\n    const time = getDefaultFieldValue(field, bind, () => {\n        return getCurrentLocalTime(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!time || bindValue === time) {\n            return;\n        }\n        bind.onChange(time);\n    }, [bindValue]);\n\n    return (\n        <Input\n            {...props}\n            bind={{\n                ...bind,\n                value: time,\n                onChange: async (value: string): Promise<void> => {\n                    if (!value) {\n                        if (bind.value) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            type={\"time\"}\n            step={5}\n        />\n    );\n};\n"]}

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

@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2;
 
-// TODO @ts-refactor figure out correct bind types and remove any
 import React from "react";
 import get from "lodash/get";
 import { i18n } from "@webiny/app/i18n";
@@ -26,18 +25,19 @@ var plugin = {
       var field = _ref2.field,
           getBind = _ref2.getBind;
       var Bind = getBind();
+      var fieldSettingsType = field.settings ? field.settings.type : null;
       return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        if (field.settings.type === "dateTimeWithoutTimezone") {
+        if (fieldSettingsType === "dateTimeWithoutTimezone") {
           return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
             field: field,
             bind: bind
           });
-        } else if (field.settings.type === "dateTimeWithTimezone") {
+        } else if (fieldSettingsType === "dateTimeWithTimezone") {
           return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
             field: field,
             bind: bind
           });
-        } else if (field.settings.type === "time") {
+        } else if (fieldSettingsType === "time") {
           return /*#__PURE__*/React.createElement(Time, {
             field: field,
             bind: bind

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

@@ -0,0 +1 @@
+{"version":3,"sources":["dateTimeField.tsx"],"names":["React","get","i18n","DateOnly","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","fieldSettingsType","settings","bind"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,QAAT;AACA,SAASC,uBAAT;AACA,SAASC,oBAAT;AACA,SAASC,IAAT;AAEA,IAAMC,CAAC,GAAGL,IAAI,CAACM,EAAL,CAAQ,yCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,qCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,iBADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,oFAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,0HAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,UAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAAChB,GAAG,CAACe,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,yBAWqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;AAEA,UAAME,iBAAiB,GAAGL,KAAK,CAACM,QAAN,GAAiBN,KAAK,CAACM,QAAN,CAAeZ,IAAhC,GAAuC,IAAjE;AAEA,0BACI,oBAAC,IAAD,QACK,UAAAa,IAAI,EAAI;AACL,YAAIF,iBAAiB,KAAK,yBAA1B,EAAqD;AACjD,8BAAO,oBAAC,uBAAD;AAAyB,YAAA,KAAK,EAAEL,KAAhC;AAAuC,YAAA,IAAI,EAAEO;AAA7C,YAAP;AACH,SAFD,MAEO,IAAIF,iBAAiB,KAAK,sBAA1B,EAAkD;AACrD,8BAAO,oBAAC,oBAAD;AAAsB,YAAA,KAAK,EAAEL,KAA7B;AAAoC,YAAA,IAAI,EAAEO;AAA1C,YAAP;AACH,SAFM,MAEA,IAAIF,iBAAiB,KAAK,MAA1B,EAAkC;AACrC,8BAAO,oBAAC,IAAD;AAAM,YAAA,KAAK,EAAEL,KAAb;AAAoB,YAAA,IAAI,EAAEO;AAA1B,YAAP;AACH;;AACD,4BAAO,oBAAC,QAAD;AAAU,UAAA,IAAI,EAAEA,IAAhB;AAAsB,UAAA,KAAK,EAAEP;AAA7B,UAAP;AACH,OAVL,CADJ;AAcH;AA9BK;AAH+B,CAA7C;AAqCA,eAAeP,MAAf","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DateOnly } from \"./DateOnly\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { Time } from \"./Time\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-time\",\n    renderer: {\n        rendererName: \"date-time-input\",\n        name: t`Date/Time Input`,\n        description: t`Renders input for various formats of date and time.`,\n        canUse({ field }) {\n            return (\n                field.type === \"datetime\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <Bind>\n                    {bind => {\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return <DateTimeWithoutTimezone field={field} bind={bind} />;\n                        } else if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return <DateTimeWithTimezone field={field} bind={bind} />;\n                        } else if (fieldSettingsType === \"time\") {\n                            return <Time field={field} bind={bind} />;\n                        }\n                        return <DateOnly bind={bind} field={field} />;\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"]}

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

@@ -22,21 +22,26 @@ var plugin = {
     description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders inputs for various formats of dates and times."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "datetime" && field.multipleValues && !get(field, "predefinedValues.enabled");
+      return !!(field.type === "datetime" && field.multipleValues && !get(field, "predefinedValues.enabled"));
     },
     render: function render(props) {
       var field = props.field;
+      var fieldSettingsType = field.settings ? field.settings.type : null;
       return /*#__PURE__*/React.createElement(DynamicSection, props, function (_ref2) {
         var bind = _ref2.bind,
             index = _ref2.index;
-        var trailingIcon = index > 0 && {
-          icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-          onClick: function onClick() {
-            return bind.field.removeValue(index);
-          }
-        };
+        var trailingIcon = undefined;
 
-        if (field.settings.type === "dateTimeWithoutTimezone") {
+        if (index > 0) {
+          trailingIcon = {
+            icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+            onClick: function onClick() {
+              return bind.field.removeValue(index);
+            }
+          };
+        }
+
+        if (fieldSettingsType === "dateTimeWithoutTimezone") {
           return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
             field: field,
             bind: bind.index,
@@ -44,7 +49,7 @@ var plugin = {
           });
         }
 
-        if (field.settings.type === "dateTimeWithTimezone") {
+        if (fieldSettingsType === "dateTimeWithTimezone") {
           return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
             field: field,
             bind: bind.index,
@@ -52,7 +57,7 @@ var plugin = {
           });
         }
 
-        if (field.settings.type === "time") {
+        if (fieldSettingsType === "time") {
           return /*#__PURE__*/React.createElement(Time, {
             field: _objectSpread(_objectSpread({}, props.field), {}, {
               label: props.field.label + t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([" Value {number}"])))({

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

@@ -0,0 +1 @@
+{"version":3,"sources":["dateTimeFields.tsx"],"names":["React","get","DynamicSection","i18n","ReactComponent","DeleteIcon","DateTimeWithoutTimezone","DateTimeWithTimezone","DateOnly","Time","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","fieldSettingsType","settings","bind","index","trailingIcon","undefined","icon","onClick","removeValue","label","number"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport DynamicSection from \"../DynamicSection\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { DateOnly } from \"./DateOnly\";\nimport { Time } from \"./Time\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-times\",\n    renderer: {\n        rendererName: \"date-time-inputs\",\n        name: t`Date/Time Inputs`,\n        description: t`Renders inputs for various formats of dates and times.`,\n        canUse({ field }) {\n            return !!(\n                field.type === \"datetime\" &&\n                field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => {\n                        let trailingIcon = undefined;\n                        if (index > 0) {\n                            trailingIcon = {\n                                icon: <DeleteIcon />,\n                                onClick: () => bind.field.removeValue(index)\n                            };\n                        }\n\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return (\n                                <DateTimeWithoutTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return (\n                                <DateTimeWithTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"time\") {\n                            return (\n                                <Time\n                                    field={{\n                                        ...props.field,\n                                        label:\n                                            props.field.label +\n                                            t` Value {number}`({ number: index + 1 })\n                                    }}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n\n                        return (\n                            <DateOnly\n                                bind={bind.index}\n                                field={{\n                                    ...props.field,\n                                    label:\n                                        props.field.label +\n                                        t` Value {number}`({ number: index + 1 })\n                                }}\n                                trailingIcon={trailingIcon}\n                            />\n                        );\n                    }}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["dateTimeField","dateTimeFields"],"mappings":"AAAA,OAAOA,aAAP;AACA,OAAOC,cAAP;AAEA,eAAe,CAACD,aAAD,EAAgBC,cAAhB,CAAf","sourcesContent":["import dateTimeField from \"./dateTimeField\";\nimport dateTimeFields from \"./dateTimeFields\";\n\nexport default [dateTimeField, dateTimeFields];\n"]}

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

@@ -8,9 +8,9 @@ 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 getCurrentTimeZone: (date?: Date | undefined) => string | null;
+export declare const getCurrentLocalTime: (date?: Date | undefined) => string;
+export declare const getCurrentDate: (date?: Date | undefined) => string;
 interface RemoveFieldButtonProps {
     trailingIcon: any;
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.tsx"],"names":["React","css","Cell","IconButton","UTC_TIMEZONES","value","label","DEFAULT_TIMEZONE","getDefaultFieldValue","field","bind","getCurrent","def","settings","defaultSetValue","getCurrentTimeZone","date","Date","toTimeString","matches","match","timezone","substr","getCurrentLocalTime","split","time","getCurrentDate","year","String","getFullYear","padStart","month","getMonth","day","getDate","deleteIconStyles","width","height","color","RemoveFieldButton","trailingIcon","onClick","icon"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { CmsEditorField } from \"~/types\";\n\nexport const UTC_TIMEZONES = [\n    {\n        value: \"-12:00\",\n        label: \"UTC-12:00\"\n    },\n    {\n        value: \"-11:00\",\n        label: \"UTC-11:00\"\n    },\n    {\n        value: \"-10:00\",\n        label: \"UTC-10:00\"\n    },\n    {\n        value: \"-09:30\",\n        label: \"UTC-09:30\"\n    },\n    {\n        value: \"-09:00\",\n        label: \"UTC-09:00\"\n    },\n    {\n        value: \"-08:00\",\n        label: \"UTC-08:00\"\n    },\n    {\n        value: \"-07:00\",\n        label: \"UTC-07:00\"\n    },\n    {\n        value: \"-06:00\",\n        label: \"UTC-06:00\"\n    },\n    {\n        value: \"-05:00\",\n        label: \"UTC-05:00\"\n    },\n    {\n        value: \"-04:30\",\n        label: \"UTC-04:30\"\n    },\n    {\n        value: \"-04:00\",\n        label: \"UTC-04:00\"\n    },\n    {\n        value: \"-03:30\",\n        label: \"UTC-03:30\"\n    },\n    {\n        value: \"-03:00\",\n        label: \"UTC-03:00\"\n    },\n    {\n        value: \"-02:00\",\n        label: \"UTC-02:00\"\n    },\n    {\n        value: \"-01:00\",\n        label: \"UTC-01:00\"\n    },\n    {\n        value: \"+00:00\",\n        label: \"UTC+00:00\"\n    },\n    {\n        value: \"+01:00\",\n        label: \"UTC+01:00\"\n    },\n    {\n        value: \"+02:00\",\n        label: \"UTC+02:00\"\n    },\n    {\n        value: \"+03:00\",\n        label: \"UTC+03:00\"\n    },\n    {\n        value: \"+03:30\",\n        label: \"UTC+03:30\"\n    },\n    {\n        value: \"+04:00\",\n        label: \"UTC+04:00\"\n    },\n    {\n        value: \"+04:30\",\n        label: \"UTC+04:30\"\n    },\n    {\n        value: \"+05:30\",\n        label: \"UTC+05:30\"\n    },\n    {\n        value: \"+05:45\",\n        label: \"UTC+05:45\"\n    },\n    {\n        value: \"+06:00\",\n        label: \"UTC+06:00\"\n    },\n    {\n        value: \"+06:30\",\n        label: \"UTC+06:30\"\n    },\n    {\n        value: \"+07:00\",\n        label: \"UTC+07:00\"\n    },\n    {\n        value: \"+08:00\",\n        label: \"UTC+08:00\"\n    },\n    {\n        value: \"+08:45\",\n        label: \"UTC+08:45\"\n    },\n    {\n        value: \"+09:00\",\n        label: \"UTC+09:00\"\n    },\n    {\n        value: \"+09:30\",\n        label: \"UTC+09:30\"\n    },\n    {\n        value: \"+10:00\",\n        label: \"UTC+10:00\"\n    },\n    {\n        value: \"+10:30\",\n        label: \"UTC+10:30\"\n    },\n    {\n        value: \"+11:00\",\n        label: \"UTC+11:00\"\n    },\n    {\n        value: \"+11:30\",\n        label: \"UTC+11:30\"\n    },\n    {\n        value: \"+12:00\",\n        label: \"UTC+12:00\"\n    },\n    {\n        value: \"+12:45\",\n        label: \"UTC+12:45\"\n    },\n    {\n        value: \"+13:00\",\n        label: \"UTC+13:00\"\n    },\n    {\n        value: \"+14:00\",\n        label: \"UTC+14:00\"\n    }\n];\n\nexport const DEFAULT_TIMEZONE = \"+01:00\";\n\nexport const getDefaultFieldValue = (\n    field: CmsEditorField,\n    bind: {\n        value: string | null | undefined;\n    },\n    getCurrent: () => string\n): string => {\n    const def = field.settings ? field.settings.defaultSetValue || \"null\" : \"null\";\n    if (bind.value || def !== \"current\") {\n        return bind.value || \"\";\n    }\n    return getCurrent();\n};\n\nexport const getCurrentTimeZone = (date?: Date): string | null => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const matches = value.match(/GMT([+-][0-9]{4})/);\n    if (!matches) {\n        return null;\n    }\n    const timezone = matches[1];\n    return `${timezone.substr(0, 3)}:${timezone.substr(3)}`;\n};\n\nexport const getCurrentLocalTime = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const [time] = value.split(\" \");\n    if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {\n        return \"00:00:00\";\n    }\n    return time;\n};\n\nexport const getCurrentDate = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const year = String(date.getFullYear()).padStart(4, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\n    const day = String(date.getDate()).padStart(2, \"0\");\n\n    return `${year}-${month}-${day}`;\n};\n\nconst deleteIconStyles = css({\n    width: \"100% !important\",\n    height: \"100% !important\",\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\ninterface RemoveFieldButtonProps {\n    // TODO @ts-refactor figure out correct trailing icon type\n    // @ts-ignore\n    trailingIcon: any;\n}\nexport const RemoveFieldButton: React.FC<RemoveFieldButtonProps> = ({ trailingIcon }) => {\n    if (!trailingIcon) {\n        return null;\n    }\n    return (\n        <Cell span={1}>\n            <IconButton\n                className={deleteIconStyles}\n                onClick={trailingIcon.onClick}\n                icon={trailingIcon.icon}\n            />\n        </Cell>\n    );\n};\n"]}

package/admin/plugins/fieldRenderers/file/File.d.ts

@@ -1,15 +1,15 @@
 import React from "react";
 export interface FileProps {
     url: string;
-    onRemove: Function;
-    placeholder: string;
+    onRemove: () => void;
+    placeholder?: string;
     styles?: Record<string, any>;
-    showFileManager?: Function;
+    showFileManager?: () => void;
     validation?: {
         isValid?: boolean;
         message?: string;
     };
     description?: string;
 }
-declare const File: React.FunctionComponent<FileProps>;
+declare const File: React.FC<FileProps>;
 export default File;

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

@@ -19,8 +19,8 @@ var defaultStyles = {
   height: "auto"
 };
 var defaultValidation = {
-  isValid: null,
-  message: null
+  isValid: undefined,
+  message: undefined
 };
 
 var File = function File(props) {
@@ -65,7 +65,13 @@ var File = function File(props) {
     value: url ? {
       src: getImageSrc(url)
     } : null,
-    uploadImage: showFileManager,
+    uploadImage: function uploadImage() {
+      if (!showFileManager) {
+        return;
+      }
+
+      showFileManager();
+    },
     removeImage: onRemove,
     placeholder: placeholder,
     containerStyle: {

package/admin/plugins/fieldRenderers/file/File.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["File.tsx"],"names":["React","useCallback","Image","Ui","createRenderImagePreview","imagePlugins","fileIcon","FormElementMessage","imagePreviewProps","transform","width","style","height","objectFit","defaultStyles","defaultValidation","isValid","undefined","message","File","props","url","onRemove","placeholder","showFileManager","description","styles","validation","isImage","some","extension","includes","getImageSrc","defaultRenderImagePreview","renderImageProps","renderImagePreview","value","src"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\nimport { Image } from \"@webiny/app/components\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { createRenderImagePreview, imagePlugins } from \"./utils\";\nimport fileIcon from \"../../fields/icons/round_insert_drive_file-24px.svg\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst imagePreviewProps = {\n    transform: { width: 300 },\n    style: { width: \"100%\", height: 232, objectFit: \"cover\" }\n};\n\nconst defaultStyles = {\n    width: \"100%\",\n    height: \"auto\"\n};\n\ninterface ValidationStatus {\n    isValid?: boolean;\n    message?: string;\n}\nconst defaultValidation: ValidationStatus = {\n    isValid: undefined,\n    message: undefined\n};\n\nexport interface FileProps {\n    url: string;\n    onRemove: () => void;\n    placeholder?: string;\n    styles?: Record<string, any>;\n    showFileManager?: () => void;\n    validation?: {\n        isValid?: boolean;\n        message?: string;\n    };\n    description?: string;\n}\nconst File: React.FC<FileProps> = props => {\n    const { url, onRemove, placeholder, showFileManager, description } = props;\n\n    const styles = props.styles || defaultStyles;\n    const validation = props.validation || defaultValidation;\n\n    const isImage = useCallback(url => {\n        return imagePlugins.some(extension => url.includes(extension));\n    }, []);\n\n    const getImageSrc = useCallback(url => {\n        if (url && isImage(url)) {\n            return url;\n        }\n        return fileIcon;\n    }, []);\n\n    // TODO @ts-refactor figure out correct type\n    const defaultRenderImagePreview = (renderImageProps: any) => (\n        <Image {...renderImageProps} {...imagePreviewProps} />\n    );\n\n    const renderImagePreview = (url: string) => {\n        if (url && !isImage(url)) {\n            return createRenderImagePreview({ value: url, imagePreviewProps });\n        }\n\n        return defaultRenderImagePreview;\n    };\n\n    return (\n        <>\n            <Ui.Image\n                renderImagePreview={renderImagePreview(url)}\n                style={styles}\n                value={url ? { src: getImageSrc(url) } : null}\n                uploadImage={() => {\n                    if (!showFileManager) {\n                        return;\n                    }\n                    showFileManager();\n                }}\n                removeImage={onRemove}\n                placeholder={placeholder}\n                containerStyle={{ height: \"auto\" }}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>\n                    {validation.message || \"Invalid value.\"}\n                </FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n\nexport default File;\n"]}

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

@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2;
 
-// TODO @ts-refactor figure out correct bind types and remove any
 import React from "react";
 import { i18n } from "@webiny/app/i18n";
 import { Cell, Grid } from "@webiny/ui/Grid";
@@ -38,12 +37,13 @@ var plugin = {
           var showFileManager = _ref3.showFileManager;
 
           var selectFile = function selectFile() {
-            showFileManager(function (newFile) {
-              if (newFile === null) {
+            showFileManager(function (initialFile) {
+              if (!initialFile || Array.isArray(initialFile) === true && initialFile.length === 0) {
                 return;
               }
 
-              onChange(newFile.src);
+              var file = Array.isArray(initialFile) ? initialFile[0] : initialFile;
+              onChange(file.src);
             });
           };
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["fileField.tsx"],"names":["React","i18n","Cell","Grid","FileManager","File","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Label","Bind","imagesOnly","settings","label","bind","value","onChange","showFileManager","selectFile","initialFile","Array","isArray","length","file","src","placeholderText","helpText"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,OAAOC,IAAP;AAEA,IAAMC,CAAC,GAAGL,IAAI,CAACM,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,gCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,YADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,+EAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,wHAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aAAOA,KAAK,CAACN,IAAN,KAAe,MAAf,IAAyB,CAACM,KAAK,CAACC,cAAvC;AACH,KANK;AAONC,IAAAA,MAPM,yBAO4B;AAAA,UAAzBF,KAAyB,SAAzBA,KAAyB;AAAA,UAAlBG,OAAkB,SAAlBA,OAAkB;AAAA,UAATC,KAAS,SAATA,KAAS;AAC9B,UAAMC,IAAI,GAAGF,OAAO,EAApB;AAEA,UAAMG,UAAU,GAAGN,KAAK,CAACO,QAAN,IAAkBP,KAAK,CAACO,QAAN,CAAeD,UAApD;AACA,0BACI,oBAAC,IAAD,qBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,KAAD,QAAQN,KAAK,CAACQ,KAAd,CADJ,eAEI,oBAAC,IAAD,QACK,UAAAC,IAAI,EAAI;AACL,YAAQC,KAAR,GAA4BD,IAA5B,CAAQC,KAAR;AAAA,YAAeC,QAAf,GAA4BF,IAA5B,CAAeE,QAAf;AAEA,4BACI,oBAAC,WAAD;AAAa,UAAA,QAAQ,EAAE,KAAvB;AAA8B,UAAA,MAAM,EAAEL;AAAtC,WACK,iBAAyB;AAAA,cAAtBM,eAAsB,SAAtBA,eAAsB;;AACtB,cAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;AACrBD,YAAAA,eAAe,CAAC,UAAAE,WAAW,EAAI;AAC3B,kBACI,CAACA,WAAD,IACCC,KAAK,CAACC,OAAN,CAAcF,WAAd,MAA+B,IAA/B,IACGA,WAAW,CAACG,MAAZ,KAAuB,CAH/B,EAIE;AACE;AACH;;AACD,kBAAMC,IAAI,GAAGH,KAAK,CAACC,OAAN,CAAcF,WAAd,IACPA,WAAW,CAAC,CAAD,CADJ,GAEPA,WAFN;AAGAH,cAAAA,QAAQ,CAACO,IAAI,CAACC,GAAN,CAAR;AACH,aAZc,CAAf;AAaH,WAdD;;AAeA,8BACI,oBAAC,IAAD,oBACQV,IADR;AAEI,YAAA,GAAG,EAAEC,KAFT;AAGI,YAAA,QAAQ,EAAE;AAAA,qBAAMC,QAAQ,CAAC,IAAD,CAAd;AAAA,aAHd;AAII,YAAA,eAAe,EAAEE,UAJrB;AAKI,YAAA,WAAW,EAAEb,KAAK,CAACoB,eALvB;AAMI,YAAA,WAAW,EAAEpB,KAAK,CAACqB;AANvB,aADJ;AAUH,SA3BL,CADJ;AA+BH,OAnCL,CAFJ,CADJ,CADJ;AA4CH;AAvDK;AAH+B,CAA7C;AA8DA,eAAe5B,MAAf","sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport File from \"./File\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: t`File Input`,\n        description: t`Enables selecting a single file via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            const Bind = getBind();\n\n            const imagesOnly = field.settings && field.settings.imagesOnly;\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Label>{field.label}</Label>\n                        <Bind>\n                            {bind => {\n                                const { value, onChange } = bind;\n\n                                return (\n                                    <FileManager multiple={false} images={imagesOnly}>\n                                        {({ showFileManager }) => {\n                                            const selectFile = () => {\n                                                showFileManager(initialFile => {\n                                                    if (\n                                                        !initialFile ||\n                                                        (Array.isArray(initialFile) === true &&\n                                                            initialFile.length === 0)\n                                                    ) {\n                                                        return;\n                                                    }\n                                                    const file = Array.isArray(initialFile)\n                                                        ? initialFile[0]\n                                                        : initialFile;\n                                                    onChange(file.src);\n                                                });\n                                            };\n                                            return (\n                                                <File\n                                                    {...bind}\n                                                    url={value}\n                                                    onRemove={() => onChange(null)}\n                                                    showFileManager={selectFile}\n                                                    placeholder={field.placeholderText}\n                                                    description={field.helpText}\n                                                />\n                                            );\n                                        }}\n                                    </FileManager>\n                                );\n                            }}\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"]}

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

@@ -3,7 +3,6 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-// TODO @ts-refactor figure out correct bind types and remove any
 import React from "react";
 import dotProp from "dot-prop-immutable";
 import { i18n } from "@webiny/app/i18n";
@@ -46,11 +45,12 @@ var FieldRenderer = function FieldRenderer(_ref) {
 
       var selectFiles = function selectFiles() {
         var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-        showFileManager(function (files) {
-          if (!files) {
+        showFileManager(function (initialFiles) {
+          if (!initialFiles || initialFiles.length === 0) {
             return;
           }
 
+          var files = Array.isArray(initialFiles) ? initialFiles : [initialFiles];
           var urls = files.map(function (f) {
             return f.src;
           });
@@ -81,7 +81,12 @@ var FieldRenderer = function FieldRenderer(_ref) {
         }));
       }), /*#__PURE__*/React.createElement(Cell, {
         span: 3
-      }, /*#__PURE__*/React.createElement(File, Object.assign({}, bind, {
+      }, /*#__PURE__*/React.createElement(File, Object.assign({
+        url: "",
+        onRemove: function onRemove() {
+          return void 0;
+        }
+      }, bind, {
         showFileManager: function showFileManager() {
           return selectFiles();
         },
@@ -114,7 +119,7 @@ var plugin = {
     description: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Enables selecting multiple files via File Manager."]))),
     canUse: function canUse(_ref3) {
       var field = _ref3.field;
-      return field.type === "file" && field.multipleValues;
+      return field.type === "file" && !!field.multipleValues;
     },
     render: function render(_ref4) {
       var field = _ref4.field,