npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-alpha.5 → 6.0.0-rc.0 - Mend

@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1358) hide show

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

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

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelField, CmsModelFieldRendererSettingsProps } from "@webiny/app-headless-cms-common/types";
+import type { CmsModelField, CmsModelFieldRendererSettingsProps } from "@webiny/app-headless-cms-common/types/index.js";
 interface IMultiValueRendererSettings {
     addValueButtonLabel: string;
 }

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

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

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

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

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

@@ -1,6 +1,6 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { Switch } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields/boolean");
 const plugin = {
@@ -13,7 +13,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "boolean" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "boolean" && !field.list && !get(field, "predefinedValues.enabled");
     },
     render({
       field,
@@ -22,7 +22,8 @@ const plugin = {
       const Bind = getBind();
       return /*#__PURE__*/React.createElement(Bind, null, bindProps => /*#__PURE__*/React.createElement(Switch, Object.assign({}, bindProps, {
         label: field.label,
-        description: field.helpText,
+        description: field.description,
+        note: field.note,
         "data-testid": `fr.input.boolean.${field.label}`
       })));
     }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","get","i18n","Switch","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","~~multipleValues~~","render","getBind","Bind","createElement","bindProps","Object","assign","label","~~helpText~~"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Switch } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-boolean\",\n renderer: {\n rendererName: \"boolean-input\",\n name: t`Boolean Input`,\n description: t`Renders a simple switch button.`,\n canUse({ field }) {\n return (\n field.type === \"boolean\" ~~&&\n~~ !field.~~multipleValues~~ ~~&&\n~~ !get(field, \"predefinedValues.enabled\")\n );\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n return (\n <Bind>\n {bindProps => (\n <Switch\n {...bindProps}\n label={field.label}\n description={field.~~helpText~~}\n data-testid={`fr.input.boolean.${field.label}`}\n />\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,~~YAAY~~;~~AAE5B~~,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,uCAAuC,CAAC;AAE1D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,iCAAiC;IAC/CQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,SAAS,~~IACxB~~,CAACM,KAAK,CAACC,~~cAAc~~,~~IACrB~~,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;~~IAE/C~~,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,SAAS,iBACNnB,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAiB,MAAA,CAAAC,MAAA,KACCF,SAAS;QACbG,KAAK,EAAET,KAAK,CAACS,KAAM;QACnBX,WAAW,EAAEE,KAAK,CAACU,~~QAAS~~;~~QAC5B~~,eAAa,oBAAoBV,KAAK,CAACS,KAAK;MAAG,EAClD,CAEH,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","get","i18n","Switch","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","Bind","createElement","bindProps","Object","assign","label","note"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Switch } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-boolean\",\n renderer: {\n rendererName: \"boolean-input\",\n name: t`Boolean Input`,\n description: t`Renders a simple switch button.`,\n canUse({ field }) {\n return (\n field.type === \"boolean\" && !field.list && !get(field, \"predefinedValues.enabled\")\n );\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n return (\n <Bind>\n {bindProps => (\n <Switch\n {...bindProps}\n label={field.label}\n description={field.description}\n note={field.note}\n data-testid={`fr.input.boolean.${field.label}`}\n />\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,uCAAuC,CAAC;AAE1D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,iCAAiC;IAC/CQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,SAAS,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAE1F,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,SAAS,iBACNnB,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAiB,MAAA,CAAAC,MAAA,KACCF,SAAS;QACbG,KAAK,EAAET,KAAK,CAACS,KAAM;QACnBX,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/BY,IAAI,EAAEV,KAAK,CAACU,IAAK;QACjB,eAAa,oBAAoBV,KAAK,CAACS,KAAK;MAAG,EAClD,CAEH,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}

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

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

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

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

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

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

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

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

package/admin/plugins/fieldRenderers/checkboxes.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { CheckboxGroup } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const adaptToField = (field, value) => {
@@ -16,7 +16,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return !!field.multipleValues && !!get(field, "predefinedValues.enabled");
+      return !!field.list && !!get(field, "predefinedValues.enabled");
     },
     render({
       field,
@@ -40,7 +40,9 @@ const plugin = {
         defaultValue: defaultValue
       }, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, bind, {
         label: field.label,
-        description: field.helpText,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
         value: bind.value,
         items: options.map(opt => ({
           label: opt.label,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","get","i18n","CheckboxGroup","t","ns","adaptToField","field","value","type","Number","plugin","name","renderer","rendererName","description","canUse","~~multipleValues~~","render","getBind","Bind","values","predefinedOptions","predefinedValues","options","map","opt","defaults","filter","option","selected","defaultValue","length","undefined","createElement","bind","ValidationContainer","Object","assign","label","~~helpText~~","items"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst adaptToField = (field: CmsModelField, value: string) => {\n return field.type === \"number\" ? Number(value) : value;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-checkboxes-buttons\",\n renderer: {\n rendererName: \"checkboxes\",\n name: t`Checkboxes`,\n description: t`Renders checkboxes, allowing selection of multiple values.`,\n canUse({ field }) {\n return !!field.~~multipleValues~~ && !!get(field, \"predefinedValues.enabled\");\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n const { values: predefinedOptions = [] } = field.predefinedValues \|\| {\n values: []\n };\n\n // For `number` field, we want to convert the value to actual Number.\n const options = predefinedOptions.map(opt => ({\n ...opt,\n value: adaptToField(field, opt.value)\n }));\n\n const defaults = options.filter(option => option.selected);\n const defaultValue = defaults.length > 0 ? defaults.map(opt => opt.value) : undefined;\n\n return (\n <Bind defaultValue={defaultValue}>\n {bind => (\n <Bind.ValidationContainer>\n <CheckboxGroup\n {...bind}\n label={field.label}\n description={field.~~helpText~~}\n value={bind.value}\n items={options.map(opt => ({\n label: opt.label,\n value: opt.value,\n selected: opt.selected\n }))}\n />\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,~~YAAY~~;~~AAE5B~~,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,YAAY,GAAGA,CAACC,KAAoB,EAAEC,KAAa,KAAK;EAC1D,OAAOD,KAAK,CAACE,IAAI,KAAK,QAAQ,GAAGC,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;AAC1D,CAAC;AAED,MAAMG,MAAmC,GAAG;EACxCF,IAAI,EAAE,2BAA2B;EACjCG,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,YAAY;IACnBW,WAAW,EAAEX,CAAC,4DAA4D;IAC1EY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAO,CAAC,CAACA,KAAK,CAACU,~~cAAc~~,IAAI,CAAC,CAAChB,GAAG,CAACM,KAAK,EAAE,0BAA0B,CAAC;~~IAC7E~~,CAAC;IACDW,MAAMA,CAAC;MAAEX,KAAK;MAAEY;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,iBAAiB,GAAG;MAAG,CAAC,GAAGf,KAAK,CAACgB,gBAAgB,IAAI;QACjEF,MAAM,EAAE;MACZ,CAAC;;MAED;MACA,MAAMG,OAAO,GAAGF,iBAAiB,CAACG,GAAG,CAACC,GAAG,KAAK;QAC1C,GAAGA,GAAG;QACNlB,KAAK,EAAEF,YAAY,CAACC,KAAK,EAAEmB,GAAG,CAAClB,KAAK;MACxC,CAAC,CAAC,CAAC;MAEH,MAAMmB,QAAQ,GAAGH,OAAO,CAACI,MAAM,CAACC,MAAM,IAAIA,MAAM,CAACC,QAAQ,CAAC;MAC1D,MAAMC,YAAY,GAAGJ,QAAQ,CAACK,MAAM,GAAG,CAAC,GAAGL,QAAQ,CAACF,GAAG,CAACC,GAAG,IAAIA,GAAG,CAAClB,KAAK,CAAC,GAAGyB,SAAS;MAErF,oBACIjC,KAAA,CAAAkC,aAAA,CAACd,IAAI;QAACW,YAAY,EAAEA;MAAa,GAC5BI,IAAI,iBACDnC,KAAA,CAAAkC,aAAA,CAACd,IAAI,CAACgB,mBAAmB,qBACrBpC,KAAA,CAAAkC,aAAA,CAAC/B,aAAa,EAAAkC,MAAA,CAAAC,MAAA,KACNH,IAAI;QACRI,KAAK,EAAEhC,KAAK,CAACgC,KAAM;QACnBxB,WAAW,EAAER,KAAK,CAACiC,~~QAAS~~;~~QAC5BhC~~,KAAK,EAAE2B,IAAI,CAAC3B,KAAM;~~QAClBiC~~,KAAK,~~EAAEjB~~,OAAO,CAACC,GAAG,CAACC,GAAG,KAAK;UACvBa,KAAK,EAAEb,GAAG,CAACa,KAAK;UAChB/B,KAAK,EAAEkB,GAAG,CAAClB,KAAK;UAChBsB,QAAQ,EAAEJ,GAAG,CAACI;QAClB,CAAC,CAAC;MAAE,EACP,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","get","i18n","CheckboxGroup","t","ns","adaptToField","field","value","type","Number","plugin","name","renderer","rendererName","description","canUse","list","render","getBind","Bind","values","predefinedOptions","predefinedValues","options","map","opt","defaults","filter","option","selected","defaultValue","length","undefined","createElement","bind","ValidationContainer","Object","assign","label","note","hint","help","items"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst adaptToField = (field: CmsModelField, value: string) => {\n return field.type === \"number\" ? Number(value) : value;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n type: \"cms-editor-field-renderer\",\n name: \"cms-editor-field-renderer-checkboxes-buttons\",\n renderer: {\n rendererName: \"checkboxes\",\n name: t`Checkboxes`,\n description: t`Renders checkboxes, allowing selection of multiple values.`,\n canUse({ field }) {\n return !!field.list && !!get(field, \"predefinedValues.enabled\");\n },\n render({ field, getBind }) {\n const Bind = getBind();\n\n const { values: predefinedOptions = [] } = field.predefinedValues \|\| {\n values: []\n };\n\n // For `number` field, we want to convert the value to actual Number.\n const options = predefinedOptions.map(opt => ({\n ...opt,\n value: adaptToField(field, opt.value)\n }));\n\n const defaults = options.filter(option => option.selected);\n const defaultValue = defaults.length > 0 ? defaults.map(opt => opt.value) : undefined;\n\n return (\n <Bind defaultValue={defaultValue}>\n {bind => (\n <Bind.ValidationContainer>\n <CheckboxGroup\n {...bind}\n label={field.label}\n description={field.description}\n note={field.note}\n hint={field.help}\n value={bind.value}\n items={options.map(opt => ({\n label: opt.label,\n value: opt.value,\n selected: opt.selected\n }))}\n />\n </Bind.ValidationContainer>\n )}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,YAAY,GAAGA,CAACC,KAAoB,EAAEC,KAAa,KAAK;EAC1D,OAAOD,KAAK,CAACE,IAAI,KAAK,QAAQ,GAAGC,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;AAC1D,CAAC;AAED,MAAMG,MAAmC,GAAG;EACxCF,IAAI,EAAE,2BAA2B;EACjCG,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,YAAY;IACnBW,WAAW,EAAEX,CAAC,4DAA4D;IAC1EY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAO,CAAC,CAACA,KAAK,CAACU,IAAI,IAAI,CAAC,CAAChB,GAAG,CAACM,KAAK,EAAE,0BAA0B,CAAC;IACnE,CAAC;IACDW,MAAMA,CAAC;MAAEX,KAAK;MAAEY;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,iBAAiB,GAAG;MAAG,CAAC,GAAGf,KAAK,CAACgB,gBAAgB,IAAI;QACjEF,MAAM,EAAE;MACZ,CAAC;;MAED;MACA,MAAMG,OAAO,GAAGF,iBAAiB,CAACG,GAAG,CAACC,GAAG,KAAK;QAC1C,GAAGA,GAAG;QACNlB,KAAK,EAAEF,YAAY,CAACC,KAAK,EAAEmB,GAAG,CAAClB,KAAK;MACxC,CAAC,CAAC,CAAC;MAEH,MAAMmB,QAAQ,GAAGH,OAAO,CAACI,MAAM,CAACC,MAAM,IAAIA,MAAM,CAACC,QAAQ,CAAC;MAC1D,MAAMC,YAAY,GAAGJ,QAAQ,CAACK,MAAM,GAAG,CAAC,GAAGL,QAAQ,CAACF,GAAG,CAACC,GAAG,IAAIA,GAAG,CAAClB,KAAK,CAAC,GAAGyB,SAAS;MAErF,oBACIjC,KAAA,CAAAkC,aAAA,CAACd,IAAI;QAACW,YAAY,EAAEA;MAAa,GAC5BI,IAAI,iBACDnC,KAAA,CAAAkC,aAAA,CAACd,IAAI,CAACgB,mBAAmB,qBACrBpC,KAAA,CAAAkC,aAAA,CAAC/B,aAAa,EAAAkC,MAAA,CAAAC,MAAA,KACNH,IAAI;QACRI,KAAK,EAAEhC,KAAK,CAACgC,KAAM;QACnBxB,WAAW,EAAER,KAAK,CAACQ,WAAY;QAC/ByB,IAAI,EAAEjC,KAAK,CAACiC,IAAK;QACjBC,IAAI,EAAElC,KAAK,CAACmC,IAAK;QACjBlC,KAAK,EAAE2B,IAAI,CAAC3B,KAAM;QAClBmC,KAAK,EAAEnB,OAAO,CAACC,GAAG,CAACC,GAAG,KAAK;UACvBa,KAAK,EAAEb,GAAG,CAACa,KAAK;UAChB/B,KAAK,EAAEkB,GAAG,CAAClB,KAAK;UAChBsB,QAAQ,EAAEJ,GAAG,CAACI;QAClB,CAAC,CAAC;MAAE,EACP,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { TrailingIcon } from "./Input";
-import type { CmsModelField } from "../../../../types";
+import type { TrailingIcon } from "./Input.js";
+import type { CmsModelField } from "../../../../types.js";
 import type { BindComponentRenderProp } from "@webiny/form";
 export interface DateOnlyProps {
     field: CmsModelField;

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

@@ -1,6 +1,6 @@
 import React, { useEffect } from "react";
-import { Input } from "./Input";
-import { getCurrentDate, getDefaultFieldValue } from "./utils";
+import { Input } from "./Input.js";
+import { getCurrentDate, getDefaultFieldValue } from "./utils.js";
 export const DateOnly = props => {
   const {
     field,

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

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

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelField } from "../../../../types";
+import type { CmsModelField } from "../../../../types.js";
 import type { BindComponentRenderProp } from "@webiny/form";
 export interface DateTimeWithTimezoneProps {
     bind: BindComponentRenderProp;

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { Grid } from "@webiny/admin-ui";
-import { Input } from "./Input";
-import { Select } from "./Select";
-import { RemoveFieldButton, getDefaultFieldValue, DEFAULT_TIMEZONE, getCurrentDate, getCurrentLocalTime, getCurrentTimeZone, getHHmmss, getHHmm } from "./utils";
+import { Input } from "./Input.js";
+import { Select } from "./Select.js";
+import { RemoveFieldButton, getDefaultFieldValue, DEFAULT_TIMEZONE, getCurrentDate, getCurrentLocalTime, getCurrentTimeZone, getHHmmss, getHHmm } from "./utils.js";
 import { UTC_TIMEZONES } from "@webiny/utils";
 const parseDateTime = value => {
   if (!value || typeof value !== "string") {
@@ -71,10 +71,7 @@ export const DateTimeWithTimezone = ({
         return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);
       }
     },
-    field: {
-      ...field,
-      label: `${field.label} date`
-    },
+    field: field,
     type: "date"
   })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 4
@@ -101,7 +98,6 @@ export const DateTimeWithTimezone = ({
   })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: cellSize
   }, /*#__PURE__*/React.createElement(Select, {
-    label: "Timezone",
     value: timezone,
     onChange: value => {
       if (!value) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Grid","Input","Select","RemoveFieldButton","getDefaultFieldValue","DEFAULT_TIMEZONE","getCurrentDate","getCurrentLocalTime","getCurrentTimeZone","getHHmmss","getHHmm","UTC_TIMEZONES","parseDateTime","value","date","rest","formattedDate","split","Error","parseTime","defaultTimeZone","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","Date","cellSize","createElement","Column","span","onChange","~~label~~","~~type~~","step","options","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport {\n RemoveFieldButton,\n getDefaultFieldValue,\n DEFAULT_TIMEZONE,\n getCurrentDate,\n getCurrentLocalTime,\n getCurrentTimeZone,\n getHHmmss,\n getHHmm\n} from \"./utils\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\n\ninterface State {\n date: string;\n time: string;\n timezone: string;\n}\n\nconst parseDateTime = (value?: string): Pick<State, \"date\"> & { rest: string } => {\n if (!value \|\| typeof value !== \"string\") {\n return {\n date: \"\",\n rest: \"\"\n };\n }\n const [formattedDate, rest] = value.split(\"T\");\n if (!formattedDate \|\| !rest) {\n throw new Error(`Could not extract date and time from \"${value}\".`);\n }\n return {\n date: formattedDate,\n rest\n };\n};\n\nconst parseTime = (value?: string, defaultTimeZone?: string): Pick<State, \"time\" \| \"timezone\"> => {\n if (!value) {\n return {\n time: \"\",\n timezone: defaultTimeZone \|\| \"\"\n };\n }\n const sign = value.includes(\"+\") ? \"+\" : \"-\";\n const [fullTime, zone] = value.split(sign);\n\n return {\n time: fullTime,\n timezone: sign + zone\n };\n};\n\nexport interface DateTimeWithTimezoneProps {\n bind: BindComponentRenderProp;\n trailingIcon?: any;\n field: CmsModelField;\n}\nexport const DateTimeWithTimezone = ({ bind, trailingIcon, field }: DateTimeWithTimezoneProps) => {\n const defaultTimeZone = getCurrentTimeZone() \|\| DEFAULT_TIMEZONE;\n\n // \"2020-05-18T09:00+10:00\"\n const value =\n bind.value \|\|\n getDefaultFieldValue(field, bind, () => {\n const date = new Date();\n return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n });\n\n const { date, rest } = parseDateTime(value);\n const { time, timezone } = parseTime(rest, defaultTimeZone);\n\n const cellSize = trailingIcon ? 3 : 4;\n\n return (\n <Grid>\n <Grid.Column span={4}>\n <Input\n bind={{\n ...bind,\n value: date,\n onChange: async (value: string) => {\n if (!value) {\n if (!bind.value) {\n return;\n }\n return bind.onChange(\"\");\n }\n\n return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);\n }\n }}\n field={~~{\n ...~~field~~,\n label: `${field.label~~} ~~date`\n }}~~\n type={\"date\"}\n />\n </Grid.Column>\n <Grid.Column span={4}>\n <Input\n bind={{\n ...bind,\n value: getHHmm(time),\n onChange: async value => {\n if (!value) {\n if (!bind.value) {\n return;\n }\n return bind.onChange(\"\");\n }\n return bind.onChange(\n `${date \|\| getCurrentDate()}T${getHHmmss(value)}${timezone}`\n );\n }\n }}\n field={{\n ...field,\n label: `${field.label} time`\n }}\n type={\"time\"}\n step={60}\n />\n </Grid.Column>\n <Grid.Column span={cellSize}>\n <Select\n ~~label=\"Timezone\"\n~~ value={timezone}\n onChange={value => {\n if (!value) {\n if (!bind.value) {\n return null;\n }\n return bind.onChange(\"\");\n }\n return bind.onChange(\n `${date \|\| getCurrentDate()}T${time \|\| getCurrentLocalTime()}${value}`\n );\n }}\n options={UTC_TIMEZONES.map(t => ({ value: t.value, label: t.label }))}\n />\n </Grid.Column>\n <RemoveFieldButton trailingIcon={trailingIcon} />\n </Grid>\n );\n};\n"],"mappings":"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~~EAAE;MACH~~,~~GAAGA,KAAK~~;~~MACRO~~,~~KAAK,EAAE,GAAGP,KAAK,CAACO,KAAK;IACzB,CAAE;IACFC,~~IAAI,EAAE;EAAO,CAChB,CACQ,CAAC,~~eACdvC~~,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBpC,KAAA,CAAAkC,aAAA,CAAChC,KAAK;IACF2B,IAAI,EAAE;MACF,GAAGA,IAAI;MACPf,KAAK,EAAEH,OAAO,CAACW,IAAI,CAAC;MACpBe,QAAQ,EAAE,MAAMvB,KAAK,IAAI;QACrB,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;YACb;UACJ;UACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOR,IAAI,CAACQ,QAAQ,CAChB,GAAGtB,IAAI,IAAIR,cAAc,CAAC,CAAC,IAAIG,SAAS,CAACI,KAAK,CAAC,GAAGS,QAAQ,EAC9D,CAAC;MACL;IACJ,CAAE;IACFQ,KAAK,EAAE;MACH,GAAGA,KAAK;~~MACRO~~,KAAK,EAAE,~~GAAGP~~,KAAK,~~CAACO~~,KAAK;IACzB,CAAE;~~IACFC~~,IAAI,EAAE,MAAO;~~IACbC~~,IAAI,EAAE;EAAG,CACZ,CACQ,CAAC,eACdxC,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAEH;EAAS,gBACxBjC,KAAA,CAAAkC,aAAA,CAAC/B,MAAM;~~IACHmC~~,KAAK,~~EAAC,UAAU;IAChBxB,KAAK,~~EAAES,QAAS;IAChBc,QAAQ,EAAEvB,KAAK,IAAI;MACf,IAAI,CAACA,KAAK,EAAE;QACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;UACb,OAAO,IAAI;QACf;QACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;MAC5B;MACA,OAAOR,IAAI,CAACQ,QAAQ,CAChB,GAAGtB,IAAI,IAAIR,cAAc,CAAC,CAAC,IAAIe,IAAI,IAAId,mBAAmB,CAAC,CAAC,GAAGM,KAAK,EACxE,CAAC;IACL,CAAE;IACF2B,OAAO,EAAE7B,aAAa,CAAC8B,GAAG,CAACC,CAAC,KAAK;MAAE7B,KAAK,EAAE6B,CAAC,CAAC7B,KAAK;~~MAAEwB~~,KAAK,~~EAAEK~~,CAAC,~~CAACL~~;IAAM,CAAC,CAAC;EAAE,CACzE,CACQ,CAAC,~~eACdtC~~,KAAA,CAAAkC,aAAA,CAAC9B,iBAAiB;IAAC0B,YAAY,EAAEA;EAAa,CAAE,CAC9C,CAAC;AAEf,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Grid","Input","Select","RemoveFieldButton","getDefaultFieldValue","DEFAULT_TIMEZONE","getCurrentDate","getCurrentLocalTime","getCurrentTimeZone","getHHmmss","getHHmm","UTC_TIMEZONES","parseDateTime","value","date","rest","formattedDate","split","Error","parseTime","defaultTimeZone","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","Date","cellSize","createElement","Column","span","onChange","type","label","step","options","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Input } from \"./Input.js\";\nimport { Select } from \"./Select.js\";\nimport {\n RemoveFieldButton,\n getDefaultFieldValue,\n DEFAULT_TIMEZONE,\n getCurrentDate,\n getCurrentLocalTime,\n getCurrentTimeZone,\n getHHmmss,\n getHHmm\n} from \"./utils.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\n\ninterface State {\n date: string;\n time: string;\n timezone: string;\n}\n\nconst parseDateTime = (value?: string): Pick<State, \"date\"> & { rest: string } => {\n if (!value \|\| typeof value !== \"string\") {\n return {\n date: \"\",\n rest: \"\"\n };\n }\n const [formattedDate, rest] = value.split(\"T\");\n if (!formattedDate \|\| !rest) {\n throw new Error(`Could not extract date and time from \"${value}\".`);\n }\n return {\n date: formattedDate,\n rest\n };\n};\n\nconst parseTime = (value?: string, defaultTimeZone?: string): Pick<State, \"time\" \| \"timezone\"> => {\n if (!value) {\n return {\n time: \"\",\n timezone: defaultTimeZone \|\| \"\"\n };\n }\n const sign = value.includes(\"+\") ? \"+\" : \"-\";\n const [fullTime, zone] = value.split(sign);\n\n return {\n time: fullTime,\n timezone: sign + zone\n };\n};\n\nexport interface DateTimeWithTimezoneProps {\n bind: BindComponentRenderProp;\n trailingIcon?: any;\n field: CmsModelField;\n}\nexport const DateTimeWithTimezone = ({ bind, trailingIcon, field }: DateTimeWithTimezoneProps) => {\n const defaultTimeZone = getCurrentTimeZone() \|\| DEFAULT_TIMEZONE;\n\n // \"2020-05-18T09:00+10:00\"\n const value =\n bind.value \|\|\n getDefaultFieldValue(field, bind, () => {\n const date = new Date();\n return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n });\n\n const { date, rest } = parseDateTime(value);\n const { time, timezone } = parseTime(rest, defaultTimeZone);\n\n const cellSize = trailingIcon ? 3 : 4;\n\n return (\n <Grid>\n <Grid.Column span={4}>\n <Input\n bind={{\n ...bind,\n value: date,\n onChange: async (value: string) => {\n if (!value) {\n if (!bind.value) {\n return;\n }\n return bind.onChange(\"\");\n }\n\n return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);\n }\n }}\n field={field}\n type={\"date\"}\n />\n </Grid.Column>\n <Grid.Column span={4}>\n <Input\n bind={{\n ...bind,\n value: getHHmm(time),\n onChange: async value => {\n if (!value) {\n if (!bind.value) {\n return;\n }\n return bind.onChange(\"\");\n }\n return bind.onChange(\n `${date \|\| getCurrentDate()}T${getHHmmss(value)}${timezone}`\n );\n }\n }}\n field={{\n ...field,\n label: `${field.label} time`\n }}\n type={\"time\"}\n step={60}\n />\n </Grid.Column>\n <Grid.Column span={cellSize}>\n <Select\n value={timezone}\n onChange={value => {\n if (!value) {\n if (!bind.value) {\n return null;\n }\n return bind.onChange(\"\");\n }\n return bind.onChange(\n `${date \|\| getCurrentDate()}T${time \|\| getCurrentLocalTime()}${value}`\n );\n }}\n options={UTC_TIMEZONES.map(t => ({ value: t.value, label: t.label }))}\n />\n </Grid.Column>\n <RemoveFieldButton trailingIcon={trailingIcon} />\n </Grid>\n );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelField } from "../../../../types";
+import type { CmsModelField } from "../../../../types.js";
 import type { BindComponentRenderProp } from "@webiny/form";
 export interface DateTimeWithoutTimezoneProps {
     bind: BindComponentRenderProp;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { Grid } from "@webiny/admin-ui";
-import { getCurrentDate, getCurrentLocalTime, getDefaultFieldValue, getHHmm, getHHmmss, RemoveFieldButton } from "./utils";
-import { Input } from "./Input";
+import { getCurrentDate, getCurrentLocalTime, getDefaultFieldValue, getHHmm, getHHmmss, RemoveFieldButton } from "./utils.js";
+import { Input } from "./Input.js";
 const parseDateTime = value => {
   if (!value) {
     return {
@@ -60,10 +60,7 @@ export const DateTimeWithoutTimezone = ({
         return bind.onChange(`${value} ${getHHmmss(time)}`);
       }
     },
-    field: {
-      ...field,
-      label: `${field.label} date`
-    },
+    field: field,
     type: "date"
   })), /*#__PURE__*/React.createElement(Grid.Column, {
     span: cellSize
@@ -81,10 +78,7 @@ export const DateTimeWithoutTimezone = ({
         return bind.onChange(`${date || getCurrentDate()} ${getHHmmss(value)}`);
       }
     },
-    field: {
-      ...field,
-      label: `${field.label} time`
-    },
+    field: field,
     type: "time",
     step: 60
   })), /*#__PURE__*/React.createElement(RemoveFieldButton, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Grid","getCurrentDate","getCurrentLocalTime","getDefaultFieldValue","getHHmm","getHHmmss","RemoveFieldButton","Input","parseDateTime","value","date","time","includes","split","console","error","DateTimeWithoutTimezone","field","bind","trailingIcon","Date","cellSize","createElement","Column","span","onChange","~~label","~~type","step"],"sources":["DateTimeWithoutTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport {\n getCurrentDate,\n getCurrentLocalTime,\n getDefaultFieldValue,\n getHHmm,\n getHHmmss,\n RemoveFieldButton\n} from \"./utils\";\nimport { Input } from \"./Input\";\nimport type { CmsModelField } from \"~/types\";\nimport type { 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: CmsModelField;\n}\nexport const DateTimeWithoutTimezone = ({\n field,\n bind,\n trailingIcon\n}: DateTimeWithoutTimezoneProps) => {\n // \"2020-05-18 09:00:00\"\n const value =\n bind.value \|\|\n getDefaultFieldValue(field, bind, () => {\n const date = new Date();\n return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;\n });\n\n const { date, time } = parseDateTime(value);\n\n const cellSize = trailingIcon ? 5 : 6;\n\n return (\n <Grid>\n <Grid.Column 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} ${getHHmmss(time)}`);\n }\n }}\n field={~~{\n ...~~field~~,\n label: `${field.label~~} ~~date`\n }}~~\n type={\"date\"}\n />\n </Grid.Column>\n <Grid.Column span={cellSize}>\n <Input\n bind={{\n ...bind,\n value: getHHmm(time),\n onChange: async value => {\n if (!value) {\n if (!bind.value) {\n return;\n }\n return bind.onChange(\"\");\n }\n return bind.onChange(`${date \|\| getCurrentDate()} ${getHHmmss(value)}`);\n }\n }}\n field={~~{\n ...~~field~~,\n label: `${field.label~~} ~~time`\n }}~~\n type={\"time\"}\n step={60}\n />\n </Grid.Column>\n <RemoveFieldButton trailingIcon={trailingIcon} />\n </Grid>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SACIC,cAAc,EACdC,mBAAmB,EACnBC,oBAAoB,EACpBC,OAAO,EACPC,SAAS,EACTC,iBAAiB;AAErB,SAASC,KAAK;AASd,MAAMC,aAAa,GAAIC,KAAc,IAAY;EAC7C,IAAI,CAACA,KAAK,EAAE;IACR,OAAO;MACHC,IAAI,EAAE,EAAE;MACRC,IAAI,EAAE;IACV,CAAC;EACL;EACA,IAAIF,KAAK,CAACG,QAAQ,CAAC,GAAG,CAAC,EAAE;IACrB,MAAM,CAACF,IAAI,EAAEC,IAAI,CAAC,GAAGF,KAAK,CAACI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAACA,KAAK,CAAC,GAAG,CAAC;IACnD,OAAO;MACHH,IAAI;MACJC;IACJ,CAAC;EACL;EACA,MAAM,CAACD,IAAI,EAAEC,IAAI,CAAC,GAAGF,KAAK,CAACI,KAAK,CAAC,GAAG,CAAC;EACrC,IAAI,CAACH,IAAI,IAAI,CAACC,IAAI,EAAE;IAChBG,OAAO,CAACC,KAAK,CAAC,yCAAyCN,KAAK,IAAI,CAAC;IAEjE,OAAO;MACHC,IAAI,EAAE,EAAE;MACRC,IAAI,EAAE;IACV,CAAC;EACL;EACA,OAAO;IACHD,IAAI;IACJC;EACJ,CAAC;AACL,CAAC;AAOD,OAAO,MAAMK,uBAAuB,GAAGA,CAAC;EACpCC,KAAK;EACLC,IAAI;EACJC;AAC0B,CAAC,KAAK;EAChC;EACA,MAAMV,KAAK,GACPS,IAAI,CAACT,KAAK,IACVN,oBAAoB,CAACc,KAAK,EAAEC,IAAI,EAAE,MAAM;IACpC,MAAMR,IAAI,GAAG,IAAIU,IAAI,CAAC,CAAC;IACvB,OAAO,GAAGnB,cAAc,CAACS,IAAI,CAAC,IAAIR,mBAAmB,CAACQ,IAAI,CAAC,EAAE;EACjE,CAAC,CAAC;EAEN,MAAM;IAAEA,IAAI;IAAEC;EAAK,CAAC,GAAGH,aAAa,CAACC,KAAK,CAAC;EAE3C,MAAMY,QAAQ,GAAGF,YAAY,GAAG,CAAC,GAAG,CAAC;EAErC,oBACIpB,KAAA,CAAAuB,aAAA,CAACtB,IAAI,qBACDD,KAAA,CAAAuB,aAAA,CAACtB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBzB,KAAA,CAAAuB,aAAA,CAACf,KAAK;IACFW,IAAI,EAAE;MACF,GAAGA,IAAI;MACPT,KAAK,EAAEC,IAAI;MACXe,QAAQ,EAAE,MAAMhB,KAAK,IAAI;QACrB,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACS,IAAI,CAACT,KAAK,EAAE;YACb;UACJ;UACA,OAAOS,IAAI,CAACO,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOP,IAAI,CAACO,QAAQ,CAAC,GAAGhB,KAAK,IAAIJ,SAAS,CAACM,IAAI,CAAC,EAAE,CAAC;MACvD;IACJ,CAAE;IACFM,KAAK,~~EAAE;MACH~~,~~GAAGA,KAAK~~;~~MACRS~~,~~KAAK,EAAE,GAAGT,KAAK,CAACS,KAAK;IACzB,CAAE;IACFC,~~IAAI,EAAE;EAAO,CAChB,CACQ,CAAC,~~eACd5B~~,KAAA,CAAAuB,aAAA,CAACtB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAEH;EAAS,gBACxBtB,KAAA,CAAAuB,aAAA,CAACf,KAAK;IACFW,IAAI,EAAE;MACF,GAAGA,IAAI;MACPT,KAAK,EAAEL,OAAO,CAACO,IAAI,CAAC;MACpBc,QAAQ,EAAE,MAAMhB,KAAK,IAAI;QACrB,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACS,IAAI,CAACT,KAAK,EAAE;YACb;UACJ;UACA,OAAOS,IAAI,CAACO,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOP,IAAI,CAACO,QAAQ,CAAC,GAAGf,IAAI,IAAIT,cAAc,CAAC,CAAC,IAAII,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC;MAC3E;IACJ,CAAE;IACFQ,KAAK,~~EAAE;MACH~~,~~GAAGA,KAAK~~;~~MACRS~~,~~KAAK,EAAE,GAAGT,KAAK,CAACS,KAAK;IACzB,CAAE;IACFC,~~IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAG,CACZ,CACQ,CAAC,~~eACd7B~~,KAAA,CAAAuB,aAAA,CAAChB,iBAAiB;IAACa,YAAY,EAAEA;EAAa,CAAE,CAC9C,CAAC;AAEf,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Grid","getCurrentDate","getCurrentLocalTime","getDefaultFieldValue","getHHmm","getHHmmss","RemoveFieldButton","Input","parseDateTime","value","date","time","includes","split","console","error","DateTimeWithoutTimezone","field","bind","trailingIcon","Date","cellSize","createElement","Column","span","onChange","type","step"],"sources":["DateTimeWithoutTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport {\n getCurrentDate,\n getCurrentLocalTime,\n getDefaultFieldValue,\n getHHmm,\n getHHmmss,\n RemoveFieldButton\n} from \"./utils.js\";\nimport { Input } from \"./Input.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { 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: CmsModelField;\n}\nexport const DateTimeWithoutTimezone = ({\n field,\n bind,\n trailingIcon\n}: DateTimeWithoutTimezoneProps) => {\n // \"2020-05-18 09:00:00\"\n const value =\n bind.value \|\|\n getDefaultFieldValue(field, bind, () => {\n const date = new Date();\n return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;\n });\n\n const { date, time } = parseDateTime(value);\n\n const cellSize = trailingIcon ? 5 : 6;\n\n return (\n <Grid>\n <Grid.Column 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} ${getHHmmss(time)}`);\n }\n }}\n field={field}\n type={\"date\"}\n />\n </Grid.Column>\n <Grid.Column span={cellSize}>\n <Input\n bind={{\n ...bind,\n value: getHHmm(time),\n onChange: async value => {\n if (!value) {\n if (!bind.value) {\n return;\n }\n return bind.onChange(\"\");\n }\n return bind.onChange(`${date \|\| getCurrentDate()} ${getHHmmss(value)}`);\n }\n }}\n field={field}\n type={\"time\"}\n step={60}\n />\n </Grid.Column>\n <RemoveFieldButton trailingIcon={trailingIcon} />\n </Grid>\n );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { CmsModelField } from "../../../../types";
+import type { CmsModelField } from "../../../../types.js";
 import type { BindComponentRenderProp } from "@webiny/form";
 export interface TrailingIcon {
     icon: React.ReactNode;

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

@@ -13,7 +13,7 @@ export const Input = ({
       label: "Icon",
       icon: trailingIcon?.icon,
       onClick: trailingIcon?.onClick,
-      className: "wby-cursor-pointer"
+      className: "cursor-pointer"
     });
   }, [trailingIcon]);
   return /*#__PURE__*/React.createElement(UiInput, Object.assign({}, props, bind, {
@@ -23,9 +23,10 @@ export const Input = ({
       }
       return bind.onChange(value);
     },
-    label: props.field.label,
-    placeholder: props.field.placeholderText,
-    description: props.field.multipleValues ? undefined : props.field.helpText,
+    label: null,
+    note: null,
+    description: null,
+    placeholder: props.field.placeholder,
     type: props.type,
     endIcon: endIcon,
     "data-testid": `fr.input.${props.field.label}`

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Input","UiInput","Icon","bind","trailingIcon","props","endIcon","useMemo","undefined","createElement","label","icon","onClick","className","Object","assign","onChange","value","type","parseFloat","~~field~~","~~placeholder","placeholderText","~~description","~~multipleValues~~","~~helpText~~"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput, Icon } from \"@webiny/admin-ui\";\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: CmsModelField;\n trailingIcon?: TrailingIcon;\n}\n\nexport const Input = ({ bind, trailingIcon, ...props }: InputProps) => {\n const endIcon = React.useMemo(() => {\n if (!trailingIcon) {\n return undefined;\n }\n\n return (\n <Icon\n label={\"Icon\"}\n icon={trailingIcon?.icon}\n onClick={trailingIcon?.onClick}\n className={\"~~wby-~~cursor-pointer\"}\n />\n );\n }, [trailingIcon]);\n\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.~~multipleValues ? undefined : props.field.helpText~~}\n type={props.type}\n endIcon={endIcon}\n data-testid={`fr.input.${props.field.label}`}\n />\n );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,KAAK,IAAIC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAezD,OAAO,MAAMF,KAAK,GAAGA,CAAC;EAAEG,IAAI;EAAEC,YAAY;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACnE,MAAMC,OAAO,GAAGP,KAAK,CAACQ,OAAO,CAAC,MAAM;IAChC,IAAI,CAACH,YAAY,EAAE;MACf,OAAOI,SAAS;IACpB;IAEA,oBACIT,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDQ,KAAK,EAAE,MAAO;MACdC,IAAI,EAAEP,YAAY,EAAEO,IAAK;MACzBC,OAAO,EAAER,YAAY,EAAEQ,OAAQ;MAC/BC,SAAS,EAAE;~~IAAqB~~,~~CACnC~~,CAAC;EAEV,CAAC,EAAE,CAACT,YAAY,CAAC,CAAC;EAElB,oBACIL,KAAA,CAAAU,aAAA,CAACR,OAAO,EAAAa,MAAA,CAAAC,MAAA,KACAV,KAAK,EACLF,IAAI;IACRa,QAAQ,EAAEC,KAAK,IAAI;MACf,IAAIZ,KAAK,CAACa,IAAI,KAAK,QAAQ,EAAE;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAK,CAAC;MAC7B;MACA,OAAOd,IAAI,CAACa,QAAQ,CAACC,KAAK,CAAC;IAC/B,CAAE;IACFP,KAAK,~~EAAEL~~,~~KAAK~~,~~CAACe~~,~~KAAK~~,~~CAACV,KAAM~~;~~IACzBW~~,WAAW,~~EAAEhB~~,~~KAAK,CAACe,KAAK,CAACE,eAAgB~~;~~IACzCC~~,WAAW,~~EAAElB~~,KAAK,~~CAACe~~,KAAK,~~CAACI~~,~~cAAc,GAAGhB,SAAS,GAAGH,KAAK,CAACe,KAAK,CAACK,QAAS~~;~~IAC3EP~~,IAAI,EAAEb,KAAK,CAACa,IAAK;IACjBZ,OAAO,EAAEA,OAAQ;IACjB,eAAa,YAAYD,KAAK,~~CAACe~~,KAAK,~~CAACV~~,KAAK;EAAG,EAChD,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Input","UiInput","Icon","bind","trailingIcon","props","endIcon","useMemo","undefined","createElement","label","icon","onClick","className","Object","assign","onChange","value","type","parseFloat","note","description","placeholder","field"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput, Icon } from \"@webiny/admin-ui\";\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: CmsModelField;\n trailingIcon?: TrailingIcon;\n}\n\nexport const Input = ({ bind, trailingIcon, ...props }: InputProps) => {\n const endIcon = React.useMemo(() => {\n if (!trailingIcon) {\n return undefined;\n }\n\n return (\n <Icon\n label={\"Icon\"}\n icon={trailingIcon?.icon}\n onClick={trailingIcon?.onClick}\n className={\"cursor-pointer\"}\n />\n );\n }, [trailingIcon]);\n\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={null}\n note={null}\n description={null}\n placeholder={props.field.placeholder}\n type={props.type}\n endIcon={endIcon}\n data-testid={`fr.input.${props.field.label}`}\n />\n );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,KAAK,IAAIC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAezD,OAAO,MAAMF,KAAK,GAAGA,CAAC;EAAEG,IAAI;EAAEC,YAAY;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACnE,MAAMC,OAAO,GAAGP,KAAK,CAACQ,OAAO,CAAC,MAAM;IAChC,IAAI,CAACH,YAAY,EAAE;MACf,OAAOI,SAAS;IACpB;IAEA,oBACIT,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDQ,KAAK,EAAE,MAAO;MACdC,IAAI,EAAEP,YAAY,EAAEO,IAAK;MACzBC,OAAO,EAAER,YAAY,EAAEQ,OAAQ;MAC/BC,SAAS,EAAE;IAAiB,CAC/B,CAAC;EAEV,CAAC,EAAE,CAACT,YAAY,CAAC,CAAC;EAElB,oBACIL,KAAA,CAAAU,aAAA,CAACR,OAAO,EAAAa,MAAA,CAAAC,MAAA,KACAV,KAAK,EACLF,IAAI;IACRa,QAAQ,EAAEC,KAAK,IAAI;MACf,IAAIZ,KAAK,CAACa,IAAI,KAAK,QAAQ,EAAE;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAK,CAAC;MAC7B;MACA,OAAOd,IAAI,CAACa,QAAQ,CAACC,KAAK,CAAC;IAC/B,CAAE;IACFP,KAAK,EAAE,IAAK;IACZU,IAAI,EAAE,IAAK;IACXC,WAAW,EAAE,IAAK;IAClBC,WAAW,EAAEjB,KAAK,CAACkB,KAAK,CAACD,WAAY;IACrCJ,IAAI,EAAEb,KAAK,CAACa,IAAK;IACjBZ,OAAO,EAAEA,OAAQ;IACjB,eAAa,YAAYD,KAAK,CAACkB,KAAK,CAACb,KAAK;EAAG,EAChD,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,3 +1,3 @@
 import React from "react";
-import type { InputProps } from "./Input";
+import type { InputProps } from "./Input.js";
 export declare const Time: (props: InputProps) => React.JSX.Element;

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

@@ -1,6 +1,6 @@
 import React, { useEffect } from "react";
-import { Input } from "./Input";
-import { getCurrentLocalTime, getDefaultFieldValue } from "./utils";
+import { Input } from "./Input.js";
+import { getCurrentLocalTime, getDefaultFieldValue } from "./utils.js";
 export const Time = props => {
   const {
     field,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","Input","getCurrentLocalTime","getDefaultFieldValue","Time","props","field","bind","time","Date","bindValue","value","onChange","createElement","Object","assign","type","step"],"sources":["Time.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { InputProps } from \"./Input\";\nimport { Input } from \"./Input\";\nimport {\n getCurrentLocalTime,\n getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\n\nexport const Time = (props: InputProps) => {\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={60}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,KAAK;AACd,SACIC,mBAAmB,EACnBC,oBAAoB;AAGxB,OAAO,MAAMC,IAAI,GAAIC,KAAiB,IAAK;EACvC,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC7B,MAAMG,IAAI,GAAGL,oBAAoB,CAACG,KAAK,EAAEC,IAAI,EAAE,MAAM;IACjD,OAAOL,mBAAmB,CAAC,IAAIO,IAAI,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGH,IAAI,CAACI,KAAK,IAAI,EAAE;EAElCX,SAAS,CAAC,MAAM;IACZ,IAAI,CAACQ,IAAI,IAAIE,SAAS,KAAKF,IAAI,EAAE;MAC7B;IACJ;IACAD,IAAI,CAACK,QAAQ,CAACJ,IAAI,CAAC;EACvB,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,oBACIX,KAAA,CAAAc,aAAA,CAACZ,KAAK,EAAAa,MAAA,CAAAC,MAAA,KACEV,KAAK;IACTE,IAAI,EAAE;MACF,GAAGA,IAAI;MACPI,KAAK,EAAEH,IAAI;MACXI,QAAQ,EAAE,MAAOD,KAAa,IAAoB;QAC9C,IAAI,CAACA,KAAK,EAAE;UACR,IAAIJ,IAAI,CAACI,KAAK,EAAE;YACZ;UACJ;UACA,OAAOJ,IAAI,CAACK,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOL,IAAI,CAACK,QAAQ,CAACD,KAAK,CAAC;MAC/B;IACJ,CAAE;IACFK,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAG,EACZ,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","Input","getCurrentLocalTime","getDefaultFieldValue","Time","props","field","bind","time","Date","bindValue","value","onChange","createElement","Object","assign","type","step"],"sources":["Time.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { InputProps } from \"./Input.js\";\nimport { Input } from \"./Input.js\";\nimport {\n getCurrentLocalTime,\n getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils.js\";\n\nexport const Time = (props: InputProps) => {\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={60}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,KAAK;AACd,SACIC,mBAAmB,EACnBC,oBAAoB;AAGxB,OAAO,MAAMC,IAAI,GAAIC,KAAiB,IAAK;EACvC,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC7B,MAAMG,IAAI,GAAGL,oBAAoB,CAACG,KAAK,EAAEC,IAAI,EAAE,MAAM;IACjD,OAAOL,mBAAmB,CAAC,IAAIO,IAAI,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGH,IAAI,CAACI,KAAK,IAAI,EAAE;EAElCX,SAAS,CAAC,MAAM;IACZ,IAAI,CAACQ,IAAI,IAAIE,SAAS,KAAKF,IAAI,EAAE;MAC7B;IACJ;IACAD,IAAI,CAACK,QAAQ,CAACJ,IAAI,CAAC;EACvB,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,oBACIX,KAAA,CAAAc,aAAA,CAACZ,KAAK,EAAAa,MAAA,CAAAC,MAAA,KACEV,KAAK;IACTE,IAAI,EAAE;MACF,GAAGA,IAAI;MACPI,KAAK,EAAEH,IAAI;MACXI,QAAQ,EAAE,MAAOD,KAAa,IAAoB;QAC9C,IAAI,CAACA,KAAK,EAAE;UACR,IAAIJ,IAAI,CAACI,KAAK,EAAE;YACZ;UACJ;UACA,OAAOJ,IAAI,CAACK,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOL,IAAI,CAACK,QAAQ,CAACD,KAAK,CAAC;MAC/B;IACJ,CAAE;IACFK,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAG,EACZ,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/dateTimeField.d.ts CHANGED Viewed

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

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

@@ -1,10 +1,11 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import { DateOnly } from "./DateOnly";
-import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone";
-import { DateTimeWithTimezone } from "./DateTimeWithTimezone";
-import { Time } from "./Time";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { DateOnly } from "./DateOnly.js";
+import { DateTimeWithoutTimezone } from "./DateTimeWithoutTimezone.js";
+import { DateTimeWithTimezone } from "./DateTimeWithTimezone.js";
+import { Time } from "./Time.js";
+import { FormComponentDescription, FormComponentLabel, FormComponentNote } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields/date-time");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -16,7 +17,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "datetime" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "datetime" && !field.list && !get(field, "predefinedValues.enabled");
     },
     render({
       field,
@@ -37,9 +38,16 @@ const plugin = {
           break;
       }
       return /*#__PURE__*/React.createElement(Bind, null, bind => {
-        return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Component, {
+        return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
+          text: field.label,
+          hint: field.help
+        }), field.description ? /*#__PURE__*/React.createElement(FormComponentDescription, {
+          text: field.description
+        }) : null, /*#__PURE__*/React.createElement(Component, {
           bind: bind,
           field: field
+        }), /*#__PURE__*/React.createElement(FormComponentNote, {
+          text: field.note
         }));
       });
     }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","get","i18n","DateOnly","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","~~multipleValues~~","render","getBind","Bind","fieldSettingsType","settings","Component","createElement","bind","ValidationContainer"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } 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: CmsModelFieldRendererPlugin = {\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 let Component = DateOnly;\n switch (fieldSettingsType) {\n case \"dateTimeWithoutTimezone\":\n Component = DateTimeWithoutTimezone;\n break;\n case \"dateTimeWithTimezone\":\n Component = DateTimeWithTimezone;\n break;\n case \"time\":\n Component = Time;\n break;\n }\n\n return (\n <Bind>\n {bind => {\n return (\n <Bind.ValidationContainer>\n <Component bind={bind} field={field} />\n </Bind.ValidationContainer>\n );\n }}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,~~YAAY~~;~~AAE5B~~,SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,SAASC,QAAQ;AACjB,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,SAASC,IAAI;~~AAEb~~,MAAMC,CAAC,~~GAAGL~~,IAAI,~~CAACM~~,EAAE,CAAC,yCAAyC,CAAC;AAE5D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,UAAU,~~IACzB~~,CAACM,KAAK,CAACC,~~cAAc~~,~~IACrB~~,~~CAAChB~~,GAAG,~~CAACe~~,KAAK,EAAE,0BAA0B,CAAC;~~IAE/C~~,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAME,iBAAiB,GAAGL,KAAK,CAACM,QAAQ,GAAGN,KAAK,CAACM,QAAQ,CAACZ,IAAI,GAAG,IAAI;MAErE,IAAIa,SAAS,~~GAAGpB~~,QAAQ;MACxB,~~QAAQkB~~,iBAAiB;QACrB,KAAK,yBAAyB;UAC1BE,SAAS,~~GAAGnB~~,uBAAuB;UACnC;QACJ,KAAK,sBAAsB;~~UACvBmB~~,SAAS,~~GAAGlB~~,oBAAoB;UAChC;QACJ,KAAK,MAAM;~~UACPkB~~,SAAS,~~GAAGjB~~,IAAI;UAChB;MACR;MAEA,oBACIN,KAAA,~~CAAAwB~~,aAAA,CAACJ,IAAI,QACAK,IAAI,IAAI;QACL,~~oBACIzB~~,KAAA,~~CAAAwB~~,aAAA,CAACJ,IAAI,CAACM,mBAAmB,~~qBACrB1B~~,KAAA,~~CAAAwB~~,aAAA,CAACD,SAAS;UAACE,IAAI,EAAEA,IAAK;UAACT,KAAK,EAAEA;QAAM,CAAE,CAChB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,~~eAAeP~~,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["React","get","i18n","DateOnly","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","FormComponentDescription","FormComponentLabel","FormComponentNote","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","Bind","fieldSettingsType","settings","Component","createElement","bind","ValidationContainer","text","label","hint","help","note"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { DateOnly } from \"./DateOnly.js\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone.js\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone.js\";\nimport { Time } from \"./Time.js\";\nimport { FormComponentDescription, FormComponentLabel, FormComponentNote } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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\" && !field.list && !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 let Component = DateOnly;\n switch (fieldSettingsType) {\n case \"dateTimeWithoutTimezone\":\n Component = DateTimeWithoutTimezone;\n break;\n case \"dateTimeWithTimezone\":\n Component = DateTimeWithTimezone;\n break;\n case \"time\":\n Component = Time;\n break;\n }\n\n return (\n <Bind>\n {bind => {\n return (\n <Bind.ValidationContainer>\n <FormComponentLabel text={field.label} hint={field.help} />\n {field.description ? (\n <FormComponentDescription text={field.description} />\n ) : null}\n <Component bind={bind} field={field} />\n <FormComponentNote text={field.note} />\n </Bind.ValidationContainer>\n );\n }}\n </Bind>\n );\n }\n }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ;AACjB,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AACb,SAASC,wBAAwB,EAAEC,kBAAkB,EAAEC,iBAAiB,QAAQ,kBAAkB;AAElG,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,yCAAyC,CAAC;AAE5D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,UAAU,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAACnB,GAAG,CAACkB,KAAK,EAAE,0BAA0B,CAAC;IAE3F,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAME,iBAAiB,GAAGL,KAAK,CAACM,QAAQ,GAAGN,KAAK,CAACM,QAAQ,CAACZ,IAAI,GAAG,IAAI;MAErE,IAAIa,SAAS,GAAGvB,QAAQ;MACxB,QAAQqB,iBAAiB;QACrB,KAAK,yBAAyB;UAC1BE,SAAS,GAAGtB,uBAAuB;UACnC;QACJ,KAAK,sBAAsB;UACvBsB,SAAS,GAAGrB,oBAAoB;UAChC;QACJ,KAAK,MAAM;UACPqB,SAAS,GAAGpB,IAAI;UAChB;MACR;MAEA,oBACIN,KAAA,CAAA2B,aAAA,CAACJ,IAAI,QACAK,IAAI,IAAI;QACL,oBACI5B,KAAA,CAAA2B,aAAA,CAACJ,IAAI,CAACM,mBAAmB,qBACrB7B,KAAA,CAAA2B,aAAA,CAACnB,kBAAkB;UAACsB,IAAI,EAAEX,KAAK,CAACY,KAAM;UAACC,IAAI,EAAEb,KAAK,CAACc;QAAK,CAAE,CAAC,EAC1Dd,KAAK,CAACF,WAAW,gBACdjB,KAAA,CAAA2B,aAAA,CAACpB,wBAAwB;UAACuB,IAAI,EAAEX,KAAK,CAACF;QAAY,CAAE,CAAC,GACrD,IAAI,eACRjB,KAAA,CAAA2B,aAAA,CAACD,SAAS;UAACE,IAAI,EAAEA,IAAK;UAACT,KAAK,EAAEA;QAAM,CAAE,CAAC,eACvCnB,KAAA,CAAA2B,aAAA,CAAClB,iBAAiB;UAACqB,IAAI,EAAEX,KAAK,CAACe;QAAK,CAAE,CAChB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAetB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/dateTimeFields.d.ts CHANGED Viewed

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