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/BaseEditor/defaultConfig/Toolbar/Navigator/Navigator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","useCallback","get","observer","Tree","Tooltip","ReactComponent","VisibilityNone","useActiveElement","useSelectFromEditor","useDocumentEditor","Commands","InlineSvg","InfoMessage","useStyles","flattenElements","elements","activeElementId","result","asArray","Object","values","key","node","parent","push","id","label","parentId","active","droppable","filter","el","length","data","icon","image","createElement","src","className","Fragment","draggable","canDrag","getElementNodeData","components","bindings","getIndex","elementId","slot","elementBindings","slotValue","list","static","indexOf","reduce","acc","element","component","name","index","Navigator","editor","activeElement","document","getDocumentState","read","treeKey","state","elementNodes","activeAncestors","ancestors","reverse","nodes","sort","a","b","highlightElement","e","preventDefault","nodeId","currentTarget","getAttribute","executeCommand","HighlightElement","activateElement","SelectElement","renderer","Item","Content","onMouseOver","onClick","Icon","size","ElementActions","keys","message","autoExpandOnDragOver","insertDroppableFirst","rootId","defaultOpenNodeIds","dropTargetOffset","placeholderRender","depth","Placeholder","onDrop","newTree","dragSource","sameLevelNodes","n","newIndex","findIndex","MoveElement","canDrop","_","dropTargetId","props","style","height","zIndex","position","right","transform","top","left","styles","onChange","isVisible","display","unhideElement","set","trigger","content"],"sources":["Navigator.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport get from \"lodash/get\";\nimport { observer } from \"mobx-react-lite\";\nimport { type NodeDto, Tree, type TreeProps, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as VisibilityNone } from \"@webiny/icons/visibility_off.svg\";\nimport type { Document } from \"@webiny/website-builder-sdk\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor\";\nimport type { EditorState } from \"~/editorSdk/Editor\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { Commands } from \"~/BaseEditor\";\nimport { InlineSvg } from \"~/BaseEditor/defaultConfig/Toolbar/InsertElements/InlineSvg\";\nimport { InfoMessage } from \"~/BaseEditor/defaultConfig/Sidebar/InfoMessage\";\nimport { useStyles } from \"~/BaseEditor/hooks/useStyles\";\n\n// Node type for the Tree component.\ntype ElementNode = NodeDto<{\n draggable: boolean;\n icon: React.ReactNode;\n parent: {\n id: string;\n slot: string;\n index: number;\n };\n}>;\n\n// Element data extracted from the Document state.\ntype ElementNodeData = {\n id: string;\n label: string;\n image: string;\n canDrag: boolean;\n parent: {\n id: string;\n slot: string;\n index: number;\n };\n};\n\nfunction flattenElements(elements: Record<string, ElementNodeData>, activeElementId?: string) {\n const result: ElementNode[] = [];\n const asArray = Object.values(elements);\n\n for (const key in elements) {\n const node = elements[key];\n\n // Skip root element.\n if (!node.parent) {\n continue;\n }\n\n result.push({\n id: node.id,\n label: node.label,\n parentId: node.parent.id,\n active: node.id === activeElementId,\n droppable: asArray.filter(el => el.parent?.id === node.id).length > 0,\n data: {\n parent: node.parent,\n icon: node.image ? (\n <InlineSvg src={node.image} className={\"wby-fill-neutral-strong\"} />\n ) : (\n <></>\n ),\n draggable: node.canDrag\n }\n });\n }\n\n return result;\n}\n\ninterface GetElementNodeDataParams {\n components: EditorState[\"components\"];\n elements: Document[\"elements\"];\n bindings: Document[\"bindings\"];\n}\n\nfunction getElementNodeData({\n components,\n elements,\n bindings\n}: GetElementNodeDataParams): Record<string, ElementNodeData> {\n const getIndex = (elementId: string, parentId: string, slot: string) => {\n const elementBindings = bindings[parentId];\n if (!elementBindings) {\n return -1;\n }\n\n const slotValue = get(elementBindings, `inputs.${slot}`);\n if (!slotValue) {\n return -1;\n }\n\n if (slotValue.list) {\n return slotValue.static.indexOf(elementId);\n }\n\n return -1;\n };\n\n return Object.values(elements).reduce((acc, element) => {\n if (element.id === \"root\") {\n return {\n ...acc,\n [element.id]: {\n id: element.id,\n label: \"Root\",\n image: \"\"\n }\n };\n }\n\n const component = components[element.component.name] ?? {\n label: \"\",\n image: null,\n canDrag: false\n };\n\n const parentId = element.parent!.id;\n const slot = element.parent!.slot;\n\n return {\n ...acc,\n [element.id]: {\n id: element.id,\n label: component?.label ?? component?.name ?? \"\",\n image: component.image,\n canDrag: component.canDrag,\n parent: {\n id: parentId,\n slot,\n index: getIndex(element.id, parentId, slot)\n }\n }\n };\n }, {});\n}\n\nexport const Navigator = observer(() => {\n const editor = useDocumentEditor();\n const [activeElement] = useActiveElement();\n\n const document = editor.getDocumentState().read();\n const elements = document.elements;\n const bindings = document.bindings;\n const treeKey = document.id;\n\n const components = useSelectFromEditor(state => {\n return state.components;\n });\n\n const elementNodes = getElementNodeData({ components, elements, bindings });\n\n const activeAncestors = useMemo(() => {\n if (!activeElement) {\n return [];\n }\n\n const ancestors: string[] = [activeElement.id];\n let parent = elementNodes[activeElement.id].parent;\n while (parent) {\n ancestors.push(parent.id);\n parent = elementNodes[parent.id].parent;\n }\n return ancestors.reverse();\n }, [elementNodes, activeElement]);\n\n const nodes = useMemo(() => {\n return flattenElements(elementNodes, activeElement?.id).sort((a, b) => {\n return a.data!.parent.index - b.data!.parent.index;\n });\n }, [elementNodes, activeElement]);\n\n const highlightElement = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault();\n const nodeId = e.currentTarget.getAttribute(\"data-node-id\");\n\n if (nodeId) {\n editor.executeCommand(Commands.HighlightElement, { id: nodeId });\n }\n }, []);\n\n const activateElement = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault();\n const nodeId = e.currentTarget.getAttribute(\"data-node-id\");\n\n if (nodeId) {\n editor.executeCommand(Commands.SelectElement, { id: nodeId });\n }\n }, []);\n\n const renderer: TreeProps[\"renderer\"] = node => {\n return (\n <Tree.Item.Content\n data-node-id={node.id}\n onMouseOver={highlightElement}\n onClick={activateElement}\n >\n <Tree.Item.Icon label={node.label} element={node.icon} size={\"sm\"} />\n {node.label}\n <div className={\"wby-flex wby-w-full wby-justify-end\"}>\n <ElementActions elementId={node.id} />\n </div>\n </Tree.Item.Content>\n );\n };\n\n if (Object.keys(elementNodes).length <= 1) {\n return <InfoMessage message={\"No elements to display.\"} />;\n }\n\n return (\n <Tree\n key={treeKey}\n autoExpandOnDragOver={false}\n insertDroppableFirst={false}\n nodes={nodes}\n rootId={\"root\"}\n renderer={renderer}\n sort={false}\n defaultOpenNodeIds={activeAncestors}\n dropTargetOffset={5}\n placeholderRender={(node, { depth }) => {\n return <Placeholder depth={depth} node={node} />;\n }}\n onDrop={(newTree, { dragSource }) => {\n if (!dragSource \|\| !dragSource.data) {\n return;\n }\n\n const parent = dragSource.data.parent;\n\n const sameLevelNodes = newTree.filter(n => n.parentId === dragSource.parentId);\n const newIndex = sameLevelNodes.findIndex(n => n.id === dragSource.id);\n editor.executeCommand(Commands.MoveElement, {\n elementId: dragSource.id,\n parentId: parent.id,\n slot: parent.slot,\n index: newIndex\n });\n }}\n canDrag={node => node.data?.draggable ?? true}\n canDrop={(_, { dragSource, dropTargetId }) => {\n // Only allow dropping within the same parent (for now).\n if (dragSource?.parentId === dropTargetId) {\n return true;\n }\n return false;\n }}\n />\n );\n});\n\ntype PlaceholderProps = {\n node: any;\n depth: number;\n};\n\nconst Placeholder = (props: PlaceholderProps) => (\n <div\n className={\"wby-bg-primary-default\"}\n style={{\n height: 2,\n zIndex: 999,\n position: \"absolute\",\n right: 0,\n transform: \"translateY(-50%)\",\n top: -2,\n left: props.depth * 24\n }}\n ></div>\n);\n\nconst ElementActions = ({ elementId }: { elementId: string }) => {\n const { styles, onChange } = useStyles(elementId);\n\n const isVisible = styles.display !== \"none\";\n\n const unhideElement = () => {\n onChange(({ styles }) => {\n styles.set(\"display\", \"flex\");\n });\n };\n\n if (isVisible) {\n return null;\n }\n\n return (\n <div className={\"wby-flex\"}>\n <Tooltip\n trigger={\n <Tree.Item.Icon\n size={\"sm\"}\n className={\"wby-cursor-pointer\"}\n element={<VisibilityNone />}\n label={\"This element is hidden.\"}\n onClick={unhideElement}\n />\n }\n content={\"This element is hidden. Click to unhide.\"}\n />\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","useCallback","get","observer","Tree","Tooltip","ReactComponent","VisibilityNone","useActiveElement","useSelectFromEditor","useDocumentEditor","Commands","InlineSvg","InfoMessage","useStyles","flattenElements","elements","activeElementId","result","asArray","Object","values","key","node","parent","push","id","label","parentId","active","droppable","filter","el","length","data","icon","image","createElement","src","className","Fragment","draggable","canDrag","getElementNodeData","components","bindings","getIndex","elementId","slot","elementBindings","slotValue","list","static","indexOf","reduce","acc","element","component","name","index","Navigator","editor","activeElement","document","getDocumentState","read","treeKey","state","elementNodes","activeAncestors","ancestors","reverse","nodes","sort","a","b","highlightElement","e","preventDefault","nodeId","currentTarget","getAttribute","executeCommand","HighlightElement","activateElement","SelectElement","renderer","Item","Content","onMouseOver","onClick","Icon","size","ElementActions","keys","message","autoExpandOnDragOver","insertDroppableFirst","rootId","defaultOpenNodeIds","dropTargetOffset","placeholderRender","depth","Placeholder","onDrop","newTree","dragSource","sameLevelNodes","n","newIndex","findIndex","MoveElement","canDrop","_","dropTargetId","props","style","height","zIndex","position","right","transform","top","left","styles","onChange","isVisible","display","unhideElement","set","trigger","content"],"sources":["Navigator.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport get from \"lodash/get.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { type NodeDto, Tree, type TreeProps, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as VisibilityNone } from \"@webiny/icons/visibility_off.svg\";\nimport type { Document } from \"@webiny/website-builder-sdk\";\nimport { useActiveElement } from \"~/BaseEditor/hooks/useActiveElement.js\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport type { EditorState } from \"~/editorSdk/Editor.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport { InlineSvg } from \"~/BaseEditor/defaultConfig/Toolbar/InsertElements/InlineSvg.js\";\nimport { InfoMessage } from \"~/BaseEditor/defaultConfig/Sidebar/InfoMessage.js\";\nimport { useStyles } from \"~/BaseEditor/hooks/useStyles.js\";\n\n// Node type for the Tree component.\ntype ElementNode = NodeDto<{\n draggable: boolean;\n icon: React.ReactNode;\n parent: {\n id: string;\n slot: string;\n index: number;\n };\n}>;\n\n// Element data extracted from the Document state.\ntype ElementNodeData = {\n id: string;\n label: string;\n image: string;\n canDrag: boolean;\n parent: {\n id: string;\n slot: string;\n index: number;\n };\n};\n\nfunction flattenElements(elements: Record<string, ElementNodeData>, activeElementId?: string) {\n const result: ElementNode[] = [];\n const asArray = Object.values(elements);\n\n for (const key in elements) {\n const node = elements[key];\n\n // Skip root element.\n if (!node.parent) {\n continue;\n }\n\n result.push({\n id: node.id,\n label: node.label,\n parentId: node.parent.id,\n active: node.id === activeElementId,\n droppable: asArray.filter(el => el.parent?.id === node.id).length > 0,\n data: {\n parent: node.parent,\n icon: node.image ? (\n <InlineSvg src={node.image} className={\"fill-neutral-strong\"} />\n ) : (\n <></>\n ),\n draggable: node.canDrag\n }\n });\n }\n\n return result;\n}\n\ninterface GetElementNodeDataParams {\n components: EditorState[\"components\"];\n elements: Document[\"elements\"];\n bindings: Document[\"bindings\"];\n}\n\nfunction getElementNodeData({\n components,\n elements,\n bindings\n}: GetElementNodeDataParams): Record<string, ElementNodeData> {\n const getIndex = (elementId: string, parentId: string, slot: string) => {\n const elementBindings = bindings[parentId];\n if (!elementBindings) {\n return -1;\n }\n\n const slotValue = get(elementBindings, `inputs.${slot}`);\n if (!slotValue) {\n return -1;\n }\n\n if (slotValue.list) {\n return slotValue.static.indexOf(elementId);\n }\n\n return -1;\n };\n\n return Object.values(elements).reduce((acc, element) => {\n if (element.id === \"root\") {\n return {\n ...acc,\n [element.id]: {\n id: element.id,\n label: \"Root\",\n image: \"\"\n }\n };\n }\n\n const component = components[element.component.name] ?? {\n label: \"\",\n image: null,\n canDrag: false\n };\n\n const parentId = element.parent!.id;\n const slot = element.parent!.slot;\n\n return {\n ...acc,\n [element.id]: {\n id: element.id,\n label: component?.label ?? component?.name ?? \"\",\n image: component.image,\n canDrag: component.canDrag,\n parent: {\n id: parentId,\n slot,\n index: getIndex(element.id, parentId, slot)\n }\n }\n };\n }, {});\n}\n\nexport const Navigator = observer(() => {\n const editor = useDocumentEditor();\n const [activeElement] = useActiveElement();\n\n const document = editor.getDocumentState().read();\n const elements = document.elements;\n const bindings = document.bindings;\n const treeKey = document.id;\n\n const components = useSelectFromEditor(state => {\n return state.components;\n });\n\n const elementNodes = getElementNodeData({ components, elements, bindings });\n\n const activeAncestors = useMemo(() => {\n if (!activeElement) {\n return [];\n }\n\n const ancestors: string[] = [activeElement.id];\n let parent = elementNodes[activeElement.id].parent;\n while (parent) {\n ancestors.push(parent.id);\n parent = elementNodes[parent.id].parent;\n }\n return ancestors.reverse();\n }, [elementNodes, activeElement]);\n\n const nodes = useMemo(() => {\n return flattenElements(elementNodes, activeElement?.id).sort((a, b) => {\n return a.data!.parent.index - b.data!.parent.index;\n });\n }, [elementNodes, activeElement]);\n\n const highlightElement = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault();\n const nodeId = e.currentTarget.getAttribute(\"data-node-id\");\n\n if (nodeId) {\n editor.executeCommand(Commands.HighlightElement, { id: nodeId });\n }\n }, []);\n\n const activateElement = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault();\n const nodeId = e.currentTarget.getAttribute(\"data-node-id\");\n\n if (nodeId) {\n editor.executeCommand(Commands.SelectElement, { id: nodeId });\n }\n }, []);\n\n const renderer: TreeProps[\"renderer\"] = node => {\n return (\n <Tree.Item.Content\n data-node-id={node.id}\n onMouseOver={highlightElement}\n onClick={activateElement}\n >\n <Tree.Item.Icon label={node.label} element={node.icon} size={\"sm\"} />\n {node.label}\n <div className={\"flex w-full justify-end\"}>\n <ElementActions elementId={node.id} />\n </div>\n </Tree.Item.Content>\n );\n };\n\n if (Object.keys(elementNodes).length <= 1) {\n return <InfoMessage message={\"No elements to display.\"} />;\n }\n\n return (\n <Tree\n key={treeKey}\n autoExpandOnDragOver={false}\n insertDroppableFirst={false}\n nodes={nodes}\n rootId={\"root\"}\n renderer={renderer}\n sort={false}\n defaultOpenNodeIds={activeAncestors}\n dropTargetOffset={5}\n placeholderRender={(node, { depth }) => {\n return <Placeholder depth={depth} node={node} />;\n }}\n onDrop={(newTree, { dragSource }) => {\n if (!dragSource \|\| !dragSource.data) {\n return;\n }\n\n const parent = dragSource.data.parent;\n\n const sameLevelNodes = newTree.filter(n => n.parentId === dragSource.parentId);\n const newIndex = sameLevelNodes.findIndex(n => n.id === dragSource.id);\n editor.executeCommand(Commands.MoveElement, {\n elementId: dragSource.id,\n parentId: parent.id,\n slot: parent.slot,\n index: newIndex\n });\n }}\n canDrag={node => node.data?.draggable ?? true}\n canDrop={(_, { dragSource, dropTargetId }) => {\n // Only allow dropping within the same parent (for now).\n if (dragSource?.parentId === dropTargetId) {\n return true;\n }\n return false;\n }}\n />\n );\n});\n\ntype PlaceholderProps = {\n node: any;\n depth: number;\n};\n\nconst Placeholder = (props: PlaceholderProps) => (\n <div\n className={\"bg-primary\"}\n style={{\n height: 2,\n zIndex: 999,\n position: \"absolute\",\n right: 0,\n transform: \"translateY(-50%)\",\n top: -2,\n left: props.depth * 24\n }}\n ></div>\n);\n\nconst ElementActions = ({ elementId }: { elementId: string }) => {\n const { styles, onChange } = useStyles(elementId);\n\n const isVisible = styles.display !== \"none\";\n\n const unhideElement = () => {\n onChange(({ styles }) => {\n styles.set(\"display\", \"flex\");\n });\n };\n\n if (isVisible) {\n return null;\n }\n\n return (\n <div className={\"flex\"}>\n <Tooltip\n trigger={\n <Tree.Item.Icon\n size={\"sm\"}\n className={\"cursor-pointer\"}\n element={<VisibilityNone />}\n label={\"This element is hidden.\"}\n onClick={unhideElement}\n />\n }\n content={\"This element is hidden. Click to unhide.\"}\n />\n </div>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AACnD,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAAuBC,IAAI,EAAkBC,OAAO,QAAQ,kBAAkB;AAC9E,SAASC,cAAc,IAAIC,cAAc,QAAQ,kCAAkC;AAEnF,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAE5B,SAASC,iBAAiB;AAC1B,SAASC,QAAQ;AACjB,SAASC,SAAS;AAClB,SAASC,WAAW;AACpB,SAASC,SAAS;;AAElB;;AAWA;;AAaA,SAASC,eAAeA,CAACC,QAAyC,EAAEC,eAAwB,EAAE;EAC1F,MAAMC,MAAqB,GAAG,EAAE;EAChC,MAAMC,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACL,QAAQ,CAAC;EAEvC,KAAK,MAAMM,GAAG,IAAIN,QAAQ,EAAE;IACxB,MAAMO,IAAI,GAAGP,QAAQ,CAACM,GAAG,CAAC;;IAE1B;IACA,IAAI,CAACC,IAAI,CAACC,MAAM,EAAE;MACd;IACJ;IAEAN,MAAM,CAACO,IAAI,CAAC;MACRC,EAAE,EAAEH,IAAI,CAACG,EAAE;MACXC,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBC,QAAQ,EAAEL,IAAI,CAACC,MAAM,CAACE,EAAE;MACxBG,MAAM,EAAEN,IAAI,CAACG,EAAE,KAAKT,eAAe;MACnCa,SAAS,EAAEX,OAAO,CAACY,MAAM,CAACC,EAAE,IAAIA,EAAE,CAACR,MAAM,EAAEE,EAAE,KAAKH,IAAI,CAACG,EAAE,CAAC,CAACO,MAAM,GAAG,CAAC;MACrEC,IAAI,EAAE;QACFV,MAAM,EAAED,IAAI,CAACC,MAAM;QACnBW,IAAI,EAAEZ,IAAI,CAACa,KAAK,gBACZrC,KAAA,CAAAsC,aAAA,CAACzB,SAAS;UAAC0B,GAAG,EAAEf,IAAI,CAACa,KAAM;UAACG,SAAS,EAAE;QAAsB,CAAE,CAAC,gBAEhExC,KAAA,CAAAsC,aAAA,CAAAtC,KAAA,CAAAyC,QAAA,MAAI,CACP;QACDC,SAAS,EAAElB,IAAI,CAACmB;MACpB;IACJ,CAAC,CAAC;EACN;EAEA,OAAOxB,MAAM;AACjB;AAQA,SAASyB,kBAAkBA,CAAC;EACxBC,UAAU;EACV5B,QAAQ;EACR6B;AACsB,CAAC,EAAmC;EAC1D,MAAMC,QAAQ,GAAGA,CAACC,SAAiB,EAAEnB,QAAgB,EAAEoB,IAAY,KAAK;IACpE,MAAMC,eAAe,GAAGJ,QAAQ,CAACjB,QAAQ,CAAC;IAC1C,IAAI,CAACqB,eAAe,EAAE;MAClB,OAAO,CAAC,CAAC;IACb;IAEA,MAAMC,SAAS,GAAGhD,GAAG,CAAC+C,eAAe,EAAE,UAAUD,IAAI,EAAE,CAAC;IACxD,IAAI,CAACE,SAAS,EAAE;MACZ,OAAO,CAAC,CAAC;IACb;IAEA,IAAIA,SAAS,CAACC,IAAI,EAAE;MAChB,OAAOD,SAAS,CAACE,MAAM,CAACC,OAAO,CAACN,SAAS,CAAC;IAC9C;IAEA,OAAO,CAAC,CAAC;EACb,CAAC;EAED,OAAO3B,MAAM,CAACC,MAAM,CAACL,QAAQ,CAAC,CAACsC,MAAM,CAAC,CAACC,GAAG,EAAEC,OAAO,KAAK;IACpD,IAAIA,OAAO,CAAC9B,EAAE,KAAK,MAAM,EAAE;MACvB,OAAO;QACH,GAAG6B,GAAG;QACN,CAACC,OAAO,CAAC9B,EAAE,GAAG;UACVA,EAAE,EAAE8B,OAAO,CAAC9B,EAAE;UACdC,KAAK,EAAE,MAAM;UACbS,KAAK,EAAE;QACX;MACJ,CAAC;IACL;IAEA,MAAMqB,SAAS,GAAGb,UAAU,CAACY,OAAO,CAACC,SAAS,CAACC,IAAI,CAAC,IAAI;MACpD/B,KAAK,EAAE,EAAE;MACTS,KAAK,EAAE,IAAI;MACXM,OAAO,EAAE;IACb,CAAC;IAED,MAAMd,QAAQ,GAAG4B,OAAO,CAAChC,MAAM,CAAEE,EAAE;IACnC,MAAMsB,IAAI,GAAGQ,OAAO,CAAChC,MAAM,CAAEwB,IAAI;IAEjC,OAAO;MACH,GAAGO,GAAG;MACN,CAACC,OAAO,CAAC9B,EAAE,GAAG;QACVA,EAAE,EAAE8B,OAAO,CAAC9B,EAAE;QACdC,KAAK,EAAE8B,SAAS,EAAE9B,KAAK,IAAI8B,SAAS,EAAEC,IAAI,IAAI,EAAE;QAChDtB,KAAK,EAAEqB,SAAS,CAACrB,KAAK;QACtBM,OAAO,EAAEe,SAAS,CAACf,OAAO;QAC1BlB,MAAM,EAAE;UACJE,EAAE,EAAEE,QAAQ;UACZoB,IAAI;UACJW,KAAK,EAAEb,QAAQ,CAACU,OAAO,CAAC9B,EAAE,EAAEE,QAAQ,EAAEoB,IAAI;QAC9C;MACJ;IACJ,CAAC;EACL,CAAC,EAAE,CAAC,CAAC,CAAC;AACV;AAEA,OAAO,MAAMY,SAAS,GAAGzD,QAAQ,CAAC,MAAM;EACpC,MAAM0D,MAAM,GAAGnD,iBAAiB,CAAC,CAAC;EAClC,MAAM,CAACoD,aAAa,CAAC,GAAGtD,gBAAgB,CAAC,CAAC;EAE1C,MAAMuD,QAAQ,GAAGF,MAAM,CAACG,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;EACjD,MAAMjD,QAAQ,GAAG+C,QAAQ,CAAC/C,QAAQ;EAClC,MAAM6B,QAAQ,GAAGkB,QAAQ,CAAClB,QAAQ;EAClC,MAAMqB,OAAO,GAAGH,QAAQ,CAACrC,EAAE;EAE3B,MAAMkB,UAAU,GAAGnC,mBAAmB,CAAC0D,KAAK,IAAI;IAC5C,OAAOA,KAAK,CAACvB,UAAU;EAC3B,CAAC,CAAC;EAEF,MAAMwB,YAAY,GAAGzB,kBAAkB,CAAC;IAAEC,UAAU;IAAE5B,QAAQ;IAAE6B;EAAS,CAAC,CAAC;EAE3E,MAAMwB,eAAe,GAAGrE,OAAO,CAAC,MAAM;IAClC,IAAI,CAAC8D,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IAEA,MAAMQ,SAAmB,GAAG,CAACR,aAAa,CAACpC,EAAE,CAAC;IAC9C,IAAIF,MAAM,GAAG4C,YAAY,CAACN,aAAa,CAACpC,EAAE,CAAC,CAACF,MAAM;IAClD,OAAOA,MAAM,EAAE;MACX8C,SAAS,CAAC7C,IAAI,CAACD,MAAM,CAACE,EAAE,CAAC;MACzBF,MAAM,GAAG4C,YAAY,CAAC5C,MAAM,CAACE,EAAE,CAAC,CAACF,MAAM;IAC3C;IACA,OAAO8C,SAAS,CAACC,OAAO,CAAC,CAAC;EAC9B,CAAC,EAAE,CAACH,YAAY,EAAEN,aAAa,CAAC,CAAC;EAEjC,MAAMU,KAAK,GAAGxE,OAAO,CAAC,MAAM;IACxB,OAAOe,eAAe,CAACqD,YAAY,EAAEN,aAAa,EAAEpC,EAAE,CAAC,CAAC+C,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;MACnE,OAAOD,CAAC,CAACxC,IAAI,CAAEV,MAAM,CAACmC,KAAK,GAAGgB,CAAC,CAACzC,IAAI,CAAEV,MAAM,CAACmC,KAAK;IACtD,CAAC,CAAC;EACN,CAAC,EAAE,CAACS,YAAY,EAAEN,aAAa,CAAC,CAAC;EAEjC,MAAMc,gBAAgB,GAAG3E,WAAW,CAAE4E,CAAmC,IAAK;IAC1EA,CAAC,CAACC,cAAc,CAAC,CAAC;IAClB,MAAMC,MAAM,GAAGF,CAAC,CAACG,aAAa,CAACC,YAAY,CAAC,cAAc,CAAC;IAE3D,IAAIF,MAAM,EAAE;MACRlB,MAAM,CAACqB,cAAc,CAACvE,QAAQ,CAACwE,gBAAgB,EAAE;QAAEzD,EAAE,EAAEqD;MAAO,CAAC,CAAC;IACpE;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,eAAe,GAAGnF,WAAW,CAAE4E,CAAmC,IAAK;IACzEA,CAAC,CAACC,cAAc,CAAC,CAAC;IAClB,MAAMC,MAAM,GAAGF,CAAC,CAACG,aAAa,CAACC,YAAY,CAAC,cAAc,CAAC;IAE3D,IAAIF,MAAM,EAAE;MACRlB,MAAM,CAACqB,cAAc,CAACvE,QAAQ,CAAC0E,aAAa,EAAE;QAAE3D,EAAE,EAAEqD;MAAO,CAAC,CAAC;IACjE;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,QAA+B,GAAG/D,IAAI,IAAI;IAC5C,oBACIxB,KAAA,CAAAsC,aAAA,CAACjC,IAAI,CAACmF,IAAI,CAACC,OAAO;MACd,gBAAcjE,IAAI,CAACG,EAAG;MACtB+D,WAAW,EAAEb,gBAAiB;MAC9Bc,OAAO,EAAEN;IAAgB,gBAEzBrF,KAAA,CAAAsC,aAAA,CAACjC,IAAI,CAACmF,IAAI,CAACI,IAAI;MAAChE,KAAK,EAAEJ,IAAI,CAACI,KAAM;MAAC6B,OAAO,EAAEjC,IAAI,CAACY,IAAK;MAACyD,IAAI,EAAE;IAAK,CAAE,CAAC,EACpErE,IAAI,CAACI,KAAK,eACX5B,KAAA,CAAAsC,aAAA;MAAKE,SAAS,EAAE;IAA0B,gBACtCxC,KAAA,CAAAsC,aAAA,CAACwD,cAAc;MAAC9C,SAAS,EAAExB,IAAI,CAACG;IAAG,CAAE,CACpC,CACU,CAAC;EAE5B,CAAC;EAED,IAAIN,MAAM,CAAC0E,IAAI,CAAC1B,YAAY,CAAC,CAACnC,MAAM,IAAI,CAAC,EAAE;IACvC,oBAAOlC,KAAA,CAAAsC,aAAA,CAACxB,WAAW;MAACkF,OAAO,EAAE;IAA0B,CAAE,CAAC;EAC9D;EAEA,oBACIhG,KAAA,CAAAsC,aAAA,CAACjC,IAAI;IACDkB,GAAG,EAAE4C,OAAQ;IACb8B,oBAAoB,EAAE,KAAM;IAC5BC,oBAAoB,EAAE,KAAM;IAC5BzB,KAAK,EAAEA,KAAM;IACb0B,MAAM,EAAE,MAAO;IACfZ,QAAQ,EAAEA,QAAS;IACnBb,IAAI,EAAE,KAAM;IACZ0B,kBAAkB,EAAE9B,eAAgB;IACpC+B,gBAAgB,EAAE,CAAE;IACpBC,iBAAiB,EAAEA,CAAC9E,IAAI,EAAE;MAAE+E;IAAM,CAAC,KAAK;MACpC,oBAAOvG,KAAA,CAAAsC,aAAA,CAACkE,WAAW;QAACD,KAAK,EAAEA,KAAM;QAAC/E,IAAI,EAAEA;MAAK,CAAE,CAAC;IACpD,CAAE;IACFiF,MAAM,EAAEA,CAACC,OAAO,EAAE;MAAEC;IAAW,CAAC,KAAK;MACjC,IAAI,CAACA,UAAU,IAAI,CAACA,UAAU,CAACxE,IAAI,EAAE;QACjC;MACJ;MAEA,MAAMV,MAAM,GAAGkF,UAAU,CAACxE,IAAI,CAACV,MAAM;MAErC,MAAMmF,cAAc,GAAGF,OAAO,CAAC1E,MAAM,CAAC6E,CAAC,IAAIA,CAAC,CAAChF,QAAQ,KAAK8E,UAAU,CAAC9E,QAAQ,CAAC;MAC9E,MAAMiF,QAAQ,GAAGF,cAAc,CAACG,SAAS,CAACF,CAAC,IAAIA,CAAC,CAAClF,EAAE,KAAKgF,UAAU,CAAChF,EAAE,CAAC;MACtEmC,MAAM,CAACqB,cAAc,CAACvE,QAAQ,CAACoG,WAAW,EAAE;QACxChE,SAAS,EAAE2D,UAAU,CAAChF,EAAE;QACxBE,QAAQ,EAAEJ,MAAM,CAACE,EAAE;QACnBsB,IAAI,EAAExB,MAAM,CAACwB,IAAI;QACjBW,KAAK,EAAEkD;MACX,CAAC,CAAC;IACN,CAAE;IACFnE,OAAO,EAAEnB,IAAI,IAAIA,IAAI,CAACW,IAAI,EAAEO,SAAS,IAAI,IAAK;IAC9CuE,OAAO,EAAEA,CAACC,CAAC,EAAE;MAAEP,UAAU;MAAEQ;IAAa,CAAC,KAAK;MAC1C;MACA,IAAIR,UAAU,EAAE9E,QAAQ,KAAKsF,YAAY,EAAE;QACvC,OAAO,IAAI;MACf;MACA,OAAO,KAAK;IAChB;EAAE,CACL,CAAC;AAEV,CAAC,CAAC;AAOF,MAAMX,WAAW,GAAIY,KAAuB,iBACxCpH,KAAA,CAAAsC,aAAA;EACIE,SAAS,EAAE,YAAa;EACxB6E,KAAK,EAAE;IACHC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,GAAG;IACXC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRC,SAAS,EAAE,kBAAkB;IAC7BC,GAAG,EAAE,CAAC,CAAC;IACPC,IAAI,EAAER,KAAK,CAACb,KAAK,GAAG;EACxB;AAAE,CACA,CACT;AAED,MAAMT,cAAc,GAAGA,CAAC;EAAE9C;AAAiC,CAAC,KAAK;EAC7D,MAAM;IAAE6E,MAAM;IAAEC;EAAS,CAAC,GAAG/G,SAAS,CAACiC,SAAS,CAAC;EAEjD,MAAM+E,SAAS,GAAGF,MAAM,CAACG,OAAO,KAAK,MAAM;EAE3C,MAAMC,aAAa,GAAGA,CAAA,KAAM;IACxBH,QAAQ,CAAC,CAAC;MAAED;IAAO,CAAC,KAAK;MACrBA,MAAM,CAACK,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC;IACjC,CAAC,CAAC;EACN,CAAC;EAED,IAAIH,SAAS,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBACI/H,KAAA,CAAAsC,aAAA;IAAKE,SAAS,EAAE;EAAO,gBACnBxC,KAAA,CAAAsC,aAAA,CAAChC,OAAO;IACJ6H,OAAO,eACHnI,KAAA,CAAAsC,aAAA,CAACjC,IAAI,CAACmF,IAAI,CAACI,IAAI;MACXC,IAAI,EAAE,IAAK;MACXrD,SAAS,EAAE,gBAAiB;MAC5BiB,OAAO,eAAEzD,KAAA,CAAAsC,aAAA,CAAC9B,cAAc,MAAE,CAAE;MAC5BoB,KAAK,EAAE,yBAA0B;MACjC+D,OAAO,EAAEsC;IAAc,CAC1B,CACJ;IACDG,OAAO,EAAE;EAA2C,CACvD,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Toolbar/Navigator/NavigatorTab.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import React from "react";
 import { Icon, Tabs } from "@webiny/admin-ui";
 import { ReactComponent as TreeIcon } from "@webiny/icons/account_tree.svg";
-import { ScrollableContainer } from "../../../config/Sidebar/ScrollableContainer";
-import { Navigator } from "./Navigator";
+import { ScrollableContainer } from "../../../config/Sidebar/ScrollableContainer.js";
+import { Navigator } from "./Navigator.js";
 export const NavigatorTab = () => {
   return /*#__PURE__*/React.createElement(Tabs.Tab, {
     value: "navigator",

package/BaseEditor/defaultConfig/Toolbar/Navigator/NavigatorTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Icon","Tabs","ReactComponent","TreeIcon","ScrollableContainer","Navigator","NavigatorTab","createElement","Tab","value","trigger","spacing","icon","label","content"],"sources":["NavigatorTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, Tabs } from \"@webiny/admin-ui\";\nimport { ReactComponent as TreeIcon } from \"@webiny/icons/account_tree.svg\";\nimport { ScrollableContainer } from \"~/BaseEditor/config/Sidebar/ScrollableContainer\";\nimport { Navigator } from \"./Navigator\";\n\nexport const NavigatorTab = () => {\n return (\n <Tabs.Tab\n value=\"navigator\"\n trigger={\"Navigator\"}\n spacing={\"sm\"}\n icon={<Icon icon={<TreeIcon />} label={\"Navigator\"} />}\n content={\n <ScrollableContainer>\n <Navigator />\n </ScrollableContainer>\n }\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASC,mBAAmB;AAC5B,SAASC,SAAS;AAElB,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBACIP,KAAA,CAAAQ,aAAA,CAACN,IAAI,CAACO,GAAG;IACLC,KAAK,EAAC,WAAW;IACjBC,OAAO,EAAE,WAAY;IACrBC,OAAO,EAAE,IAAK;IACdC,IAAI,eAAEb,KAAA,CAAAQ,aAAA,CAACP,IAAI;MAACY,IAAI,eAAEb,KAAA,CAAAQ,aAAA,CAACJ,QAAQ,MAAE,CAAE;MAACU,KAAK,EAAE;IAAY,CAAE,CAAE;IACvDC,OAAO,eACHf,KAAA,CAAAQ,aAAA,CAACH,mBAAmB,qBAChBL,KAAA,CAAAQ,aAAA,CAACF,SAAS,MAAE,CACK;EACxB,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Icon","Tabs","ReactComponent","TreeIcon","ScrollableContainer","Navigator","NavigatorTab","createElement","Tab","value","trigger","spacing","icon","label","content"],"sources":["NavigatorTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, Tabs } from \"@webiny/admin-ui\";\nimport { ReactComponent as TreeIcon } from \"@webiny/icons/account_tree.svg\";\nimport { ScrollableContainer } from \"~/BaseEditor/config/Sidebar/ScrollableContainer.js\";\nimport { Navigator } from \"./Navigator.js\";\n\nexport const NavigatorTab = () => {\n return (\n <Tabs.Tab\n value=\"navigator\"\n trigger={\"Navigator\"}\n spacing={\"sm\"}\n icon={<Icon icon={<TreeIcon />} label={\"Navigator\"} />}\n content={\n <ScrollableContainer>\n <Navigator />\n </ScrollableContainer>\n }\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASC,mBAAmB;AAC5B,SAASC,SAAS;AAElB,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,oBACIP,KAAA,CAAAQ,aAAA,CAACN,IAAI,CAACO,GAAG;IACLC,KAAK,EAAC,WAAW;IACjBC,OAAO,EAAE,WAAY;IACrBC,OAAO,EAAE,IAAK;IACdC,IAAI,eAAEb,KAAA,CAAAQ,aAAA,CAACP,IAAI;MAACY,IAAI,eAAEb,KAAA,CAAAQ,aAAA,CAACJ,QAAQ,MAAE,CAAE;MAACU,KAAK,EAAE;IAAY,CAAE,CAAE;IACvDC,OAAO,eACHf,KAAA,CAAAQ,aAAA,CAACH,mBAAmB,qBAChBL,KAAA,CAAAQ,aAAA,CAACF,SAAS,MAAE,CACK;EACxB,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Toolbar/Navigator/index.d.ts CHANGED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Navigator } from "./Navigator.js";
2	+ export { NavigatorTab } from "./NavigatorTab.js";

package/BaseEditor/defaultConfig/Toolbar/Navigator/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
+export { Navigator } from "./Navigator.js";
+export { NavigatorTab } from "./NavigatorTab.js";
 //# sourceMappingURL=index.js.map

package/BaseEditor/defaultConfig/Toolbar/Navigator/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":[""],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":["Navigator","NavigatorTab"],"sources":["index.ts"],"sourcesContent":["export { Navigator } from \"./Navigator.js\";\nexport { NavigatorTab } from \"./NavigatorTab.js\";\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SAASC,YAAY","ignoreList":[]}

package/BaseEditor/hooks/Boxes.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { BoxData } from "@webiny/website-builder-sdk";
-import { Box } from "../defaultConfig/Content/Preview/Box";
+import { Box } from "../../BaseEditor/defaultConfig/Content/Preview/Box.js";
 export declare class Boxes {
     private readonly boxes;
     constructor(initial: Record<string, BoxData>);
@@ -10,6 +10,6 @@ export declare class Boxes {
         isFirst: boolean;
         isLast: boolean;
     }) => T): T[];
-    entries(): IterableIterator<[string, Box]>;
+    entries(): MapIterator<[string, Box]>;
     toObject(): Record<string, BoxData>;
 }

package/BaseEditor/hooks/Boxes.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Box } from "../defaultConfig/Content/Preview/Box";
+import { Box } from "../defaultConfig/Content/Preview/Box.js";
 export class Boxes {
   constructor(initial) {
     this.boxes = new Map(Object.entries(initial).map(([id, box]) => {

package/BaseEditor/hooks/Boxes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Box","Boxes","constructor","initial","boxes","Map","Object","entries","map","id","box","get","filter","predicate","result","toObject","transform","Array","from","index","length","isFirst","isLast","push","obj"],"sources":["Boxes.ts"],"sourcesContent":["import type { BoxData } from \"@webiny/website-builder-sdk\";\nimport { Box } from \"~/BaseEditor/defaultConfig/Content/Preview/Box\";\n\nexport class Boxes {\n private readonly boxes: Map<string, Box>;\n\n constructor(initial: Record<string, BoxData>) {\n this.boxes = new Map(\n Object.entries(initial).map(([id, box]) => {\n return [id, new Box(id, box)];\n })\n );\n }\n\n get(id: string): Box \| undefined {\n return this.boxes.get(id);\n }\n\n filter(predicate: (box: Box) => boolean): Boxes {\n const result: Record<string, BoxData> = {};\n for (const [id, box] of this.boxes) {\n if (predicate(box)) {\n result[id] = box.toObject();\n }\n }\n return new Boxes(result);\n }\n\n map<T>(\n transform: (box: Box, meta: { index: number; isFirst: boolean; isLast: boolean }) => T\n ): T[] {\n const result: T[] = [];\n const entries = Array.from(this.boxes.entries());\n\n for (let index = 0; index < entries.length; index++) {\n const [, box] = entries[index];\n const isFirst = index === 0;\n const isLast = index === entries.length - 1;\n result.push(transform(box, { index, isFirst, isLast }));\n }\n\n return result;\n }\n\n entries() {\n return this.boxes.entries();\n }\n\n toObject(): Record<string, BoxData> {\n const obj: Record<string, BoxData> = {};\n for (const [id, box] of this.boxes) {\n obj[id] = box.toObject();\n }\n return obj;\n }\n}\n"],"mappings":"AACA,SAASA,GAAG;AAEZ,OAAO,MAAMC,KAAK,CAAC;EAGfC,WAAWA,CAACC,OAAgC,EAAE;IAC1C,IAAI,CAACC,KAAK,GAAG,IAAIC,GAAG,CAChBC,MAAM,CAACC,OAAO,CAACJ,OAAO,CAAC,CAACK,GAAG,CAAC,CAAC,CAACC,EAAE,EAAEC,GAAG,CAAC,KAAK;MACvC,OAAO,CAACD,EAAE,EAAE,IAAIT,GAAG,CAACS,EAAE,EAAEC,GAAG,CAAC,CAAC;IACjC,CAAC,CACL,CAAC;EACL;EAEAC,GAAGA,CAACF,EAAU,EAAmB;IAC7B,OAAO,IAAI,CAACL,KAAK,CAACO,GAAG,CAACF,EAAE,CAAC;EAC7B;EAEAG,MAAMA,CAACC,SAAgC,EAAS;IAC5C,MAAMC,MAA+B,GAAG,CAAC,CAAC;IAC1C,KAAK,MAAM,CAACL,EAAE,EAAEC,GAAG,CAAC,IAAI,IAAI,CAACN,KAAK,EAAE;MAChC,IAAIS,SAAS,CAACH,GAAG,CAAC,EAAE;QAChBI,MAAM,CAACL,EAAE,CAAC,GAAGC,GAAG,CAACK,QAAQ,CAAC,CAAC;MAC/B;IACJ;IACA,OAAO,IAAId,KAAK,CAACa,MAAM,CAAC;EAC5B;EAEAN,GAAGA,CACCQ,SAAsF,EACnF;IACH,MAAMF,MAAW,GAAG,EAAE;IACtB,MAAMP,OAAO,GAAGU,KAAK,CAACC,IAAI,CAAC,IAAI,CAACd,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;IAEhD,KAAK,IAAIY,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGZ,OAAO,CAACa,MAAM,EAAED,KAAK,EAAE,EAAE;MACjD,MAAM,GAAGT,GAAG,CAAC,GAAGH,OAAO,CAACY,KAAK,CAAC;MAC9B,MAAME,OAAO,GAAGF,KAAK,KAAK,CAAC;MAC3B,MAAMG,MAAM,GAAGH,KAAK,KAAKZ,OAAO,CAACa,MAAM,GAAG,CAAC;MAC3CN,MAAM,CAACS,IAAI,CAACP,SAAS,CAACN,GAAG,EAAE;QAAES,KAAK;QAAEE,OAAO;QAAEC;MAAO,CAAC,CAAC,CAAC;IAC3D;IAEA,OAAOR,MAAM;EACjB;EAEAP,OAAOA,CAAA,EAAG;IACN,OAAO,IAAI,CAACH,KAAK,CAACG,OAAO,CAAC,CAAC;EAC/B;EAEAQ,QAAQA,CAAA,EAA4B;IAChC,MAAMS,GAA4B,GAAG,CAAC,CAAC;IACvC,KAAK,MAAM,CAACf,EAAE,EAAEC,GAAG,CAAC,IAAI,IAAI,CAACN,KAAK,EAAE;MAChCoB,GAAG,CAACf,EAAE,CAAC,GAAGC,GAAG,CAACK,QAAQ,CAAC,CAAC;IAC5B;IACA,OAAOS,GAAG;EACd;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["Box","Boxes","constructor","initial","boxes","Map","Object","entries","map","id","box","get","filter","predicate","result","toObject","transform","Array","from","index","length","isFirst","isLast","push","obj"],"sources":["Boxes.ts"],"sourcesContent":["import type { BoxData } from \"@webiny/website-builder-sdk\";\nimport { Box } from \"~/BaseEditor/defaultConfig/Content/Preview/Box.js\";\n\nexport class Boxes {\n private readonly boxes: Map<string, Box>;\n\n constructor(initial: Record<string, BoxData>) {\n this.boxes = new Map(\n Object.entries(initial).map(([id, box]) => {\n return [id, new Box(id, box)];\n })\n );\n }\n\n get(id: string): Box \| undefined {\n return this.boxes.get(id);\n }\n\n filter(predicate: (box: Box) => boolean): Boxes {\n const result: Record<string, BoxData> = {};\n for (const [id, box] of this.boxes) {\n if (predicate(box)) {\n result[id] = box.toObject();\n }\n }\n return new Boxes(result);\n }\n\n map<T>(\n transform: (box: Box, meta: { index: number; isFirst: boolean; isLast: boolean }) => T\n ): T[] {\n const result: T[] = [];\n const entries = Array.from(this.boxes.entries());\n\n for (let index = 0; index < entries.length; index++) {\n const [, box] = entries[index];\n const isFirst = index === 0;\n const isLast = index === entries.length - 1;\n result.push(transform(box, { index, isFirst, isLast }));\n }\n\n return result;\n }\n\n entries() {\n return this.boxes.entries();\n }\n\n toObject(): Record<string, BoxData> {\n const obj: Record<string, BoxData> = {};\n for (const [id, box] of this.boxes) {\n obj[id] = box.toObject();\n }\n return obj;\n }\n}\n"],"mappings":"AACA,SAASA,GAAG;AAEZ,OAAO,MAAMC,KAAK,CAAC;EAGfC,WAAWA,CAACC,OAAgC,EAAE;IAC1C,IAAI,CAACC,KAAK,GAAG,IAAIC,GAAG,CAChBC,MAAM,CAACC,OAAO,CAACJ,OAAO,CAAC,CAACK,GAAG,CAAC,CAAC,CAACC,EAAE,EAAEC,GAAG,CAAC,KAAK;MACvC,OAAO,CAACD,EAAE,EAAE,IAAIT,GAAG,CAACS,EAAE,EAAEC,GAAG,CAAC,CAAC;IACjC,CAAC,CACL,CAAC;EACL;EAEAC,GAAGA,CAACF,EAAU,EAAmB;IAC7B,OAAO,IAAI,CAACL,KAAK,CAACO,GAAG,CAACF,EAAE,CAAC;EAC7B;EAEAG,MAAMA,CAACC,SAAgC,EAAS;IAC5C,MAAMC,MAA+B,GAAG,CAAC,CAAC;IAC1C,KAAK,MAAM,CAACL,EAAE,EAAEC,GAAG,CAAC,IAAI,IAAI,CAACN,KAAK,EAAE;MAChC,IAAIS,SAAS,CAACH,GAAG,CAAC,EAAE;QAChBI,MAAM,CAACL,EAAE,CAAC,GAAGC,GAAG,CAACK,QAAQ,CAAC,CAAC;MAC/B;IACJ;IACA,OAAO,IAAId,KAAK,CAACa,MAAM,CAAC;EAC5B;EAEAN,GAAGA,CACCQ,SAAsF,EACnF;IACH,MAAMF,MAAW,GAAG,EAAE;IACtB,MAAMP,OAAO,GAAGU,KAAK,CAACC,IAAI,CAAC,IAAI,CAACd,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;IAEhD,KAAK,IAAIY,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGZ,OAAO,CAACa,MAAM,EAAED,KAAK,EAAE,EAAE;MACjD,MAAM,GAAGT,GAAG,CAAC,GAAGH,OAAO,CAACY,KAAK,CAAC;MAC9B,MAAME,OAAO,GAAGF,KAAK,KAAK,CAAC;MAC3B,MAAMG,MAAM,GAAGH,KAAK,KAAKZ,OAAO,CAACa,MAAM,GAAG,CAAC;MAC3CN,MAAM,CAACS,IAAI,CAACP,SAAS,CAACN,GAAG,EAAE;QAAES,KAAK;QAAEE,OAAO;QAAEC;MAAO,CAAC,CAAC,CAAC;IAC3D;IAEA,OAAOR,MAAM;EACjB;EAEAP,OAAOA,CAAA,EAAG;IACN,OAAO,IAAI,CAACH,KAAK,CAACG,OAAO,CAAC,CAAC;EAC/B;EAEAQ,QAAQA,CAAA,EAA4B;IAChC,MAAMS,GAA4B,GAAG,CAAC,CAAC;IACvC,KAAK,MAAM,CAACf,EAAE,EAAEC,GAAG,CAAC,IAAI,IAAI,CAACN,KAAK,EAAE;MAChCoB,GAAG,CAACf,EAAE,CAAC,GAAGC,GAAG,CAACK,QAAQ,CAAC,CAAC;IAC5B;IACA,OAAOS,GAAG;EACd;AACJ","ignoreList":[]}

package/BaseEditor/hooks/useActiveElement.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { autorun, toJS } from "mobx";
 import { useCallback, useEffect, useState } from "react";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { Commands } from "../commands";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { Commands } from "../commands.js";
 import deepEqual from "deep-equal";
 export const useActiveElement = () => {
   const [activeElement, setActiveElement] = useState(null);

package/BaseEditor/hooks/useActiveElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["autorun","toJS","useCallback","useEffect","useState","useDocumentEditor","Commands","deepEqual","useActiveElement","activeElement","setActiveElement","editor","editorState","getEditorState","read","documentState","getDocumentState","activeElementId","selectedElement","newElement","elements","setActiveElementId","id","executeCommand","SelectElement"],"sources":["useActiveElement.ts"],"sourcesContent":["import { autorun, toJS } from \"mobx\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport type { DocumentElement } from \"@webiny/website-builder-sdk\";\nimport { Commands } from \"../commands\";\nimport deepEqual from \"deep-equal\";\n\nexport const useActiveElement = () => {\n const [activeElement, setActiveElement] = useState<DocumentElement \| null>(null);\n const editor = useDocumentEditor();\n\n useEffect(() => {\n return autorun(() => {\n const editorState = editor.getEditorState().read();\n const documentState = editor.getDocumentState().read();\n\n const activeElementId = editorState.selectedElement;\n\n if (activeElementId) {\n const newElement = toJS(documentState.elements[activeElementId]);\n if (!deepEqual(newElement, activeElement)) {\n setActiveElement(newElement);\n }\n } else {\n setActiveElement(null);\n }\n });\n }, [activeElement]);\n\n const setActiveElementId = useCallback(\n (id: string \| null) => {\n editor.executeCommand(Commands.SelectElement, { id });\n },\n [editor]\n );\n\n return [activeElement, setActiveElementId] as const;\n};\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,IAAI,QAAQ,MAAM;AACpC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,iBAAiB;AAE1B,SAASC,QAAQ;AACjB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGN,QAAQ,CAAyB,IAAI,CAAC;EAChF,MAAMO,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAElCF,SAAS,CAAC,MAAM;IACZ,OAAOH,OAAO,CAAC,MAAM;MACjB,MAAMY,WAAW,GAAGD,MAAM,CAACE,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;MAClD,MAAMC,aAAa,GAAGJ,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACF,IAAI,CAAC,CAAC;MAEtD,MAAMG,eAAe,GAAGL,WAAW,CAACM,eAAe;MAEnD,IAAID,eAAe,EAAE;QACjB,MAAME,UAAU,GAAGlB,IAAI,CAACc,aAAa,CAACK,QAAQ,CAACH,eAAe,CAAC,CAAC;QAChE,IAAI,CAACV,SAAS,CAACY,UAAU,EAAEV,aAAa,CAAC,EAAE;UACvCC,gBAAgB,CAACS,UAAU,CAAC;QAChC;MACJ,CAAC,MAAM;QACHT,gBAAgB,CAAC,IAAI,CAAC;MAC1B;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,aAAa,CAAC,CAAC;EAEnB,MAAMY,kBAAkB,GAAGnB,WAAW,CACjCoB,EAAiB,IAAK;IACnBX,MAAM,CAACY,cAAc,CAACjB,QAAQ,CAACkB,aAAa,EAAE;MAAEF;IAAG,CAAC,CAAC;EACzD,CAAC,EACD,CAACX,MAAM,CACX,CAAC;EAED,OAAO,CAACF,aAAa,EAAEY,kBAAkB,CAAC;AAC9C,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["autorun","toJS","useCallback","useEffect","useState","useDocumentEditor","Commands","deepEqual","useActiveElement","activeElement","setActiveElement","editor","editorState","getEditorState","read","documentState","getDocumentState","activeElementId","selectedElement","newElement","elements","setActiveElementId","id","executeCommand","SelectElement"],"sources":["useActiveElement.ts"],"sourcesContent":["import { autorun, toJS } from \"mobx\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport type { DocumentElement } from \"@webiny/website-builder-sdk\";\nimport { Commands } from \"../commands.js\";\nimport deepEqual from \"deep-equal\";\n\nexport const useActiveElement = () => {\n const [activeElement, setActiveElement] = useState<DocumentElement \| null>(null);\n const editor = useDocumentEditor();\n\n useEffect(() => {\n return autorun(() => {\n const editorState = editor.getEditorState().read();\n const documentState = editor.getDocumentState().read();\n\n const activeElementId = editorState.selectedElement;\n\n if (activeElementId) {\n const newElement = toJS(documentState.elements[activeElementId]);\n if (!deepEqual(newElement, activeElement)) {\n setActiveElement(newElement);\n }\n } else {\n setActiveElement(null);\n }\n });\n }, [activeElement]);\n\n const setActiveElementId = useCallback(\n (id: string \| null) => {\n editor.executeCommand(Commands.SelectElement, { id });\n },\n [editor]\n );\n\n return [activeElement, setActiveElementId] as const;\n};\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,IAAI,QAAQ,MAAM;AACpC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,iBAAiB;AAE1B,SAASC,QAAQ;AACjB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGN,QAAQ,CAAyB,IAAI,CAAC;EAChF,MAAMO,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAElCF,SAAS,CAAC,MAAM;IACZ,OAAOH,OAAO,CAAC,MAAM;MACjB,MAAMY,WAAW,GAAGD,MAAM,CAACE,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;MAClD,MAAMC,aAAa,GAAGJ,MAAM,CAACK,gBAAgB,CAAC,CAAC,CAACF,IAAI,CAAC,CAAC;MAEtD,MAAMG,eAAe,GAAGL,WAAW,CAACM,eAAe;MAEnD,IAAID,eAAe,EAAE;QACjB,MAAME,UAAU,GAAGlB,IAAI,CAACc,aAAa,CAACK,QAAQ,CAACH,eAAe,CAAC,CAAC;QAChE,IAAI,CAACV,SAAS,CAACY,UAAU,EAAEV,aAAa,CAAC,EAAE;UACvCC,gBAAgB,CAACS,UAAU,CAAC;QAChC;MACJ,CAAC,MAAM;QACHT,gBAAgB,CAAC,IAAI,CAAC;MAC1B;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,aAAa,CAAC,CAAC;EAEnB,MAAMY,kBAAkB,GAAGnB,WAAW,CACjCoB,EAAiB,IAAK;IACnBX,MAAM,CAACY,cAAc,CAACjB,QAAQ,CAACkB,aAAa,EAAE;MAAEF;IAAG,CAAC,CAAC;EACzD,CAAC,EACD,CAACX,MAAM,CACX,CAAC;EAED,OAAO,CAACF,aAAa,EAAEY,kBAAkB,CAAC;AAC9C,CAAC","ignoreList":[]}

package/BaseEditor/hooks/useBreakpoint.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export declare const useBreakpoint: () => {
     isBaseBreakpoint: boolean;
-    breakpoint: import("@webiny/website-builder-sdk").Breakpoint;
-    breakpoints: import("@webiny/website-builder-sdk").Breakpoint[];
+    breakpoint: import("@webiny/website-builder-sdk/types").Breakpoint;
+    breakpoints: import("@webiny/website-builder-sdk/types").Breakpoint[];
     setBreakpoint: (mode: string) => void;
 };

package/BaseEditor/hooks/useBreakpoint.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { useCallback, useMemo } from "react";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { useSelectFromEditor } from "./useSelectFromEditor";
-import { BASE_BREAKPOINT } from "../../constants";
-import { useWebsiteBuilderTheme } from "../components";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { useSelectFromEditor } from "./useSelectFromEditor.js";
+import { BASE_BREAKPOINT } from "../../constants.js";
+import { useWebsiteBuilderTheme } from "../components/index.js";
 export const useBreakpoint = () => {
   const {
     theme

package/BaseEditor/hooks/useBreakpoint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useMemo","useDocumentEditor","useSelectFromEditor","BASE_BREAKPOINT","useWebsiteBuilderTheme","useBreakpoint","theme","breakpoints","editor","activeBreakpoint","state","breakpoint","name","bp","find","title","description","icon","minWidth","maxWidth","length","setBreakpoint","mode","updateEditor","isBaseBreakpoint"],"sources":["useBreakpoint.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor\";\nimport { BASE_BREAKPOINT } from \"~/constants\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components\";\n\nexport const useBreakpoint = () => {\n const { theme } = useWebsiteBuilderTheme();\n const breakpoints = theme?.breakpoints ?? [];\n\n const editor = useDocumentEditor();\n const activeBreakpoint = useSelectFromEditor<string>(state => {\n return state.breakpoint ?? breakpoints[0]?.name ?? \"desktop\";\n });\n\n const breakpoint = useMemo(() => {\n const bp = breakpoints.find(bp => bp.name === activeBreakpoint);\n return (\n bp ?? {\n name: BASE_BREAKPOINT,\n title: \"Base Breakpoint\",\n description: \"\",\n icon: \"\",\n minWidth: 0,\n maxWidth: 4000\n }\n );\n }, [activeBreakpoint, breakpoints.length]);\n\n const setBreakpoint = useCallback(\n (mode: string) => {\n editor.updateEditor(state => {\n state.breakpoint = mode;\n });\n },\n [editor]\n );\n\n return {\n isBaseBreakpoint: breakpoint.name === BASE_BREAKPOINT,\n breakpoint,\n breakpoints,\n setBreakpoint\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAM,CAAC,GAAGF,sBAAsB,CAAC,CAAC;EAC1C,MAAMG,WAAW,GAAGD,KAAK,EAAEC,WAAW,IAAI,EAAE;EAE5C,MAAMC,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAClC,MAAMQ,gBAAgB,GAAGP,mBAAmB,CAASQ,KAAK,IAAI;IAC1D,OAAOA,KAAK,CAACC,UAAU,IAAIJ,WAAW,CAAC,CAAC,CAAC,EAAEK,IAAI,IAAI,SAAS;EAChE,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,OAAO,CAAC,MAAM;IAC7B,MAAMa,EAAE,GAAGN,WAAW,CAACO,IAAI,CAACD,EAAE,IAAIA,EAAE,CAACD,IAAI,KAAKH,gBAAgB,CAAC;IAC/D,OACII,EAAE,IAAI;MACFD,IAAI,EAAET,eAAe;MACrBY,KAAK,EAAE,iBAAiB;MACxBC,WAAW,EAAE,EAAE;MACfC,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACd,CAAC;EAET,CAAC,EAAE,CAACV,gBAAgB,EAAEF,WAAW,CAACa,MAAM,CAAC,CAAC;EAE1C,MAAMC,aAAa,GAAGtB,WAAW,CAC5BuB,IAAY,IAAK;IACdd,MAAM,CAACe,YAAY,CAACb,KAAK,IAAI;MACzBA,KAAK,CAACC,UAAU,GAAGW,IAAI;IAC3B,CAAC,CAAC;EACN,CAAC,EACD,CAACd,MAAM,CACX,CAAC;EAED,OAAO;IACHgB,gBAAgB,EAAEb,UAAU,CAACC,IAAI,KAAKT,eAAe;IACrDQ,UAAU;IACVJ,WAAW;IACXc;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useMemo","useDocumentEditor","useSelectFromEditor","BASE_BREAKPOINT","useWebsiteBuilderTheme","useBreakpoint","theme","breakpoints","editor","activeBreakpoint","state","breakpoint","name","bp","find","title","description","icon","minWidth","maxWidth","length","setBreakpoint","mode","updateEditor","isBaseBreakpoint"],"sources":["useBreakpoint.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { BASE_BREAKPOINT } from \"~/constants.js\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components/index.js\";\n\nexport const useBreakpoint = () => {\n const { theme } = useWebsiteBuilderTheme();\n const breakpoints = theme?.breakpoints ?? [];\n\n const editor = useDocumentEditor();\n const activeBreakpoint = useSelectFromEditor<string>(state => {\n return state.breakpoint ?? breakpoints[0]?.name ?? \"desktop\";\n });\n\n const breakpoint = useMemo(() => {\n const bp = breakpoints.find(bp => bp.name === activeBreakpoint);\n return (\n bp ?? {\n name: BASE_BREAKPOINT,\n title: \"Base Breakpoint\",\n description: \"\",\n icon: \"\",\n minWidth: 0,\n maxWidth: 4000\n }\n );\n }, [activeBreakpoint, breakpoints.length]);\n\n const setBreakpoint = useCallback(\n (mode: string) => {\n editor.updateEditor(state => {\n state.breakpoint = mode;\n });\n },\n [editor]\n );\n\n return {\n isBaseBreakpoint: breakpoint.name === BASE_BREAKPOINT,\n breakpoint,\n breakpoints,\n setBreakpoint\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,iBAAiB;AAC1B,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAM,CAAC,GAAGF,sBAAsB,CAAC,CAAC;EAC1C,MAAMG,WAAW,GAAGD,KAAK,EAAEC,WAAW,IAAI,EAAE;EAE5C,MAAMC,MAAM,GAAGP,iBAAiB,CAAC,CAAC;EAClC,MAAMQ,gBAAgB,GAAGP,mBAAmB,CAASQ,KAAK,IAAI;IAC1D,OAAOA,KAAK,CAACC,UAAU,IAAIJ,WAAW,CAAC,CAAC,CAAC,EAAEK,IAAI,IAAI,SAAS;EAChE,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,OAAO,CAAC,MAAM;IAC7B,MAAMa,EAAE,GAAGN,WAAW,CAACO,IAAI,CAACD,EAAE,IAAIA,EAAE,CAACD,IAAI,KAAKH,gBAAgB,CAAC;IAC/D,OACII,EAAE,IAAI;MACFD,IAAI,EAAET,eAAe;MACrBY,KAAK,EAAE,iBAAiB;MACxBC,WAAW,EAAE,EAAE;MACfC,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACd,CAAC;EAET,CAAC,EAAE,CAACV,gBAAgB,EAAEF,WAAW,CAACa,MAAM,CAAC,CAAC;EAE1C,MAAMC,aAAa,GAAGtB,WAAW,CAC5BuB,IAAY,IAAK;IACdd,MAAM,CAACe,YAAY,CAACb,KAAK,IAAI;MACzBA,KAAK,CAACC,UAAU,GAAGW,IAAI;IAC3B,CAAC,CAAC;EACN,CAAC,EACD,CAACd,MAAM,CACX,CAAC;EAED,OAAO;IACHgB,gBAAgB,EAAEb,UAAU,CAACC,IAAI,KAAKT,eAAe;IACrDQ,UAAU;IACVJ,WAAW;IACXc;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/BaseEditor/hooks/useComponent.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const useComponent: (name: string) => import("@webiny/website-builder-sdk").ComponentManifest;
1	+ export declare const useComponent: (name: string) => import("@webiny/website-builder-sdk/types").ComponentManifest;

package/BaseEditor/hooks/useComponent.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useCallback } from "react";
-import { useSelectFromEditor } from "./useSelectFromEditor";
+import { useSelectFromEditor } from "./useSelectFromEditor.js";
 export const useComponent = name => {
   const selector = useCallback(state => state.components[name], [name]);
   return useSelectFromEditor(selector, [name]);

package/BaseEditor/hooks/useComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useSelectFromEditor","useComponent","name","selector","state","components"],"sources":["useComponent.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor\";\nimport type { EditorState } from \"~/editorSdk/Editor\";\n\nexport const useComponent = (name: string) => {\n const selector = useCallback((state: EditorState) => state.components[name], [name]);\n\n return useSelectFromEditor(selector, [name]);\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,mBAAmB;AAG5B,OAAO,MAAMC,YAAY,GAAIC,IAAY,IAAK;EAC1C,MAAMC,QAAQ,GAAGJ,WAAW,CAAEK,KAAkB,IAAKA,KAAK,CAACC,UAAU,CAACH,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEpF,OAAOF,mBAAmB,CAACG,QAAQ,EAAE,CAACD,IAAI,CAAC,CAAC;AAChD,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useSelectFromEditor","useComponent","name","selector","state","components"],"sources":["useComponent.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport type { EditorState } from \"~/editorSdk/Editor.js\";\n\nexport const useComponent = (name: string) => {\n const selector = useCallback((state: EditorState) => state.components[name], [name]);\n\n return useSelectFromEditor(selector, [name]);\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,mBAAmB;AAG5B,OAAO,MAAMC,YAAY,GAAIC,IAAY,IAAK;EAC1C,MAAMC,QAAQ,GAAGJ,WAAW,CAAEK,KAAkB,IAAKA,KAAK,CAACC,UAAU,CAACH,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEpF,OAAOF,mBAAmB,CAACG,QAAQ,EAAE,CAACD,IAAI,CAAC,CAAC;AAChD,CAAC","ignoreList":[]}

package/BaseEditor/hooks/useElementInputsAst.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useElementComponentManifest } from "../defaultConfig/Content/Preview/useElementComponentManifest";
+import { useElementComponentManifest } from "../defaultConfig/Content/Preview/useElementComponentManifest.js";
 import { ComponentManifestToAstConverter } from "@webiny/website-builder-sdk";
 export const useElementInputsAst = elementId => {
   const componentManifest = useElementComponentManifest(elementId ?? "");

package/BaseEditor/hooks/useElementInputsAst.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useMemo","useElementComponentManifest","ComponentManifestToAstConverter","useElementInputsAst","elementId","componentManifest","convert","inputs"],"sources":["useElementInputsAst.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useElementComponentManifest } from \"~/BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest\";\nimport { ComponentManifestToAstConverter } from \"@webiny/website-builder-sdk\";\n\nexport const useElementInputsAst = (elementId?: string) => {\n const componentManifest = useElementComponentManifest(elementId ?? \"\");\n\n return useMemo(() => {\n if (componentManifest) {\n return ComponentManifestToAstConverter.convert(componentManifest.inputs ?? []);\n }\n return [];\n }, [componentManifest?.inputs]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,2BAA2B;AACpC,SAASC,+BAA+B,QAAQ,6BAA6B;AAE7E,OAAO,MAAMC,mBAAmB,GAAIC,SAAkB,IAAK;EACvD,MAAMC,iBAAiB,GAAGJ,2BAA2B,CAACG,SAAS,IAAI,EAAE,CAAC;EAEtE,OAAOJ,OAAO,CAAC,MAAM;IACjB,IAAIK,iBAAiB,EAAE;MACnB,OAAOH,+BAA+B,CAACI,OAAO,CAACD,iBAAiB,CAACE,MAAM,IAAI,EAAE,CAAC;IAClF;IACA,OAAO,EAAE;EACb,CAAC,EAAE,CAACF,iBAAiB,EAAEE,MAAM,CAAC,CAAC;AACnC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useMemo","useElementComponentManifest","ComponentManifestToAstConverter","useElementInputsAst","elementId","componentManifest","convert","inputs"],"sources":["useElementInputsAst.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useElementComponentManifest } from \"~/BaseEditor/defaultConfig/Content/Preview/useElementComponentManifest.js\";\nimport { ComponentManifestToAstConverter } from \"@webiny/website-builder-sdk\";\n\nexport const useElementInputsAst = (elementId?: string) => {\n const componentManifest = useElementComponentManifest(elementId ?? \"\");\n\n return useMemo(() => {\n if (componentManifest) {\n return ComponentManifestToAstConverter.convert(componentManifest.inputs ?? []);\n }\n return [];\n }, [componentManifest?.inputs]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,2BAA2B;AACpC,SAASC,+BAA+B,QAAQ,6BAA6B;AAE7E,OAAO,MAAMC,mBAAmB,GAAIC,SAAkB,IAAK;EACvD,MAAMC,iBAAiB,GAAGJ,2BAA2B,CAACG,SAAS,IAAI,EAAE,CAAC;EAEtE,OAAOJ,OAAO,CAAC,MAAM;IACjB,IAAIK,iBAAiB,EAAE;MACnB,OAAOH,+BAA+B,CAACI,OAAO,CAACD,iBAAiB,CAACE,MAAM,IAAI,EAAE,CAAC;IAClF;IACA,OAAO,EAAE;EACb,CAAC,EAAE,CAACF,iBAAiB,EAAEE,MAAM,CAAC,CAAC;AACnC,CAAC","ignoreList":[]}

package/BaseEditor/hooks/useInputValue.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../defaultConfig/Sidebar/ElementSettings/useInputValue";
1	+ export * from "../defaultConfig/Sidebar/ElementSettings/useInputValue.js";

package/BaseEditor/hooks/useInputValue.js CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from "../defaultConfig/Sidebar/ElementSettings/useInputValue";
+export * from "../defaultConfig/Sidebar/ElementSettings/useInputValue.js";
 //# sourceMappingURL=useInputValue.js.map

package/BaseEditor/hooks/useInputValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["useInputValue.ts"],"sourcesContent":["export * from \"../defaultConfig/Sidebar/ElementSettings/useInputValue\";\n"],"mappings":"AAAA","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["useInputValue.ts"],"sourcesContent":["export * from \"../defaultConfig/Sidebar/ElementSettings/useInputValue.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/BaseEditor/hooks/useKeyHandler.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import isHotkey from "is-hotkey";
+import { isHotkey } from "is-hotkey";
 import { mdbid } from "@webiny/utils";
 const keyStack = {};
 let listener = false;

package/BaseEditor/hooks/useKeyHandler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","isHotkey","mdbid","keyStack","listener","filter","isContentEditable","value","includes","setupListener","document","body","addEventListener","ev","target","nodeName","contentEditable","matchedKey","Object","keys","find","key","length","item","handler","stopPropagation","addKeyHandler","id","unshift","removeKeyHandler","index","findIndex","splice","useKeyHandler","idRef","useRef","useMemo","current"],"sources":["useKeyHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport isHotkey from \"is-hotkey\";\nimport { mdbid } from \"@webiny/utils\";\n\ninterface KeyHandler {\n id: string;\n handler: any;\n}\nconst keyStack: Record<string, KeyHandler[]> = {};\n\nlet listener = false;\nconst filter = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n return [\"true\", true].includes(value);\n};\n\nconst setupListener = (): void => {\n if (listener \|\| !document.body) {\n return;\n }\n document.body.addEventListener(\"keydown\", ev => {\n if (!ev.target) {\n return;\n }\n const target = ev.target as HTMLElement;\n // We ignore all keyboard events coming from within contentEditable element and inputs.\n if (filter.includes(target.nodeName) \|\| isContentEditable(target.contentEditable)) {\n return;\n }\n\n const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n\n if (matchedKey && keyStack[matchedKey].length > 0) {\n const item = keyStack[matchedKey][0];\n item.handler(ev);\n ev.stopPropagation();\n }\n });\n\n listener = true;\n};\n\nconst addKeyHandler = (\n id: string,\n key: string,\n handler: (e: SyntheticEvent<HTMLElement>) => void\n) => {\n setupListener();\n keyStack[key] = keyStack[key] \|\| [];\n if (!keyStack[key].find(item => item.id === id)) {\n keyStack[key].unshift({ id, handler });\n }\n};\n\nconst removeKeyHandler = (id: string, key: string): void => {\n if (!keyStack[key]) {\n return;\n }\n\n const index = keyStack[key].findIndex(item => item.id === id);\n if (index >= 0) {\n keyStack[key].splice(index, 1);\n }\n};\n\ntype AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;\n\ntype RemoveKeyHandlerType = (key: string) => void;\n\nexport function useKeyHandler(): {\n addKeyHandler: AddKeyHandlerType;\n removeKeyHandler: RemoveKeyHandlerType;\n} {\n const idRef = React.useRef(mdbid());\n\n return React.useMemo(\n () => ({\n addKeyHandler(key, handler) {\n addKeyHandler(idRef.current, key, handler);\n },\n removeKeyHandler(key) {\n removeKeyHandler(idRef.current, key);\n }\n }),\n []\n );\n}\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,~~OAAOC~~,QAAQ,~~MAAM~~,WAAW;~~AAChC~~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","ignoreList":[]}
1	+ {"version":3,"names":["React","isHotkey","mdbid","keyStack","listener","filter","isContentEditable","value","includes","setupListener","document","body","addEventListener","ev","target","nodeName","contentEditable","matchedKey","Object","keys","find","key","length","item","handler","stopPropagation","addKeyHandler","id","unshift","removeKeyHandler","index","findIndex","splice","useKeyHandler","idRef","useRef","useMemo","current"],"sources":["useKeyHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport { isHotkey } from \"is-hotkey\";\nimport { mdbid } from \"@webiny/utils\";\n\ninterface KeyHandler {\n id: string;\n handler: any;\n}\nconst keyStack: Record<string, KeyHandler[]> = {};\n\nlet listener = false;\nconst filter = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n return [\"true\", true].includes(value);\n};\n\nconst setupListener = (): void => {\n if (listener \|\| !document.body) {\n return;\n }\n document.body.addEventListener(\"keydown\", ev => {\n if (!ev.target) {\n return;\n }\n const target = ev.target as HTMLElement;\n // We ignore all keyboard events coming from within contentEditable element and inputs.\n if (filter.includes(target.nodeName) \|\| isContentEditable(target.contentEditable)) {\n return;\n }\n\n const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n\n if (matchedKey && keyStack[matchedKey].length > 0) {\n const item = keyStack[matchedKey][0];\n item.handler(ev);\n ev.stopPropagation();\n }\n });\n\n listener = true;\n};\n\nconst addKeyHandler = (\n id: string,\n key: string,\n handler: (e: SyntheticEvent<HTMLElement>) => void\n) => {\n setupListener();\n keyStack[key] = keyStack[key] \|\| [];\n if (!keyStack[key].find(item => item.id === id)) {\n keyStack[key].unshift({ id, handler });\n }\n};\n\nconst removeKeyHandler = (id: string, key: string): void => {\n if (!keyStack[key]) {\n return;\n }\n\n const index = keyStack[key].findIndex(item => item.id === id);\n if (index >= 0) {\n keyStack[key].splice(index, 1);\n }\n};\n\ntype AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;\n\ntype RemoveKeyHandlerType = (key: string) => void;\n\nexport function useKeyHandler(): {\n addKeyHandler: AddKeyHandlerType;\n removeKeyHandler: RemoveKeyHandlerType;\n} {\n const idRef = React.useRef(mdbid());\n\n return React.useMemo(\n () => ({\n addKeyHandler(key, handler) {\n addKeyHandler(idRef.current, key, handler);\n },\n removeKeyHandler(key) {\n removeKeyHandler(idRef.current, key);\n }\n }),\n []\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/hooks/usePreviewData.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { Boxes } from "./Boxes";
+import { Boxes } from "./Boxes.js";
 export declare const usePreviewData: () => {
-    viewport: import("@webiny/website-builder-sdk").EditorViewportInfo;
+    viewport: import("@webiny/website-builder-sdk/types.js").EditorViewportInfo;
     boxes: {
         preview: Boxes;
         editor: Boxes;

package/BaseEditor/hooks/usePreviewData.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { useSelectFromEditor } from "./useSelectFromEditor";
-import { Boxes } from "./Boxes";
+import { useSelectFromEditor } from "./useSelectFromEditor.js";
+import { Boxes } from "./Boxes.js";
 export const usePreviewData = () => {
   const {
     viewport,

package/BaseEditor/hooks/usePreviewData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelectFromEditor","Boxes","usePreviewData","viewport","boxes","state","preview","editor"],"sources":["usePreviewData.ts"],"sourcesContent":["import { useSelectFromEditor } from \"./useSelectFromEditor\";\nimport { Boxes } from \"./Boxes\";\n\nexport const usePreviewData = () => {\n const { viewport, boxes } = useSelectFromEditor(state => {\n return {\n viewport: state.viewport,\n boxes: state.boxes\n };\n });\n\n return {\n viewport,\n boxes: {\n preview: new Boxes(boxes.preview),\n editor: new Boxes(boxes.editor)\n }\n };\n};\n"],"mappings":"AAAA,SAASA,mBAAmB;AAC5B,SAASC,KAAK;AAEd,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGJ,mBAAmB,CAACK,KAAK,IAAI;IACrD,OAAO;MACHF,QAAQ,EAAEE,KAAK,CAACF,QAAQ;MACxBC,KAAK,EAAEC,KAAK,CAACD;IACjB,CAAC;EACL,CAAC,CAAC;EAEF,OAAO;IACHD,QAAQ;IACRC,KAAK,EAAE;MACHE,OAAO,EAAE,IAAIL,KAAK,CAACG,KAAK,CAACE,OAAO,CAAC;MACjCC,MAAM,EAAE,IAAIN,KAAK,CAACG,KAAK,CAACG,MAAM;IAClC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useSelectFromEditor","Boxes","usePreviewData","viewport","boxes","state","preview","editor"],"sources":["usePreviewData.ts"],"sourcesContent":["import { useSelectFromEditor } from \"./useSelectFromEditor.js\";\nimport { Boxes } from \"./Boxes.js\";\n\nexport const usePreviewData = () => {\n const { viewport, boxes } = useSelectFromEditor(state => {\n return {\n viewport: state.viewport,\n boxes: state.boxes\n };\n });\n\n return {\n viewport,\n boxes: {\n preview: new Boxes(boxes.preview),\n editor: new Boxes(boxes.editor)\n }\n };\n};\n"],"mappings":"AAAA,SAASA,mBAAmB;AAC5B,SAASC,KAAK;AAEd,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGJ,mBAAmB,CAACK,KAAK,IAAI;IACrD,OAAO;MACHF,QAAQ,EAAEE,KAAK,CAACF,QAAQ;MACxBC,KAAK,EAAEC,KAAK,CAACD;IACjB,CAAC;EACL,CAAC,CAAC;EAEF,OAAO;IACHD,QAAQ;IACRC,KAAK,EAAE;MACHE,OAAO,EAAE,IAAIL,KAAK,CAACG,KAAK,CAACE,OAAO,CAAC;MACjCC,MAAM,EAAE,IAAIN,KAAK,CAACG,KAAK,CAACG,MAAM;IAClC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/BaseEditor/hooks/useSelectFromDocument.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EditorDocument } from "@webiny/website-builder-sdk";
 type Equals<T> = (a: T, b: T) => boolean;
 /**

package/BaseEditor/hooks/useSelectFromDocument.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import deepEqual from "deep-equal";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { useSelectFromState } from "./useSelectFromState";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { useSelectFromState } from "./useSelectFromState.js";
 /**
  * Subscribe to part of the document state.
  * @param selector   Pick the slice of state you care about.

package/BaseEditor/hooks/useSelectFromDocument.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["deepEqual","useDocumentEditor","useSelectFromState","useSelectFromDocument","selector","deps","equals","editor","getDocumentState","read"],"sources":["useSelectFromDocument.ts"],"sourcesContent":["import deepEqual from \"deep-equal\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport { useSelectFromState } from \"./useSelectFromState\";\n\ntype Equals<T> = (a: T, b: T) => boolean;\n\n/*\n Subscribe to part of the document state.\n * @param selector Pick the slice of state you care about.\n * @param equals (optional) comparator, defaults to Object.is\n */\nexport function useSelectFromDocument<TReturn, TDocument extends EditorDocument>(\n selector: (doc: TDocument) => TReturn,\n deps: React.DependencyList = [],\n equals: Equals<TReturn> = deepEqual\n): TReturn {\n const editor = useDocumentEditor<TDocument>();\n\n return useSelectFromState(\n () => editor.getDocumentState().read(),\n selector,\n [editor, editor.getDocumentState().read(), ...deps],\n equals\n );\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAI3B;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CACjCC,QAAqC,EACrCC,IAA0B,GAAG,EAAE,EAC/BC,MAAuB,GAAGN,SAAS,EAC5B;EACP,MAAMO,MAAM,GAAGN,iBAAiB,CAAY,CAAC;EAE7C,OAAOC,kBAAkB,CACrB,MAAMK,MAAM,CAACC,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,EACtCL,QAAQ,EACR,CAACG,MAAM,EAAEA,MAAM,CAACC,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,EAAE,GAAGJ,IAAI,CAAC,EACnDC,MACJ,CAAC;AACL","ignoreList":[]}
1	+ {"version":3,"names":["deepEqual","useDocumentEditor","useSelectFromState","useSelectFromDocument","selector","deps","equals","editor","getDocumentState","read"],"sources":["useSelectFromDocument.ts"],"sourcesContent":["import deepEqual from \"deep-equal\";\nimport type { EditorDocument } from \"@webiny/website-builder-sdk\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport { useSelectFromState } from \"./useSelectFromState.js\";\n\ntype Equals<T> = (a: T, b: T) => boolean;\n\n/*\n Subscribe to part of the document state.\n * @param selector Pick the slice of state you care about.\n * @param equals (optional) comparator, defaults to Object.is\n */\nexport function useSelectFromDocument<TReturn, TDocument extends EditorDocument>(\n selector: (doc: TDocument) => TReturn,\n deps: React.DependencyList = [],\n equals: Equals<TReturn> = deepEqual\n): TReturn {\n const editor = useDocumentEditor<TDocument>();\n\n return useSelectFromState(\n () => editor.getDocumentState().read(),\n selector,\n [editor, editor.getDocumentState().read(), ...deps],\n equals\n );\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAI3B;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CACjCC,QAAqC,EACrCC,IAA0B,GAAG,EAAE,EAC/BC,MAAuB,GAAGN,SAAS,EAC5B;EACP,MAAMO,MAAM,GAAGN,iBAAiB,CAAY,CAAC;EAE7C,OAAOC,kBAAkB,CACrB,MAAMK,MAAM,CAACC,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,EACtCL,QAAQ,EACR,CAACG,MAAM,EAAEA,MAAM,CAACC,gBAAgB,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,EAAE,GAAGJ,IAAI,CAAC,EACnDC,MACJ,CAAC;AACL","ignoreList":[]}

package/BaseEditor/hooks/useSelectFromEditor.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { EditorState } from "../../editorSdk/Editor";
+import type { EditorState } from "../../editorSdk/Editor.js";
 type Equals<T> = (a: T, b: T) => boolean;
 /**
  * Subscribe to part of the document state.

package/BaseEditor/hooks/useSelectFromEditor.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import deepEqual from "deep-equal";
-import { useDocumentEditor } from "../../DocumentEditor";
-import { useSelectFromState } from "./useSelectFromState";
+import { useDocumentEditor } from "../../DocumentEditor/index.js";
+import { useSelectFromState } from "./useSelectFromState.js";
 /**
  * Subscribe to part of the document state.
  * @param selector   Pick the slice of state you care about.

package/BaseEditor/hooks/useSelectFromEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["deepEqual","useDocumentEditor","useSelectFromState","useSelectFromEditor","selector","deps","equals","editor","getEditorState","read"],"sources":["useSelectFromEditor.ts"],"sourcesContent":["import deepEqual from \"deep-equal\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport type { EditorState } from \"~/editorSdk/Editor\";\nimport { useSelectFromState } from \"~/BaseEditor/hooks/useSelectFromState\";\n\ntype Equals<T> = (a: T, b: T) => boolean;\n\n/*\n Subscribe to part of the document state.\n * @param selector Pick the slice of state you care about.\n * @param equals (optional) comparator, defaults to Object.is\n */\nexport function useSelectFromEditor<T>(\n selector: (doc: EditorState) => T,\n deps: React.DependencyList = [],\n equals: Equals<T> = deepEqual\n): T {\n const editor = useDocumentEditor();\n\n return useSelectFromState(\n () => editor.getEditorState().read(),\n selector,\n [editor, ...deps],\n equals\n );\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB;AAE1B,SAASC,kBAAkB;AAI3B;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAC/BC,QAAiC,EACjCC,IAA0B,GAAG,EAAE,EAC/BC,MAAiB,GAAGN,SAAS,EAC5B;EACD,MAAMO,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAElC,OAAOC,kBAAkB,CACrB,MAAMK,MAAM,CAACC,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,EACpCL,QAAQ,EACR,CAACG,MAAM,EAAE,GAAGF,IAAI,CAAC,EACjBC,MACJ,CAAC;AACL","ignoreList":[]}
1	+ {"version":3,"names":["deepEqual","useDocumentEditor","useSelectFromState","useSelectFromEditor","selector","deps","equals","editor","getEditorState","read"],"sources":["useSelectFromEditor.ts"],"sourcesContent":["import deepEqual from \"deep-equal\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport type { EditorState } from \"~/editorSdk/Editor.js\";\nimport { useSelectFromState } from \"~/BaseEditor/hooks/useSelectFromState.js\";\n\ntype Equals<T> = (a: T, b: T) => boolean;\n\n/*\n Subscribe to part of the document state.\n * @param selector Pick the slice of state you care about.\n * @param equals (optional) comparator, defaults to Object.is\n */\nexport function useSelectFromEditor<T>(\n selector: (doc: EditorState) => T,\n deps: React.DependencyList = [],\n equals: Equals<T> = deepEqual\n): T {\n const editor = useDocumentEditor();\n\n return useSelectFromState(\n () => editor.getEditorState().read(),\n selector,\n [editor, ...deps],\n equals\n );\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB;AAE1B,SAASC,kBAAkB;AAI3B;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAC/BC,QAAiC,EACjCC,IAA0B,GAAG,EAAE,EAC/BC,MAAiB,GAAGN,SAAS,EAC5B;EACD,MAAMO,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAElC,OAAOC,kBAAkB,CACrB,MAAMK,MAAM,CAACC,cAAc,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,EACpCL,QAAQ,EACR,CAACG,MAAM,EAAE,GAAGF,IAAI,CAAC,EACjBC,MACJ,CAAC;AACL","ignoreList":[]}

package/BaseEditor/hooks/useSelectFromState.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Equals<T> = (a: T, b: T) => boolean;
 /**
  * Subscribe to part of the document state.

package/BaseEditor/hooks/useStyles.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../defaultConfig/Sidebar/StyleSettings/useStyles";
1	+ export * from "../defaultConfig/Sidebar/StyleSettings/useStyles.js";

package/BaseEditor/hooks/useStyles.js CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from "../defaultConfig/Sidebar/StyleSettings/useStyles";
+export * from "../defaultConfig/Sidebar/StyleSettings/useStyles.js";
 //# sourceMappingURL=useStyles.js.map

package/BaseEditor/hooks/useStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["useStyles.ts"],"sourcesContent":["export * from \"../defaultConfig/Sidebar/StyleSettings/useStyles\";\n"],"mappings":"AAAA","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["useStyles.ts"],"sourcesContent":["export * from \"../defaultConfig/Sidebar/StyleSettings/useStyles.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/BaseEditor/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export { DefaultEditorConfig } from "./defaultConfig/DefaultEditorConfig";
-export * from "./config";
-export * from "./commands";
-export type { ElementInputRendererProps } from "./config/ElementInput";
+export { DefaultEditorConfig } from "./defaultConfig/DefaultEditorConfig.js";
+export * from "./config/index.js";
+export * from "./commands.js";
+export type { ElementInputRendererProps } from "./config/ElementInput.js";

package/BaseEditor/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-export { DefaultEditorConfig } from "./defaultConfig/DefaultEditorConfig";
-export * from "./config";
-export * from "./commands";
+export { DefaultEditorConfig } from "./defaultConfig/DefaultEditorConfig.js";
+export * from "./config/index.js";
+export * from "./commands.js";
 //# sourceMappingURL=index.js.map

package/BaseEditor/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["DefaultEditorConfig"],"sources":["index.tsx"],"sourcesContent":["export { DefaultEditorConfig } from \"./defaultConfig/DefaultEditorConfig\";\nexport * from \"./config\";\nexport * from \"./commands\";\nexport type { ElementInputRendererProps } from \"./config/ElementInput\";\n"],"mappings":"AAAA,SAASA,mBAAmB;AAC5B;AACA","ignoreList":[]}
1	+ {"version":3,"names":["DefaultEditorConfig"],"sources":["index.tsx"],"sourcesContent":["export { DefaultEditorConfig } from \"./defaultConfig/DefaultEditorConfig.js\";\nexport * from \"./config/index.js\";\nexport * from \"./commands.js\";\nexport type { ElementInputRendererProps } from \"./config/ElementInput.js\";\n"],"mappings":"AAAA,SAASA,mBAAmB;AAC5B;AACA","ignoreList":[]}

package/BaseEditor/metadata/BreakpointElementMetadata.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { Document } from "@webiny/website-builder-sdk";
-import type { IMetadata } from "./IMetadata";
+import type { IMetadata } from "./IMetadata.js";
 export declare class BreakpointElementMetadata implements IMetadata {
     private readonly breakpoints;
     private readonly currentBreakpoint;

package/BaseEditor/metadata/BreakpointElementMetadata.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BreakpointElementMetadata","constructor","breakpoints","currentBreakpoint","metadata","applyToDocument","document","get","id","upTo","indexOf","i","breakpoint","data","undefined","set","unset"],"sources":["BreakpointElementMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata\";\n\nexport class BreakpointElementMetadata implements IMetadata {\n private readonly breakpoints: string[];\n private readonly currentBreakpoint: string;\n private metadata: IMetadata;\n\n constructor(breakpoints: string[], currentBreakpoint: string, metadata: IMetadata) {\n this.breakpoints = breakpoints;\n this.currentBreakpoint = currentBreakpoint;\n this.metadata = metadata;\n }\n\n applyToDocument(document: Document): void {\n this.metadata.applyToDocument(document);\n }\n\n get<T = unknown>(id: string): T \| undefined {\n const upTo = this.breakpoints.indexOf(this.currentBreakpoint);\n\n for (let i = upTo; i >= 0; i--) {\n const breakpoint = this.breakpoints[i];\n const data = this.metadata.get<T>(`${id}/${breakpoint}`);\n if (data !== undefined) {\n return data;\n }\n }\n\n return undefined;\n }\n\n set(id: string, data: any): void {\n this.metadata.set(`${id}/${this.currentBreakpoint}`, data);\n }\n\n unset(id: string): void {\n this.metadata.unset(`${id}/${this.currentBreakpoint}`);\n }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,yBAAyB,CAAsB;EAKxDC,WAAWA,CAACC,WAAqB,EAAEC,iBAAyB,EAAEC,QAAmB,EAAE;IAC/E,IAAI,CAACF,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACC,iBAAiB,GAAGA,iBAAiB;IAC1C,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAQ;IACtC,IAAI,CAACF,QAAQ,CAACC,eAAe,CAACC,QAAQ,CAAC;EAC3C;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,MAAMC,IAAI,GAAG,IAAI,CAACP,WAAW,CAACQ,OAAO,CAAC,IAAI,CAACP,iBAAiB,CAAC;IAE7D,KAAK,IAAIQ,CAAC,GAAGF,IAAI,EAAEE,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;MAC5B,MAAMC,UAAU,GAAG,IAAI,CAACV,WAAW,CAACS,CAAC,CAAC;MACtC,MAAME,IAAI,GAAG,IAAI,CAACT,QAAQ,CAACG,GAAG,CAAI,GAAGC,EAAE,IAAII,UAAU,EAAE,CAAC;MACxD,IAAIC,IAAI,KAAKC,SAAS,EAAE;QACpB,OAAOD,IAAI;MACf;IACJ;IAEA,OAAOC,SAAS;EACpB;EAEAC,GAAGA,CAACP,EAAU,EAAEK,IAAS,EAAQ;IAC7B,IAAI,CAACT,QAAQ,CAACW,GAAG,CAAC,GAAGP,EAAE,IAAI,IAAI,CAACL,iBAAiB,EAAE,EAAEU,IAAI,CAAC;EAC9D;EAEAG,KAAKA,CAACR,EAAU,EAAQ;IACpB,IAAI,CAACJ,QAAQ,CAACY,KAAK,CAAC,GAAGR,EAAE,IAAI,IAAI,CAACL,iBAAiB,EAAE,CAAC;EAC1D;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["BreakpointElementMetadata","constructor","breakpoints","currentBreakpoint","metadata","applyToDocument","document","get","id","upTo","indexOf","i","breakpoint","data","undefined","set","unset"],"sources":["BreakpointElementMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata.js\";\n\nexport class BreakpointElementMetadata implements IMetadata {\n private readonly breakpoints: string[];\n private readonly currentBreakpoint: string;\n private metadata: IMetadata;\n\n constructor(breakpoints: string[], currentBreakpoint: string, metadata: IMetadata) {\n this.breakpoints = breakpoints;\n this.currentBreakpoint = currentBreakpoint;\n this.metadata = metadata;\n }\n\n applyToDocument(document: Document): void {\n this.metadata.applyToDocument(document);\n }\n\n get<T = unknown>(id: string): T \| undefined {\n const upTo = this.breakpoints.indexOf(this.currentBreakpoint);\n\n for (let i = upTo; i >= 0; i--) {\n const breakpoint = this.breakpoints[i];\n const data = this.metadata.get<T>(`${id}/${breakpoint}`);\n if (data !== undefined) {\n return data;\n }\n }\n\n return undefined;\n }\n\n set(id: string, data: any): void {\n this.metadata.set(`${id}/${this.currentBreakpoint}`, data);\n }\n\n unset(id: string): void {\n this.metadata.unset(`${id}/${this.currentBreakpoint}`);\n }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,yBAAyB,CAAsB;EAKxDC,WAAWA,CAACC,WAAqB,EAAEC,iBAAyB,EAAEC,QAAmB,EAAE;IAC/E,IAAI,CAACF,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACC,iBAAiB,GAAGA,iBAAiB;IAC1C,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAQ;IACtC,IAAI,CAACF,QAAQ,CAACC,eAAe,CAACC,QAAQ,CAAC;EAC3C;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,MAAMC,IAAI,GAAG,IAAI,CAACP,WAAW,CAACQ,OAAO,CAAC,IAAI,CAACP,iBAAiB,CAAC;IAE7D,KAAK,IAAIQ,CAAC,GAAGF,IAAI,EAAEE,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;MAC5B,MAAMC,UAAU,GAAG,IAAI,CAACV,WAAW,CAACS,CAAC,CAAC;MACtC,MAAME,IAAI,GAAG,IAAI,CAACT,QAAQ,CAACG,GAAG,CAAI,GAAGC,EAAE,IAAII,UAAU,EAAE,CAAC;MACxD,IAAIC,IAAI,KAAKC,SAAS,EAAE;QACpB,OAAOD,IAAI;MACf;IACJ;IAEA,OAAOC,SAAS;EACpB;EAEAC,GAAGA,CAACP,EAAU,EAAEK,IAAS,EAAQ;IAC7B,IAAI,CAACT,QAAQ,CAACW,GAAG,CAAC,GAAGP,EAAE,IAAI,IAAI,CAACL,iBAAiB,EAAE,EAAEU,IAAI,CAAC;EAC9D;EAEAG,KAAKA,CAACR,EAAU,EAAQ;IACpB,IAAI,CAACJ,QAAQ,CAACY,KAAK,CAAC,GAAGR,EAAE,IAAI,IAAI,CAACL,iBAAiB,EAAE,CAAC;EAC1D;AACJ","ignoreList":[]}

package/BaseEditor/metadata/ElementMetadata.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { Document } from "@webiny/website-builder-sdk";
-import type { IMetadata, Metadata } from "./IMetadata";
+import type { IMetadata, Metadata } from "./IMetadata.js";
 export declare class ElementMetadata implements IMetadata {
     private readonly elementId;
     private readonly metadata;

package/BaseEditor/metadata/ElementMetadata.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import micromatch from "micromatch";
+import { matcher } from "matcher";
 export class ElementMetadata {
   constructor(elementId, metadata = {}) {
     this.elementId = elementId;
@@ -14,7 +14,7 @@ export class ElementMetadata {
     // Support wildcard paths using micromatch
     if (id.includes("*")) {
       const keys = Object.keys(this.metadata);
-      const matches = micromatch(keys, id);
+      const matches = matcher(keys, id);
       for (const key of matches) {
         delete this.metadata[key];
       }

package/BaseEditor/metadata/ElementMetadata.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~micromatch~~","ElementMetadata","constructor","elementId","metadata","get","id","set","data","unset","includes","keys","Object","matches","key","applyToDocument","document","bindings"],"sources":["ElementMetadata.ts"],"sourcesContent":["import ~~micromatch~~ from \"~~micromatch~~\";\nimport type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata, Metadata } from \"./IMetadata\";\n\nexport class ElementMetadata implements IMetadata {\n private readonly elementId: string;\n private readonly metadata: Record<string, any>;\n\n constructor(elementId: string, metadata: Record<string, any> = {}) {\n this.elementId = elementId;\n this.metadata = metadata;\n }\n\n get<T = unknown>(id: string): T \| undefined {\n return this.metadata[id];\n }\n\n set(id: string, data: Metadata): void {\n this.metadata[id] = data;\n }\n\n unset(id: string): void {\n // Support wildcard paths using micromatch\n if (id.includes(\"*\")) {\n const keys = Object.keys(this.metadata);\n const matches = ~~micromatch~~(keys, id);\n for (const key of matches) {\n delete this.metadata[key];\n }\n } else {\n delete this.metadata[id];\n }\n }\n\n applyToDocument(document: Document) {\n document.bindings[this.elementId].metadata = this.metadata;\n }\n}\n"],"mappings":"AAAA,~~OAAOA~~,~~UAAU~~,~~MAAM~~,~~YAAY~~;~~AAInC~~,OAAO,MAAMC,eAAe,CAAsB;EAI9CC,WAAWA,CAACC,SAAiB,EAAEC,QAA6B,GAAG,CAAC,CAAC,EAAE;IAC/D,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACF,QAAQ,CAACE,EAAE,CAAC;EAC5B;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAc,EAAQ;IAClC,IAAI,CAACJ,QAAQ,CAACE,EAAE,CAAC,GAAGE,IAAI;EAC5B;EAEAC,KAAKA,CAACH,EAAU,EAAQ;IACpB;IACA,IAAIA,EAAE,CAACI,QAAQ,CAAC,GAAG,CAAC,EAAE;MAClB,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAAC,IAAI,CAACP,QAAQ,CAAC;MACvC,MAAMS,OAAO,GAAGb,~~UAAU~~,CAACW,IAAI,EAAEL,EAAE,CAAC;~~MACpC~~,KAAK,MAAMQ,GAAG,IAAID,OAAO,EAAE;QACvB,OAAO,IAAI,CAACT,QAAQ,CAACU,GAAG,CAAC;MAC7B;IACJ,CAAC,MAAM;MACH,OAAO,IAAI,CAACV,QAAQ,CAACE,EAAE,CAAC;IAC5B;EACJ;EAEAS,eAAeA,CAACC,QAAkB,EAAE;IAChCA,QAAQ,CAACC,QAAQ,CAAC,IAAI,CAACd,SAAS,CAAC,CAACC,QAAQ,GAAG,IAAI,CAACA,QAAQ;EAC9D;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["matcher","ElementMetadata","constructor","elementId","metadata","get","id","set","data","unset","includes","keys","Object","matches","key","applyToDocument","document","bindings"],"sources":["ElementMetadata.ts"],"sourcesContent":["import { matcher } from \"matcher\";\nimport type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata, Metadata } from \"./IMetadata.js\";\n\nexport class ElementMetadata implements IMetadata {\n private readonly elementId: string;\n private readonly metadata: Record<string, any>;\n\n constructor(elementId: string, metadata: Record<string, any> = {}) {\n this.elementId = elementId;\n this.metadata = metadata;\n }\n\n get<T = unknown>(id: string): T \| undefined {\n return this.metadata[id];\n }\n\n set(id: string, data: Metadata): void {\n this.metadata[id] = data;\n }\n\n unset(id: string): void {\n // Support wildcard paths using micromatch\n if (id.includes(\"*\")) {\n const keys = Object.keys(this.metadata);\n const matches = matcher(keys, id);\n for (const key of matches) {\n delete this.metadata[key];\n }\n } else {\n delete this.metadata[id];\n }\n }\n\n applyToDocument(document: Document) {\n document.bindings[this.elementId].metadata = this.metadata;\n }\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS;AAIjC,OAAO,MAAMC,eAAe,CAAsB;EAI9CC,WAAWA,CAACC,SAAiB,EAAEC,QAA6B,GAAG,CAAC,CAAC,EAAE;IAC/D,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACF,QAAQ,CAACE,EAAE,CAAC;EAC5B;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAc,EAAQ;IAClC,IAAI,CAACJ,QAAQ,CAACE,EAAE,CAAC,GAAGE,IAAI;EAC5B;EAEAC,KAAKA,CAACH,EAAU,EAAQ;IACpB;IACA,IAAIA,EAAE,CAACI,QAAQ,CAAC,GAAG,CAAC,EAAE;MAClB,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAAC,IAAI,CAACP,QAAQ,CAAC;MACvC,MAAMS,OAAO,GAAGb,OAAO,CAACW,IAAI,EAAEL,EAAE,CAAC;MACjC,KAAK,MAAMQ,GAAG,IAAID,OAAO,EAAE;QACvB,OAAO,IAAI,CAACT,QAAQ,CAACU,GAAG,CAAC;MAC7B;IACJ,CAAC,MAAM;MACH,OAAO,IAAI,CAACV,QAAQ,CAACE,EAAE,CAAC;IAC5B;EACJ;EAEAS,eAAeA,CAACC,QAAkB,EAAE;IAChCA,QAAQ,CAACC,QAAQ,CAAC,IAAI,CAACd,SAAS,CAAC,CAACC,QAAQ,GAAG,IAAI,CAACA,QAAQ;EAC9D;AACJ","ignoreList":[]}

package/BaseEditor/metadata/InputMetadata.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { Document } from "@webiny/website-builder-sdk";
-import type { IMetadata } from "./IMetadata";
+import type { IMetadata } from "./IMetadata.js";
 export declare class InputMetadata implements IMetadata {
     private readonly inputId;
     private metadata;

package/BaseEditor/metadata/InputMetadata.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["InputMetadata","prefix","constructor","inputId","metadata","applyToDocument","document","get","id","set","data","unset"],"sources":["InputMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata\";\n\nexport class InputMetadata implements IMetadata {\n private readonly inputId: string;\n private metadata: IMetadata;\n private prefix = \"inputs/\";\n\n constructor(inputId: string, metadata: IMetadata) {\n this.inputId = inputId;\n this.metadata = metadata;\n }\n\n applyToDocument(document: Document): void {\n this.metadata.applyToDocument(document);\n }\n\n get<T = unknown>(id: string): T \| undefined {\n return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);\n }\n\n set(id: string, data: any): void {\n this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);\n }\n\n unset(id: string = \"*\"): void {\n this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);\n }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,aAAa,CAAsB;EAGpCC,MAAM,GAAG,SAAS;EAE1BC,WAAWA,CAACC,OAAe,EAAEC,QAAmB,EAAE;IAC9C,IAAI,CAACD,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAQ;IACtC,IAAI,CAACF,QAAQ,CAACC,eAAe,CAACC,QAAQ,CAAC;EAC3C;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACJ,QAAQ,CAACG,GAAG,CAAC,GAAG,IAAI,CAACN,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,CAAC;EACnE;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAS,EAAQ;IAC7B,IAAI,CAACN,QAAQ,CAACK,GAAG,CAAC,GAAG,IAAI,CAACR,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,EAAEE,IAAI,CAAC;EAClE;EAEAC,KAAKA,CAACH,EAAU,GAAG,GAAG,EAAQ;IAC1B,IAAI,CAACJ,QAAQ,CAACO,KAAK,CAAC,GAAG,IAAI,CAACV,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,CAAC;EAC9D;AACJ","ignoreList":[]}
1	+ {"version":3,"names":["InputMetadata","prefix","constructor","inputId","metadata","applyToDocument","document","get","id","set","data","unset"],"sources":["InputMetadata.ts"],"sourcesContent":["import type { Document } from \"@webiny/website-builder-sdk\";\nimport type { IMetadata } from \"./IMetadata.js\";\n\nexport class InputMetadata implements IMetadata {\n private readonly inputId: string;\n private metadata: IMetadata;\n private prefix = \"inputs/\";\n\n constructor(inputId: string, metadata: IMetadata) {\n this.inputId = inputId;\n this.metadata = metadata;\n }\n\n applyToDocument(document: Document): void {\n this.metadata.applyToDocument(document);\n }\n\n get<T = unknown>(id: string): T \| undefined {\n return this.metadata.get(`${this.prefix}${this.inputId}/${id}`);\n }\n\n set(id: string, data: any): void {\n this.metadata.set(`${this.prefix}${this.inputId}/${id}`, data);\n }\n\n unset(id: string = \"*\"): void {\n this.metadata.unset(`${this.prefix}${this.inputId}/${id}`);\n }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,aAAa,CAAsB;EAGpCC,MAAM,GAAG,SAAS;EAE1BC,WAAWA,CAACC,OAAe,EAAEC,QAAmB,EAAE;IAC9C,IAAI,CAACD,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,QAAQ,GAAGA,QAAQ;EAC5B;EAEAC,eAAeA,CAACC,QAAkB,EAAQ;IACtC,IAAI,CAACF,QAAQ,CAACC,eAAe,CAACC,QAAQ,CAAC;EAC3C;EAEAC,GAAGA,CAAcC,EAAU,EAAiB;IACxC,OAAO,IAAI,CAACJ,QAAQ,CAACG,GAAG,CAAC,GAAG,IAAI,CAACN,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,CAAC;EACnE;EAEAC,GAAGA,CAACD,EAAU,EAAEE,IAAS,EAAQ;IAC7B,IAAI,CAACN,QAAQ,CAACK,GAAG,CAAC,GAAG,IAAI,CAACR,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,EAAEE,IAAI,CAAC;EAClE;EAEAC,KAAKA,CAACH,EAAU,GAAG,GAAG,EAAQ;IAC1B,IAAI,CAACJ,QAAQ,CAACO,KAAK,CAAC,GAAG,IAAI,CAACV,MAAM,GAAG,IAAI,CAACE,OAAO,IAAIK,EAAE,EAAE,CAAC;EAC9D;AACJ","ignoreList":[]}

package/BaseEditor/metadata/NullMetadata.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { IMetadata } from "./IMetadata";
+import type { IMetadata } from "./IMetadata.js";
 export declare class NullMetadata implements IMetadata {
     applyToDocument(): void;
     get<T = unknown>(): T | undefined;

package/BaseEditor/metadata/NullMetadata.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["NullMetadata","applyToDocument","get","undefined","set","unset"],"sources":["NullMetadata.ts"],"sourcesContent":["import type { IMetadata } from \"./IMetadata\";\n\nexport class NullMetadata implements IMetadata {\n applyToDocument(): void {}\n\n get<T = unknown>(): T \| undefined {\n return undefined;\n }\n\n set(): void {}\n\n unset(): void {}\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAY,CAAsB;EAC3CC,eAAeA,CAAA,EAAS,CAAC;EAEzBC,GAAGA,CAAA,EAA+B;IAC9B,OAAOC,SAAS;EACpB;EAEAC,GAAGA,CAAA,EAAS,CAAC;EAEbC,KAAKA,CAAA,EAAS,CAAC;AACnB","ignoreList":[]}
1	+ {"version":3,"names":["NullMetadata","applyToDocument","get","undefined","set","unset"],"sources":["NullMetadata.ts"],"sourcesContent":["import type { IMetadata } from \"./IMetadata.js\";\n\nexport class NullMetadata implements IMetadata {\n applyToDocument(): void {}\n\n get<T = unknown>(): T \| undefined {\n return undefined;\n }\n\n set(): void {}\n\n unset(): void {}\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAY,CAAsB;EAC3CC,eAAeA,CAAA,EAAS,CAAC;EAEzBC,GAAGA,CAAA,EAA+B;IAC9B,OAAOC,SAAS;EACpB;EAEAC,GAAGA,CAAA,EAAS,CAAC;EAEbC,KAAKA,CAAA,EAAS,CAAC;AACnB","ignoreList":[]}