@webiny/app-website-builder 6.4.1 → 6.4.2-beta.1

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 (13) hide show
  1. package/BaseEditor/defaultConfig/Content/Preview/PreviewContainer.js +5 -3
  2. package/BaseEditor/defaultConfig/Content/Preview/PreviewContainer.js.map +1 -1
  3. package/inputRenderers/FileInput.js +1 -0
  4. package/inputRenderers/FileInput.js.map +1 -1
  5. package/inputRenderers/FragmentSelectorInput.js +2 -0
  6. package/inputRenderers/FragmentSelectorInput.js.map +1 -1
  7. package/inputRenderers/NumberInput.js +2 -0
  8. package/inputRenderers/NumberInput.js.map +1 -1
  9. package/inputRenderers/SelectInput.js +2 -0
  10. package/inputRenderers/SelectInput.js.map +1 -1
  11. package/inputRenderers/TextareaInput.js +2 -0
  12. package/inputRenderers/TextareaInput.js.map +1 -1
  13. package/package.json +23 -23
package/BaseEditor/defaultConfig/Content/Preview/PreviewContainer.js CHANGED
@@ -4,13 +4,15 @@ import { useIsDragging } from "./useIsDragging.js";
4
4
  const PreviewContainer = ({ children })=>{
5
5
  const uiHeight = useSelectFromEditor((state)=>state.uiReservedSpace.height);
6
6
  const isDragging = useIsDragging();
7
- return /*#__PURE__*/ react.createElement("div", {
7
+ return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
8
+ className: "relative"
9
+ }, /*#__PURE__*/ react.createElement("div", {
8
10
  id: "preview-container",
9
11
  style: {
10
12
  height: `calc(100vh - ${uiHeight}px)`
11
13
  },
12
14
  className: "bg-neutral-subtle relative flex flex-col items-center w-full overflow-auto p-[24px]"
13
- }, isDragging && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
15
+ }, children), isDragging && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
14
16
  className: "absolute z-50 pointer-events-none animate-fade-in top-0 left-0 right-0 h-2 bg-[#f9d8ce]"
15
17
  }), /*#__PURE__*/ react.createElement("div", {
16
18
  className: "absolute z-50 pointer-events-none animate-fade-in bottom-0 left-0 right-0 h-2 bg-[#f9d8ce]"
@@ -18,7 +20,7 @@ const PreviewContainer = ({ children })=>{
18
20
  className: "absolute z-50 pointer-events-none animate-fade-in top-0 left-0 bottom-0 w-2 bg-[#f9d8ce]"
19
21
  }), /*#__PURE__*/ react.createElement("div", {
20
22
  className: "absolute z-50 pointer-events-none animate-fade-in top-0 right-0 bottom-0 w-2 bg-[#f9d8ce]"
21
- })), children);
23
+ }))));
22
24
  };
23
25
  export { PreviewContainer };
24
26
 
