npm - @webiny/app-website-builder - Versions diffs - 6.0.0-alpha.4 → 6.0.0-rc.0 - Mend

@webiny/app-website-builder 6.0.0-alpha.4 → 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 (1185) hide show

package/ecommerce/components/ResourcePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useMemo","Grid","Input","Skeleton","UnsetOnUnmount","useBind","validation","createResourcePicker","adaptInputToBind","toTitleCaseLabel","useEcommerceApi","ResourcePage","props","api","apiName","ResourcePicker","ElementInput","resourceType","resourceIdBind","name","validators","create","resourceTypeBind","defaultValue","titleBind","pathBind","value","findById","then","resource","onChange","title","previewPath","onResourceChange","createElement","Fragment","Object","assign","~~type~~","Column","span","~~className","~~label","disabled"],"sources":["ResourcePage.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { Grid, Input, Skeleton } from \"@webiny/admin-ui\";\nimport { UnsetOnUnmount, useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { createResourcePicker } from \"~/ecommerce/createResourcePicker\";\nimport { adaptInputToBind } from \"./adaptInputToBind\";\nimport type { Resource } from \"../types\";\nimport { toTitleCaseLabel } from \"~/ecommerce/components/toTitleCaseLabel\";\nimport { useEcommerceApi } from \"~/features\";\n\nexport interface ResourcePageProps {\n apiName: string;\n name: string;\n label: string;\n resourceType: string;\n previewPath: (resource: Resource) => string;\n}\n\nexport const ResourcePage = (props: ResourcePageProps) => {\n const { api } = useEcommerceApi(props.apiName);\n\n const ResourcePicker = useMemo(() => {\n if (!api) {\n return () => null;\n }\n\n const ElementInput = createResourcePicker(props.apiName, api, props.resourceType);\n return adaptInputToBind(ElementInput);\n }, [api]);\n\n const resourceIdBind = useBind({\n name: \"metadata.resourceId\",\n validators: [validation.create(\"required\")]\n });\n\n const resourceTypeBind = useBind({\n name: \"metadata.resourceType\",\n defaultValue: props.resourceType\n });\n\n const titleBind = useBind({\n name: \"properties.title\",\n validators: [validation.create(\"required\")]\n });\n\n const pathBind = useBind({\n name: \"properties.path\",\n validators: [validation.create(\"required\")]\n });\n\n useEffect(() => {\n if (!api \|\| !resourceIdBind) {\n return;\n }\n\n if (resourceIdBind.value) {\n api[props.resourceType].findById(resourceIdBind.value).then(resource => {\n titleBind.onChange(resource.title);\n pathBind.onChange(props.previewPath(resource));\n });\n }\n }, [resourceIdBind.value]);\n\n const onResourceChange = (resource: Resource) => {\n resourceIdBind.onChange(resource);\n };\n\n return (\n <>\n <UnsetOnUnmount name={\"metadata.resourceType\"}>\n <Input {...resourceTypeBind} ~~type~~={\"hidden\"} />\n </UnsetOnUnmount>\n <Grid.Column span={12}>\n <div className={\"~~wby-~~border-sm ~~wby-~~rounded-md ~~wby-~~border-neutral-muted ~~wby-~~p-sm\"}>\n {api ? (\n <UnsetOnUnmount name={\"metadata.resourceId\"}>\n <ResourcePicker\n {...resourceIdBind}\n label={toTitleCaseLabel(props.resourceType)}\n onChange={onResourceChange}\n />\n </UnsetOnUnmount>\n ) : (\n <Skeleton />\n )}\n </div>\n </Grid.Column>\n <Grid.Column span={12}>\n <UnsetOnUnmount name={\"properties.title\"}>\n <Input label={\"Title\"} {...titleBind} disabled={!resourceIdBind.value} />\n </UnsetOnUnmount>\n </Grid.Column>\n <Grid.Column span={12}>\n <UnsetOnUnmount name={\"properties.path\"}>\n <Input label={\"Path\"} {...pathBind} disabled={!resourceIdBind.value} />\n </UnsetOnUnmount>\n </Grid.Column>\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SAASC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,kBAAkB;AACxD,SAASC,cAAc,EAAEC,OAAO,QAAQ,cAAc;AACtD,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,oBAAoB;AAC7B,SAASC,gBAAgB;AAEzB,SAASC,gBAAgB;AACzB,SAASC,eAAe;AAUxB,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACtD,MAAM;IAAEC;EAAI,CAAC,GAAGH,eAAe,CAACE,KAAK,CAACE,OAAO,CAAC;EAE9C,MAAMC,cAAc,GAAGf,OAAO,CAAC,MAAM;IACjC,IAAI,CAACa,GAAG,EAAE;MACN,OAAO,MAAM,IAAI;IACrB;IAEA,MAAMG,YAAY,GAAGT,oBAAoB,CAACK,KAAK,CAACE,OAAO,EAAED,GAAG,EAAED,KAAK,CAACK,YAAY,CAAC;IACjF,OAAOT,gBAAgB,CAACQ,YAAY,CAAC;EACzC,CAAC,EAAE,CAACH,GAAG,CAAC,CAAC;EAET,MAAMK,cAAc,GAAGb,OAAO,CAAC;IAC3Bc,IAAI,EAAE,qBAAqB;IAC3BC,UAAU,EAAE,CAACd,UAAU,CAACe,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAGjB,OAAO,CAAC;IAC7Bc,IAAI,EAAE,uBAAuB;IAC7BI,YAAY,EAAEX,KAAK,CAACK;EACxB,CAAC,CAAC;EAEF,MAAMO,SAAS,GAAGnB,OAAO,CAAC;IACtBc,IAAI,EAAE,kBAAkB;IACxBC,UAAU,EAAE,CAACd,UAAU,CAACe,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EAEF,MAAMI,QAAQ,GAAGpB,OAAO,CAAC;IACrBc,IAAI,EAAE,iBAAiB;IACvBC,UAAU,EAAE,CAACd,UAAU,CAACe,MAAM,CAAC,UAAU,CAAC;EAC9C,CAAC,CAAC;EAEFtB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACc,GAAG,IAAI,CAACK,cAAc,EAAE;MACzB;IACJ;IAEA,IAAIA,cAAc,CAACQ,KAAK,EAAE;MACtBb,GAAG,CAACD,KAAK,CAACK,YAAY,CAAC,CAACU,QAAQ,CAACT,cAAc,CAACQ,KAAK,CAAC,CAACE,IAAI,CAACC,QAAQ,IAAI;QACpEL,SAAS,CAACM,QAAQ,CAACD,QAAQ,CAACE,KAAK,CAAC;QAClCN,QAAQ,CAACK,QAAQ,CAAClB,KAAK,CAACoB,WAAW,CAACH,QAAQ,CAAC,CAAC;MAClD,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACX,cAAc,CAACQ,KAAK,CAAC,CAAC;EAE1B,MAAMO,gBAAgB,GAAIJ,QAAkB,IAAK;IAC7CX,cAAc,CAACY,QAAQ,CAACD,QAAQ,CAAC;EACrC,CAAC;EAED,oBACI/B,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAAqC,QAAA,qBACIrC,KAAA,CAAAoC,aAAA,CAAC9B,cAAc;IAACe,IAAI,EAAE;EAAwB,gBAC1CrB,KAAA,CAAAoC,aAAA,CAAChC,KAAK,EAAAkC,MAAA,CAAAC,MAAA,KAAKf,gBAAgB;IAAEgB,~~IAAI~~,EAAE;EAAS,EAAE,~~CAClC~~,CAAC,eACjBxC,KAAA,CAAAoC,aAAA,CAACjC,IAAI,CAACsC,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB1C,KAAA,CAAAoC,aAAA;~~IAAKO~~,SAAS,EAAE;~~EAAiE~~,~~GAC5E5B~~,GAAG,gBACAf,KAAA,CAAAoC,aAAA,CAAC9B,cAAc;IAACe,IAAI,EAAE;EAAsB,gBACxCrB,KAAA,CAAAoC,aAAA,CAACnB,cAAc,EAAAqB,MAAA,CAAAC,MAAA,KACPnB,cAAc;~~IAClBwB~~,KAAK,~~EAAEjC~~,gBAAgB,CAACG,KAAK,CAACK,YAAY,CAAE;IAC5Ca,QAAQ,EAAEG;EAAiB,EAC9B,CACW,CAAC,gBAEjBnC,KAAA,CAAAoC,aAAA,CAAC/B,QAAQ,MAAE,CAEd,CACI,CAAC,eACdL,KAAA,CAAAoC,aAAA,CAACjC,IAAI,CAACsC,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB1C,KAAA,CAAAoC,aAAA,CAAC9B,cAAc;IAACe,IAAI,EAAE;EAAmB,gBACrCrB,KAAA,CAAAoC,aAAA,CAAChC,KAAK,EAAAkC,MAAA,CAAAC,MAAA;~~IAACK~~,KAAK,EAAE;EAAQ,~~GAAKlB~~,SAAS;~~IAAEmB~~,QAAQ,EAAE,~~CAACzB~~,cAAc,CAACQ;EAAM,EAAE,CAC5D,CACP,CAAC,eACd5B,KAAA,CAAAoC,aAAA,CAACjC,IAAI,CAACsC,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB1C,KAAA,CAAAoC,aAAA,CAAC9B,cAAc;IAACe,IAAI,EAAE;EAAkB,gBACpCrB,KAAA,CAAAoC,aAAA,CAAChC,KAAK,EAAAkC,MAAA,CAAAC,MAAA;~~IAACK~~,KAAK,EAAE;EAAO,~~GAAKjB~~,QAAQ;~~IAAEkB~~,QAAQ,EAAE,~~CAACzB~~,cAAc,CAACQ;EAAM,EAAE,CAC1D,CACP,CACf,CAAC;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useMemo","Grid","Input","Skeleton","UnsetOnUnmount","useBind","validation","createResourcePicker","adaptInputToBind","toTitleCaseLabel","useEcommerceApi","ResourcePage","props","api","apiName","ResourcePicker","ElementInput","resourceType","resourceIdBind","name","validators","create","resourceTypeBind","defaultValue","titleBind","pathBind","value","findById","then","resource","onChange","title","previewPath","onResourceChange","createElement","Fragment","Object","assign","className","Column","span","label","disabled"],"sources":["ResourcePage.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { Grid, Input, Skeleton } from \"@webiny/admin-ui\";\nimport { UnsetOnUnmount, useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { createResourcePicker } from \"~/ecommerce/createResourcePicker.js\";\nimport { adaptInputToBind } from \"./adaptInputToBind.js\";\nimport type { Resource } from \"../types.js\";\nimport { toTitleCaseLabel } from \"~/ecommerce/components/toTitleCaseLabel.js\";\nimport { useEcommerceApi } from \"~/features/index.js\";\n\nexport interface ResourcePageProps {\n apiName: string;\n name: string;\n label: string;\n resourceType: string;\n previewPath: (resource: Resource) => string;\n}\n\nexport const ResourcePage = (props: ResourcePageProps) => {\n const { api } = useEcommerceApi(props.apiName);\n\n const ResourcePicker = useMemo(() => {\n if (!api) {\n return () => null;\n }\n\n const ElementInput = createResourcePicker(props.apiName, api, props.resourceType);\n return adaptInputToBind(ElementInput);\n }, [api]);\n\n const resourceIdBind = useBind({\n name: \"metadata.resourceId\",\n validators: [validation.create(\"required\")]\n });\n\n const resourceTypeBind = useBind({\n name: \"metadata.resourceType\",\n defaultValue: props.resourceType\n });\n\n const titleBind = useBind({\n name: \"properties.title\",\n validators: [validation.create(\"required\")]\n });\n\n const pathBind = useBind({\n name: \"properties.path\",\n validators: [validation.create(\"required\")]\n });\n\n useEffect(() => {\n if (!api \|\| !resourceIdBind) {\n return;\n }\n\n if (resourceIdBind.value) {\n api[props.resourceType].findById(resourceIdBind.value).then(resource => {\n titleBind.onChange(resource.title);\n pathBind.onChange(props.previewPath(resource));\n });\n }\n }, [resourceIdBind.value]);\n\n const onResourceChange = (resource: Resource) => {\n resourceIdBind.onChange(resource);\n };\n\n return (\n <>\n <UnsetOnUnmount name={\"metadata.resourceType\"}>\n <Input {...resourceTypeBind} className={\"hidden\"} />\n </UnsetOnUnmount>\n <Grid.Column span={12}>\n <div className={\"border-sm rounded-md border-neutral-muted p-sm\"}>\n {api ? (\n <UnsetOnUnmount name={\"metadata.resourceId\"}>\n <ResourcePicker\n {...resourceIdBind}\n label={toTitleCaseLabel(props.resourceType)}\n onChange={onResourceChange}\n />\n </UnsetOnUnmount>\n ) : (\n <Skeleton />\n )}\n </div>\n </Grid.Column>\n <Grid.Column span={12}>\n <UnsetOnUnmount name={\"properties.title\"}>\n <Input label={\"Title\"} {...titleBind} disabled={!resourceIdBind.value} />\n </UnsetOnUnmount>\n </Grid.Column>\n <Grid.Column span={12}>\n <UnsetOnUnmount name={\"properties.path\"}>\n <Input label={\"Path\"} {...pathBind} disabled={!resourceIdBind.value} />\n </UnsetOnUnmount>\n </Grid.Column>\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/ecommerce/components/ResourcesList.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import type { ResourcePickerProps } from "./ResourcesPicker";
-import type { IEcommerceApi } from "..";
+import type { ResourcePickerProps } from "./ResourcesPicker.js";
+import type { IEcommerceApi } from "../../ecommerce/index.js";
 export type PickResourceListProps = {
     api: IEcommerceApi;
     value?: string[];

package/ecommerce/components/ResourcesList.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import React, { useEffect } from "react";
 import { action, runInAction } from "mobx";
 import { observer, useLocalObservable } from "mobx-react-lite";
-import capitalize from "lodash/capitalize";
+import capitalize from "lodash/capitalize.js";
 import pluralize from "pluralize";
-import { ResourcePreviewCell, ResourcePicker } from "./ResourcesPicker";
+import { ResourcePreviewCell, ResourcePicker } from "./ResourcesPicker.js";
 import { useDialogs } from "@webiny/app-admin";
 import { Loader, Button, Text, List } from "@webiny/admin-ui";
 import { ReactComponent as Delete } from "@webiny/icons/delete.svg";
@@ -49,7 +49,7 @@ const NoResourcesSelected = ({
   resourceName
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, /*#__PURE__*/React.createElement(Text, null, "There are no ", pluralize(resourceName), " in this list."));
 };
 export const PickResourceList = observer(props => {
@@ -73,7 +73,7 @@ export const PickResourceList = observer(props => {
   }))), (store.value || []).length === 0 ? /*#__PURE__*/React.createElement(NoResourcesSelected, {
     resourceName: props.resourceName
   }) : null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-align-center wby-my-lg"
+    className: "align-center my-lg"
   }, /*#__PURE__*/React.createElement(Button, {
     text: `+ Select ${capitalize(pluralize(props.resourceName))}`,
     variant: "secondary",
@@ -90,7 +90,7 @@ export const PickResourceList = observer(props => {
         acceptLabel: null,
         cancelLabel: null,
         content: /*#__PURE__*/React.createElement("div", {
-          className: "wby-h-[500px] wby-overflow-scroll"
+          className: "h-[500px] overflow-scroll"
         }, /*#__PURE__*/React.createElement(PickerComponent, Object.assign({}, rest, {
           omitIds: store.value,
           onChange: action(resource => {

package/ecommerce/components/ResourcesList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","action","runInAction","observer","useLocalObservable","capitalize","pluralize","ResourcePreviewCell","ResourcePicker","useDialogs","Loader","Button","Text","List","ReactComponent","Delete","ResourcePreviewById","props","id","rest","store","loading","resourceInfo","getResource","value","api","resourceName","findById","e","console","error","createElement","size","Object","assign","resource","Fragment","NoResourcesSelected","className","PickResourceList","dialog","map","item","index","key","actions","Item","Action","icon","onClick","res","slice","indexOf","onChange","length","text","variant","resourcePicker","PickerComponent","closeDialog","showDialog","title","acceptLabel","cancelLabel","content","omitIds","Array","isArray","push","String","PickResourcesListButton","dialogs","warn","style","color","whiteSpace"],"sources":["ResourcesList.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { action, runInAction } from \"mobx\";\nimport { observer, useLocalObservable } from \"mobx-react-lite\";\nimport capitalize from \"lodash/capitalize\";\nimport pluralize from \"pluralize\";\nimport type { ResourcePreviewCellProps, ResourcePickerProps } from \"./ResourcesPicker\";\nimport { ResourcePreviewCell, ResourcePicker } from \"./ResourcesPicker\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { Loader, Button, Text, List } from \"@webiny/admin-ui\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport type { IEcommerceApi, Resource } from \"~/ecommerce\";\n\nexport type PickResourceListProps = {\n api: IEcommerceApi;\n value?: string[];\n onChange(newValue: string[]): void;\n resourcePicker?: React.FC<ResourcePickerProps>;\n resourceName: string;\n pluginName: string;\n};\n\nconst ResourcePreviewById = observer(\n (\n props: {\n id: string;\n api: IEcommerceApi;\n resourceName: string;\n actions?: React.ReactNode;\n } & Partial<ResourcePreviewCellProps>\n ) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { id, ...rest } = props;\n const store = useLocalObservable(() => ({\n loading: false,\n resourceInfo: null as Resource \| null,\n async getResource() {\n runInAction(() => {\n this.loading = true;\n });\n try {\n const value = await props.api[props.resourceName].findById(props.id);\n runInAction(() => {\n this.resourceInfo = value;\n });\n } catch (e) {\n console.error(e);\n }\n runInAction(() => {\n this.loading = false;\n });\n }\n }));\n useEffect(() => {\n store.getResource();\n }, []);\n\n if (store.loading) {\n return <Loader size={\"md\"} />;\n }\n\n return (\n (store.resourceInfo && (\n <ResourcePreviewCell resource={store.resourceInfo} {...rest} />\n )) \|\| <React.Fragment></React.Fragment>\n );\n }\n);\n\ninterface NoResourcesSelectedProps {\n resourceName: string;\n}\n\nconst NoResourcesSelected = ({ resourceName }: NoResourcesSelectedProps) => {\n return (\n <div className={\"wby-w-full\"}>\n <Text>There are no {pluralize(resourceName)} in this list.</Text>\n </div>\n );\n};\n\nexport const PickResourceList = observer((props: PickResourceListProps) => {\n const dialog = useDialogs();\n\n const store = useLocalObservable(() => ({\n value: props.value \|\| []\n }));\n\n return (\n <React.Fragment>\n <List>\n {store.value?.map((item, index) => (\n <ResourcePreviewById\n resourceName={props.resourceName}\n key={`${item}:${index}`}\n id={item}\n api={props.api}\n actions={\n <>\n <List.Item.Action\n icon={<Delete />}\n onClick={action(() => {\n const res = [\n ...store.value!.slice(0, store.value!.indexOf(item)),\n ...store.value!.slice(store.value!.indexOf(item) + 1)\n ];\n store.value = res;\n props.onChange(res);\n })}\n />\n </>\n }\n />\n ))}\n </List>\n {(store.value \|\| []).length === 0 ? (\n <NoResourcesSelected resourceName={props.resourceName} />\n ) : null}\n {/* On click - choose product */}\n <div className={\"wby-align-center wby-my-lg\"}>\n <Button\n text={`+ Select ${capitalize(pluralize(props.resourceName))}`}\n variant=\"secondary\"\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { value, resourcePicker, ...rest } = props;\n const PickerComponent = resourcePicker \|\| ResourcePicker;\n\n const closeDialog = dialog.showDialog({\n title: `Select ${pluralize(props.resourceName)}`,\n acceptLabel: null,\n cancelLabel: null,\n content: (\n <div className={\"wby-h-[500px] wby-overflow-scroll\"}>\n <PickerComponent\n {...rest}\n omitIds={store.value}\n onChange={action(resource => {\n if (resource) {\n if (!Array.isArray(store.value)) {\n store.value = [];\n }\n store.value.push(String(resource.id));\n props.onChange(store.value);\n }\n closeDialog();\n })}\n />\n </div>\n )\n });\n }}\n />\n </div>\n </React.Fragment>\n );\n});\n\nexport const PickResourcesListButton = observer((props: Omit<PickResourceListProps, \"onDone\">) => {\n const dialogs = useDialogs();\n\n useEffect(() => {\n if (typeof props.value === \"undefined\") {\n try {\n props.onChange([]);\n } catch (e) {\n console.warn(\"Could not set default value\", e);\n }\n }\n }, []);\n\n return (\n <React.Fragment>\n <Button\n text={`${props.value?.length \|\| 0} ${pluralize(\n props.resourceName,\n props.value?.length \|\| 0\n )}`}\n variant={\"secondary\"}\n onClick={() => {\n dialogs.showDialog({\n title: `Selected ${pluralize(props.resourceName)}`,\n acceptLabel: null,\n cancelLabel: null,\n content: <PickResourceList {...props} />\n });\n }}\n style={{ color: \"#999\", whiteSpace: \"nowrap\" }}\n />\n </React.Fragment>\n );\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","action","runInAction","observer","useLocalObservable","capitalize","pluralize","ResourcePreviewCell","ResourcePicker","useDialogs","Loader","Button","Text","List","ReactComponent","Delete","ResourcePreviewById","props","id","rest","store","loading","resourceInfo","getResource","value","api","resourceName","findById","e","console","error","createElement","size","Object","assign","resource","Fragment","NoResourcesSelected","className","PickResourceList","dialog","map","item","index","key","actions","Item","Action","icon","onClick","res","slice","indexOf","onChange","length","text","variant","resourcePicker","PickerComponent","closeDialog","showDialog","title","acceptLabel","cancelLabel","content","omitIds","Array","isArray","push","String","PickResourcesListButton","dialogs","warn","style","color","whiteSpace"],"sources":["ResourcesList.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { action, runInAction } from \"mobx\";\nimport { observer, useLocalObservable } from \"mobx-react-lite\";\nimport capitalize from \"lodash/capitalize.js\";\nimport pluralize from \"pluralize\";\nimport type { ResourcePreviewCellProps, ResourcePickerProps } from \"./ResourcesPicker.js\";\nimport { ResourcePreviewCell, ResourcePicker } from \"./ResourcesPicker.js\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { Loader, Button, Text, List } from \"@webiny/admin-ui\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport type { IEcommerceApi, Resource } from \"~/ecommerce/index.js\";\n\nexport type PickResourceListProps = {\n api: IEcommerceApi;\n value?: string[];\n onChange(newValue: string[]): void;\n resourcePicker?: React.FC<ResourcePickerProps>;\n resourceName: string;\n pluginName: string;\n};\n\nconst ResourcePreviewById = observer(\n (\n props: {\n id: string;\n api: IEcommerceApi;\n resourceName: string;\n actions?: React.ReactNode;\n } & Partial<ResourcePreviewCellProps>\n ) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { id, ...rest } = props;\n const store = useLocalObservable(() => ({\n loading: false,\n resourceInfo: null as Resource \| null,\n async getResource() {\n runInAction(() => {\n this.loading = true;\n });\n try {\n const value = await props.api[props.resourceName].findById(props.id);\n runInAction(() => {\n this.resourceInfo = value;\n });\n } catch (e) {\n console.error(e);\n }\n runInAction(() => {\n this.loading = false;\n });\n }\n }));\n useEffect(() => {\n store.getResource();\n }, []);\n\n if (store.loading) {\n return <Loader size={\"md\"} />;\n }\n\n return (\n (store.resourceInfo && (\n <ResourcePreviewCell resource={store.resourceInfo} {...rest} />\n )) \|\| <React.Fragment></React.Fragment>\n );\n }\n);\n\ninterface NoResourcesSelectedProps {\n resourceName: string;\n}\n\nconst NoResourcesSelected = ({ resourceName }: NoResourcesSelectedProps) => {\n return (\n <div className={\"w-full\"}>\n <Text>There are no {pluralize(resourceName)} in this list.</Text>\n </div>\n );\n};\n\nexport const PickResourceList = observer((props: PickResourceListProps) => {\n const dialog = useDialogs();\n\n const store = useLocalObservable(() => ({\n value: props.value \|\| []\n }));\n\n return (\n <React.Fragment>\n <List>\n {store.value?.map((item, index) => (\n <ResourcePreviewById\n resourceName={props.resourceName}\n key={`${item}:${index}`}\n id={item}\n api={props.api}\n actions={\n <>\n <List.Item.Action\n icon={<Delete />}\n onClick={action(() => {\n const res = [\n ...store.value!.slice(0, store.value!.indexOf(item)),\n ...store.value!.slice(store.value!.indexOf(item) + 1)\n ];\n store.value = res;\n props.onChange(res);\n })}\n />\n </>\n }\n />\n ))}\n </List>\n {(store.value \|\| []).length === 0 ? (\n <NoResourcesSelected resourceName={props.resourceName} />\n ) : null}\n {/* On click - choose product */}\n <div className={\"align-center my-lg\"}>\n <Button\n text={`+ Select ${capitalize(pluralize(props.resourceName))}`}\n variant=\"secondary\"\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { value, resourcePicker, ...rest } = props;\n const PickerComponent = resourcePicker \|\| ResourcePicker;\n\n const closeDialog = dialog.showDialog({\n title: `Select ${pluralize(props.resourceName)}`,\n acceptLabel: null,\n cancelLabel: null,\n content: (\n <div className={\"h-[500px] overflow-scroll\"}>\n <PickerComponent\n {...rest}\n omitIds={store.value}\n onChange={action(resource => {\n if (resource) {\n if (!Array.isArray(store.value)) {\n store.value = [];\n }\n store.value.push(String(resource.id));\n props.onChange(store.value);\n }\n closeDialog();\n })}\n />\n </div>\n )\n });\n }}\n />\n </div>\n </React.Fragment>\n );\n});\n\nexport const PickResourcesListButton = observer((props: Omit<PickResourceListProps, \"onDone\">) => {\n const dialogs = useDialogs();\n\n useEffect(() => {\n if (typeof props.value === \"undefined\") {\n try {\n props.onChange([]);\n } catch (e) {\n console.warn(\"Could not set default value\", e);\n }\n }\n }, []);\n\n return (\n <React.Fragment>\n <Button\n text={`${props.value?.length \|\| 0} ${pluralize(\n props.resourceName,\n props.value?.length \|\| 0\n )}`}\n variant={\"secondary\"}\n onClick={() => {\n dialogs.showDialog({\n title: `Selected ${pluralize(props.resourceName)}`,\n acceptLabel: null,\n cancelLabel: null,\n content: <PickResourceList {...props} />\n });\n }}\n style={{ color: \"#999\", whiteSpace: \"nowrap\" }}\n />\n </React.Fragment>\n );\n});\n"],"mappings":"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","ignoreList":[]}

package/ecommerce/components/ResourcesPicker.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import type { Resource } from "../types";
-import type { CustomResourcePickerProps } from "..";
+import type { Resource } from "../types.js";
+import type { CustomResourcePickerProps } from "../../ecommerce/index.js";
 export interface CommerceAPIOperations {
     [resourceName: string]: {
         resourcePicker?: React.FC<ResourcePickerProps>;

package/ecommerce/components/ResourcesPicker.js CHANGED Viewed

@@ -2,7 +2,7 @@ import React, { useEffect } from "react";
 import { runInAction, action } from "mobx";
 import { observer, useLocalObservable } from "mobx-react-lite";
 import pluralize from "pluralize";
-import throttle from "lodash/throttle";
+import throttle from "lodash/throttle.js";
 import { useDialogs } from "@webiny/app-admin";
 import { Avatar, Button, Loader, List, Input, Text, DelayedOnChange, useToast } from "@webiny/admin-ui";
 export const ResourcePreviewCell = observer(props => {
@@ -136,7 +136,7 @@ export const ResourcesPickerButton = observer(props => {
         acceptLabel: null,
         cancelLabel: null,
         content: /*#__PURE__*/React.createElement("div", {
-          className: "wby-h-[500px] wby-overflow-scroll"
+          className: "h-[500px] overflow-scroll"
         }, /*#__PURE__*/React.createElement(PickerComponent, Object.assign({}, rest, {
           resourceName: props.resourceName
         }, this.resourceInfo && {
@@ -171,7 +171,7 @@ export const ResourcesPickerButton = observer(props => {
       margin: "30px auto"
     }
   }), store.resourceInfo && !store.loading && /*#__PURE__*/React.createElement("div", {
-    className: "wby-relative"
+    className: "relative"
   }, /*#__PURE__*/React.createElement(ResourcePreviewCell, {
     style: {
       paddingRight: "30px"

package/ecommerce/components/ResourcesPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","runInAction","action","observer","useLocalObservable","pluralize","throttle","useDialogs","Avatar","Button","Loader","List","Input","Text","DelayedOnChange","useToast","ResourcePreviewCell","props","createElement","Item","onClick","title","resource","id","className","selected","icon","image","variant","Image","src","alt","undefined","actions","Fragment","ResourcePicker","showToast","store","searchInputText","loading","resources","search","catchError","err","console","error","resourceName","description","resourcesResponse","api","catch","Array","isArray","style","display","flexDirection","overflow","value","onChange","placeholder","plural","margin","length","map","item","key","String","textAlign","size","ResourcesPickerButton","dialog","resourceInfo","resourceId","updateResourceId","newProps","getResource","resourceService","findById","e","showPickResourceModal","resourcePicker","rest","PickerComponent","closeDialog","showDialog","acceptLabel","cancelLabel","content","Object","assign","getRequestObject","padding","paddingRight","color","text"],"sources":["ResourcesPicker.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { runInAction, action } from \"mobx\";\nimport { observer, useLocalObservable } from \"mobx-react-lite\";\nimport pluralize from \"pluralize\";\nimport throttle from \"lodash/throttle\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport {\n Avatar,\n Button,\n Loader,\n List,\n Input,\n Text,\n DelayedOnChange,\n useToast\n} from \"@webiny/admin-ui\";\nimport type { Resource } from \"../types\";\nimport type { CustomResourcePickerProps } from \"~/ecommerce\";\n\nexport interface CommerceAPIOperations {\n [resourceName: string]: {\n resourcePicker?: React.FC<ResourcePickerProps>;\n findById(id: string): Promise<Resource>;\n findByHandle?(handle: string): Promise<Resource>;\n search(search: string, offset?: number, limit?: number): Promise<Resource[]>;\n getRequestObject(id: string, resource?: Resource): string;\n };\n}\n\nexport interface ResourcesPickerButtonProps extends CustomResourcePickerProps<string> {\n api: CommerceAPIOperations;\n resourcePicker?: React.FC<ResourcePickerProps>;\n pluginName: string;\n resourceName: string;\n}\n\nexport interface ResourcePreviewCellProps {\n resource: Resource;\n actions?: React.ReactNode;\n selected?: boolean;\n className?: string;\n onClick?: () => void;\n style?: Partial<CSSStyleDeclaration>;\n}\n\nexport const ResourcePreviewCell = observer((props: ResourcePreviewCellProps) => {\n return (\n <List.Item\n onClick={props.onClick}\n title={\n props.resource.title !== \"untitled\" ? (\n <div>\n {props.resource.title} - {props.resource.id}\n </div>\n ) : (\n props.resource.title\n )\n }\n className={props.className}\n selected={props.selected}\n icon={\n props.resource.image ? (\n <Avatar\n variant={\"subtle\"}\n image={\n <Avatar.Image\n src={props.resource.image.src}\n alt={props.resource.title}\n />\n }\n />\n ) : undefined\n }\n actions={props.actions ?? <></>}\n />\n );\n});\n\nexport type ResourcePickerProps = CustomResourcePickerProps<Resource> & {\n api: CommerceAPIOperations;\n resourceName: string;\n omitIds?: string[];\n title?: string;\n};\n\nexport const ResourcePicker = observer((props: ResourcePickerProps) => {\n const { showToast } = useToast();\n\n const store = useLocalObservable(() => ({\n searchInputText: \"\",\n loading: false,\n resources: [] as Resource[],\n search: throttle(async () => {\n runInAction(() => {\n store.loading = true;\n });\n const catchError = (err: any) => {\n console.error(\"search error:\", err);\n showToast({\n title: `Failed to load ${props.resourceName}s!`,\n description: `We were unable to get ${props.resourceName}s from the remote API.`\n });\n };\n\n const resourcesResponse = await props.api[props.resourceName]\n .search(store.searchInputText)\n .catch(catchError);\n\n runInAction(() => {\n if (Array.isArray(resourcesResponse)) {\n store.resources = resourcesResponse;\n }\n store.loading = false;\n });\n }, 400)\n }));\n\n useEffect(() => {\n store.search();\n }, [store.searchInputText]);\n\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", overflow: \"scroll\" }}>\n <DelayedOnChange<string>\n value={store.searchInputText}\n onChange={action(value => (store.searchInputText = value))}\n >\n <Input\n placeholder={props.title \|\| `Search ${pluralize.plural(props.resourceName)}...`}\n />\n </DelayedOnChange>\n {store.loading && <Loader style={{ margin: \"50px auto\" }} />}\n <div>\n {!store.loading &&\n (store.resources.length ? (\n store.resources.map(item => (\n <List\n key={item.id}\n onClick={() => {\n props.onChange(item);\n }}\n >\n <ResourcePreviewCell\n selected={String(item.id) === String(props.value?.id)}\n resource={item}\n key={item.id}\n />\n </List>\n ))\n ) : (\n <div style={{ margin: \"40px 20px\", textAlign: \"center\" }}>\n <Text size={\"md\"}>\n No {pluralize.plural(props.resourceName)} found.\n </Text>\n </div>\n ))}\n </div>\n </div>\n );\n});\n\nexport const ResourcesPickerButton: React.FC<ResourcesPickerButtonProps> = observer(props => {\n const { showToast } = useToast();\n const dialog = useDialogs();\n\n const store = useLocalObservable(() => ({\n loading: false,\n error: null,\n resourceInfo: null as Resource \| null,\n resourceId: props.value,\n updateResourceId(newProps: ResourcesPickerButtonProps) {\n this.resourceId = newProps.value;\n },\n async getResource() {\n runInAction(() => {\n this.error = null;\n this.loading = true;\n });\n\n try {\n const resourceService = props.api[props.resourceName];\n const value = this.resourceId && (await resourceService.findById(this.resourceId));\n runInAction(() => {\n this.resourceInfo = value \|\| null;\n });\n } catch (e) {\n console.error(e);\n runInAction(() => {\n this.error = e as any;\n });\n showToast({\n title: `Failed to load ${props.resourceName}!`,\n description: `We were unable to get ${props.resourceName} from the remote API.`\n });\n }\n runInAction(() => {\n this.loading = false;\n });\n },\n async showPickResourceModal(title?: string) {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { value, resourcePicker, ...rest } = props;\n const PickerComponent = resourcePicker \|\| ResourcePicker;\n\n const closeDialog = dialog.showDialog({\n title: `Select a ${props.resourceName}`,\n acceptLabel: null,\n cancelLabel: null,\n content: (\n <div className={\"wby-h-[500px] wby-overflow-scroll\"}>\n <PickerComponent\n {...rest}\n resourceName={props.resourceName}\n {...(this.resourceInfo && { value: this.resourceInfo })}\n title={title}\n onChange={action(value => {\n if (value) {\n this.resourceId = String(value.id);\n this.getResource();\n props.onChange(\n props.api[props.resourceName].getRequestObject(\n this.resourceId,\n value\n )\n );\n closeDialog();\n }\n })}\n />\n </div>\n )\n });\n }\n }));\n\n useEffect(() => {\n store.updateResourceId(props);\n store.getResource();\n }, [props.value]);\n\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", padding: \"10px 0\" }}>\n {store.loading && <Loader size={\"md\"} style={{ margin: \"30px auto\" }} />}\n {store.resourceInfo && !store.loading && (\n <div className={\"wby-relative\"}>\n <ResourcePreviewCell\n style={{ paddingRight: \"30px\" }}\n resource={store.resourceInfo}\n onClick={() => {\n store.showPickResourceModal();\n }}\n />\n </div>\n )}\n {!store.resourceInfo && !store.loading && (\n <Button\n color=\"primary\"\n variant=\"secondary\"\n onClick={() => {\n store.showPickResourceModal();\n }}\n text={`Choose ${props.resourceName}`}\n />\n )}\n </div>\n );\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","runInAction","action","observer","useLocalObservable","pluralize","throttle","useDialogs","Avatar","Button","Loader","List","Input","Text","DelayedOnChange","useToast","ResourcePreviewCell","props","createElement","Item","onClick","title","resource","id","className","selected","icon","image","variant","Image","src","alt","undefined","actions","Fragment","ResourcePicker","showToast","store","searchInputText","loading","resources","search","catchError","err","console","error","resourceName","description","resourcesResponse","api","catch","Array","isArray","style","display","flexDirection","overflow","value","onChange","placeholder","plural","margin","length","map","item","key","String","textAlign","size","ResourcesPickerButton","dialog","resourceInfo","resourceId","updateResourceId","newProps","getResource","resourceService","findById","e","showPickResourceModal","resourcePicker","rest","PickerComponent","closeDialog","showDialog","acceptLabel","cancelLabel","content","Object","assign","getRequestObject","padding","paddingRight","color","text"],"sources":["ResourcesPicker.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { runInAction, action } from \"mobx\";\nimport { observer, useLocalObservable } from \"mobx-react-lite\";\nimport pluralize from \"pluralize\";\nimport throttle from \"lodash/throttle.js\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport {\n Avatar,\n Button,\n Loader,\n List,\n Input,\n Text,\n DelayedOnChange,\n useToast\n} from \"@webiny/admin-ui\";\nimport type { Resource } from \"../types.js\";\nimport type { CustomResourcePickerProps } from \"~/ecommerce/index.js\";\n\nexport interface CommerceAPIOperations {\n [resourceName: string]: {\n resourcePicker?: React.FC<ResourcePickerProps>;\n findById(id: string): Promise<Resource>;\n findByHandle?(handle: string): Promise<Resource>;\n search(search: string, offset?: number, limit?: number): Promise<Resource[]>;\n getRequestObject(id: string, resource?: Resource): string;\n };\n}\n\nexport interface ResourcesPickerButtonProps extends CustomResourcePickerProps<string> {\n api: CommerceAPIOperations;\n resourcePicker?: React.FC<ResourcePickerProps>;\n pluginName: string;\n resourceName: string;\n}\n\nexport interface ResourcePreviewCellProps {\n resource: Resource;\n actions?: React.ReactNode;\n selected?: boolean;\n className?: string;\n onClick?: () => void;\n style?: Partial<CSSStyleDeclaration>;\n}\n\nexport const ResourcePreviewCell = observer((props: ResourcePreviewCellProps) => {\n return (\n <List.Item\n onClick={props.onClick}\n title={\n props.resource.title !== \"untitled\" ? (\n <div>\n {props.resource.title} - {props.resource.id}\n </div>\n ) : (\n props.resource.title\n )\n }\n className={props.className}\n selected={props.selected}\n icon={\n props.resource.image ? (\n <Avatar\n variant={\"subtle\"}\n image={\n <Avatar.Image\n src={props.resource.image.src}\n alt={props.resource.title}\n />\n }\n />\n ) : undefined\n }\n actions={props.actions ?? <></>}\n />\n );\n});\n\nexport type ResourcePickerProps = CustomResourcePickerProps<Resource> & {\n api: CommerceAPIOperations;\n resourceName: string;\n omitIds?: string[];\n title?: string;\n};\n\nexport const ResourcePicker = observer((props: ResourcePickerProps) => {\n const { showToast } = useToast();\n\n const store = useLocalObservable(() => ({\n searchInputText: \"\",\n loading: false,\n resources: [] as Resource[],\n search: throttle(async () => {\n runInAction(() => {\n store.loading = true;\n });\n const catchError = (err: any) => {\n console.error(\"search error:\", err);\n showToast({\n title: `Failed to load ${props.resourceName}s!`,\n description: `We were unable to get ${props.resourceName}s from the remote API.`\n });\n };\n\n const resourcesResponse = await props.api[props.resourceName]\n .search(store.searchInputText)\n .catch(catchError);\n\n runInAction(() => {\n if (Array.isArray(resourcesResponse)) {\n store.resources = resourcesResponse;\n }\n store.loading = false;\n });\n }, 400)\n }));\n\n useEffect(() => {\n store.search();\n }, [store.searchInputText]);\n\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", overflow: \"scroll\" }}>\n <DelayedOnChange<string>\n value={store.searchInputText}\n onChange={action(value => (store.searchInputText = value))}\n >\n <Input\n placeholder={props.title \|\| `Search ${pluralize.plural(props.resourceName)}...`}\n />\n </DelayedOnChange>\n {store.loading && <Loader style={{ margin: \"50px auto\" }} />}\n <div>\n {!store.loading &&\n (store.resources.length ? (\n store.resources.map(item => (\n <List\n key={item.id}\n onClick={() => {\n props.onChange(item);\n }}\n >\n <ResourcePreviewCell\n selected={String(item.id) === String(props.value?.id)}\n resource={item}\n key={item.id}\n />\n </List>\n ))\n ) : (\n <div style={{ margin: \"40px 20px\", textAlign: \"center\" }}>\n <Text size={\"md\"}>\n No {pluralize.plural(props.resourceName)} found.\n </Text>\n </div>\n ))}\n </div>\n </div>\n );\n});\n\nexport const ResourcesPickerButton: React.FC<ResourcesPickerButtonProps> = observer(props => {\n const { showToast } = useToast();\n const dialog = useDialogs();\n\n const store = useLocalObservable(() => ({\n loading: false,\n error: null,\n resourceInfo: null as Resource \| null,\n resourceId: props.value,\n updateResourceId(newProps: ResourcesPickerButtonProps) {\n this.resourceId = newProps.value;\n },\n async getResource() {\n runInAction(() => {\n this.error = null;\n this.loading = true;\n });\n\n try {\n const resourceService = props.api[props.resourceName];\n const value = this.resourceId && (await resourceService.findById(this.resourceId));\n runInAction(() => {\n this.resourceInfo = value \|\| null;\n });\n } catch (e) {\n console.error(e);\n runInAction(() => {\n this.error = e as any;\n });\n showToast({\n title: `Failed to load ${props.resourceName}!`,\n description: `We were unable to get ${props.resourceName} from the remote API.`\n });\n }\n runInAction(() => {\n this.loading = false;\n });\n },\n async showPickResourceModal(title?: string) {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { value, resourcePicker, ...rest } = props;\n const PickerComponent = resourcePicker \|\| ResourcePicker;\n\n const closeDialog = dialog.showDialog({\n title: `Select a ${props.resourceName}`,\n acceptLabel: null,\n cancelLabel: null,\n content: (\n <div className={\"h-[500px] overflow-scroll\"}>\n <PickerComponent\n {...rest}\n resourceName={props.resourceName}\n {...(this.resourceInfo && { value: this.resourceInfo })}\n title={title}\n onChange={action(value => {\n if (value) {\n this.resourceId = String(value.id);\n this.getResource();\n props.onChange(\n props.api[props.resourceName].getRequestObject(\n this.resourceId,\n value\n )\n );\n closeDialog();\n }\n })}\n />\n </div>\n )\n });\n }\n }));\n\n useEffect(() => {\n store.updateResourceId(props);\n store.getResource();\n }, [props.value]);\n\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", padding: \"10px 0\" }}>\n {store.loading && <Loader size={\"md\"} style={{ margin: \"30px auto\" }} />}\n {store.resourceInfo && !store.loading && (\n <div className={\"relative\"}>\n <ResourcePreviewCell\n style={{ paddingRight: \"30px\" }}\n resource={store.resourceInfo}\n onClick={() => {\n store.showPickResourceModal();\n }}\n />\n </div>\n )}\n {!store.resourceInfo && !store.loading && (\n <Button\n color=\"primary\"\n variant=\"secondary\"\n onClick={() => {\n store.showPickResourceModal();\n }}\n text={`Choose ${props.resourceName}`}\n />\n )}\n </div>\n );\n});\n"],"mappings":"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","ignoreList":[]}

package/ecommerce/components/adaptInputToBind.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
 import type { BindComponentRenderProp } from "@webiny/form";
-import type { ElementInputRendererProps } from "../../BaseEditor";
+import type { ElementInputRendererProps } from "../../BaseEditor/index.js";
 export declare const adaptInputToBind: (Component: React.ComponentType<ElementInputRendererProps>) => (props: BindComponentRenderProp & {
     label: string;
 }) => React.JSX.Element;

package/ecommerce/components/adaptInputToBind.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { NullMetadata } from "../../BaseEditor/metadata";
-import { InputValueObject } from "../../BaseEditor/hooks/useInputValue";
+import { NullMetadata } from "../../BaseEditor/metadata/index.js";
+import { InputValueObject } from "../../BaseEditor/hooks/useInputValue.js";
 const metadata = new NullMetadata();
 const noop = () => void 0;
 export const adaptInputToBind = Component => {

package/ecommerce/components/adaptInputToBind.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","NullMetadata","InputValueObject","metadata","noop","adaptInputToBind","Component","ElementInputAsFormInput","props","onChange","cb","value","get","createElement","label","onPreviewChange","input"],"sources":["adaptInputToBind.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\nimport { NullMetadata } from \"~/BaseEditor/metadata\";\nimport { InputValueObject } from \"~/BaseEditor/hooks/useInputValue\";\n\nconst metadata = new NullMetadata();\nconst noop = () => void 0;\n\nexport const adaptInputToBind = (Component: React.ComponentType<ElementInputRendererProps>) => {\n return function ElementInputAsFormInput(props: BindComponentRenderProp & { label: string }) {\n const onChange: ElementInputRendererProps[\"onChange\"] = cb => {\n const value = new InputValueObject(props.value);\n cb({ value, metadata });\n props.onChange(value.get());\n };\n\n return (\n <Component\n label={props.label}\n value={props.value}\n onChange={onChange}\n metadata={metadata}\n onPreviewChange={noop}\n input={{} as any}\n />\n );\n };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,MAAMC,QAAQ,GAAG,IAAIF,YAAY,CAAC,CAAC;AACnC,MAAMG,IAAI,GAAGA,CAAA,KAAM,KAAK,CAAC;AAEzB,OAAO,MAAMC,gBAAgB,GAAIC,SAAyD,IAAK;EAC3F,OAAO,SAASC,uBAAuBA,CAACC,KAAkD,EAAE;IACxF,MAAMC,QAA+C,GAAGC,EAAE,IAAI;MAC1D,MAAMC,KAAK,GAAG,IAAIT,gBAAgB,CAACM,KAAK,CAACG,KAAK,CAAC;MAC/CD,EAAE,CAAC;QAAEC,KAAK;QAAER;MAAS,CAAC,CAAC;MACvBK,KAAK,CAACC,QAAQ,CAACE,KAAK,CAACC,GAAG,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED,oBACIZ,KAAA,CAAAa,aAAA,CAACP,SAAS;MACNQ,KAAK,EAAEN,KAAK,CAACM,KAAM;MACnBH,KAAK,EAAEH,KAAK,CAACG,KAAM;MACnBF,QAAQ,EAAEA,QAAS;MACnBN,QAAQ,EAAEA,QAAS;MACnBY,eAAe,EAAEX,IAAK;MACtBY,KAAK,EAAE,CAAC;IAAS,CACpB,CAAC;EAEV,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","NullMetadata","InputValueObject","metadata","noop","adaptInputToBind","Component","ElementInputAsFormInput","props","onChange","cb","value","get","createElement","label","onPreviewChange","input"],"sources":["adaptInputToBind.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/index.js\";\nimport { NullMetadata } from \"~/BaseEditor/metadata/index.js\";\nimport { InputValueObject } from \"~/BaseEditor/hooks/useInputValue.js\";\n\nconst metadata = new NullMetadata();\nconst noop = () => void 0;\n\nexport const adaptInputToBind = (Component: React.ComponentType<ElementInputRendererProps>) => {\n return function ElementInputAsFormInput(props: BindComponentRenderProp & { label: string }) {\n const onChange: ElementInputRendererProps[\"onChange\"] = cb => {\n const value = new InputValueObject(props.value);\n cb({ value, metadata });\n props.onChange(value.get());\n };\n\n return (\n <Component\n label={props.label}\n value={props.value}\n onChange={onChange}\n metadata={metadata}\n onPreviewChange={noop}\n input={{} as any}\n />\n );\n };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,MAAMC,QAAQ,GAAG,IAAIF,YAAY,CAAC,CAAC;AACnC,MAAMG,IAAI,GAAGA,CAAA,KAAM,KAAK,CAAC;AAEzB,OAAO,MAAMC,gBAAgB,GAAIC,SAAyD,IAAK;EAC3F,OAAO,SAASC,uBAAuBA,CAACC,KAAkD,EAAE;IACxF,MAAMC,QAA+C,GAAGC,EAAE,IAAI;MAC1D,MAAMC,KAAK,GAAG,IAAIT,gBAAgB,CAACM,KAAK,CAACG,KAAK,CAAC;MAC/CD,EAAE,CAAC;QAAEC,KAAK;QAAER;MAAS,CAAC,CAAC;MACvBK,KAAK,CAACC,QAAQ,CAACE,KAAK,CAACC,GAAG,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED,oBACIZ,KAAA,CAAAa,aAAA,CAACP,SAAS;MACNQ,KAAK,EAAEN,KAAK,CAACM,KAAM;MACnBH,KAAK,EAAEH,KAAK,CAACG,KAAM;MACnBF,QAAQ,EAAEA,QAAS;MACnBN,QAAQ,EAAEA,QAAS;MACnBY,eAAe,EAAEX,IAAK;MACtBY,KAAK,EAAE,CAAC;IAAS,CACpB,CAAC;EAEV,CAAC;AACL,CAAC","ignoreList":[]}

package/ecommerce/createResourceListPicker.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import type { Editor } from "../index";
-import type { IEcommerceApi } from "./types";
+import type { Editor } from "../index.js";
+import type { IEcommerceApi } from "./types.js";
 export declare const createResourceListPicker: (pluginName: string, api: IEcommerceApi, resourceName: string) => {
     (props: Editor.ElementInputRendererProps): React.JSX.Element;
     displayName: string;

package/ecommerce/createResourceListPicker.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
 import { FormComponentLabel } from "@webiny/admin-ui";
-import { PickResourcesListButton } from "./components/ResourcesList";
+import { PickResourcesListButton } from "./components/ResourcesList.js";
 export const createResourceListPicker = (pluginName, api, resourceName) => {
   const ListResourcePicker = props => {
     const onChange = newValue => {
@@ -11,7 +11,7 @@ export const createResourceListPicker = (pluginName, api, resourceName) => {
       });
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement(FormComponentLabel, {
       text: props.label
     }), /*#__PURE__*/React.createElement(PickResourcesListButton, {

package/ecommerce/createResourceListPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","FormComponentLabel","PickResourcesListButton","createResourceListPicker","pluginName","api","resourceName","ListResourcePicker","props","onChange","newValue","value","set","createElement","className","text","label","displayName"],"sources":["createResourceListPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { Editor } from \"~/index\";\nimport type { IEcommerceApi } from \"./types\";\nimport { PickResourcesListButton } from \"./components/ResourcesList\";\n\nexport const createResourceListPicker = (\n pluginName: string,\n api: IEcommerceApi,\n resourceName: string\n) => {\n const ListResourcePicker = (props: Editor.ElementInputRendererProps) => {\n const onChange = (newValue: unknown) => {\n props.onChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n return (\n <div className={\"~~wby-~~w-full\"}>\n <FormComponentLabel text={props.label} />\n <PickResourcesListButton\n api={api}\n resourceName={resourceName}\n pluginName={pluginName}\n value={props.value}\n onChange={onChange}\n />\n </div>\n );\n };\n\n ListResourcePicker.displayName = `${pluginName}${resourceName}List`;\n\n return ListResourcePicker;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,kBAAkB;AAGrD,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,wBAAwB,GAAGA,CACpCC,UAAkB,EAClBC,GAAkB,EAClBC,YAAoB,KACnB;EACD,MAAMC,kBAAkB,GAAIC,KAAuC,IAAK;IACpE,MAAMC,QAAQ,GAAIC,QAAiB,IAAK;MACpCF,KAAK,CAACC,QAAQ,CAAC,CAAC;QAAEE;MAAM,CAAC,KAAK;QAC1BA,KAAK,CAACC,GAAG,CAACF,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAC;IAED,oBACIV,KAAA,CAAAa,aAAA;MAAKC,SAAS,EAAE;~~IAAa~~,~~gBACzBd~~,KAAA,CAAAa,aAAA,CAACZ,kBAAkB;MAACc,IAAI,EAAEP,KAAK,CAACQ;IAAM,CAAE,CAAC,eACzChB,KAAA,CAAAa,aAAA,CAACX,uBAAuB;MACpBG,GAAG,EAAEA,GAAI;MACTC,YAAY,EAAEA,YAAa;MAC3BF,UAAU,EAAEA,UAAW;MACvBO,KAAK,EAAEH,KAAK,CAACG,KAAM;MACnBF,QAAQ,EAAEA;IAAS,CACtB,CACA,CAAC;EAEd,CAAC;EAEDF,kBAAkB,CAACU,WAAW,GAAG,GAAGb,UAAU,GAAGE,YAAY,MAAM;EAEnE,OAAOC,kBAAkB;AAC7B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","FormComponentLabel","PickResourcesListButton","createResourceListPicker","pluginName","api","resourceName","ListResourcePicker","props","onChange","newValue","value","set","createElement","className","text","label","displayName"],"sources":["createResourceListPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { Editor } from \"~/index.js\";\nimport type { IEcommerceApi } from \"./types.js\";\nimport { PickResourcesListButton } from \"./components/ResourcesList.js\";\n\nexport const createResourceListPicker = (\n pluginName: string,\n api: IEcommerceApi,\n resourceName: string\n) => {\n const ListResourcePicker = (props: Editor.ElementInputRendererProps) => {\n const onChange = (newValue: unknown) => {\n props.onChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n return (\n <div className={\"w-full\"}>\n <FormComponentLabel text={props.label} />\n <PickResourcesListButton\n api={api}\n resourceName={resourceName}\n pluginName={pluginName}\n value={props.value}\n onChange={onChange}\n />\n </div>\n );\n };\n\n ListResourcePicker.displayName = `${pluginName}${resourceName}List`;\n\n return ListResourcePicker;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,kBAAkB;AAGrD,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,wBAAwB,GAAGA,CACpCC,UAAkB,EAClBC,GAAkB,EAClBC,YAAoB,KACnB;EACD,MAAMC,kBAAkB,GAAIC,KAAuC,IAAK;IACpE,MAAMC,QAAQ,GAAIC,QAAiB,IAAK;MACpCF,KAAK,CAACC,QAAQ,CAAC,CAAC;QAAEE;MAAM,CAAC,KAAK;QAC1BA,KAAK,CAACC,GAAG,CAACF,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAC;IAED,oBACIV,KAAA,CAAAa,aAAA;MAAKC,SAAS,EAAE;IAAS,gBACrBd,KAAA,CAAAa,aAAA,CAACZ,kBAAkB;MAACc,IAAI,EAAEP,KAAK,CAACQ;IAAM,CAAE,CAAC,eACzChB,KAAA,CAAAa,aAAA,CAACX,uBAAuB;MACpBG,GAAG,EAAEA,GAAI;MACTC,YAAY,EAAEA,YAAa;MAC3BF,UAAU,EAAEA,UAAW;MACvBO,KAAK,EAAEH,KAAK,CAACG,KAAM;MACnBF,QAAQ,EAAEA;IAAS,CACtB,CACA,CAAC;EAEd,CAAC;EAEDF,kBAAkB,CAACU,WAAW,GAAG,GAAGb,UAAU,GAAGE,YAAY,MAAM;EAEnE,OAAOC,kBAAkB;AAC7B,CAAC","ignoreList":[]}

package/ecommerce/createResourcePicker.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import type { Editor } from "../index";
-import type { IEcommerceApi } from "./types";
+import type { Editor } from "../index.js";
+import type { IEcommerceApi } from "./types.js";
 export declare const createResourcePicker: (pluginName: string, api: IEcommerceApi, resourceName: string) => {
     (props: Editor.ElementInputRendererProps): React.JSX.Element;
     displayName: string;

package/ecommerce/createResourcePicker.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
 import { FormComponentLabel } from "@webiny/admin-ui";
-import { ResourcesPickerButton } from "./components/ResourcesPicker";
+import { ResourcesPickerButton } from "./components/ResourcesPicker.js";
 export const createResourcePicker = (pluginName, api, resourceName) => {
   const SingleResourcePicker = props => {
     const onChange = newValue => {
@@ -11,7 +11,7 @@ export const createResourcePicker = (pluginName, api, resourceName) => {
       });
     };
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement(FormComponentLabel, {
       text: props.label
     }), /*#__PURE__*/React.createElement(ResourcesPickerButton, {

package/ecommerce/createResourcePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","FormComponentLabel","ResourcesPickerButton","createResourcePicker","pluginName","api","resourceName","SingleResourcePicker","props","onChange","newValue","value","set","createElement","className","text","label","displayName"],"sources":["createResourcePicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { Editor } from \"~/index\";\nimport type { IEcommerceApi } from \"./types\";\nimport { ResourcesPickerButton } from \"./components/ResourcesPicker\";\n\nexport const createResourcePicker = (\n pluginName: string,\n api: IEcommerceApi,\n resourceName: string\n) => {\n const SingleResourcePicker = (props: Editor.ElementInputRendererProps) => {\n const onChange = (newValue: unknown) => {\n props.onChange(({ value }) => {\n value.set(newValue);\n });\n };\n return (\n <div className={\"~~wby-~~w-full\"}>\n <FormComponentLabel text={props.label} />\n <ResourcesPickerButton\n api={api}\n resourceName={resourceName}\n pluginName={pluginName}\n value={props.value}\n onChange={onChange}\n />\n </div>\n );\n };\n\n SingleResourcePicker.displayName = `${pluginName}${resourceName}`;\n\n return SingleResourcePicker;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,kBAAkB;AAGrD,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,oBAAoB,GAAGA,CAChCC,UAAkB,EAClBC,GAAkB,EAClBC,YAAoB,KACnB;EACD,MAAMC,oBAAoB,GAAIC,KAAuC,IAAK;IACtE,MAAMC,QAAQ,GAAIC,QAAiB,IAAK;MACpCF,KAAK,CAACC,QAAQ,CAAC,CAAC;QAAEE;MAAM,CAAC,KAAK;QAC1BA,KAAK,CAACC,GAAG,CAACF,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAC;IACD,oBACIV,KAAA,CAAAa,aAAA;MAAKC,SAAS,EAAE;~~IAAa~~,~~gBACzBd~~,KAAA,CAAAa,aAAA,CAACZ,kBAAkB;MAACc,IAAI,EAAEP,KAAK,CAACQ;IAAM,CAAE,CAAC,eACzChB,KAAA,CAAAa,aAAA,CAACX,qBAAqB;MAClBG,GAAG,EAAEA,GAAI;MACTC,YAAY,EAAEA,YAAa;MAC3BF,UAAU,EAAEA,UAAW;MACvBO,KAAK,EAAEH,KAAK,CAACG,KAAM;MACnBF,QAAQ,EAAEA;IAAS,CACtB,CACA,CAAC;EAEd,CAAC;EAEDF,oBAAoB,CAACU,WAAW,GAAG,GAAGb,UAAU,GAAGE,YAAY,EAAE;EAEjE,OAAOC,oBAAoB;AAC/B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","FormComponentLabel","ResourcesPickerButton","createResourcePicker","pluginName","api","resourceName","SingleResourcePicker","props","onChange","newValue","value","set","createElement","className","text","label","displayName"],"sources":["createResourcePicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport type { Editor } from \"~/index.js\";\nimport type { IEcommerceApi } from \"./types.js\";\nimport { ResourcesPickerButton } from \"./components/ResourcesPicker.js\";\n\nexport const createResourcePicker = (\n pluginName: string,\n api: IEcommerceApi,\n resourceName: string\n) => {\n const SingleResourcePicker = (props: Editor.ElementInputRendererProps) => {\n const onChange = (newValue: unknown) => {\n props.onChange(({ value }) => {\n value.set(newValue);\n });\n };\n return (\n <div className={\"w-full\"}>\n <FormComponentLabel text={props.label} />\n <ResourcesPickerButton\n api={api}\n resourceName={resourceName}\n pluginName={pluginName}\n value={props.value}\n onChange={onChange}\n />\n </div>\n );\n };\n\n SingleResourcePicker.displayName = `${pluginName}${resourceName}`;\n\n return SingleResourcePicker;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,kBAAkB;AAGrD,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,oBAAoB,GAAGA,CAChCC,UAAkB,EAClBC,GAAkB,EAClBC,YAAoB,KACnB;EACD,MAAMC,oBAAoB,GAAIC,KAAuC,IAAK;IACtE,MAAMC,QAAQ,GAAIC,QAAiB,IAAK;MACpCF,KAAK,CAACC,QAAQ,CAAC,CAAC;QAAEE;MAAM,CAAC,KAAK;QAC1BA,KAAK,CAACC,GAAG,CAACF,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAC;IACD,oBACIV,KAAA,CAAAa,aAAA;MAAKC,SAAS,EAAE;IAAS,gBACrBd,KAAA,CAAAa,aAAA,CAACZ,kBAAkB;MAACc,IAAI,EAAEP,KAAK,CAACQ;IAAM,CAAE,CAAC,eACzChB,KAAA,CAAAa,aAAA,CAACX,qBAAqB;MAClBG,GAAG,EAAEA,GAAI;MACTC,YAAY,EAAEA,YAAa;MAC3BF,UAAU,EAAEA,UAAW;MACvBO,KAAK,EAAEH,KAAK,CAACG,KAAM;MACnBF,QAAQ,EAAEA;IAAS,CACtB,CACA,CAAC;EAEd,CAAC;EAEDF,oBAAoB,CAACU,WAAW,GAAG,GAAGb,UAAU,GAAGE,YAAY,EAAE;EAEjE,OAAOC,oBAAoB;AAC/B,CAAC","ignoreList":[]}

package/ecommerce/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export * from "./EcommercePlugin";
-export * from "./types";
+export * from "./EcommerceIntegration.js";
+export type * from "./types.js";

package/ecommerce/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
-export * from "./EcommercePlugin";
-export * from "./types";
+export * from "./EcommerceIntegration.js";
 //# sourceMappingURL=index.js.map

package/ecommerce/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./~~EcommercePlugin~~\";\nexport * from \"./types\";\n"],"mappings":"AAAA~~;AACA~~","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./EcommerceIntegration.js\";\nexport type * from \"./types.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/editorSdk/Editor.d.ts CHANGED Viewed

@@ -11,7 +11,6 @@ export type EditorState = {
     viewport: EditorViewportData["viewport"];
     selectedElement: string | null;
     highlightedElement: string | null;
-    showOverlays: boolean;
     components: Record<string, ComponentManifest>;
     componentGroups: Record<string, SerializedComponentGroup>;
     breakpoint?: string;

package/editorSdk/Editor.js CHANGED Viewed

@@ -19,7 +19,9 @@ export class Editor {
         width: 0,
         height: 0,
         scrollX: 0,
-        scrollY: 0
+        scrollY: 0,
+        scrollWidth: 0,
+        scrollHeight: 0
       },
       components: {},
       componentGroups: {}

package/editorSdk/Editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["CommandBus","CommandPriority","StateWithHistory","State","Editor","constructor","initialState","commandBus","documentState","editorState","showOverlays","selectedElement","highlightedElement","boxes","preview","editor","viewport","top","left","width","height","scrollX","scrollY","components","componentGroups","registerCommandHandler","command","handler","priority","NORMAL","register","executeCommand","payload","execute","undo","redo","updateDocument","cb","update","updateEditor","getEditorState","getDocumentState","onDocumentStateChange","listener","onStateChange"],"sources":["Editor.ts"],"sourcesContent":["import type {\n ComponentManifest,\n EditorDocument,\n EditorViewportData,\n PreviewViewportData,\n SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport type { CommandHandler } from \"./CommandBus.js\";\nimport { CommandBus, type Command, CommandPriority } from \"./CommandBus.js\";\nimport { type StateChangeListener, StateWithHistory } from \"./StateWithHistory.js\";\nimport { type MutableState, State } from \"./State.js\";\n\nexport type EditorState = {\n boxes: {\n // Coordinates are relative to the preview iframe.\n preview: PreviewViewportData[\"boxes\"];\n // Coordinates are relative to the editor.\n editor: EditorViewportData[\"boxes\"];\n };\n viewport: EditorViewportData[\"viewport\"];\n selectedElement: string \| null;\n highlightedElement: string \| null;\n ~~showOverlays: boolean;\n~~ components: Record<string, ComponentManifest>;\n componentGroups: Record<string, SerializedComponentGroup>;\n breakpoint?: string;\n [key: string]: any;\n};\n\nexport class Editor<TDocument extends EditorDocument = EditorDocument> {\n private readonly documentState: StateWithHistory<TDocument>;\n private readonly editorState: State<EditorState>;\n private readonly commandBus: CommandBus;\n\n constructor(initialState: TDocument) {\n this.commandBus = new CommandBus();\n this.documentState = new StateWithHistory(initialState);\n this.editorState = new State<EditorState>(\n {\n showOverlays: true,\n selectedElement: null,\n highlightedElement: null,\n boxes: {\n preview: {},\n editor: {}\n },\n viewport: {\n top: 0,\n left: 0,\n width: 0,\n height: 0,\n scrollX: 0,\n scrollY: 0\n },\n components: {},\n componentGroups: {}\n },\n false\n );\n }\n\n registerCommandHandler<T>(\n command: Command<T>,\n handler: CommandHandler<T>,\n priority: CommandPriority = CommandPriority.NORMAL\n ) {\n return this.commandBus.register(command, handler, priority);\n }\n\n executeCommand<T>(command: Command<T>, payload?: T) {\n return this.commandBus.execute(command, payload);\n }\n\n undo() {\n this.documentState.undo();\n }\n\n redo() {\n this.documentState.redo();\n }\n\n updateDocument(cb: (state: MutableState<TDocument>) => void) {\n this.documentState.update(cb);\n }\n\n updateEditor(cb: (state: MutableState<EditorState>) => void) {\n this.editorState.update(cb);\n }\n\n getEditorState() {\n return this.editorState;\n }\n\n getDocumentState() {\n return this.documentState;\n }\n\n onDocumentStateChange(listener: StateChangeListener<TDocument>) {\n return this.documentState.onStateChange(listener);\n }\n}\n"],"mappings":"AAQA,SAASA,UAAU,EAAgBC,eAAe;AAClD,SAAmCC,gBAAgB;AACnD,SAA4BC,KAAK;~~AAmBjC~~,OAAO,MAAMC,MAAM,CAAoD;EAKnEC,WAAWA,CAACC,YAAuB,EAAE;IACjC,IAAI,CAACC,UAAU,GAAG,IAAIP,UAAU,CAAC,CAAC;IAClC,IAAI,CAACQ,aAAa,GAAG,IAAIN,gBAAgB,CAACI,YAAY,CAAC;IACvD,IAAI,CAACG,WAAW,GAAG,IAAIN,KAAK,CACxB;MACIO,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAE,IAAI;MACrBC,kBAAkB,EAAE,IAAI;MACxBC,KAAK,EAAE;QACHC,OAAO,EAAE,CAAC,CAAC;QACXC,MAAM,EAAE,CAAC;MACb,CAAC;MACDC,QAAQ,EAAE;QACNC,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,OAAO,EAAE,CAAC;QACVC,OAAO,EAAE;~~MACb~~,CAAC;MACDC,UAAU,EAAE,CAAC,CAAC;MACdC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,KACJ,CAAC;EACL;EAEAC,sBAAsBA,CAClBC,OAAmB,EACnBC,OAA0B,EAC1BC,QAAyB,~~GAAG3B~~,eAAe,~~CAAC4B~~,MAAM,EACpD;IACE,OAAO,IAAI,~~CAACtB~~,UAAU,~~CAACuB~~,QAAQ,CAACJ,OAAO,EAAEC,OAAO,EAAEC,QAAQ,CAAC;EAC/D;EAEAG,cAAcA,CAAIL,OAAmB,EAAEM,OAAW,EAAE;IAChD,OAAO,IAAI,~~CAACzB~~,UAAU,~~CAAC0B~~,OAAO,CAACP,OAAO,EAAEM,OAAO,CAAC;EACpD;EAEAE,IAAIA,CAAA,EAAG;IACH,IAAI,~~CAAC1B~~,aAAa,~~CAAC0B~~,IAAI,CAAC,CAAC;EAC7B;EAEAC,IAAIA,CAAA,EAAG;IACH,IAAI,~~CAAC3B~~,aAAa,~~CAAC2B~~,IAAI,CAAC,CAAC;EAC7B;EAEAC,cAAcA,CAACC,EAA4C,EAAE;IACzD,IAAI,~~CAAC7B~~,aAAa,~~CAAC8B~~,MAAM,CAACD,EAAE,CAAC;EACjC;EAEAE,YAAYA,CAACF,EAA8C,EAAE;IACzD,IAAI,~~CAAC5B~~,WAAW,~~CAAC6B~~,MAAM,CAACD,EAAE,CAAC;EAC/B;EAEAG,cAAcA,CAAA,EAAG;IACb,OAAO,IAAI,~~CAAC/B~~,WAAW;EAC3B;~~EAEAgC~~,gBAAgBA,CAAA,EAAG;IACf,OAAO,IAAI,~~CAACjC~~,aAAa;EAC7B;~~EAEAkC~~,qBAAqBA,CAACC,QAAwC,EAAE;IAC5D,OAAO,IAAI,~~CAACnC~~,aAAa,~~CAACoC~~,aAAa,CAACD,QAAQ,CAAC;EACrD;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["CommandBus","CommandPriority","StateWithHistory","State","Editor","constructor","initialState","commandBus","documentState","editorState","showOverlays","selectedElement","highlightedElement","boxes","preview","editor","viewport","top","left","width","height","scrollX","scrollY","scrollWidth","scrollHeight","components","componentGroups","registerCommandHandler","command","handler","priority","NORMAL","register","executeCommand","payload","execute","undo","redo","updateDocument","cb","update","updateEditor","getEditorState","getDocumentState","onDocumentStateChange","listener","onStateChange"],"sources":["Editor.ts"],"sourcesContent":["import type {\n ComponentManifest,\n EditorDocument,\n EditorViewportData,\n PreviewViewportData,\n SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport type { CommandHandler } from \"./CommandBus.js\";\nimport { CommandBus, type Command, CommandPriority } from \"./CommandBus.js\";\nimport { type StateChangeListener, StateWithHistory } from \"./StateWithHistory.js\";\nimport { type MutableState, State } from \"./State.js\";\n\nexport type EditorState = {\n boxes: {\n // Coordinates are relative to the preview iframe.\n preview: PreviewViewportData[\"boxes\"];\n // Coordinates are relative to the editor.\n editor: EditorViewportData[\"boxes\"];\n };\n viewport: EditorViewportData[\"viewport\"];\n selectedElement: string \| null;\n highlightedElement: string \| null;\n components: Record<string, ComponentManifest>;\n componentGroups: Record<string, SerializedComponentGroup>;\n breakpoint?: string;\n [key: string]: any;\n};\n\nexport class Editor<TDocument extends EditorDocument = EditorDocument> {\n private readonly documentState: StateWithHistory<TDocument>;\n private readonly editorState: State<EditorState>;\n private readonly commandBus: CommandBus;\n\n constructor(initialState: TDocument) {\n this.commandBus = new CommandBus();\n this.documentState = new StateWithHistory(initialState);\n this.editorState = new State<EditorState>(\n {\n showOverlays: true,\n selectedElement: null,\n highlightedElement: null,\n boxes: {\n preview: {},\n editor: {}\n },\n viewport: {\n top: 0,\n left: 0,\n width: 0,\n height: 0,\n scrollX: 0,\n scrollY: 0,\n scrollWidth: 0,\n scrollHeight: 0\n },\n components: {},\n componentGroups: {}\n },\n false\n );\n }\n\n registerCommandHandler<T>(\n command: Command<T>,\n handler: CommandHandler<T>,\n priority: CommandPriority = CommandPriority.NORMAL\n ) {\n return this.commandBus.register(command, handler, priority);\n }\n\n executeCommand<T>(command: Command<T>, payload?: T) {\n return this.commandBus.execute(command, payload);\n }\n\n undo() {\n this.documentState.undo();\n }\n\n redo() {\n this.documentState.redo();\n }\n\n updateDocument(cb: (state: MutableState<TDocument>) => void) {\n this.documentState.update(cb);\n }\n\n updateEditor(cb: (state: MutableState<EditorState>) => void) {\n this.editorState.update(cb);\n }\n\n getEditorState() {\n return this.editorState;\n }\n\n getDocumentState() {\n return this.documentState;\n }\n\n onDocumentStateChange(listener: StateChangeListener<TDocument>) {\n return this.documentState.onStateChange(listener);\n }\n}\n"],"mappings":"AAQA,SAASA,UAAU,EAAgBC,eAAe;AAClD,SAAmCC,gBAAgB;AACnD,SAA4BC,KAAK;AAkBjC,OAAO,MAAMC,MAAM,CAAoD;EAKnEC,WAAWA,CAACC,YAAuB,EAAE;IACjC,IAAI,CAACC,UAAU,GAAG,IAAIP,UAAU,CAAC,CAAC;IAClC,IAAI,CAACQ,aAAa,GAAG,IAAIN,gBAAgB,CAACI,YAAY,CAAC;IACvD,IAAI,CAACG,WAAW,GAAG,IAAIN,KAAK,CACxB;MACIO,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAE,IAAI;MACrBC,kBAAkB,EAAE,IAAI;MACxBC,KAAK,EAAE;QACHC,OAAO,EAAE,CAAC,CAAC;QACXC,MAAM,EAAE,CAAC;MACb,CAAC;MACDC,QAAQ,EAAE;QACNC,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,OAAO,EAAE,CAAC;QACVC,OAAO,EAAE,CAAC;QACVC,WAAW,EAAE,CAAC;QACdC,YAAY,EAAE;MAClB,CAAC;MACDC,UAAU,EAAE,CAAC,CAAC;MACdC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,KACJ,CAAC;EACL;EAEAC,sBAAsBA,CAClBC,OAAmB,EACnBC,OAA0B,EAC1BC,QAAyB,GAAG7B,eAAe,CAAC8B,MAAM,EACpD;IACE,OAAO,IAAI,CAACxB,UAAU,CAACyB,QAAQ,CAACJ,OAAO,EAAEC,OAAO,EAAEC,QAAQ,CAAC;EAC/D;EAEAG,cAAcA,CAAIL,OAAmB,EAAEM,OAAW,EAAE;IAChD,OAAO,IAAI,CAAC3B,UAAU,CAAC4B,OAAO,CAACP,OAAO,EAAEM,OAAO,CAAC;EACpD;EAEAE,IAAIA,CAAA,EAAG;IACH,IAAI,CAAC5B,aAAa,CAAC4B,IAAI,CAAC,CAAC;EAC7B;EAEAC,IAAIA,CAAA,EAAG;IACH,IAAI,CAAC7B,aAAa,CAAC6B,IAAI,CAAC,CAAC;EAC7B;EAEAC,cAAcA,CAACC,EAA4C,EAAE;IACzD,IAAI,CAAC/B,aAAa,CAACgC,MAAM,CAACD,EAAE,CAAC;EACjC;EAEAE,YAAYA,CAACF,EAA8C,EAAE;IACzD,IAAI,CAAC9B,WAAW,CAAC+B,MAAM,CAACD,EAAE,CAAC;EAC/B;EAEAG,cAAcA,CAAA,EAAG;IACb,OAAO,IAAI,CAACjC,WAAW;EAC3B;EAEAkC,gBAAgBA,CAAA,EAAG;IACf,OAAO,IAAI,CAACnC,aAAa;EAC7B;EAEAoC,qBAAqBA,CAACC,QAAwC,EAAE;IAC5D,OAAO,IAAI,CAACrC,aAAa,CAACsC,aAAa,CAACD,QAAQ,CAAC;EACrD;AACJ","ignoreList":[]}

package/editorSdk/EditorHistory.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import pick from "lodash/pick";
+import pick from "lodash/pick.js";
 import { jsonPatch } from "@webiny/website-builder-sdk";
 import { HistorySnapshot } from "./HistorySnapshot.js";
 export class EditorHistory {

package/editorSdk/EditorHistory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pick","jsonPatch","HistorySnapshot","EditorHistory","constructor","params","observeKeys","snapshots","map","state","snapshotData","getValuesOfInterest","activeSnapshotIndex","length","getSnapshots","trackState","snapshot","newSnapshotState","currentSnapshot","changes","compare","getState","newSnapshot","slice","getCurrentSnapshot","getActiveSnapshotIndex","goToOlderSnapshot","goToNewerSnapshot"],"sources":["EditorHistory.ts"],"sourcesContent":["import pick from \"lodash/pick\";\nimport { jsonPatch } from \"@webiny/website-builder-sdk\";\nimport { HistorySnapshot, type SnapshotState } from \"./HistorySnapshot.js\";\n\ninterface EditorHistoryParams {\n snapshots?: SnapshotState[];\n observeKeys?: string[];\n}\n\nexport class EditorHistory {\n private snapshots: HistorySnapshot[];\n private activeSnapshotIndex: number;\n private readonly observeKeys: string[];\n\n constructor(params?: EditorHistoryParams) {\n this.observeKeys = params?.observeKeys ?? [];\n this.snapshots = (params?.snapshots ?? []).map(state => {\n const snapshotData = this.getValuesOfInterest(state);\n return new HistorySnapshot(snapshotData);\n });\n this.activeSnapshotIndex = this.snapshots.length - 1;\n }\n\n getSnapshots() {\n return this.snapshots;\n }\n\n trackState(snapshot: SnapshotState) {\n const newSnapshotState = this.getValuesOfInterest(snapshot);\n const currentSnapshot = this.snapshots[this.activeSnapshotIndex];\n\n const changes = jsonPatch.compare(currentSnapshot.getState(), newSnapshotState);\n if (changes.length === 0) {\n return;\n }\n\n const newSnapshot = new HistorySnapshot(newSnapshotState, changes);\n\n // Values of interest have changed! Create a snapshot.\n this.snapshots = [...this.snapshots.slice(0, this.activeSnapshotIndex + 1), newSnapshot];\n this.activeSnapshotIndex = this.snapshots.length - 1;\n }\n\n getCurrentSnapshot() {\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n getActiveSnapshotIndex() {\n return this.activeSnapshotIndex;\n }\n\n goToOlderSnapshot() {\n if (this.activeSnapshotIndex <= 0) {\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n this.activeSnapshotIndex -= 1;\n\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n goToNewerSnapshot() {\n if (this.activeSnapshotIndex >= this.snapshots.length - 1) {\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n this.activeSnapshotIndex += 1;\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n private getValuesOfInterest(state: SnapshotState) {\n return this.observeKeys.length > 0 ? pick(state, this.observeKeys) : state;\n }\n}\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,~~aAAa~~;~~AAC9B~~,SAASC,SAAS,QAAQ,6BAA6B;AACvD,SAASC,eAAe;AAOxB,OAAO,MAAMC,aAAa,CAAC;EAKvBC,WAAWA,CAACC,MAA4B,EAAE;IACtC,IAAI,CAACC,WAAW,GAAGD,MAAM,EAAEC,WAAW,IAAI,EAAE;IAC5C,IAAI,CAACC,SAAS,GAAG,CAACF,MAAM,EAAEE,SAAS,IAAI,EAAE,EAAEC,GAAG,CAACC,KAAK,IAAI;MACpD,MAAMC,YAAY,GAAG,IAAI,CAACC,mBAAmB,CAACF,KAAK,CAAC;MACpD,OAAO,IAAIP,eAAe,CAACQ,YAAY,CAAC;IAC5C,CAAC,CAAC;IACF,IAAI,CAACE,mBAAmB,GAAG,IAAI,CAACL,SAAS,CAACM,MAAM,GAAG,CAAC;EACxD;EAEAC,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACP,SAAS;EACzB;EAEAQ,UAAUA,CAACC,QAAuB,EAAE;IAChC,MAAMC,gBAAgB,GAAG,IAAI,CAACN,mBAAmB,CAACK,QAAQ,CAAC;IAC3D,MAAME,eAAe,GAAG,IAAI,CAACX,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;IAEhE,MAAMO,OAAO,GAAGlB,SAAS,CAACmB,OAAO,CAACF,eAAe,CAACG,QAAQ,CAAC,CAAC,EAAEJ,gBAAgB,CAAC;IAC/E,IAAIE,OAAO,CAACN,MAAM,KAAK,CAAC,EAAE;MACtB;IACJ;IAEA,MAAMS,WAAW,GAAG,IAAIpB,eAAe,CAACe,gBAAgB,EAAEE,OAAO,CAAC;;IAElE;IACA,IAAI,CAACZ,SAAS,GAAG,CAAC,GAAG,IAAI,CAACA,SAAS,CAACgB,KAAK,CAAC,CAAC,EAAE,IAAI,CAACX,mBAAmB,GAAG,CAAC,CAAC,EAAEU,WAAW,CAAC;IACxF,IAAI,CAACV,mBAAmB,GAAG,IAAI,CAACL,SAAS,CAACM,MAAM,GAAG,CAAC;EACxD;EAEAW,kBAAkBA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACjB,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;EACnD;EAEAa,sBAAsBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACb,mBAAmB;EACnC;EAEAc,iBAAiBA,CAAA,EAAG;IAChB,IAAI,IAAI,CAACd,mBAAmB,IAAI,CAAC,EAAE;MAC/B,OAAO,IAAI,CAACL,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;IACnD;IAEA,IAAI,CAACA,mBAAmB,IAAI,CAAC;IAE7B,OAAO,IAAI,CAACL,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;EACnD;EAEAe,iBAAiBA,CAAA,EAAG;IAChB,IAAI,IAAI,CAACf,mBAAmB,IAAI,IAAI,CAACL,SAAS,CAACM,MAAM,GAAG,CAAC,EAAE;MACvD,OAAO,IAAI,CAACN,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;IACnD;IAEA,IAAI,CAACA,mBAAmB,IAAI,CAAC;IAC7B,OAAO,IAAI,CAACL,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;EACnD;EAEQD,mBAAmBA,CAACF,KAAoB,EAAE;IAC9C,OAAO,IAAI,CAACH,WAAW,CAACO,MAAM,GAAG,CAAC,GAAGb,IAAI,CAACS,KAAK,EAAE,IAAI,CAACH,WAAW,CAAC,GAAGG,KAAK;EAC9E;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["pick","jsonPatch","HistorySnapshot","EditorHistory","constructor","params","observeKeys","snapshots","map","state","snapshotData","getValuesOfInterest","activeSnapshotIndex","length","getSnapshots","trackState","snapshot","newSnapshotState","currentSnapshot","changes","compare","getState","newSnapshot","slice","getCurrentSnapshot","getActiveSnapshotIndex","goToOlderSnapshot","goToNewerSnapshot"],"sources":["EditorHistory.ts"],"sourcesContent":["import pick from \"lodash/pick.js\";\nimport { jsonPatch } from \"@webiny/website-builder-sdk\";\nimport { HistorySnapshot, type SnapshotState } from \"./HistorySnapshot.js\";\n\ninterface EditorHistoryParams {\n snapshots?: SnapshotState[];\n observeKeys?: string[];\n}\n\nexport class EditorHistory {\n private snapshots: HistorySnapshot[];\n private activeSnapshotIndex: number;\n private readonly observeKeys: string[];\n\n constructor(params?: EditorHistoryParams) {\n this.observeKeys = params?.observeKeys ?? [];\n this.snapshots = (params?.snapshots ?? []).map(state => {\n const snapshotData = this.getValuesOfInterest(state);\n return new HistorySnapshot(snapshotData);\n });\n this.activeSnapshotIndex = this.snapshots.length - 1;\n }\n\n getSnapshots() {\n return this.snapshots;\n }\n\n trackState(snapshot: SnapshotState) {\n const newSnapshotState = this.getValuesOfInterest(snapshot);\n const currentSnapshot = this.snapshots[this.activeSnapshotIndex];\n\n const changes = jsonPatch.compare(currentSnapshot.getState(), newSnapshotState);\n if (changes.length === 0) {\n return;\n }\n\n const newSnapshot = new HistorySnapshot(newSnapshotState, changes);\n\n // Values of interest have changed! Create a snapshot.\n this.snapshots = [...this.snapshots.slice(0, this.activeSnapshotIndex + 1), newSnapshot];\n this.activeSnapshotIndex = this.snapshots.length - 1;\n }\n\n getCurrentSnapshot() {\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n getActiveSnapshotIndex() {\n return this.activeSnapshotIndex;\n }\n\n goToOlderSnapshot() {\n if (this.activeSnapshotIndex <= 0) {\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n this.activeSnapshotIndex -= 1;\n\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n goToNewerSnapshot() {\n if (this.activeSnapshotIndex >= this.snapshots.length - 1) {\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n this.activeSnapshotIndex += 1;\n return this.snapshots[this.activeSnapshotIndex];\n }\n\n private getValuesOfInterest(state: SnapshotState) {\n return this.observeKeys.length > 0 ? pick(state, this.observeKeys) : state;\n }\n}\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,gBAAgB;AACjC,SAASC,SAAS,QAAQ,6BAA6B;AACvD,SAASC,eAAe;AAOxB,OAAO,MAAMC,aAAa,CAAC;EAKvBC,WAAWA,CAACC,MAA4B,EAAE;IACtC,IAAI,CAACC,WAAW,GAAGD,MAAM,EAAEC,WAAW,IAAI,EAAE;IAC5C,IAAI,CAACC,SAAS,GAAG,CAACF,MAAM,EAAEE,SAAS,IAAI,EAAE,EAAEC,GAAG,CAACC,KAAK,IAAI;MACpD,MAAMC,YAAY,GAAG,IAAI,CAACC,mBAAmB,CAACF,KAAK,CAAC;MACpD,OAAO,IAAIP,eAAe,CAACQ,YAAY,CAAC;IAC5C,CAAC,CAAC;IACF,IAAI,CAACE,mBAAmB,GAAG,IAAI,CAACL,SAAS,CAACM,MAAM,GAAG,CAAC;EACxD;EAEAC,YAAYA,CAAA,EAAG;IACX,OAAO,IAAI,CAACP,SAAS;EACzB;EAEAQ,UAAUA,CAACC,QAAuB,EAAE;IAChC,MAAMC,gBAAgB,GAAG,IAAI,CAACN,mBAAmB,CAACK,QAAQ,CAAC;IAC3D,MAAME,eAAe,GAAG,IAAI,CAACX,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;IAEhE,MAAMO,OAAO,GAAGlB,SAAS,CAACmB,OAAO,CAACF,eAAe,CAACG,QAAQ,CAAC,CAAC,EAAEJ,gBAAgB,CAAC;IAC/E,IAAIE,OAAO,CAACN,MAAM,KAAK,CAAC,EAAE;MACtB;IACJ;IAEA,MAAMS,WAAW,GAAG,IAAIpB,eAAe,CAACe,gBAAgB,EAAEE,OAAO,CAAC;;IAElE;IACA,IAAI,CAACZ,SAAS,GAAG,CAAC,GAAG,IAAI,CAACA,SAAS,CAACgB,KAAK,CAAC,CAAC,EAAE,IAAI,CAACX,mBAAmB,GAAG,CAAC,CAAC,EAAEU,WAAW,CAAC;IACxF,IAAI,CAACV,mBAAmB,GAAG,IAAI,CAACL,SAAS,CAACM,MAAM,GAAG,CAAC;EACxD;EAEAW,kBAAkBA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACjB,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;EACnD;EAEAa,sBAAsBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACb,mBAAmB;EACnC;EAEAc,iBAAiBA,CAAA,EAAG;IAChB,IAAI,IAAI,CAACd,mBAAmB,IAAI,CAAC,EAAE;MAC/B,OAAO,IAAI,CAACL,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;IACnD;IAEA,IAAI,CAACA,mBAAmB,IAAI,CAAC;IAE7B,OAAO,IAAI,CAACL,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;EACnD;EAEAe,iBAAiBA,CAAA,EAAG;IAChB,IAAI,IAAI,CAACf,mBAAmB,IAAI,IAAI,CAACL,SAAS,CAACM,MAAM,GAAG,CAAC,EAAE;MACvD,OAAO,IAAI,CAACN,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;IACnD;IAEA,IAAI,CAACA,mBAAmB,IAAI,CAAC;IAC7B,OAAO,IAAI,CAACL,SAAS,CAAC,IAAI,CAACK,mBAAmB,CAAC;EACnD;EAEQD,mBAAmBA,CAACF,KAAoB,EAAE;IAC9C,OAAO,IAAI,CAACH,WAAW,CAACO,MAAM,GAAG,CAAC,GAAGb,IAAI,CAACS,KAAK,EAAE,IAAI,CAACH,WAAW,CAAC,GAAGG,KAAK;EAC9E;AACJ","ignoreList":[]}

package/editorSdk/StateWithHistory.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { GenericRecord } from "@webiny/app/types.js";
 import { EditorHistory } from "./EditorHistory.js";
-import { type IState, type MutableState } from "./State";
+import { type IState, type MutableState } from "./State.js";
 import { type JsonPatchOperation } from "@webiny/website-builder-sdk";
 export type StateChangeEvent<TState> = {
     reason: "undo" | "redo" | "update";

package/editorSdk/StateWithHistory.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { makeObservable, autorun, observable } from "mobx";
 import { EditorHistory } from "./EditorHistory.js";
-import { State } from "./State";
+import { State } from "./State.js";
 import { jsonPatch } from "@webiny/website-builder-sdk";
 export class StateWithHistory {
   stateListeners = [];

package/editorSdk/StateWithHistory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["makeObservable","autorun","observable","EditorHistory","State","jsonPatch","StateWithHistory","stateListeners","timeTravel","constructor","initialState","history","snapshots","observeKeys","state","handleStateUpdate","newState","previousState","diff","compare","undefined","trackState","length","executeStateListeners","reason","toJson","read","setState","setter","update","cb","structuredClone","getHistory","undo","snapshot","goToOlderSnapshot","Object","assign","getState","redo","goToNewerSnapshot","onStateChange","listener","push","filter","l","event","forEach"],"sources":["StateWithHistory.ts"],"sourcesContent":["import { makeObservable, autorun, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { EditorHistory } from \"./EditorHistory.js\";\nimport { type IState, type MutableState, State } from \"./State\";\nimport { jsonPatch, type JsonPatchOperation } from \"@webiny/website-builder-sdk\";\n\nexport type StateChangeEvent<TState> = {\n reason: \"undo\" \| \"redo\" \| \"update\";\n diff: JsonPatchOperation[];\n state: TState;\n};\n\nexport type StateChangeListener<T> = (event: StateChangeEvent<T>) => void;\n\nexport class StateWithHistory<TState extends GenericRecord = GenericRecord>\n implements IState<TState>\n{\n private readonly history: EditorHistory;\n private state: State<TState>;\n private previousState: TState \| undefined;\n private stateListeners: Array<(event: StateChangeEvent<TState>) => void> = [];\n private timeTravel = true;\n\n constructor(initialState: TState) {\n this.history = new EditorHistory({\n snapshots: [initialState],\n observeKeys: [\"elements\", \"bindings\"]\n });\n\n this.state = new State<TState>(initialState);\n\n makeObservable<StateWithHistory, \"state\">(this, {\n state: observable\n });\n\n const handleStateUpdate = (newState: any) => {\n if (!this.timeTravel) {\n return;\n }\n\n const previousState = this.previousState ?? {};\n const diff = jsonPatch.compare(previousState, newState);\n this.previousState = undefined;\n\n this.history.trackState(newState);\n\n if (diff.length) {\n this.executeStateListeners({\n reason: \"update\",\n diff,\n state: newState\n });\n }\n };\n\n autorun(() => {\n const newState = this.state.toJson();\n handleStateUpdate(newState);\n });\n }\n\n read(): TState {\n return this.state.read();\n }\n\n toJson() {\n return this.state.toJson();\n }\n\n setState(setter: (state: MutableState<TState>) => TState) {\n this.state.setState(setter);\n }\n\n update(cb: (state: MutableState<TState>) => void): void {\n // This is necessary to calculate a diff between two states later on.\n if (!this.previousState) {\n this.previousState = structuredClone(this.state.toJson());\n }\n this.state.update(cb);\n }\n\n getHistory() {\n return this.history;\n }\n\n undo() {\n this.timeTravel = false;\n const snapshot = this.history.goToOlderSnapshot();\n\n this.state.setState(state => {\n return Object.assign({}, state, snapshot.getState());\n });\n\n this.executeStateListeners({\n reason: \"undo\",\n diff: [],\n state: this.state.toJson()\n });\n this.timeTravel = true;\n }\n\n redo() {\n this.timeTravel = false;\n const snapshot = this.history.goToNewerSnapshot();\n this.state.setState(state => {\n return Object.assign({}, state, snapshot.getState());\n });\n\n this.executeStateListeners({\n reason: \"redo\",\n diff: [],\n state: this.state.toJson()\n });\n this.timeTravel = true;\n }\n\n onStateChange(listener: StateChangeListener<TState>): () => void {\n this.stateListeners.push(listener);\n return () => {\n this.stateListeners = this.stateListeners.filter(l => l !== listener);\n };\n }\n\n private executeStateListeners(event: StateChangeEvent<TState>) {\n this.stateListeners.forEach(listener => {\n listener(event);\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["makeObservable","autorun","observable","EditorHistory","State","jsonPatch","StateWithHistory","stateListeners","timeTravel","constructor","initialState","history","snapshots","observeKeys","state","handleStateUpdate","newState","previousState","diff","compare","undefined","trackState","length","executeStateListeners","reason","toJson","read","setState","setter","update","cb","structuredClone","getHistory","undo","snapshot","goToOlderSnapshot","Object","assign","getState","redo","goToNewerSnapshot","onStateChange","listener","push","filter","l","event","forEach"],"sources":["StateWithHistory.ts"],"sourcesContent":["import { makeObservable, autorun, observable } from \"mobx\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { EditorHistory } from \"./EditorHistory.js\";\nimport { type IState, type MutableState, State } from \"./State.js\";\nimport { jsonPatch, type JsonPatchOperation } from \"@webiny/website-builder-sdk\";\n\nexport type StateChangeEvent<TState> = {\n reason: \"undo\" \| \"redo\" \| \"update\";\n diff: JsonPatchOperation[];\n state: TState;\n};\n\nexport type StateChangeListener<T> = (event: StateChangeEvent<T>) => void;\n\nexport class StateWithHistory<TState extends GenericRecord = GenericRecord>\n implements IState<TState>\n{\n private readonly history: EditorHistory;\n private state: State<TState>;\n private previousState: TState \| undefined;\n private stateListeners: Array<(event: StateChangeEvent<TState>) => void> = [];\n private timeTravel = true;\n\n constructor(initialState: TState) {\n this.history = new EditorHistory({\n snapshots: [initialState],\n observeKeys: [\"elements\", \"bindings\"]\n });\n\n this.state = new State<TState>(initialState);\n\n makeObservable<StateWithHistory, \"state\">(this, {\n state: observable\n });\n\n const handleStateUpdate = (newState: any) => {\n if (!this.timeTravel) {\n return;\n }\n\n const previousState = this.previousState ?? {};\n const diff = jsonPatch.compare(previousState, newState);\n this.previousState = undefined;\n\n this.history.trackState(newState);\n\n if (diff.length) {\n this.executeStateListeners({\n reason: \"update\",\n diff,\n state: newState\n });\n }\n };\n\n autorun(() => {\n const newState = this.state.toJson();\n handleStateUpdate(newState);\n });\n }\n\n read(): TState {\n return this.state.read();\n }\n\n toJson() {\n return this.state.toJson();\n }\n\n setState(setter: (state: MutableState<TState>) => TState) {\n this.state.setState(setter);\n }\n\n update(cb: (state: MutableState<TState>) => void): void {\n // This is necessary to calculate a diff between two states later on.\n if (!this.previousState) {\n this.previousState = structuredClone(this.state.toJson());\n }\n this.state.update(cb);\n }\n\n getHistory() {\n return this.history;\n }\n\n undo() {\n this.timeTravel = false;\n const snapshot = this.history.goToOlderSnapshot();\n\n this.state.setState(state => {\n return Object.assign({}, state, snapshot.getState());\n });\n\n this.executeStateListeners({\n reason: \"undo\",\n diff: [],\n state: this.state.toJson()\n });\n this.timeTravel = true;\n }\n\n redo() {\n this.timeTravel = false;\n const snapshot = this.history.goToNewerSnapshot();\n this.state.setState(state => {\n return Object.assign({}, state, snapshot.getState());\n });\n\n this.executeStateListeners({\n reason: \"redo\",\n diff: [],\n state: this.state.toJson()\n });\n this.timeTravel = true;\n }\n\n onStateChange(listener: StateChangeListener<TState>): () => void {\n this.stateListeners.push(listener);\n return () => {\n this.stateListeners = this.stateListeners.filter(l => l !== listener);\n };\n }\n\n private executeStateListeners(event: StateChangeEvent<TState>) {\n this.stateListeners.forEach(listener => {\n listener(event);\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/editorSdk/createCommand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createCommand","type"],"sources":["createCommand.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type Command<TPayload> = {\n type: string;\n};\n\nexport type CommandPayload<TCommand extends Command<unknown>> = TCommand extends Command~~<\n~~ infer TPayload~~\n>\n~~ ? TPayload\n : never;\n\nexport function createCommand<T>(type: string): Command<T> {\n return { type } as Command<T>; // assert to preserve type info\n}\n"],"mappings":"AAAA;;~~AAWA~~,OAAO,SAASA,aAAaA,CAAIC,IAAY,EAAc;EACvD,OAAO;IAAEA;EAAK,CAAC,CAAe,CAAC;AACnC","ignoreList":[]}
1	+ {"version":3,"names":["createCommand","type"],"sources":["createCommand.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type Command<TPayload> = {\n type: string;\n};\n\nexport type CommandPayload<TCommand extends Command<unknown>> =\n TCommand extends Command<infer TPayload> ? TPayload : never;\n\nexport function createCommand<T>(type: string): Command<T> {\n return { type } as Command<T>; // assert to preserve type info\n}\n"],"mappings":"AAAA;;AAQA,OAAO,SAASA,aAAaA,CAAIC,IAAY,EAAc;EACvD,OAAO;IAAEA;EAAK,CAAC,CAAe,CAAC;AACnC","ignoreList":[]}

package/editorSdk/utils/$createElement.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Editor } from "../Editor";
-import type { CommandPayload } from "../createCommand";
-import type { Commands } from "../../BaseEditor";
+import type { Editor } from "../Editor.js";
+import type { CommandPayload } from "../../editorSdk/createCommand.js";
+import type { Commands } from "../../BaseEditor/index.js";
 export declare function $createElement(editor: Editor, payload: CommandPayload<typeof Commands.CreateElement>): void;