package/BaseEditor/defaultConfig/Content/Preview/PreviewContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/PreviewContainer.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/PreviewContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { useIsDragging } from \"./useIsDragging.js\";\n\ninterface PreviewContainerProps {\n children: React.ReactNode;\n}\n\nexport const PreviewContainer = ({ children }: PreviewContainerProps) => {\n const uiHeight = useSelectFromEditor(state => state.uiReservedSpace.height);\n const isDragging = useIsDragging();\n\n return (\n <div\n id={\"preview-container\"}\n style={{ height: `calc(100vh - ${uiHeight}px)` }}\n className={\n \"bg-neutral-subtle relative flex flex-col items-center w-full overflow-auto p-[24px]\"\n }\n >\n {isDragging && (\n <>\n <div\n className={\n \"absolute z-50 pointer-events-none animate-fade-in top-0 left-0 right-0 h-2 bg-[#f9d8ce]\"\n }\n />\n <div\n className={\n \"absolute z-50 pointer-events-none animate-fade-in bottom-0 left-0 right-0 h-2 bg-[#f9d8ce]\"\n }\n />\n <div\n className={\n \"absolute z-50 pointer-events-none animate-fade-in top-0 left-0 bottom-0 w-2 bg-[#f9d8ce]\"\n }\n />\n <div\n className={\n \"absolute z-50 pointer-events-none animate-fade-in top-0 right-0 bottom-0 w-2 bg-[#f9d8ce]\"\n }\n />\n </>\n )}\n {children}\n </div>\n );\n};\n"],"names":["PreviewContainer","children","uiHeight","useSelectFromEditor","state","isDragging","useIsDragging"],"mappings":";;;AAQO,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAyB;IAChE,MAAMC,WAAWC,oBAAoBC,CAAAA,QAASA,MAAM,eAAe,CAAC,MAAM;IAC1E,MAAMC,aAAaC;IAEnB,OAAO,WAAP,GACI,oBAAC;QACG,IAAI;QACJ,OAAO;YAAE,QAAQ,CAAC,aAAa,EAAEJ,SAAS,GAAG,CAAC;QAAC;QAC/C,WACI;OAGHG,cAAc,WAAdA,GACG,wDACI,oBAAC;QACG,WACI;sBAGR,oBAAC;QACG,WACI;sBAGR,oBAAC;QACG,WACI;sBAGR,oBAAC;QACG,WACI;SAKfJ;AAGb"}
1
+ {"version":3,"file":"BaseEditor/defaultConfig/Content/Preview/PreviewContainer.js","sources":["../../../../../src/BaseEditor/defaultConfig/Content/Preview/PreviewContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { useIsDragging } from \"./useIsDragging.js\";\n\ninterface PreviewContainerProps {\n children: React.ReactNode;\n}\n\nexport const PreviewContainer = ({ children }: PreviewContainerProps) => {\n const uiHeight = useSelectFromEditor(state => state.uiReservedSpace.height);\n const isDragging = useIsDragging();\n\n return (\n <>\n <div className={\"relative\"}>\n <div\n id={\"preview-container\"}\n style={{ height: `calc(100vh - ${uiHeight}px)` }}\n className={\n \"bg-neutral-subtle relative flex flex-col items-center w-full overflow-auto p-[24px]\"\n }\n >\n {children}\n </div>\n {isDragging && (\n <>\n <div\n className={\n \"absolute z-50 pointer-events-none animate-fade-in top-0 left-0 right-0 h-2 bg-[#f9d8ce]\"\n }\n />\n <div\n className={\n \"absolute z-50 pointer-events-none animate-fade-in bottom-0 left-0 right-0 h-2 bg-[#f9d8ce]\"\n }\n />\n <div\n className={\n \"absolute z-50 pointer-events-none animate-fade-in top-0 left-0 bottom-0 w-2 bg-[#f9d8ce]\"\n }\n />\n <div\n className={\n \"absolute z-50 pointer-events-none animate-fade-in top-0 right-0 bottom-0 w-2 bg-[#f9d8ce]\"\n }\n />\n </>\n )}\n </div>\n </>\n );\n};\n"],"names":["PreviewContainer","children","uiHeight","useSelectFromEditor","state","isDragging","useIsDragging"],"mappings":";;;AAQO,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAyB;IAChE,MAAMC,WAAWC,oBAAoBC,CAAAA,QAASA,MAAM,eAAe,CAAC,MAAM;IAC1E,MAAMC,aAAaC;IAEnB,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QACG,IAAI;QACJ,OAAO;YAAE,QAAQ,CAAC,aAAa,EAAEJ,SAAS,GAAG,CAAC;QAAC;QAC/C,WACI;OAGHD,WAEJI,cAAc,WAAdA,GACG,wDACI,oBAAC;QACG,WACI;sBAGR,oBAAC;QACG,WACI;sBAGR,oBAAC;QACG,WACI;sBAGR,oBAAC;QACG,WACI;;AAQhC"}
package/inputRenderers/FileInput.js CHANGED
@@ -22,6 +22,7 @@ const FileInputRenderer = ({ value, onChange, label, ...props })=>{
22
22
  accept: input.allowedFileTypes,
23
23
  onChange: onFileChange,
24
24
  render: ({ showFileManager })=>/*#__PURE__*/ react.createElement(FilePicker, {
25
+ variant: "secondary",
25
26
  label: label,
26
27
  description: input.description,
27
28
  type: "compact",
package/inputRenderers/FileInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputRenderers/FileInput.js","sources":["../../src/inputRenderers/FileInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { FileManager, type FileManagerFileItem } from \"@webiny/app-admin\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { FileInput } from \"@webiny/website-builder-sdk\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nexport const FileInputRenderer = ({\n value,\n onChange,\n label,\n ...props\n}: ElementInputRendererProps) => {\n const input = props.input as FileInput;\n const { isBaseBreakpoint } = useBreakpoint();\n\n const onFileChange = (file: FileManagerFileItem) => {\n onChange(({ value }) => {\n const newValue = fileManagerItemToValue(file);\n value.set(newValue);\n });\n };\n\n const onRemove = () => {\n onChange(({ value }) => {\n if (isBaseBreakpoint) {\n value.set(undefined);\n } else {\n value.set(null);\n }\n });\n };\n\n return (\n <FileManager\n accept={input.allowedFileTypes}\n onChange={onFileChange}\n render={({ showFileManager }) => (\n <FilePicker\n label={label}\n description={input.description}\n type=\"compact\"\n value={value}\n onSelectItem={() => showFileManager()}\n onRemoveItem={onRemove}\n onEditItem={() => showFileManager()}\n />\n )}\n />\n );\n};\n"],"names":["FileInputRenderer","value","onChange","label","props","input","isBaseBreakpoint","useBreakpoint","onFileChange","file","newValue","fileManagerItemToValue","onRemove","undefined","FileManager","showFileManager","FilePicker"],"mappings":";;;;;AAQO,MAAMA,oBAAoB,CAAC,EAC9BC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACqB;IACxB,MAAMC,QAAQD,MAAM,KAAK;IACzB,MAAM,EAAEE,gBAAgB,EAAE,GAAGC;IAE7B,MAAMC,eAAe,CAACC;QAClBP,SAAS,CAAC,EAAED,KAAK,EAAE;YACf,MAAMS,WAAWC,uBAAuBF;YACxCR,MAAM,GAAG,CAACS;QACd;IACJ;IAEA,MAAME,WAAW;QACbV,SAAS,CAAC,EAAED,KAAK,EAAE;YACf,IAAIK,kBACAL,MAAM,GAAG,CAACY;iBAEVZ,MAAM,GAAG,CAAC;QAElB;IACJ;IAEA,OAAO,WAAP,GACI,oBAACa,aAAWA;QACR,QAAQT,MAAM,gBAAgB;QAC9B,UAAUG;QACV,QAAQ,CAAC,EAAEO,eAAe,EAAE,iBACxB,oBAACC,YAAUA;gBACP,OAAOb;gBACP,aAAaE,MAAM,WAAW;gBAC9B,MAAK;gBACL,OAAOJ;gBACP,cAAc,IAAMc;gBACpB,cAAcH;gBACd,YAAY,IAAMG;;;AAKtC"}
1
+ {"version":3,"file":"inputRenderers/FileInput.js","sources":["../../src/inputRenderers/FileInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { FileManager, type FileManagerFileItem } from \"@webiny/app-admin\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport type { FileInput } from \"@webiny/website-builder-sdk\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nexport const FileInputRenderer = ({\n value,\n onChange,\n label,\n ...props\n}: ElementInputRendererProps) => {\n const input = props.input as FileInput;\n const { isBaseBreakpoint } = useBreakpoint();\n\n const onFileChange = (file: FileManagerFileItem) => {\n onChange(({ value }) => {\n const newValue = fileManagerItemToValue(file);\n value.set(newValue);\n });\n };\n\n const onRemove = () => {\n onChange(({ value }) => {\n if (isBaseBreakpoint) {\n value.set(undefined);\n } else {\n value.set(null);\n }\n });\n };\n\n return (\n <FileManager\n accept={input.allowedFileTypes}\n onChange={onFileChange}\n render={({ showFileManager }) => (\n <FilePicker\n variant={\"secondary\"}\n label={label}\n description={input.description}\n type=\"compact\"\n value={value}\n onSelectItem={() => showFileManager()}\n onRemoveItem={onRemove}\n onEditItem={() => showFileManager()}\n />\n )}\n />\n );\n};\n"],"names":["FileInputRenderer","value","onChange","label","props","input","isBaseBreakpoint","useBreakpoint","onFileChange","file","newValue","fileManagerItemToValue","onRemove","undefined","FileManager","showFileManager","FilePicker"],"mappings":";;;;;AAQO,MAAMA,oBAAoB,CAAC,EAC9BC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACqB;IACxB,MAAMC,QAAQD,MAAM,KAAK;IACzB,MAAM,EAAEE,gBAAgB,EAAE,GAAGC;IAE7B,MAAMC,eAAe,CAACC;QAClBP,SAAS,CAAC,EAAED,KAAK,EAAE;YACf,MAAMS,WAAWC,uBAAuBF;YACxCR,MAAM,GAAG,CAACS;QACd;IACJ;IAEA,MAAME,WAAW;QACbV,SAAS,CAAC,EAAED,KAAK,EAAE;YACf,IAAIK,kBACAL,MAAM,GAAG,CAACY;iBAEVZ,MAAM,GAAG,CAAC;QAElB;IACJ;IAEA,OAAO,WAAP,GACI,oBAACa,aAAWA;QACR,QAAQT,MAAM,gBAAgB;QAC9B,UAAUG;QACV,QAAQ,CAAC,EAAEO,eAAe,EAAE,iBACxB,oBAACC,YAAUA;gBACP,SAAS;gBACT,OAAOb;gBACP,aAAaE,MAAM,WAAW;gBAC9B,MAAK;gBACL,OAAOJ;gBACP,cAAc,IAAMc;gBACpB,cAAcH;gBACd,YAAY,IAAMG;;;AAKtC"}
package/inputRenderers/FragmentSelectorInput.js CHANGED
@@ -11,6 +11,8 @@ const FragmentSelectorInputRenderer = ({ value, onChange, label, input })=>{
11
11
  fragments
12
12
  ]);
13
13
  return /*#__PURE__*/ react.createElement(Select, {
14
+ size: "md",
15
+ variant: "secondary",
14
16
  value: value,
15
17
  onChange: (newValue)=>{
16
18
  onChange(({ value })=>{
package/inputRenderers/FragmentSelectorInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputRenderers/FragmentSelectorInput.js","sources":["../../src/inputRenderers/FragmentSelectorInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { toTitleCaseLabel } from \"~/shared/toTitleCaseLabel.js\";\n\ntype Fragment =\n | { type: \"fixed\"; name: string }\n | { type: \"component\"; component: string; inputs: Record<string, any> };\n\nexport const FragmentSelectorInputRenderer = ({\n value,\n onChange,\n label,\n input\n}: ElementInputRendererProps) => {\n const fragments = useSelectFromEditor<Fragment[]>(state => state.fragments ?? []);\n\n const options = useMemo(() => {\n return fragments\n .filter(fragment => fragment.type === \"fixed\")\n .sort()\n .map(fragment => ({\n label: toTitleCaseLabel(fragment.name),\n value: fragment.name\n }));\n }, [fragments]);\n\n return (\n <Select\n value={value}\n onChange={newValue => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n }}\n displayResetAction={true}\n options={options}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"names":["FragmentSelectorInputRenderer","value","onChange","label","input","fragments","useSelectFromEditor","state","options","useMemo","fragment","toTitleCaseLabel","Select","newValue"],"mappings":";;;;AAUO,MAAMA,gCAAgC,CAAC,EAC1CC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,YAAYC,oBAAgCC,CAAAA,QAASA,MAAM,SAAS,IAAI,EAAE;IAEhF,MAAMC,UAAUC,QAAQ,IACbJ,UACF,MAAM,CAACK,CAAAA,WAAYA,AAAkB,YAAlBA,SAAS,IAAI,EAChC,IAAI,GACJ,GAAG,CAACA,CAAAA,WAAa;gBACd,OAAOC,iBAAiBD,SAAS,IAAI;gBACrC,OAAOA,SAAS,IAAI;YACxB,KACL;QAACL;KAAU;IAEd,OAAO,WAAP,GACI,oBAACO,QAAMA;QACH,OAAOX;QACP,UAAUY,CAAAA;YACNX,SAAS,CAAC,EAAED,KAAK,EAAE;gBACfA,MAAM,GAAG,CAACY;YACd;QACJ;QACA,oBAAoB;QACpB,SAASL;QACT,OAAOL;QACP,aAAaC,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}
1
+ {"version":3,"file":"inputRenderers/FragmentSelectorInput.js","sources":["../../src/inputRenderers/FragmentSelectorInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { toTitleCaseLabel } from \"~/shared/toTitleCaseLabel.js\";\n\ntype Fragment =\n | { type: \"fixed\"; name: string }\n | { type: \"component\"; component: string; inputs: Record<string, any> };\n\nexport const FragmentSelectorInputRenderer = ({\n value,\n onChange,\n label,\n input\n}: ElementInputRendererProps) => {\n const fragments = useSelectFromEditor<Fragment[]>(state => state.fragments ?? []);\n\n const options = useMemo(() => {\n return fragments\n .filter(fragment => fragment.type === \"fixed\")\n .sort()\n .map(fragment => ({\n label: toTitleCaseLabel(fragment.name),\n value: fragment.name\n }));\n }, [fragments]);\n\n return (\n <Select\n size={\"md\"}\n variant={\"secondary\"}\n value={value}\n onChange={newValue => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n }}\n displayResetAction={true}\n options={options}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"names":["FragmentSelectorInputRenderer","value","onChange","label","input","fragments","useSelectFromEditor","state","options","useMemo","fragment","toTitleCaseLabel","Select","newValue"],"mappings":";;;;AAUO,MAAMA,gCAAgC,CAAC,EAC1CC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,YAAYC,oBAAgCC,CAAAA,QAASA,MAAM,SAAS,IAAI,EAAE;IAEhF,MAAMC,UAAUC,QAAQ,IACbJ,UACF,MAAM,CAACK,CAAAA,WAAYA,AAAkB,YAAlBA,SAAS,IAAI,EAChC,IAAI,GACJ,GAAG,CAACA,CAAAA,WAAa;gBACd,OAAOC,iBAAiBD,SAAS,IAAI;gBACrC,OAAOA,SAAS,IAAI;YACxB,KACL;QAACL;KAAU;IAEd,OAAO,WAAP,GACI,oBAACO,QAAMA;QACH,MAAM;QACN,SAAS;QACT,OAAOX;QACP,UAAUY,CAAAA;YACNX,SAAS,CAAC,EAAED,KAAK,EAAE;gBACfA,MAAM,GAAG,CAACY;YACd;QACJ;QACA,oBAAoB;QACpB,SAASL;QACT,OAAOL;QACP,aAAaC,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}
package/inputRenderers/NumberInput.js CHANGED
@@ -13,6 +13,8 @@ const NumberInputRenderer = ({ value, onChange, input, label })=>{
13
13
  ]);
14
14
  return /*#__PURE__*/ react.createElement(Input, {
15
15
  type: "number",
16
+ size: "md",
17
+ variant: "secondary",
16
18
  value: value,
17
19
  onChange: localOnChange,
18
20
  label: label,
package/inputRenderers/NumberInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputRenderers/NumberInput.js","sources":["../../src/inputRenderers/NumberInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport type { NumberInput } from \"@webiny/website-builder-sdk\";\n\nexport const NumberInputRenderer = ({\n value,\n onChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const localOnChange = useCallback(\n (value: string) => {\n const number = parseInt(value);\n const minValue = (input as NumberInput).minValue;\n\n if (minValue && number < minValue) {\n return;\n }\n\n onChange(({ value }) => {\n value.set(number);\n });\n },\n [onChange]\n );\n return (\n <Input\n type={\"number\"}\n value={value}\n onChange={localOnChange}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"names":["NumberInputRenderer","value","onChange","input","label","localOnChange","useCallback","number","parseInt","minValue","Input"],"mappings":";;AAKO,MAAMA,sBAAsB,CAAC,EAChCC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,gBAAgBC,YAClB,CAACL;QACG,MAAMM,SAASC,SAASP;QACxB,MAAMQ,WAAYN,MAAsB,QAAQ;QAEhD,IAAIM,YAAYF,SAASE,UACrB;QAGJP,SAAS,CAAC,EAAED,KAAK,EAAE;YACfA,MAAM,GAAG,CAACM;QACd;IACJ,GACA;QAACL;KAAS;IAEd,OAAO,WAAP,GACI,oBAACQ,OAAKA;QACF,MAAM;QACN,OAAOT;QACP,UAAUI;QACV,OAAOD;QACP,aAAaD,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}
1
+ {"version":3,"file":"inputRenderers/NumberInput.js","sources":["../../src/inputRenderers/NumberInput.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport type { NumberInput } from \"@webiny/website-builder-sdk\";\n\nexport const NumberInputRenderer = ({\n value,\n onChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const localOnChange = useCallback(\n (value: string) => {\n const number = parseInt(value);\n const minValue = (input as NumberInput).minValue;\n\n if (minValue && number < minValue) {\n return;\n }\n\n onChange(({ value }) => {\n value.set(number);\n });\n },\n [onChange]\n );\n return (\n <Input\n type={\"number\"}\n size={\"md\"}\n variant={\"secondary\"}\n value={value}\n onChange={localOnChange}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"names":["NumberInputRenderer","value","onChange","input","label","localOnChange","useCallback","number","parseInt","minValue","Input"],"mappings":";;AAKO,MAAMA,sBAAsB,CAAC,EAChCC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,gBAAgBC,YAClB,CAACL;QACG,MAAMM,SAASC,SAASP;QACxB,MAAMQ,WAAYN,MAAsB,QAAQ;QAEhD,IAAIM,YAAYF,SAASE,UACrB;QAGJP,SAAS,CAAC,EAAED,KAAK,EAAE;YACfA,MAAM,GAAG,CAACM;QACd;IACJ,GACA;QAACL;KAAS;IAEd,OAAO,WAAP,GACI,oBAACQ,OAAKA;QACF,MAAM;QACN,MAAM;QACN,SAAS;QACT,OAAOT;QACP,UAAUI;QACV,OAAOD;QACP,aAAaD,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}
package/inputRenderers/SelectInput.js CHANGED
@@ -3,6 +3,8 @@ import { Select } from "@webiny/admin-ui";
3
3
  const SelectInputRenderer = ({ value, onChange, label, ...props })=>{
4
4
  const input = props.input;
5
5
  return /*#__PURE__*/ react.createElement(Select, {
6
+ size: "md",
7
+ variant: "secondary",
6
8
  value: value,
7
9
  onChange: (newValue)=>{
8
10
  onChange(({ value })=>{
package/inputRenderers/SelectInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputRenderers/SelectInput.js","sources":["../../src/inputRenderers/SelectInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport type { SelectInput } from \"@webiny/website-builder-sdk\";\n\nexport const SelectInputRenderer = ({\n value,\n onChange,\n label,\n ...props\n}: ElementInputRendererProps) => {\n const input = props.input as SelectInput;\n return (\n <Select\n value={value}\n onChange={newValue => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n }}\n displayResetAction={input.showResetAction !== false}\n options={input.options}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"names":["SelectInputRenderer","value","onChange","label","props","input","Select","newValue"],"mappings":";;AAKO,MAAMA,sBAAsB,CAAC,EAChCC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACqB;IACxB,MAAMC,QAAQD,MAAM,KAAK;IACzB,OAAO,WAAP,GACI,oBAACE,QAAMA;QACH,OAAOL;QACP,UAAUM,CAAAA;YACNL,SAAS,CAAC,EAAED,KAAK,EAAE;gBACfA,MAAM,GAAG,CAACM;YACd;QACJ;QACA,oBAAoBF,AAA0B,UAA1BA,MAAM,eAAe;QACzC,SAASA,MAAM,OAAO;QACtB,OAAOF;QACP,aAAaE,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}
1
+ {"version":3,"file":"inputRenderers/SelectInput.js","sources":["../../src/inputRenderers/SelectInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport type { SelectInput } from \"@webiny/website-builder-sdk\";\n\nexport const SelectInputRenderer = ({\n value,\n onChange,\n label,\n ...props\n}: ElementInputRendererProps) => {\n const input = props.input as SelectInput;\n return (\n <Select\n size={\"md\"}\n variant={\"secondary\"}\n value={value}\n onChange={newValue => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n }}\n displayResetAction={input.showResetAction !== false}\n options={input.options}\n label={label}\n description={input.description}\n note={input.helperText}\n />\n );\n};\n"],"names":["SelectInputRenderer","value","onChange","label","props","input","Select","newValue"],"mappings":";;AAKO,MAAMA,sBAAsB,CAAC,EAChCC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACL,GAAGC,OACqB;IACxB,MAAMC,QAAQD,MAAM,KAAK;IACzB,OAAO,WAAP,GACI,oBAACE,QAAMA;QACH,MAAM;QACN,SAAS;QACT,OAAOL;QACP,UAAUM,CAAAA;YACNL,SAAS,CAAC,EAAED,KAAK,EAAE;gBACfA,MAAM,GAAG,CAACM;YACd;QACJ;QACA,oBAAoBF,AAA0B,UAA1BA,MAAM,eAAe;QACzC,SAASA,MAAM,OAAO;QACtB,OAAOF;QACP,aAAaE,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;;AAGlC"}
package/inputRenderers/TextareaInput.js CHANGED
@@ -12,6 +12,8 @@ const TextareaInputRenderer = ({ value, onChange, onPreviewChange, input, label
12
12
  });
13
13
  };
14
14
  return /*#__PURE__*/ react.createElement(Textarea, {
15
+ size: "md",
16
+ variant: "secondary",
15
17
  value: value || "",
16
18
  onChange: previewValue,
17
19
  onBlur: (e)=>commitValue(e.currentTarget.value),
package/inputRenderers/TextareaInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputRenderers/TextareaInput.js","sources":["../../src/inputRenderers/TextareaInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const TextareaInputRenderer = ({\n value,\n onChange,\n onPreviewChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const commitValue = (newValue: string) => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n const previewValue = (newValue: string) => {\n onPreviewChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n return (\n <Textarea\n value={value || \"\"}\n onChange={previewValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n label={label}\n description={input.description}\n note={input.helperText}\n rows={10}\n />\n );\n};\n"],"names":["TextareaInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","previewValue","Textarea","e"],"mappings":";;AAIO,MAAMA,wBAAwB,CAAC,EAClCC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,cAAc,CAACC;QACjBL,SAAS,CAAC,EAAED,KAAK,EAAE;YACfA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,MAAMC,eAAe,CAACD;QAClBJ,gBAAgB,CAAC,EAAEF,KAAK,EAAE;YACtBA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,OAAO,WAAP,GACI,oBAACE,UAAQA;QACL,OAAOR,SAAS;QAChB,UAAUO;QACV,QAAQE,CAAAA,IAAKJ,YAAYI,EAAE,aAAa,CAAC,KAAK;QAC9C,OAAOL;QACP,aAAaD,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;QACtB,MAAM;;AAGlB"}
1
+ {"version":3,"file":"inputRenderers/TextareaInput.js","sources":["../../src/inputRenderers/TextareaInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\n\nexport const TextareaInputRenderer = ({\n value,\n onChange,\n onPreviewChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const commitValue = (newValue: string) => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n const previewValue = (newValue: string) => {\n onPreviewChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n return (\n <Textarea\n size={\"md\"}\n variant={\"secondary\"}\n value={value || \"\"}\n onChange={previewValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n label={label}\n description={input.description}\n note={input.helperText}\n rows={10}\n />\n );\n};\n"],"names":["TextareaInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","previewValue","Textarea","e"],"mappings":";;AAIO,MAAMA,wBAAwB,CAAC,EAClCC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,KAAK,EACLC,KAAK,EACmB;IACxB,MAAMC,cAAc,CAACC;QACjBL,SAAS,CAAC,EAAED,KAAK,EAAE;YACfA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,MAAMC,eAAe,CAACD;QAClBJ,gBAAgB,CAAC,EAAEF,KAAK,EAAE;YACtBA,MAAM,GAAG,CAACM;QACd;IACJ;IAEA,OAAO,WAAP,GACI,oBAACE,UAAQA;QACL,MAAM;QACN,SAAS;QACT,OAAOR,SAAS;QAChB,UAAUO;QACV,QAAQE,CAAAA,IAAKJ,YAAYI,EAAE,aAAa,CAAC,KAAK;QAC9C,OAAOL;QACP,aAAaD,MAAM,WAAW;QAC9B,MAAMA,MAAM,UAAU;QACtB,MAAM;;AAGlB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/app-website-builder",
3
- "version": "6.4.1",
3
+ "version": "6.4.2-beta.1",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": "./index.js",
@@ -21,28 +21,28 @@
21
21
  "@monaco-editor/react": "4.7.0",
22
22
  "@svgr/webpack": "8.1.0",
23
23
  "@types/react": "18.3.29",
24
- "@webiny/admin-ui": "6.4.1",
25
- "@webiny/app": "6.4.1",
26
- "@webiny/app-aco": "6.4.1",
27
- "@webiny/app-admin": "6.4.1",
28
- "@webiny/app-headless-cms-common": "6.4.1",
29
- "@webiny/app-trash-bin": "6.4.1",
30
- "@webiny/app-utils": "6.4.1",
24
+ "@webiny/admin-ui": "6.4.2-beta.1",
25
+ "@webiny/app": "6.4.2-beta.1",
26
+ "@webiny/app-aco": "6.4.2-beta.1",
27
+ "@webiny/app-admin": "6.4.2-beta.1",
28
+ "@webiny/app-headless-cms-common": "6.4.2-beta.1",
29
+ "@webiny/app-trash-bin": "6.4.2-beta.1",
30
+ "@webiny/app-utils": "6.4.2-beta.1",
31
31
  "@webiny/di": "1.0.1",
32
- "@webiny/error": "6.4.1",
33
- "@webiny/feature": "6.4.1",
34
- "@webiny/form": "6.4.1",
35
- "@webiny/icons": "6.4.1",
36
- "@webiny/languages": "6.4.1",
37
- "@webiny/lexical-converter": "6.4.1",
38
- "@webiny/lexical-editor": "6.4.1",
39
- "@webiny/lexical-nodes": "6.4.1",
40
- "@webiny/lexical-theme": "6.4.1",
41
- "@webiny/react-composition": "6.4.1",
42
- "@webiny/react-properties": "6.4.1",
43
- "@webiny/utils": "6.4.1",
44
- "@webiny/validation": "6.4.1",
45
- "@webiny/website-builder-sdk": "6.4.1",
32
+ "@webiny/error": "6.4.2-beta.1",
33
+ "@webiny/feature": "6.4.2-beta.1",
34
+ "@webiny/form": "6.4.2-beta.1",
35
+ "@webiny/icons": "6.4.2-beta.1",
36
+ "@webiny/languages": "6.4.2-beta.1",
37
+ "@webiny/lexical-converter": "6.4.2-beta.1",
38
+ "@webiny/lexical-editor": "6.4.2-beta.1",
39
+ "@webiny/lexical-nodes": "6.4.2-beta.1",
40
+ "@webiny/lexical-theme": "6.4.2-beta.1",
41
+ "@webiny/react-composition": "6.4.2-beta.1",
42
+ "@webiny/react-properties": "6.4.2-beta.1",
43
+ "@webiny/utils": "6.4.2-beta.1",
44
+ "@webiny/validation": "6.4.2-beta.1",
45
+ "@webiny/website-builder-sdk": "6.4.2-beta.1",
46
46
  "apollo-cache": "1.3.5",
47
47
  "apollo-client": "2.6.10",
48
48
  "apollo-link": "1.2.14",
@@ -69,7 +69,7 @@
69
69
  "devDependencies": {
70
70
  "@types/deep-equal": "1.0.4",
71
71
  "@types/is-hotkey": "0.1.10",
72
- "@webiny/build-tools": "6.4.1",
72
+ "@webiny/build-tools": "6.4.2-beta.1",
73
73
  "execa": "5.1.1",
74
74
  "rimraf": "6.1.3",
75
75
  "typescript": "6.0.3",