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/Sidebar/ElementSettings/useBindingsForElement.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { toJS } from "mobx";
 import { BindingsProcessor } from "@webiny/website-builder-sdk";
-import { useBreakpoint } from "../../../hooks/useBreakpoint";
-import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument";
-import { useElementInputsAst } from "../../../hooks/useElementInputsAst";
+import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
+import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument.js";
+import { useElementInputsAst } from "../../../hooks/useElementInputsAst.js";
 import { InheritanceProcessor } from "@webiny/website-builder-sdk";
 export const useBindingsForElement = elementId => {
   const {

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["toJS","BindingsProcessor","useBreakpoint","useSelectFromDocument","useElementInputsAst","InheritanceProcessor","useBindingsForElement","elementId","breakpoint","breakpoints","inputsAst","document","bindings","breakpointNames","map","bp","name","bindingsProcessor","inheritanceProcessor","rawBindings","resolvedBindings","getBindings","inheritanceMap","getInheritanceMap","length"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst\";\nimport { InheritanceProcessor } from \"@webiny/website-builder-sdk\";\n\nexport const useBindingsForElement = (elementId: string) => {\n const { breakpoint, breakpoints } = useBreakpoint();\n const inputsAst = useElementInputsAst(elementId);\n\n return useSelectFromDocument(\n document => {\n const bindings = toJS(document.bindings[elementId]) ?? {};\n\n // Merge element bindings.\n const breakpointNames = breakpoints.map(bp => bp.name);\n const bindingsProcessor = new BindingsProcessor(breakpointNames);\n const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);\n\n return {\n rawBindings: bindings,\n resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),\n inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)\n };\n },\n [elementId, breakpoint.name, breakpoints.length]\n );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB,QAAQ,6BAA6B;AAElE,OAAO,MAAMC,qBAAqB,GAAIC,SAAiB,IAAK;EACxD,MAAM;IAAEC,UAAU;IAAEC;EAAY,CAAC,GAAGP,aAAa,CAAC,CAAC;EACnD,MAAMQ,SAAS,GAAGN,mBAAmB,CAACG,SAAS,CAAC;EAEhD,OAAOJ,qBAAqB,CACxBQ,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACL,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;;IAEzD;IACA,MAAMM,eAAe,GAAGJ,WAAW,CAACK,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;IACtD,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,eAAe,CAAC;IAChE,MAAMK,oBAAoB,GAAG,IAAIb,oBAAoB,CAACQ,eAAe,EAAEH,SAAS,CAAC;IAEjF,OAAO;MACHS,WAAW,EAAEP,QAAQ;MACrBQ,gBAAgB,EAAEH,iBAAiB,CAACI,WAAW,CAACT,QAAQ,EAAEJ,UAAU,CAACQ,IAAI,CAAC;MAC1EM,cAAc,EAAEJ,oBAAoB,CAACK,iBAAiB,CAACX,QAAQ,EAAEJ,UAAU,CAACQ,IAAI;IACpF,CAAC;EACL,CAAC,EACD,CAACT,SAAS,EAAEC,UAAU,CAACQ,IAAI,EAAEP,WAAW,CAACe,MAAM,CACnD,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["toJS","BindingsProcessor","useBreakpoint","useSelectFromDocument","useElementInputsAst","InheritanceProcessor","useBindingsForElement","elementId","breakpoint","breakpoints","inputsAst","document","bindings","breakpointNames","map","bp","name","bindingsProcessor","inheritanceProcessor","rawBindings","resolvedBindings","getBindings","inheritanceMap","getInheritanceMap","length"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst.js\";\nimport { InheritanceProcessor } from \"@webiny/website-builder-sdk\";\n\nexport const useBindingsForElement = (elementId: string) => {\n const { breakpoint, breakpoints } = useBreakpoint();\n const inputsAst = useElementInputsAst(elementId);\n\n return useSelectFromDocument(\n document => {\n const bindings = toJS(document.bindings[elementId]) ?? {};\n\n // Merge element bindings.\n const breakpointNames = breakpoints.map(bp => bp.name);\n const bindingsProcessor = new BindingsProcessor(breakpointNames);\n const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);\n\n return {\n rawBindings: bindings,\n resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),\n inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)\n };\n },\n [elementId, breakpoint.name, breakpoints.length]\n );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB,QAAQ,6BAA6B;AAElE,OAAO,MAAMC,qBAAqB,GAAIC,SAAiB,IAAK;EACxD,MAAM;IAAEC,UAAU;IAAEC;EAAY,CAAC,GAAGP,aAAa,CAAC,CAAC;EACnD,MAAMQ,SAAS,GAAGN,mBAAmB,CAACG,SAAS,CAAC;EAEhD,OAAOJ,qBAAqB,CACxBQ,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACL,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;;IAEzD;IACA,MAAMM,eAAe,GAAGJ,WAAW,CAACK,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;IACtD,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,eAAe,CAAC;IAChE,MAAMK,oBAAoB,GAAG,IAAIb,oBAAoB,CAACQ,eAAe,EAAEH,SAAS,CAAC;IAEjF,OAAO;MACHS,WAAW,EAAEP,QAAQ;MACrBQ,gBAAgB,EAAEH,iBAAiB,CAACI,WAAW,CAACT,QAAQ,EAAEJ,UAAU,CAACQ,IAAI,CAAC;MAC1EM,cAAc,EAAEJ,oBAAoB,CAACK,iBAAiB,CAACX,QAAQ,EAAEJ,UAAU,CAACQ,IAAI;IACpF,CAAC;EACL,CAAC,EACD,CAACT,SAAS,EAAEC,UAAU,CAACQ,IAAI,EAAEP,WAAW,CAACe,MAAM,CACnD,CAAC;AACL,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useSelectFromEditor } from "../../../hooks/useSelectFromEditor";
+import { useSelectFromEditor } from "../../../hooks/useSelectFromEditor.js";
 import { ElementFactory } from "@webiny/website-builder-sdk";
 export const useElementFactory = () => {
   const components = useSelectFromEditor(state => {

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useMemo","useSelectFromEditor","ElementFactory","useElementFactory","components","state"],"sources":["useElementFactory.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor\";\nimport { ElementFactory } from \"@webiny/website-builder-sdk\";\n\nexport const useElementFactory = () => {\n const components = useSelectFromEditor(state => {\n return state.components;\n });\n\n return useMemo(() => new ElementFactory(components), [components]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,UAAU,GAAGH,mBAAmB,CAACI,KAAK,IAAI;IAC5C,OAAOA,KAAK,CAACD,UAAU;EAC3B,CAAC,CAAC;EAEF,OAAOJ,OAAO,CAAC,MAAM,IAAIE,cAAc,CAACE,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;AACtE,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useMemo","useSelectFromEditor","ElementFactory","useElementFactory","components","state"],"sources":["useElementFactory.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { ElementFactory } from \"@webiny/website-builder-sdk\";\n\nexport const useElementFactory = () => {\n const components = useSelectFromEditor(state => {\n return state.components;\n });\n\n return useMemo(() => new ElementFactory(components), [components]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,UAAU,GAAGH,mBAAmB,CAACI,KAAK,IAAI;IAC5C,OAAOA,KAAK,CAACD,UAAU;EAC3B,CAAC,CAAC;EAEF,OAAOJ,OAAO,CAAC,MAAM,IAAIE,cAAc,CAACE,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;AACtE,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
-import type { ElementInputRendererProps } from "../../../config/ElementInput";
+import type { ElementInputRendererProps } from "../../../../BaseEditor/config/ElementInput.js";
 export declare const useInputRenderer: (name: string) => React.ComponentType<ElementInputRendererProps>;

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { useEditorConfig } from "../../../config/EditorConfig";
+import { useEditorConfig } from "../../../config/EditorConfig.js";
 const NullRenderer = ({
   name
 }) => {

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEditorConfig","NullRenderer","name","createElement","useInputRenderer","config","renderer","inputRenderers","find","component"],"sources":["useInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEditorConfig } from \"~/BaseEditor/config/EditorConfig\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/config/ElementInput\";\n\nconst NullRenderer = ({ name }: { name: string }) => {\n return <div>Missing renderer "{name}".</div>;\n};\n\nexport const useInputRenderer = (name: string): React.ComponentType<ElementInputRendererProps> => {\n const config = useEditorConfig();\n\n const renderer = config.inputRenderers.find(renderer => renderer.name === name);\n\n return renderer ? renderer.component : () => <NullRenderer name={name} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAGxB,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACjD,oBAAOH,KAAA,CAAAI,aAAA,cAAK,qBAAuB,EAACD,IAAI,EAAC,KAAY,CAAC;AAC1D,CAAC;AAED,OAAO,MAAME,gBAAgB,GAAIF,IAAY,IAAqD;EAC9F,MAAMG,MAAM,GAAGL,eAAe,CAAC,CAAC;EAEhC,MAAMM,QAAQ,GAAGD,MAAM,CAACE,cAAc,CAACC,IAAI,CAACF,QAAQ,IAAIA,QAAQ,CAACJ,IAAI,KAAKA,IAAI,CAAC;EAE/E,OAAOI,QAAQ,GAAGA,QAAQ,CAACG,SAAS,GAAG,mBAAMV,KAAA,CAAAI,aAAA,CAACF,YAAY;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;AAC7E,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEditorConfig","NullRenderer","name","createElement","useInputRenderer","config","renderer","inputRenderers","find","component"],"sources":["useInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEditorConfig } from \"~/BaseEditor/config/EditorConfig.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/config/ElementInput.js\";\n\nconst NullRenderer = ({ name }: { name: string }) => {\n return <div>Missing renderer "{name}".</div>;\n};\n\nexport const useInputRenderer = (name: string): React.ComponentType<ElementInputRendererProps> => {\n const config = useEditorConfig();\n\n const renderer = config.inputRenderers.find(renderer => renderer.name === name);\n\n return renderer ? renderer.component : () => <NullRenderer name={name} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAGxB,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACjD,oBAAOH,KAAA,CAAAI,aAAA,cAAK,qBAAuB,EAACD,IAAI,EAAC,KAAY,CAAC;AAC1D,CAAC;AAED,OAAO,MAAME,gBAAgB,GAAIF,IAAY,IAAqD;EAC9F,MAAMG,MAAM,GAAGL,eAAe,CAAC,CAAC;EAEhC,MAAMM,QAAQ,GAAGD,MAAM,CAACE,cAAc,CAACC,IAAI,CAACF,QAAQ,IAAIA,QAAQ,CAACJ,IAAI,KAAKA,IAAI,CAAC;EAE/E,OAAOI,QAAQ,GAAGA,QAAQ,CAACG,SAAS,GAAG,mBAAMV,KAAA,CAAAI,aAAA,CAACF,YAAY;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;AAC7E,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputValue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { ValueBinding } from "@webiny/website-builder-sdk";
 import type { InputAstNode } from "@webiny/website-builder-sdk";
-import { type IMetadata } from "../../../metadata";
+import { type IMetadata } from "../../../../BaseEditor/metadata/index.js";
 export type OnChangeParams = {
     value: InputValueObject;
     metadata: IMetadata;
@@ -18,7 +18,7 @@ export declare const useInputValue: (elementId: string, node: InputAstNode) => {
     metadata: IMetadata;
     inheritanceMap: {
         overridden: boolean;
-        inheritedFrom?: string | undefined;
+        inheritedFrom?: string;
     };
     onReset: () => void;
     onChange: (cb: (params: OnChangeParams) => void) => void;

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputValue.js CHANGED Viewed

@@ -1,17 +1,17 @@
 import { useCallback, useMemo, useState } from "react";
-import set from "lodash/set";
-import { generateAlphaNumericLowerCaseId } from "@webiny/utils/generateId";
-import { useDocumentEditor } from "../../../../DocumentEditor";
-import { Commands } from "../../..";
+import set from "lodash/set.js";
+import { generateAlphaNumericLowerCaseId } from "@webiny/utils/generateId.js";
+import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
+import { Commands } from "../../../index.js";
 import { functionConverter } from "@webiny/website-builder-sdk";
-import { useBreakpoint } from "../../../hooks/useBreakpoint";
-import { useBindingsForElement } from "./useBindingsForElement";
-import { useElementInputsAst } from "../../../hooks/useElementInputsAst";
+import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
+import { useBindingsForElement } from "./useBindingsForElement.js";
+import { useElementInputsAst } from "../../../hooks/useElementInputsAst.js";
 import { InputsBindingsProcessor } from "@webiny/website-builder-sdk";
 import { StylesBindingsProcessor } from "@webiny/website-builder-sdk";
 import { createElement } from "@webiny/website-builder-sdk";
-import { BreakpointElementMetadata, ElementMetadata, InputMetadata } from "../../../metadata";
-import { useElementFactory } from "./useElementFactory";
+import { BreakpointElementMetadata, ElementMetadata, InputMetadata } from "../../../metadata/index.js";
+import { useElementFactory } from "./useElementFactory.js";
 export class InputValueObject {
   constructor(value) {
     this.value = value;

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useCallback","useMemo","useState","set","generateAlphaNumericLowerCaseId","useDocumentEditor","Commands","functionConverter","useBreakpoint","useBindingsForElement","useElementInputsAst","InputsBindingsProcessor","StylesBindingsProcessor","createElement","BreakpointElementMetadata","ElementMetadata","InputMetadata","useElementFactory","InputValueObject","constructor","value","get","unset","undefined","convertBracketPathToDotPath","path","replace","withTimeout","cb","args","setTimeout","useInputValue","elementId","node","breakpoint","breakpoints","editor","inputsAst","elementFactory","breakpointNames","map","bp","name","rawBindings","resolvedBindings","inheritanceMap","stylesProcessor","inputsProcessor","inputs","inputMetadata","elementMetadata","metadata","input","responsive","valueId","id","localState","setLocalValue","onChange","deepInputs","toDeepInputs","valueObject","updaterInput","valuePath","devFriendlyInputs","structuredClone","devFriendlyStyles","toDeepStyles","styles","callback","deserialize","publicApi","params","updateDocument","document","createUpdate","applyToDocument","onPreviewChange","static","updatedInputs","patch","createJsonPatch","executeCommand","PreviewPatchElement","setBindingType","type","state","bindings","valueBinding","expression","onReset"],"sources":["useInputValue.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport set from \"lodash/set\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils/generateId\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\nimport type { ValueBinding, CreateElementParams } from \"@webiny/website-builder-sdk\";\nimport { Commands } from \"~/BaseEditor\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\nimport { functionConverter } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { useBindingsForElement } from \"./useBindingsForElement\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst\";\nimport { InputsBindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { StylesBindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { createElement } from \"@webiny/website-builder-sdk\";\nimport {\n BreakpointElementMetadata,\n ElementMetadata,\n InputMetadata,\n type IMetadata\n} from \"~/BaseEditor/metadata\";\nimport { useElementFactory } from \"./useElementFactory\";\n\nexport type OnChangeParams = {\n value: InputValueObject;\n metadata: IMetadata;\n};\n\nexport type InputBindingOnChange = (cb: (params: OnChangeParams) => void) => void;\n\nexport class InputValueObject {\n private value: any;\n\n constructor(value: any) {\n this.value = value;\n }\n\n set(value: any) {\n this.value = value;\n }\n\n get() {\n return this.value;\n }\n\n unset() {\n this.value = undefined;\n }\n}\n\nfunction convertBracketPathToDotPath(path: string): string {\n return path.replace(/\\/(\\d+)\\//g, \".$1\");\n}\n\n/*\n This makes UI interaction smoother (input blur in particular).\n /\nconst withTimeout = <T extends (...args: any[]) => unknown>(cb: T): T => {\n return ((...args: Parameters<T>) => {\n setTimeout(() => {\n cb(...args);\n }, 0);\n }) as unknown as T;\n};\n\nexport const useInputValue = (elementId: string, node: InputAstNode) => {\n const { breakpoint, breakpoints } = useBreakpoint();\n const editor = useDocumentEditor();\n const inputsAst = useElementInputsAst(elementId);\n const elementFactory = useElementFactory();\n\n const breakpointNames = useMemo(() => breakpoints.map(bp => bp.name), []);\n\n // These bindings already include per-breakpoint overrides.\n const { rawBindings, resolvedBindings, inheritanceMap } = useBindingsForElement(elementId);\n\n const stylesProcessor = useMemo(() => {\n return new StylesBindingsProcessor(elementId ?? \"\", breakpointNames, rawBindings);\n }, [elementId, rawBindings]);\n\n const inputsProcessor = useMemo(() => {\n return new InputsBindingsProcessor(\n elementId ?? \"\",\n inputsAst,\n breakpointNames,\n rawBindings,\n elementFactory\n );\n }, [elementId, rawBindings]);\n\n // This value is the final calculated breakpoint value.\n const value = resolvedBindings.inputs[node.path];\n\n const inputMetadata = useMemo((): IMetadata => {\n let elementMetadata: IMetadata = new ElementMetadata(elementId, rawBindings.metadata);\n\n if (node.input.responsive) {\n elementMetadata = new BreakpointElementMetadata(\n breakpointNames,\n breakpoint.name,\n elementMetadata\n );\n }\n\n const valueId = value?.id ?? generateAlphaNumericLowerCaseId();\n\n return new InputMetadata(valueId, elementMetadata);\n }, [elementId, breakpoint.name, rawBindings]);\n\n const [localState, setLocalValue] = useState<ValueBinding>();\n\n const onChange = useCallback(\n withTimeout((cb: (params: OnChangeParams) => void) => {\n const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);\n\n const valueObject = new InputValueObject(value);\n\n const updaterInput = {\n value: valueObject,\n metadata: inputMetadata\n };\n\n // Change the input value (and metadata).\n cb(updaterInput);\n\n const valuePath = convertBracketPathToDotPath(node.path);\n const devFriendlyInputs = set(\n structuredClone(deepInputs),\n valuePath,\n valueObject.get()\n );\n\n const devFriendlyStyles = stylesProcessor.toDeepStyles(rawBindings.styles ?? {});\n\n // Process input's `onChange`.\n if (node.input.onChange) {\n const callback = functionConverter.deserialize(\n // TODO: we know it's a string, but on the frontend it's a function. Fix types.\n node.input.onChange! as any as string\n );\n\n // Run onChange callback.\n const publicApi = {\n inputs: devFriendlyInputs,\n styles: devFriendlyStyles,\n createElement: (params: CreateElementParams) => {\n return createElement(params);\n }\n };\n\n // Run input's `onChange` callback.\n callback(publicApi, {\n breakpoint: breakpoint.name\n });\n }\n\n editor.updateDocument(document => {\n const inputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);\n const styles = stylesProcessor.createUpdate(devFriendlyStyles, breakpoint.name);\n\n inputs.applyToDocument(document);\n styles.applyToDocument(document);\n\n inputMetadata.applyToDocument(document);\n });\n\n // Clear local value\n setLocalValue(undefined);\n }),\n [elementId, resolvedBindings, breakpoint]\n );\n\n /\n In preview, we do not update the editor document. Instead, we create a patch and send it to the preview app.\n */\n const onPreviewChange = useCallback(\n (cb: (params: OnChangeParams) => void) => {\n const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);\n\n const valueObject = new InputValueObject(localState ?? value);\n\n const updaterInput = {\n value: valueObject,\n metadata: inputMetadata\n };\n\n // Change the input value (and metadata).\n cb(updaterInput);\n\n const valuePath = convertBracketPathToDotPath(node.path);\n const devFriendlyInputs = set(\n structuredClone(deepInputs),\n valuePath,\n valueObject.get()\n );\n\n setLocalValue({ static: valueObject.get() });\n\n const updatedInputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);\n const patch = updatedInputs.createJsonPatch(rawBindings);\n\n editor.executeCommand(Commands.PreviewPatchElement, { elementId, patch });\n },\n [elementId, rawBindings, localState]\n );\n\n const setBindingType = useCallback(\n (type: \"static\" \| \"expression\") => {\n editor.updateDocument(state => {\n const bindings = state.bindings[elementId];\n const valueBinding = bindings.inputs![node.path];\n\n if (type === \"static\") {\n // Switching to static bindings means we have to remove the expression binding.\n delete valueBinding.expression;\n } else {\n valueBinding.expression = \"$noop\";\n }\n\n state.bindings[elementId] = {\n ...bindings,\n inputs: {\n ...bindings.inputs,\n [node.path]: valueBinding\n }\n };\n });\n },\n [elementId]\n );\n\n const onReset = useCallback(() => {\n onChange(({ value, metadata }) => {\n value.unset();\n metadata.unset();\n });\n }, [onChange]);\n\n return {\n value: localState ?? value,\n metadata: inputMetadata,\n inheritanceMap: inheritanceMap.inputs[node.path],\n onReset,\n onChange,\n onPreviewChange,\n setBindingType\n };\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useMemo","useState","set","generateAlphaNumericLowerCaseId","useDocumentEditor","Commands","functionConverter","useBreakpoint","useBindingsForElement","useElementInputsAst","InputsBindingsProcessor","StylesBindingsProcessor","createElement","BreakpointElementMetadata","ElementMetadata","InputMetadata","useElementFactory","InputValueObject","constructor","value","get","unset","undefined","convertBracketPathToDotPath","path","replace","withTimeout","cb","args","setTimeout","useInputValue","elementId","node","breakpoint","breakpoints","editor","inputsAst","elementFactory","breakpointNames","map","bp","name","rawBindings","resolvedBindings","inheritanceMap","stylesProcessor","inputsProcessor","inputs","inputMetadata","elementMetadata","metadata","input","responsive","valueId","id","localState","setLocalValue","onChange","deepInputs","toDeepInputs","valueObject","updaterInput","valuePath","devFriendlyInputs","structuredClone","devFriendlyStyles","toDeepStyles","styles","callback","deserialize","publicApi","params","updateDocument","document","createUpdate","applyToDocument","onPreviewChange","static","updatedInputs","patch","createJsonPatch","executeCommand","PreviewPatchElement","setBindingType","type","state","bindings","valueBinding","expression","onReset"],"sources":["useInputValue.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport set from \"lodash/set.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils/generateId.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\nimport type { ValueBinding, CreateElementParams } from \"@webiny/website-builder-sdk\";\nimport { Commands } from \"~/BaseEditor/index.js\";\nimport type { InputAstNode } from \"@webiny/website-builder-sdk\";\nimport { functionConverter } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { useBindingsForElement } from \"./useBindingsForElement.js\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst.js\";\nimport { InputsBindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { StylesBindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { createElement } from \"@webiny/website-builder-sdk\";\nimport {\n BreakpointElementMetadata,\n ElementMetadata,\n InputMetadata,\n type IMetadata\n} from \"~/BaseEditor/metadata/index.js\";\nimport { useElementFactory } from \"./useElementFactory.js\";\n\nexport type OnChangeParams = {\n value: InputValueObject;\n metadata: IMetadata;\n};\n\nexport type InputBindingOnChange = (cb: (params: OnChangeParams) => void) => void;\n\nexport class InputValueObject {\n private value: any;\n\n constructor(value: any) {\n this.value = value;\n }\n\n set(value: any) {\n this.value = value;\n }\n\n get() {\n return this.value;\n }\n\n unset() {\n this.value = undefined;\n }\n}\n\nfunction convertBracketPathToDotPath(path: string): string {\n return path.replace(/\\/(\\d+)\\//g, \".$1\");\n}\n\n/*\n This makes UI interaction smoother (input blur in particular).\n /\nconst withTimeout = <T extends (...args: any[]) => unknown>(cb: T): T => {\n return ((...args: Parameters<T>) => {\n setTimeout(() => {\n cb(...args);\n }, 0);\n }) as unknown as T;\n};\n\nexport const useInputValue = (elementId: string, node: InputAstNode) => {\n const { breakpoint, breakpoints } = useBreakpoint();\n const editor = useDocumentEditor();\n const inputsAst = useElementInputsAst(elementId);\n const elementFactory = useElementFactory();\n\n const breakpointNames = useMemo(() => breakpoints.map(bp => bp.name), []);\n\n // These bindings already include per-breakpoint overrides.\n const { rawBindings, resolvedBindings, inheritanceMap } = useBindingsForElement(elementId);\n\n const stylesProcessor = useMemo(() => {\n return new StylesBindingsProcessor(elementId ?? \"\", breakpointNames, rawBindings);\n }, [elementId, rawBindings]);\n\n const inputsProcessor = useMemo(() => {\n return new InputsBindingsProcessor(\n elementId ?? \"\",\n inputsAst,\n breakpointNames,\n rawBindings,\n elementFactory\n );\n }, [elementId, rawBindings]);\n\n // This value is the final calculated breakpoint value.\n const value = resolvedBindings.inputs[node.path];\n\n const inputMetadata = useMemo((): IMetadata => {\n let elementMetadata: IMetadata = new ElementMetadata(elementId, rawBindings.metadata);\n\n if (node.input.responsive) {\n elementMetadata = new BreakpointElementMetadata(\n breakpointNames,\n breakpoint.name,\n elementMetadata\n );\n }\n\n const valueId = value?.id ?? generateAlphaNumericLowerCaseId();\n\n return new InputMetadata(valueId, elementMetadata);\n }, [elementId, breakpoint.name, rawBindings]);\n\n const [localState, setLocalValue] = useState<ValueBinding>();\n\n const onChange = useCallback(\n withTimeout((cb: (params: OnChangeParams) => void) => {\n const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);\n\n const valueObject = new InputValueObject(value);\n\n const updaterInput = {\n value: valueObject,\n metadata: inputMetadata\n };\n\n // Change the input value (and metadata).\n cb(updaterInput);\n\n const valuePath = convertBracketPathToDotPath(node.path);\n const devFriendlyInputs = set(\n structuredClone(deepInputs),\n valuePath,\n valueObject.get()\n );\n\n const devFriendlyStyles = stylesProcessor.toDeepStyles(rawBindings.styles ?? {});\n\n // Process input's `onChange`.\n if (node.input.onChange) {\n const callback = functionConverter.deserialize(\n // TODO: we know it's a string, but on the frontend it's a function. Fix types.\n node.input.onChange! as any as string\n );\n\n // Run onChange callback.\n const publicApi = {\n inputs: devFriendlyInputs,\n styles: devFriendlyStyles,\n createElement: (params: CreateElementParams) => {\n return createElement(params);\n }\n };\n\n // Run input's `onChange` callback.\n callback(publicApi, {\n breakpoint: breakpoint.name\n });\n }\n\n editor.updateDocument(document => {\n const inputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);\n const styles = stylesProcessor.createUpdate(devFriendlyStyles, breakpoint.name);\n\n inputs.applyToDocument(document);\n styles.applyToDocument(document);\n\n inputMetadata.applyToDocument(document);\n });\n\n // Clear local value\n setLocalValue(undefined);\n }),\n [elementId, resolvedBindings, breakpoint]\n );\n\n /\n In preview, we do not update the editor document. Instead, we create a patch and send it to the preview app.\n */\n const onPreviewChange = useCallback(\n (cb: (params: OnChangeParams) => void) => {\n const deepInputs = inputsProcessor.toDeepInputs(resolvedBindings.inputs);\n\n const valueObject = new InputValueObject(localState ?? value);\n\n const updaterInput = {\n value: valueObject,\n metadata: inputMetadata\n };\n\n // Change the input value (and metadata).\n cb(updaterInput);\n\n const valuePath = convertBracketPathToDotPath(node.path);\n const devFriendlyInputs = set(\n structuredClone(deepInputs),\n valuePath,\n valueObject.get()\n );\n\n setLocalValue({ static: valueObject.get() });\n\n const updatedInputs = inputsProcessor.createUpdate(devFriendlyInputs, breakpoint.name);\n const patch = updatedInputs.createJsonPatch(rawBindings);\n\n editor.executeCommand(Commands.PreviewPatchElement, { elementId, patch });\n },\n [elementId, rawBindings, localState]\n );\n\n const setBindingType = useCallback(\n (type: \"static\" \| \"expression\") => {\n editor.updateDocument(state => {\n const bindings = state.bindings[elementId];\n const valueBinding = bindings.inputs![node.path];\n\n if (type === \"static\") {\n // Switching to static bindings means we have to remove the expression binding.\n delete valueBinding.expression;\n } else {\n valueBinding.expression = \"$noop\";\n }\n\n state.bindings[elementId] = {\n ...bindings,\n inputs: {\n ...bindings.inputs,\n [node.path]: valueBinding\n }\n };\n });\n },\n [elementId]\n );\n\n const onReset = useCallback(() => {\n onChange(({ value, metadata }) => {\n value.unset();\n metadata.unset();\n });\n }, [onChange]);\n\n return {\n value: localState ?? value,\n metadata: inputMetadata,\n inheritanceMap: inheritanceMap.inputs[node.path],\n onReset,\n onChange,\n onPreviewChange,\n setBindingType\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useRepeatValue.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import set from "lodash/set";
+import set from "lodash/set.js";
 import { useCallback } from "react";
-import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument";
-import { useDocumentEditor } from "../../../../DocumentEditor";
+import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument.js";
+import { useDocumentEditor } from "../../../../DocumentEditor/index.js";
 export const useRepeatValue = elementId => {
   const editor = useDocumentEditor();
   const value = useSelectFromDocument(document => {

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useRepeatValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["set","useCallback","useSelectFromDocument","useDocumentEditor","useRepeatValue","elementId","editor","value","document","bindings","$repeat","expression","onChange","updateDocument"],"sources":["useRepeatValue.ts"],"sourcesContent":["import set from \"lodash/set\";\nimport { useCallback } from \"react\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport { useDocumentEditor } from \"~/DocumentEditor\";\n\nexport const useRepeatValue = (elementId: string) => {\n const editor = useDocumentEditor();\n\n const value = useSelectFromDocument(\n document => {\n const bindings = document.bindings[elementId] \|\| {};\n\n return bindings.$repeat?.expression;\n },\n [elementId]\n );\n\n const onChange = useCallback(\n (value: string \| undefined) => {\n editor.updateDocument(document => {\n const bindings = document.bindings[elementId] ?? {};\n if (!value) {\n delete bindings.$repeat;\n } else {\n set(bindings, \"$repeat.expression\", value);\n }\n\n document.bindings[elementId] = bindings;\n });\n },\n [elementId]\n );\n\n return { value, onChange };\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,~~YAAY~~;~~AAC5B~~,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,qBAAqB;AAC9B,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,cAAc,GAAIC,SAAiB,IAAK;EACjD,MAAMC,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,KAAK,GAAGL,qBAAqB,CAC/BM,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGD,QAAQ,CAACC,QAAQ,CAACJ,SAAS,CAAC,IAAI,CAAC,CAAC;IAEnD,OAAOI,QAAQ,CAACC,OAAO,EAAEC,UAAU;EACvC,CAAC,EACD,CAACN,SAAS,CACd,CAAC;EAED,MAAMO,QAAQ,GAAGX,WAAW,CACvBM,KAAyB,IAAK;IAC3BD,MAAM,CAACO,cAAc,CAACL,QAAQ,IAAI;MAC9B,MAAMC,QAAQ,GAAGD,QAAQ,CAACC,QAAQ,CAACJ,SAAS,CAAC,IAAI,CAAC,CAAC;MACnD,IAAI,CAACE,KAAK,EAAE;QACR,OAAOE,QAAQ,CAACC,OAAO;MAC3B,CAAC,MAAM;QACHV,GAAG,CAACS,QAAQ,EAAE,oBAAoB,EAAEF,KAAK,CAAC;MAC9C;MAEAC,QAAQ,CAACC,QAAQ,CAACJ,SAAS,CAAC,GAAGI,QAAQ;IAC3C,CAAC,CAAC;EACN,CAAC,EACD,CAACJ,SAAS,CACd,CAAC;EAED,OAAO;IAAEE,KAAK;IAAEK;EAAS,CAAC;AAC9B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["set","useCallback","useSelectFromDocument","useDocumentEditor","useRepeatValue","elementId","editor","value","document","bindings","$repeat","expression","onChange","updateDocument"],"sources":["useRepeatValue.ts"],"sourcesContent":["import set from \"lodash/set.js\";\nimport { useCallback } from \"react\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useDocumentEditor } from \"~/DocumentEditor/index.js\";\n\nexport const useRepeatValue = (elementId: string) => {\n const editor = useDocumentEditor();\n\n const value = useSelectFromDocument(\n document => {\n const bindings = document.bindings[elementId] \|\| {};\n\n return bindings.$repeat?.expression;\n },\n [elementId]\n );\n\n const onChange = useCallback(\n (value: string \| undefined) => {\n editor.updateDocument(document => {\n const bindings = document.bindings[elementId] ?? {};\n if (!value) {\n delete bindings.$repeat;\n } else {\n set(bindings, \"$repeat.expression\", value);\n }\n\n document.bindings[elementId] = bindings;\n });\n },\n [elementId]\n );\n\n return { value, onChange };\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,eAAe;AAC/B,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,qBAAqB;AAC9B,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,cAAc,GAAIC,SAAiB,IAAK;EACjD,MAAMC,MAAM,GAAGH,iBAAiB,CAAC,CAAC;EAElC,MAAMI,KAAK,GAAGL,qBAAqB,CAC/BM,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGD,QAAQ,CAACC,QAAQ,CAACJ,SAAS,CAAC,IAAI,CAAC,CAAC;IAEnD,OAAOI,QAAQ,CAACC,OAAO,EAAEC,UAAU;EACvC,CAAC,EACD,CAACN,SAAS,CACd,CAAC;EAED,MAAMO,QAAQ,GAAGX,WAAW,CACvBM,KAAyB,IAAK;IAC3BD,MAAM,CAACO,cAAc,CAACL,QAAQ,IAAI;MAC9B,MAAMC,QAAQ,GAAGD,QAAQ,CAACC,QAAQ,CAACJ,SAAS,CAAC,IAAI,CAAC,CAAC;MACnD,IAAI,CAACE,KAAK,EAAE;QACR,OAAOE,QAAQ,CAACC,OAAO;MAC3B,CAAC,MAAM;QACHV,GAAG,CAACS,QAAQ,EAAE,oBAAoB,EAAEF,KAAK,CAAC;MAC9C;MAEAC,QAAQ,CAACC,QAAQ,CAACJ,SAAS,CAAC,GAAGI,QAAQ;IAC3C,CAAC,CAAC;EACN,CAAC,EACD,CAACJ,SAAS,CACd,CAAC;EAED,OAAO;IAAEE,KAAK;IAAEK;EAAS,CAAC;AAC9B,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useStateArrays.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument";
-import { StatePathsExtractor } from "./StatePathsExtractor";
+import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument.js";
+import { StatePathsExtractor } from "./StatePathsExtractor.js";
 export const useStateArrays = () => {
   return useSelectFromDocument(document => {
     return new StatePathsExtractor(document.state).getPaths().filter(option => option.type.isArray()).values();

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useStateArrays.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelectFromDocument","StatePathsExtractor","useStateArrays","document","state","getPaths","filter","option","type","isArray","values"],"sources":["useStateArrays.ts"],"sourcesContent":["import { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument\";\nimport { StatePathsExtractor } from \"~/BaseEditor/defaultConfig/Sidebar/ElementSettings/StatePathsExtractor\";\n\nexport const useStateArrays = () => {\n return useSelectFromDocument(document => {\n return new StatePathsExtractor(document.state)\n .getPaths()\n .filter(option => option.type.isArray())\n .values();\n });\n};\n"],"mappings":"AAAA,SAASA,qBAAqB;AAC9B,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,OAAOF,qBAAqB,CAACG,QAAQ,IAAI;IACrC,OAAO,IAAIF,mBAAmB,CAACE,QAAQ,CAACC,KAAK,CAAC,CACzCC,QAAQ,CAAC,CAAC,CACVC,MAAM,CAACC,MAAM,IAAIA,MAAM,CAACC,IAAI,CAACC,OAAO,CAAC,CAAC,CAAC,CACvCC,MAAM,CAAC,CAAC;EACjB,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["useSelectFromDocument","StatePathsExtractor","useStateArrays","document","state","getPaths","filter","option","type","isArray","values"],"sources":["useStateArrays.ts"],"sourcesContent":["import { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { StatePathsExtractor } from \"~/BaseEditor/defaultConfig/Sidebar/ElementSettings/StatePathsExtractor.js\";\n\nexport const useStateArrays = () => {\n return useSelectFromDocument(document => {\n return new StatePathsExtractor(document.state)\n .getPaths()\n .filter(option => option.type.isArray())\n .values();\n });\n};\n"],"mappings":"AAAA,SAASA,qBAAqB;AAC9B,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,OAAOF,qBAAqB,CAACG,QAAQ,IAAI;IACrC,OAAO,IAAIF,mBAAmB,CAACE,QAAQ,CAACC,KAAK,CAAC,CACzCC,QAAQ,CAAC,CAAC,CACVC,MAAM,CAACC,MAAM,IAAIA,MAAM,CAACC,IAAI,CAACC,OAAO,CAAC,CAAC,CAAC,CACvCC,MAAM,CAAC,CAAC;EACjB,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/InfoMessage.js CHANGED Viewed

@@ -5,7 +5,7 @@ export const InfoMessage = ({
   icon
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-dimmed wby-p-md wby-flex wby-flex-col wby-items-center"
+    className: "bg-neutral-dimmed p-md flex flex-col items-center"
   }, icon && /*#__PURE__*/React.createElement(Icon, {
     label: "Select an element",
     size: "lg",
@@ -13,7 +13,7 @@ export const InfoMessage = ({
     color: "neutral-light"
   }), /*#__PURE__*/React.createElement(Text, {
     size: "md",
-    className: "wby-text-center wby-text-neutral-dimmed wby-my-sm"
+    className: "text-center text-neutral-dimmed my-sm"
   }, message));
 };

package/BaseEditor/defaultConfig/Sidebar/InfoMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Text","Icon","InfoMessage","message","icon","createElement","className","label","size","color"],"sources":["InfoMessage.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Text, Icon } from \"@webiny/admin-ui\";\n\nexport interface InfoMessageProps {\n message: string;\n icon?: ReactElement;\n}\n\nexport const InfoMessage = ({ message, icon }: InfoMessageProps) => {\n return (\n <div className={\"~~wby-~~bg-neutral-dimmed ~~wby-~~p-md ~~wby-~~flex ~~wby-~~flex-col ~~wby-~~items-center\"}>\n {icon && (\n <Icon label=\"Select an element\" size={\"lg\"} icon={icon} color={\"neutral-light\"} />\n )}\n <Text size={\"md\"} className={\"~~wby-~~text-center ~~wby-~~text-neutral-dimmed ~~wby-~~my-sm\"}>\n {message}\n </Text>\n </div>\n );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAO7C,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAuB,CAAC,KAAK;EAChE,oBACIL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;~~EAAwE~~,~~GACnFF~~,IAAI,iBACDL,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAACM,KAAK,EAAC,mBAAmB;IAACC,IAAI,EAAE,IAAK;IAACJ,IAAI,EAAEA,IAAK;IAACK,KAAK,EAAE;EAAgB,CAAE,CACpF,eACDV,KAAA,CAAAM,aAAA,CAACL,IAAI;IAACQ,IAAI,EAAE,IAAK;IAACF,SAAS,EAAE;~~EAAoD~~,~~GAC5EH~~,OACC,CACL,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Text","Icon","InfoMessage","message","icon","createElement","className","label","size","color"],"sources":["InfoMessage.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Text, Icon } from \"@webiny/admin-ui\";\n\nexport interface InfoMessageProps {\n message: string;\n icon?: ReactElement;\n}\n\nexport const InfoMessage = ({ message, icon }: InfoMessageProps) => {\n return (\n <div className={\"bg-neutral-dimmed p-md flex flex-col items-center\"}>\n {icon && (\n <Icon label=\"Select an element\" size={\"lg\"} icon={icon} color={\"neutral-light\"} />\n )}\n <Text size={\"md\"} className={\"text-center text-neutral-dimmed my-sm\"}>\n {message}\n </Text>\n </div>\n );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAO7C,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAuB,CAAC,KAAK;EAChE,oBACIL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAoD,GAC/DF,IAAI,iBACDL,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAACM,KAAK,EAAC,mBAAmB;IAACC,IAAI,EAAE,IAAK;IAACJ,IAAI,EAAEA,IAAK;IAACK,KAAK,EAAE;EAAgB,CAAE,CACpF,eACDV,KAAA,CAAAM,aAAA,CAACL,IAAI;IAACQ,IAAI,EAAE,IAAK;IAACF,SAAS,EAAE;EAAwC,GAChEH,OACC,CACL,CAAC;AAEd,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/InheritanceLabel.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import React, { useMemo } from "react";
 import { Text, Tag, Icon, Button, Separator, DropdownMenu, FormComponentLabel } from "@webiny/admin-ui";
-import { useBreakpoint } from "../../hooks/useBreakpoint";
-import { InlineSvg } from "../Toolbar/InsertElements/InlineSvg";
+import { useBreakpoint } from "../../hooks/useBreakpoint.js";
+import { InlineSvg } from "../Toolbar/InsertElements/InlineSvg.js";
 const getBreakpointIcon = (breakpoints, name) => {
   const bp = breakpoints.find(breakpoint => breakpoint.name === name);
   return bp ? /*#__PURE__*/React.createElement(InlineSvg, {
     src: bp.icon
   }) : null;
 };
-const iconClassName = "wby-cursor-pointer wby-mr-xs wby-mb-[2px]";
+const iconClassName = "cursor-pointer mr-xs mb-xxs";
 export const InheritanceLabel = ({
   inheritedFrom,
   isOverridden,
@@ -31,7 +31,7 @@ export const InheritanceLabel = ({
     });
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center"
+    className: "flex items-center"
   }, /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: /*#__PURE__*/React.createElement(Icon, {
       icon: icon,
@@ -42,9 +42,9 @@ export const InheritanceLabel = ({
     }),
     align: "center",
     side: "bottom",
-    className: "wy-p-sm wby-shadow-lg"
+    className: "wy-p-sm shadow-lg"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-p-sm wby-text-sm",
+    className: "p-sm text-sm",
     style: {
       width: 200
     }

package/BaseEditor/defaultConfig/Sidebar/InheritanceLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","Text","Tag","Icon","Button","Separator","DropdownMenu","FormComponentLabel","useBreakpoint","InlineSvg","getBreakpointIcon","breakpoints","name","bp","find","breakpoint","createElement","src","icon","iconClassName","InheritanceLabel","inheritedFrom","isOverridden","text","onReset","isBaseBreakpoint","baseBreakpoint","length","className","trigger","label","size","color","align","side","style","width","InheritedFrom","overriddenAt","variant","margin","onClick","content"],"sources":["InheritanceLabel.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n Text,\n Tag,\n Icon,\n Button,\n Separator,\n DropdownMenu,\n FormComponentLabel\n} from \"@webiny/admin-ui\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { InlineSvg } from \"~/BaseEditor/defaultConfig/Toolbar/InsertElements/InlineSvg\";\nimport type { Breakpoint } from \"@webiny/website-builder-sdk\";\n\nexport interface InheritanceLabelProps {\n text: React.ReactNode;\n isOverridden: boolean;\n onReset: () => void;\n inheritedFrom?: string;\n}\n\nconst getBreakpointIcon = (breakpoints: Breakpoint[], name: string) => {\n const bp = breakpoints.find(breakpoint => breakpoint.name === name);\n return bp ? <InlineSvg src={bp.icon} /> : null;\n};\n\nconst iconClassName = \"~~wby-~~cursor-pointer ~~wby-~~mr-xs ~~wby-~~mb-~~[2px]~~\";\n\nexport const InheritanceLabel = ({\n inheritedFrom,\n isOverridden,\n text,\n onReset\n}: InheritanceLabelProps) => {\n const { breakpoint, breakpoints, isBaseBreakpoint } = useBreakpoint();\n const baseBreakpoint = breakpoints[0];\n\n const icon = useMemo(() => {\n const bp = inheritedFrom ?? baseBreakpoint.name;\n return getBreakpointIcon(breakpoints, bp);\n }, [inheritedFrom, breakpoint.name, breakpoints.length]);\n\n if (isBaseBreakpoint) {\n return <FormComponentLabel text={text} />;\n }\n\n return (\n <div className={\"~~wby-~~flex ~~wby-~~items-center\"}>\n <DropdownMenu\n trigger={\n <Icon\n icon={icon}\n label=\"\"\n size=\"sm\"\n color={isOverridden ? \"accent\" : \"neutral-strong\"}\n className={iconClassName}\n />\n }\n align=\"center\"\n side=\"bottom\"\n className={\"wy-p-sm ~~wby-~~shadow-lg\"}\n >\n <div className={\"~~wby-~~p-sm ~~wby-~~text-sm\"} style={{ width: 200 }}>\n <InheritedFrom\n inheritedFrom={inheritedFrom ?? baseBreakpoint.name}\n overriddenAt={isOverridden ? breakpoint.name : null}\n onReset={onReset}\n />\n </div>\n </DropdownMenu>\n <FormComponentLabel text={text} />\n </div>\n );\n};\n\ninterface InheritedFromProps {\n overriddenAt: string \| null;\n inheritedFrom?: string;\n onReset: () => void;\n}\n\nexport const InheritedFrom = ({ overriddenAt, inheritedFrom, onReset }: InheritedFromProps) => {\n if (overriddenAt) {\n return (\n <div>\n This value is set on the current breakpoint.\n <Separator variant={\"dimmed\"} margin={\"lg\"} />\n <Button variant={\"primary\"} onClick={onReset} text={\"Reset value\"} size={\"sm\"} />\n <Separator variant={\"dimmed\"} margin={\"lg\"} />\n Resetting will inherit the value from the{\" \"}\n <Tag variant={\"neutral-muted\"} content={inheritedFrom} /> breakpoint.\n </div>\n );\n }\n\n return (\n <Text size={\"sm\"}>\n This value is inherited from the{\" \"}\n <Tag variant={\"neutral-muted\"} content={inheritedFrom} /> breakpoint.\n </Text>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACIC,IAAI,EACJC,GAAG,EACHC,IAAI,EACJC,MAAM,EACNC,SAAS,EACTC,YAAY,EACZC,kBAAkB,QACf,kBAAkB;AACzB,SAASC,aAAa;AACtB,SAASC,SAAS;AAUlB,MAAMC,iBAAiB,GAAGA,CAACC,WAAyB,EAAEC,IAAY,KAAK;EACnE,MAAMC,EAAE,GAAGF,WAAW,CAACG,IAAI,CAACC,UAAU,IAAIA,UAAU,CAACH,IAAI,KAAKA,IAAI,CAAC;EACnE,OAAOC,EAAE,gBAAGd,KAAA,CAAAiB,aAAA,CAACP,SAAS;IAACQ,GAAG,EAAEJ,EAAE,CAACK;EAAK,CAAE,CAAC,GAAG,IAAI;AAClD,CAAC;AAED,MAAMC,aAAa,GAAG,~~2CAA2C~~;~~AAEjE~~,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC7BC,aAAa;EACbC,YAAY;EACZC,IAAI;EACJC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAET,UAAU;IAAEJ,WAAW;IAAEc;EAAiB,CAAC,GAAGjB,aAAa,CAAC,CAAC;EACrE,MAAMkB,cAAc,GAAGf,WAAW,CAAC,CAAC,CAAC;EAErC,MAAMO,IAAI,GAAGlB,OAAO,CAAC,MAAM;IACvB,MAAMa,EAAE,GAAGQ,aAAa,IAAIK,cAAc,CAACd,IAAI;IAC/C,OAAOF,iBAAiB,CAACC,WAAW,EAAEE,EAAE,CAAC;EAC7C,CAAC,EAAE,CAACQ,aAAa,EAAEN,UAAU,CAACH,IAAI,EAAED,WAAW,CAACgB,MAAM,CAAC,CAAC;EAExD,IAAIF,gBAAgB,EAAE;IAClB,oBAAO1B,KAAA,CAAAiB,aAAA,CAACT,kBAAkB;MAACgB,IAAI,EAAEA;IAAK,CAAE,CAAC;EAC7C;EAEA,oBACIxB,KAAA,CAAAiB,aAAA;IAAKY,SAAS,EAAE;~~EAA4B~~,~~gBACxC7B~~,KAAA,CAAAiB,aAAA,CAACV,YAAY;IACTuB,OAAO,eACH9B,KAAA,CAAAiB,aAAA,CAACb,IAAI;MACDe,IAAI,EAAEA,IAAK;MACXY,KAAK,EAAC,EAAE;MACRC,IAAI,EAAC,IAAI;MACTC,KAAK,EAAEV,YAAY,GAAG,QAAQ,GAAG,gBAAiB;MAClDM,SAAS,EAAET;IAAc,CAC5B,CACJ;IACDc,KAAK,EAAC,QAAQ;IACdC,IAAI,EAAC,QAAQ;IACbN,SAAS,EAAE;~~EAAwB~~,~~gBAEnC7B~~,KAAA,CAAAiB,aAAA;IAAKY,SAAS,EAAE,~~sBAAuB~~;IAACO,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAI;EAAE,~~gBAC1DrC~~,KAAA,CAAAiB,aAAA,CAACqB,aAAa;IACVhB,aAAa,EAAEA,aAAa,IAAIK,cAAc,CAACd,IAAK;IACpD0B,YAAY,EAAEhB,YAAY,GAAGP,UAAU,CAACH,IAAI,GAAG,IAAK;IACpDY,OAAO,EAAEA;EAAQ,CACpB,CACA,CACK,CAAC,eACfzB,KAAA,CAAAiB,aAAA,CAACT,kBAAkB;IAACgB,IAAI,EAAEA;EAAK,CAAE,CAChC,CAAC;AAEd,CAAC;AAQD,OAAO,MAAMc,aAAa,GAAGA,CAAC;EAAEC,YAAY;EAAEjB,aAAa;EAAEG;AAA4B,CAAC,KAAK;EAC3F,IAAIc,YAAY,EAAE;IACd,oBACIvC,KAAA,CAAAiB,aAAA,cAAK,8CAED,eAAAjB,KAAA,CAAAiB,aAAA,CAACX,SAAS;MAACkC,OAAO,EAAE,QAAS;MAACC,MAAM,EAAE;IAAK,CAAE,CAAC,eAC9CzC,KAAA,CAAAiB,aAAA,CAACZ,MAAM;MAACmC,OAAO,EAAE,SAAU;MAACE,OAAO,EAAEjB,OAAQ;MAACD,IAAI,EAAE,aAAc;MAACQ,IAAI,EAAE;IAAK,CAAE,CAAC,eACjFhC,KAAA,CAAAiB,aAAA,CAACX,SAAS;MAACkC,OAAO,EAAE,QAAS;MAACC,MAAM,EAAE;IAAK,CAAE,CAAC,6CACL,EAAC,GAAG,eAC7CzC,KAAA,CAAAiB,aAAA,CAACd,GAAG;MAACqC,OAAO,EAAE,eAAgB;MAACG,OAAO,EAAErB;IAAc,CAAE,CAAC,gBACxD,CAAC;EAEd;EAEA,oBACItB,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAAC8B,IAAI,EAAE;EAAK,GAAC,kCACkB,EAAC,GAAG,eACpChC,KAAA,CAAAiB,aAAA,CAACd,GAAG;IAACqC,OAAO,EAAE,eAAgB;IAACG,OAAO,EAAErB;EAAc,CAAE,CAAC,gBACvD,CAAC;AAEf,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","Text","Tag","Icon","Button","Separator","DropdownMenu","FormComponentLabel","useBreakpoint","InlineSvg","getBreakpointIcon","breakpoints","name","bp","find","breakpoint","createElement","src","icon","iconClassName","InheritanceLabel","inheritedFrom","isOverridden","text","onReset","isBaseBreakpoint","baseBreakpoint","length","className","trigger","label","size","color","align","side","style","width","InheritedFrom","overriddenAt","variant","margin","onClick","content"],"sources":["InheritanceLabel.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n Text,\n Tag,\n Icon,\n Button,\n Separator,\n DropdownMenu,\n FormComponentLabel\n} from \"@webiny/admin-ui\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { InlineSvg } from \"~/BaseEditor/defaultConfig/Toolbar/InsertElements/InlineSvg.js\";\nimport type { Breakpoint } from \"@webiny/website-builder-sdk\";\n\nexport interface InheritanceLabelProps {\n text: React.ReactNode;\n isOverridden: boolean;\n onReset: () => void;\n inheritedFrom?: string;\n}\n\nconst getBreakpointIcon = (breakpoints: Breakpoint[], name: string) => {\n const bp = breakpoints.find(breakpoint => breakpoint.name === name);\n return bp ? <InlineSvg src={bp.icon} /> : null;\n};\n\nconst iconClassName = \"cursor-pointer mr-xs mb-xxs\";\n\nexport const InheritanceLabel = ({\n inheritedFrom,\n isOverridden,\n text,\n onReset\n}: InheritanceLabelProps) => {\n const { breakpoint, breakpoints, isBaseBreakpoint } = useBreakpoint();\n const baseBreakpoint = breakpoints[0];\n\n const icon = useMemo(() => {\n const bp = inheritedFrom ?? baseBreakpoint.name;\n return getBreakpointIcon(breakpoints, bp);\n }, [inheritedFrom, breakpoint.name, breakpoints.length]);\n\n if (isBaseBreakpoint) {\n return <FormComponentLabel text={text} />;\n }\n\n return (\n <div className={\"flex items-center\"}>\n <DropdownMenu\n trigger={\n <Icon\n icon={icon}\n label=\"\"\n size=\"sm\"\n color={isOverridden ? \"accent\" : \"neutral-strong\"}\n className={iconClassName}\n />\n }\n align=\"center\"\n side=\"bottom\"\n className={\"wy-p-sm shadow-lg\"}\n >\n <div className={\"p-sm text-sm\"} style={{ width: 200 }}>\n <InheritedFrom\n inheritedFrom={inheritedFrom ?? baseBreakpoint.name}\n overriddenAt={isOverridden ? breakpoint.name : null}\n onReset={onReset}\n />\n </div>\n </DropdownMenu>\n <FormComponentLabel text={text} />\n </div>\n );\n};\n\ninterface InheritedFromProps {\n overriddenAt: string \| null;\n inheritedFrom?: string;\n onReset: () => void;\n}\n\nexport const InheritedFrom = ({ overriddenAt, inheritedFrom, onReset }: InheritedFromProps) => {\n if (overriddenAt) {\n return (\n <div>\n This value is set on the current breakpoint.\n <Separator variant={\"dimmed\"} margin={\"lg\"} />\n <Button variant={\"primary\"} onClick={onReset} text={\"Reset value\"} size={\"sm\"} />\n <Separator variant={\"dimmed\"} margin={\"lg\"} />\n Resetting will inherit the value from the{\" \"}\n <Tag variant={\"neutral-muted\"} content={inheritedFrom} /> breakpoint.\n </div>\n );\n }\n\n return (\n <Text size={\"sm\"}>\n This value is inherited from the{\" \"}\n <Tag variant={\"neutral-muted\"} content={inheritedFrom} /> breakpoint.\n </Text>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/BackgroundColor.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import React, { useEffect, useRef, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { ColorPicker } from "@webiny/admin-ui";
-import { useStyles } from "../../useStyles";
-import { InheritanceLabel } from "../../../InheritanceLabel";
+import { useStyles } from "../../useStyles.js";
+import { InheritanceLabel } from "../../../InheritanceLabel.js";
 export const BackgroundColor = observer(({
   elementId
 }) => {

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/BackgroundColor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useRef","useState","observer","ColorPicker","useStyles","InheritanceLabel","BackgroundColor","elementId","styles","onChange","onPreviewChange","inheritanceMap","value","setValue","backgroundColor","timeoutRef","handleChange","set","current","clearTimeout","setTimeout","onReset","unset","inheritance","createElement","label","isOverridden","overridden","inheritedFrom","text","description"],"sources":["BackgroundColor.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ColorPicker } from \"@webiny/admin-ui\";\n\nimport { useStyles } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles\";\nimport { InheritanceLabel } from \"~/BaseEditor/defaultConfig/Sidebar/InheritanceLabel\";\n\nexport const BackgroundColor = observer(({ elementId }: { elementId: string }) => {\n const { styles, onChange, onPreviewChange, inheritanceMap } = useStyles(elementId);\n const [value, setValue] = useState(styles.backgroundColor ?? \"transparent\");\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n useEffect(() => {\n if (styles.backgroundColor !== value) {\n setValue(styles.backgroundColor ?? \"transparent\");\n }\n }, [styles.backgroundColor]);\n\n const handleChange = (value: string) => {\n setValue(value);\n onPreviewChange(({ styles }) => {\n styles.set(\"backgroundColor\", value);\n });\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n timeoutRef.current = setTimeout(() => {\n onChange(({ styles }) => {\n styles.set(\"backgroundColor\", value);\n });\n }, 300); // wait 300ms after last input event\n };\n\n const onReset = () => {\n onChange(({ styles }) => {\n styles.unset(\"backgroundColor\");\n });\n };\n\n const inheritance = inheritanceMap?.backgroundColor ?? {};\n\n return (\n <ColorPicker\n label={\n <InheritanceLabel\n onReset={onReset}\n isOverridden={inheritance?.overridden ?? false}\n inheritedFrom={inheritance?.inheritedFrom}\n text={\"Color\"}\n />\n }\n description=\"Select your background color\"\n value={value}\n onChange={handleChange}\n />\n );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,WAAW,QAAQ,kBAAkB;AAE9C,SAASC,SAAS;AAClB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,eAAe,GAAGJ,QAAQ,CAAC,CAAC;EAAEK;AAAiC,CAAC,KAAK;EAC9E,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGP,SAAS,CAACG,SAAS,CAAC;EAClF,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAACO,MAAM,CAACM,eAAe,IAAI,aAAa,CAAC;EAC3E,MAAMC,UAAU,GAAGf,MAAM,CAAuC,IAAI,CAAC;EAErED,SAAS,CAAC,MAAM;IACZ,IAAIS,MAAM,CAACM,eAAe,KAAKF,KAAK,EAAE;MAClCC,QAAQ,CAACL,MAAM,CAACM,eAAe,IAAI,aAAa,CAAC;IACrD;EACJ,CAAC,EAAE,CAACN,MAAM,CAACM,eAAe,CAAC,CAAC;EAE5B,MAAME,YAAY,GAAIJ,KAAa,IAAK;IACpCC,QAAQ,CAACD,KAAK,CAAC;IACfF,eAAe,CAAC,CAAC;MAAEF;IAAO,CAAC,KAAK;MAC5BA,MAAM,CAACS,GAAG,CAAC,iBAAiB,EAAEL,KAAK,CAAC;IACxC,CAAC,CAAC;IAEF,IAAIG,UAAU,CAACG,OAAO,EAAE;MACpBC,YAAY,CAACJ,UAAU,CAACG,OAAO,CAAC;IACpC;IAEAH,UAAU,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;MAClCX,QAAQ,CAAC,CAAC;QAAED;MAAO,CAAC,KAAK;QACrBA,MAAM,CAACS,GAAG,CAAC,iBAAiB,EAAEL,KAAK,CAAC;MACxC,CAAC,CAAC;IACN,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;EACb,CAAC;EAED,MAAMS,OAAO,GAAGA,CAAA,KAAM;IAClBZ,QAAQ,CAAC,CAAC;MAAED;IAAO,CAAC,KAAK;MACrBA,MAAM,CAACc,KAAK,CAAC,iBAAiB,CAAC;IACnC,CAAC,CAAC;EACN,CAAC;EAED,MAAMC,WAAW,GAAGZ,cAAc,EAAEG,eAAe,IAAI,CAAC,CAAC;EAEzD,oBACIhB,KAAA,CAAA0B,aAAA,CAACrB,WAAW;IACRsB,KAAK,eACD3B,KAAA,CAAA0B,aAAA,CAACnB,gBAAgB;MACbgB,OAAO,EAAEA,OAAQ;MACjBK,YAAY,EAAEH,WAAW,EAAEI,UAAU,IAAI,KAAM;MAC/CC,aAAa,EAAEL,WAAW,EAAEK,aAAc;MAC1CC,IAAI,EAAE;IAAQ,CACjB,CACJ;IACDC,WAAW,EAAC,8BAA8B;IAC1ClB,KAAK,EAAEA,KAAM;IACbH,QAAQ,EAAEO;EAAa,CAC1B,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useRef","useState","observer","ColorPicker","useStyles","InheritanceLabel","BackgroundColor","elementId","styles","onChange","onPreviewChange","inheritanceMap","value","setValue","backgroundColor","timeoutRef","handleChange","set","current","clearTimeout","setTimeout","onReset","unset","inheritance","createElement","label","isOverridden","overridden","inheritedFrom","text","description"],"sources":["BackgroundColor.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ColorPicker } from \"@webiny/admin-ui\";\n\nimport { useStyles } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles.js\";\nimport { InheritanceLabel } from \"~/BaseEditor/defaultConfig/Sidebar/InheritanceLabel.js\";\n\nexport const BackgroundColor = observer(({ elementId }: { elementId: string }) => {\n const { styles, onChange, onPreviewChange, inheritanceMap } = useStyles(elementId);\n const [value, setValue] = useState(styles.backgroundColor ?? \"transparent\");\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n useEffect(() => {\n if (styles.backgroundColor !== value) {\n setValue(styles.backgroundColor ?? \"transparent\");\n }\n }, [styles.backgroundColor]);\n\n const handleChange = (value: string) => {\n setValue(value);\n onPreviewChange(({ styles }) => {\n styles.set(\"backgroundColor\", value);\n });\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n timeoutRef.current = setTimeout(() => {\n onChange(({ styles }) => {\n styles.set(\"backgroundColor\", value);\n });\n }, 300); // wait 300ms after last input event\n };\n\n const onReset = () => {\n onChange(({ styles }) => {\n styles.unset(\"backgroundColor\");\n });\n };\n\n const inheritance = inheritanceMap?.backgroundColor ?? {};\n\n return (\n <ColorPicker\n label={\n <InheritanceLabel\n onReset={onReset}\n isOverridden={inheritance?.overridden ?? false}\n inheritedFrom={inheritance?.inheritedFrom}\n text={\"Color\"}\n />\n }\n description=\"Select your background color\"\n value={value}\n onChange={handleChange}\n />\n );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,WAAW,QAAQ,kBAAkB;AAE9C,SAASC,SAAS;AAClB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,eAAe,GAAGJ,QAAQ,CAAC,CAAC;EAAEK;AAAiC,CAAC,KAAK;EAC9E,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGP,SAAS,CAACG,SAAS,CAAC;EAClF,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAACO,MAAM,CAACM,eAAe,IAAI,aAAa,CAAC;EAC3E,MAAMC,UAAU,GAAGf,MAAM,CAAuC,IAAI,CAAC;EAErED,SAAS,CAAC,MAAM;IACZ,IAAIS,MAAM,CAACM,eAAe,KAAKF,KAAK,EAAE;MAClCC,QAAQ,CAACL,MAAM,CAACM,eAAe,IAAI,aAAa,CAAC;IACrD;EACJ,CAAC,EAAE,CAACN,MAAM,CAACM,eAAe,CAAC,CAAC;EAE5B,MAAME,YAAY,GAAIJ,KAAa,IAAK;IACpCC,QAAQ,CAACD,KAAK,CAAC;IACfF,eAAe,CAAC,CAAC;MAAEF;IAAO,CAAC,KAAK;MAC5BA,MAAM,CAACS,GAAG,CAAC,iBAAiB,EAAEL,KAAK,CAAC;IACxC,CAAC,CAAC;IAEF,IAAIG,UAAU,CAACG,OAAO,EAAE;MACpBC,YAAY,CAACJ,UAAU,CAACG,OAAO,CAAC;IACpC;IAEAH,UAAU,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;MAClCX,QAAQ,CAAC,CAAC;QAAED;MAAO,CAAC,KAAK;QACrBA,MAAM,CAACS,GAAG,CAAC,iBAAiB,EAAEL,KAAK,CAAC;MACxC,CAAC,CAAC;IACN,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;EACb,CAAC;EAED,MAAMS,OAAO,GAAGA,CAAA,KAAM;IAClBZ,QAAQ,CAAC,CAAC;MAAED;IAAO,CAAC,KAAK;MACrBA,MAAM,CAACc,KAAK,CAAC,iBAAiB,CAAC;IACnC,CAAC,CAAC;EACN,CAAC;EAED,MAAMC,WAAW,GAAGZ,cAAc,EAAEG,eAAe,IAAI,CAAC,CAAC;EAEzD,oBACIhB,KAAA,CAAA0B,aAAA,CAACrB,WAAW;IACRsB,KAAK,eACD3B,KAAA,CAAA0B,aAAA,CAACnB,gBAAgB;MACbgB,OAAO,EAAEA,OAAQ;MACjBK,YAAY,EAAEH,WAAW,EAAEI,UAAU,IAAI,KAAM;MAC/CC,aAAa,EAAEL,WAAW,EAAEK,aAAc;MAC1CC,IAAI,EAAE;IAAQ,CACjB,CACJ;IACDC,WAAW,EAAC,8BAA8B;IAC1ClB,KAAK,EAAEA,KAAM;IACbH,QAAQ,EAAEO;EAAa,CAC1B,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/BackgroundImage.js CHANGED Viewed

@@ -2,10 +2,10 @@ import React, { useEffect, useState, useMemo } from "react";
 import { observer } from "mobx-react-lite";
 import { FileManager } from "@webiny/app-admin";
 import { FilePicker } from "@webiny/admin-ui";
-import { useStyles } from "../../useStyles";
-import { BackgroundImageParser } from "./BackgroundImageParser";
-import { useBreakpoint } from "../../../../../hooks/useBreakpoint";
-import { InheritanceLabel } from "../../../InheritanceLabel";
+import { useStyles } from "../../useStyles.js";
+import { BackgroundImageParser } from "./BackgroundImageParser.js";
+import { useBreakpoint } from "../../../../../hooks/useBreakpoint.js";
+import { InheritanceLabel } from "../../../InheritanceLabel.js";
 const DEFAULT_POSITION = "center";
 const DEFAULT_SCALING = {
   backgroundSize: "cover",
@@ -45,19 +45,6 @@ export const BackgroundImage = observer(({
     }
   }, [styles.backgroundImage]);
   const onFileChange = file => {
-    const metaItems = file.meta || [];
-    const getName = () => {
-      const nameItem = metaItems.find(item => item.key === "name");
-      return nameItem ? nameItem.value : "";
-    };
-    const getSize = () => {
-      const sizeItem = metaItems.find(item => item.key === "size");
-      return sizeItem ? sizeItem.value : 0;
-    };
-    const getType = () => {
-      const typeItem = metaItems.find(item => item.key === "type");
-      return typeItem ? typeItem.value : "";
-    };
     onChange(({
       styles,
       metadata
@@ -68,9 +55,9 @@ export const BackgroundImage = observer(({
       styles.set("backgroundImage", `url("${file.src}")`);
       metadata.set("backgroundImage", {
         id: file.id,
-        name: getName(),
-        size: getSize(),
-        mimeType: getType(),
+        name: file.name,
+        size: file.size,
+        type: file.type,
         url: file.src || ""
       });
     });

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/BackgroundImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useState","useMemo","observer","FileManager","FilePicker","useStyles","BackgroundImageParser","useBreakpoint","InheritanceLabel","DEFAULT_POSITION","DEFAULT_SCALING","backgroundSize","backgroundRepeat","parseValue","value","undefined","BackgroundImage","elementId","isBaseBreakpoint","styles","metadata","onChange","inheritanceMap","localValue","setLocalValue","backgroundImage","url","parser","rules","getRules","urlRule","find","r","type","parsed","onFileChange","file","~~metaItems","meta","getName","nameItem","item","key","getSize","sizeItem","getType","typeItem","~~set","src","id","name","size","~~mimeType","~~onRemove","unset","onReset","inheritance","fileInfo","get","createElement","images","render","showFileManager","label","isOverridden","overridden","inheritedFrom","text","description","onSelectItem","onRemoveItem","onEditItem"],"sources":["BackgroundImage.tsx"],"sourcesContent":["import React, { useEffect, useState, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport { useStyles } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles\";\nimport { BackgroundImageParser } from \"./BackgroundImageParser\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint\";\nimport { InheritanceLabel } from \"../../../InheritanceLabel\";\n\ntype FileInfo = {\n id: string;\n name: string;\n size: number;\n ~~mimeType~~: string;\n url: string;\n};\n\nconst DEFAULT_POSITION = \"center\";\nconst DEFAULT_SCALING = {\n backgroundSize: \"cover\",\n backgroundRepeat: \"no-repeat\"\n};\n\nexport const parseValue = (value: string) => {\n if (!value) {\n return undefined;\n }\n\n return;\n};\n\nexport const BackgroundImage = observer(({ elementId }: { elementId: string }) => {\n const { isBaseBreakpoint } = useBreakpoint();\n const { styles, metadata, onChange, inheritanceMap } = useStyles(elementId);\n const [localValue, setLocalValue] = useState<string \| null>(styles.backgroundImage);\n const url = useMemo(() => {\n const parser = new BackgroundImageParser(styles.backgroundImage);\n const rules = parser.getRules();\n const urlRule = rules.find(r => r.type === \"url\");\n if (urlRule && urlRule.type === \"url\") {\n return urlRule.parsed.url;\n }\n return null;\n }, [styles.backgroundImage]);\n\n useEffect(() => {\n if (styles.backgroundImage !== localValue) {\n setLocalValue(styles.backgroundImage);\n }\n }, [styles.backgroundImage]);\n\n const onFileChange = (file: ~~any~~) => {\n const metaItems = file.meta \|\| [];\n const getName = () => {\n const nameItem = metaItems.find((item: { key: string }) => item.key === \"name\");\n return nameItem ? nameItem.value : \"\";\n };\n const getSize = () => {\n const sizeItem = metaItems.find((item: { key: string }) => item.key === \"size\");\n return sizeItem ? sizeItem.value : 0;\n };\n const getType = () => {\n const typeItem = metaItems.find((item: { key: string }) => item.key === \"type\");\n return typeItem ? typeItem.value : \"\";\n };\n\n onChange(({ styles, metadata }) => {\n styles.set(\"backgroundPosition\", DEFAULT_POSITION);\n styles.set(\"backgroundSize\", DEFAULT_SCALING.backgroundSize);\n styles.set(\"backgroundRepeat\", DEFAULT_SCALING.backgroundRepeat);\n styles.set(\"backgroundImage\", `url(\"${file.src}\")`);\n\n metadata.set(\"backgroundImage\", {\n id: file.id,\n name: ~~getName()~~,\n size: ~~getSize()~~,\n ~~mimeType~~: ~~getType()~~,\n url: file.src \|\| \"\"\n });\n });\n };\n\n const onRemove = () => {\n onChange(({ styles, metadata }) => {\n // On base breakpoint, we unset the image and all styles related to it.\n if (isBaseBreakpoint) {\n styles.unset(\"backgroundImage\");\n styles.unset(\"backgroundPosition\");\n styles.unset(\"backgroundSize\");\n styles.unset(\"backgroundRepeat\");\n } else {\n styles.set(\"backgroundImage\", \"none\");\n }\n\n metadata.unset(\"backgroundImage\");\n });\n };\n\n const onReset = () => {\n onChange(({ styles }) => {\n styles.unset(\"backgroundImage\");\n\n metadata.unset(\"backgroundImage\");\n });\n };\n\n const inheritance = inheritanceMap?.backgroundImage ?? {};\n\n const fileInfo = metadata.get<FileInfo>(\"backgroundImage\");\n\n return (\n <FileManager\n images={true}\n onChange={onFileChange}\n render={({ showFileManager }) => (\n <FilePicker\n label={\n <InheritanceLabel\n onReset={onReset}\n isOverridden={inheritance?.overridden ?? false}\n inheritedFrom={inheritance?.inheritedFrom}\n text={\"Image\"}\n />\n }\n description=\"Select a background image\"\n type=\"compact\"\n value={url ? fileInfo : undefined}\n onSelectItem={() => showFileManager()}\n onRemoveItem={onRemove}\n onEditItem={() => showFileManager()}\n />\n )}\n />\n );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAC3D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,WAAW,~~QAAQ~~,mBAAmB;~~AAC/C~~,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,SAAS;AAClB,SAASC,qBAAqB;AAC9B,SAASC,aAAa;AACtB,SAASC,gBAAgB;AAUzB,MAAMC,gBAAgB,GAAG,QAAQ;AACjC,MAAMC,eAAe,GAAG;EACpBC,cAAc,EAAE,OAAO;EACvBC,gBAAgB,EAAE;AACtB,CAAC;AAED,OAAO,MAAMC,UAAU,GAAIC,KAAa,IAAK;EACzC,IAAI,CAACA,KAAK,EAAE;IACR,OAAOC,SAAS;EACpB;EAEA;AACJ,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGd,QAAQ,CAAC,CAAC;EAAEe;AAAiC,CAAC,KAAK;EAC9E,MAAM;IAAEC;EAAiB,CAAC,GAAGX,aAAa,CAAC,CAAC;EAC5C,MAAM;IAAEY,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GAAGjB,SAAS,CAACY,SAAS,CAAC;EAC3E,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGxB,QAAQ,CAAgBmB,MAAM,CAACM,eAAe,CAAC;EACnF,MAAMC,GAAG,GAAGzB,OAAO,CAAC,MAAM;IACtB,MAAM0B,MAAM,GAAG,IAAIrB,qBAAqB,CAACa,MAAM,CAACM,eAAe,CAAC;IAChE,MAAMG,KAAK,GAAGD,MAAM,CAACE,QAAQ,CAAC,CAAC;IAC/B,MAAMC,OAAO,GAAGF,KAAK,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAK,KAAK,CAAC;IACjD,IAAIH,OAAO,IAAIA,OAAO,CAACG,IAAI,KAAK,KAAK,EAAE;MACnC,OAAOH,OAAO,CAACI,MAAM,CAACR,GAAG;IAC7B;IACA,OAAO,IAAI;EACf,CAAC,EAAE,CAACP,MAAM,CAACM,eAAe,CAAC,CAAC;EAE5B1B,SAAS,CAAC,MAAM;IACZ,IAAIoB,MAAM,CAACM,eAAe,KAAKF,UAAU,EAAE;MACvCC,aAAa,CAACL,MAAM,CAACM,eAAe,CAAC;IACzC;EACJ,CAAC,EAAE,CAACN,MAAM,CAACM,eAAe,CAAC,CAAC;EAE5B,MAAMU,YAAY,GAAIC,~~IAAS~~,IAAK;~~IAChC~~,~~MAAMC,SAAS,GAAGD,IAAI,CAACE,IAAI,IAAI,EAAE;IACjC,MAAMC,OAAO,GAAGA,CAAA,KAAM;MAClB,MAAMC,~~QAAQ,~~GAAGH,SAAS,CAACN,IAAI,CAAEU,IAAqB,IAAKA,IAAI,CAACC,GAAG,KAAK,MAAM,~~CAAC~~;MAC/E~~,~~OAAOF,QAAQ,GAAGA,QAAQ,CAAC1B,KAAK,GAAG,EAAE;IACzC,~~CAAC;IACD,MAAM6B,OAAO,GAAGA,CAAA,KAAM;MAClB,MAAMC,QAAQ,GAAGP,SAAS,CAACN,IAAI,CAAEU,IAAqB,IAAKA,IAAI,CAACC,GAAG,KAAK,MAAM,CAAC;MAC/E,OAAOE,QAAQ,GAAGA,QAAQ,CAAC9B,KAAK,GAAG,CAAC;IACxC,CAAC;IACD,MAAM+B,OAAO,GAAGA,CAAA,KAAM;MAClB,MAAMC,QAAQ,GAAGT,SAAS,CAACN,IAAI,CAAEU,IAAqB,IAAKA,IAAI,CAACC,GAAG,KAAK,MAAM,CAAC;MAC/E,OAAOI,QAAQ,GAAGA,QAAQ,CAAChC,KAAK,GAAG,EAAE;IACzC,CAAC;IAEDO,QAAQ,CAAC,CAAC;MAAEF,MAAM;MAAEC;IAAS,CAAC,KAAK;MAC/BD,MAAM,~~CAAC4B~~,GAAG,CAAC,oBAAoB,~~EAAEtC~~,gBAAgB,CAAC;MAClDU,MAAM,~~CAAC4B~~,GAAG,CAAC,gBAAgB,~~EAAErC~~,eAAe,CAACC,cAAc,CAAC;MAC5DQ,MAAM,~~CAAC4B~~,GAAG,CAAC,kBAAkB,~~EAAErC~~,eAAe,CAACE,gBAAgB,CAAC;MAChEO,MAAM,~~CAAC4B~~,GAAG,CAAC,iBAAiB,EAAE,~~QAAQX~~,IAAI,~~CAACY~~,GAAG,IAAI,CAAC;~~MAEnD5B~~,QAAQ,~~CAAC2B~~,GAAG,CAAC,iBAAiB,EAAE;QAC5BE,EAAE,~~EAAEb~~,IAAI,~~CAACa~~,EAAE;QACXC,IAAI,~~EAAEX~~,~~OAAO~~,~~CAAC~~,~~CAAC~~;~~QACfY~~,IAAI,~~EAAER~~,~~OAAO~~,~~CAAC~~,~~CAAC~~;~~QACfS~~,~~QAAQ~~,~~EAAEP~~,~~OAAO~~,~~CAAC~~,~~CAAC~~;~~QACnBnB~~,GAAG,EAAEU,IAAI,~~CAACY~~,GAAG,IAAI;MACrB,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EAED,~~MAAMK~~,QAAQ,GAAGA,CAAA,KAAM;~~IACnBhC~~,QAAQ,CAAC,CAAC;MAAEF,MAAM;MAAEC;IAAS,CAAC,KAAK;MAC/B;MACA,IAAIF,gBAAgB,EAAE;QAClBC,MAAM,~~CAACmC~~,KAAK,CAAC,iBAAiB,CAAC;QAC/~~BnC~~,MAAM,~~CAACmC~~,KAAK,CAAC,oBAAoB,CAAC;~~QAClCnC~~,MAAM,~~CAACmC~~,KAAK,CAAC,gBAAgB,CAAC;~~QAC9BnC~~,MAAM,~~CAACmC~~,KAAK,CAAC,kBAAkB,CAAC;MACpC,CAAC,MAAM;~~QACHnC~~,MAAM,~~CAAC4B~~,GAAG,CAAC,iBAAiB,EAAE,MAAM,CAAC;MACzC;~~MAEA3B~~,QAAQ,~~CAACkC~~,KAAK,CAAC,iBAAiB,CAAC;IACrC,CAAC,CAAC;EACN,CAAC;EAED,MAAMC,OAAO,GAAGA,CAAA,KAAM;~~IAClBlC~~,QAAQ,CAAC,CAAC;MAAEF;IAAO,CAAC,KAAK;MACrBA,MAAM,~~CAACmC~~,KAAK,CAAC,iBAAiB,CAAC;MAE/~~BlC~~,QAAQ,~~CAACkC~~,KAAK,CAAC,iBAAiB,CAAC;IACrC,CAAC,CAAC;EACN,CAAC;EAED,MAAME,WAAW,~~GAAGlC~~,cAAc,EAAEG,eAAe,IAAI,CAAC,CAAC;EAEzD,~~MAAMgC~~,QAAQ,~~GAAGrC~~,QAAQ,~~CAACsC~~,GAAG,CAAW,iBAAiB,CAAC;EAE1D,~~oBACI5D~~,KAAA,~~CAAA6D~~,aAAA,~~CAACxD~~,WAAW;~~IACRyD~~,MAAM,EAAE,IAAK;~~IACbvC~~,QAAQ,EAAEc,YAAa;~~IACvB0B~~,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,~~kBACxBhE~~,KAAA,~~CAAA6D~~,aAAA,~~CAACvD~~,UAAU;~~MACP2D~~,KAAK,~~eACDjE~~,KAAA,~~CAAA6D~~,aAAA,~~CAACnD~~,gBAAgB;~~QACb+C~~,OAAO,EAAEA,OAAQ;QACjBS,YAAY,EAAER,WAAW,EAAES,UAAU,IAAI,KAAM;QAC/CC,aAAa,EAAEV,WAAW,EAAEU,aAAc;QAC1CC,IAAI,EAAE;MAAQ,CACjB,CACJ;MACDC,WAAW,EAAC,2BAA2B;~~MACvCnC~~,IAAI,EAAC,SAAS;MACdnB,KAAK,EAAEY,GAAG,~~GAAG+B~~,QAAQ,~~GAAG1C~~,SAAU;~~MAClCsD~~,YAAY,EAAEA,CAAA,KAAMP,eAAe,CAAC,CAAE;MACtCQ,YAAY,EAAEjB,QAAS;MACvBkB,UAAU,EAAEA,CAAA,KAAMT,eAAe,CAAC;IAAE,CACvC;EACH,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useState","useMemo","observer","FileManager","FilePicker","useStyles","BackgroundImageParser","useBreakpoint","InheritanceLabel","DEFAULT_POSITION","DEFAULT_SCALING","backgroundSize","backgroundRepeat","parseValue","value","undefined","BackgroundImage","elementId","isBaseBreakpoint","styles","metadata","onChange","inheritanceMap","localValue","setLocalValue","backgroundImage","url","parser","rules","getRules","urlRule","find","r","type","parsed","onFileChange","file","set","src","id","name","size","onRemove","unset","onReset","inheritance","fileInfo","get","createElement","images","render","showFileManager","label","isOverridden","overridden","inheritedFrom","text","description","onSelectItem","onRemoveItem","onEditItem"],"sources":["BackgroundImage.tsx"],"sourcesContent":["import React, { useEffect, useState, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { FileManager, type FileManagerFileItem } from \"@webiny/app-admin\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport { useStyles } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles.js\";\nimport { BackgroundImageParser } from \"./BackgroundImageParser.js\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { InheritanceLabel } from \"../../../InheritanceLabel.js\";\n\ntype FileInfo = {\n id: string;\n name: string;\n size: number;\n type: string;\n url: string;\n};\n\nconst DEFAULT_POSITION = \"center\";\nconst DEFAULT_SCALING = {\n backgroundSize: \"cover\",\n backgroundRepeat: \"no-repeat\"\n};\n\nexport const parseValue = (value: string) => {\n if (!value) {\n return undefined;\n }\n\n return;\n};\n\nexport const BackgroundImage = observer(({ elementId }: { elementId: string }) => {\n const { isBaseBreakpoint } = useBreakpoint();\n const { styles, metadata, onChange, inheritanceMap } = useStyles(elementId);\n const [localValue, setLocalValue] = useState<string \| null>(styles.backgroundImage);\n const url = useMemo(() => {\n const parser = new BackgroundImageParser(styles.backgroundImage);\n const rules = parser.getRules();\n const urlRule = rules.find(r => r.type === \"url\");\n if (urlRule && urlRule.type === \"url\") {\n return urlRule.parsed.url;\n }\n return null;\n }, [styles.backgroundImage]);\n\n useEffect(() => {\n if (styles.backgroundImage !== localValue) {\n setLocalValue(styles.backgroundImage);\n }\n }, [styles.backgroundImage]);\n\n const onFileChange = (file: FileManagerFileItem) => {\n onChange(({ styles, metadata }) => {\n styles.set(\"backgroundPosition\", DEFAULT_POSITION);\n styles.set(\"backgroundSize\", DEFAULT_SCALING.backgroundSize);\n styles.set(\"backgroundRepeat\", DEFAULT_SCALING.backgroundRepeat);\n styles.set(\"backgroundImage\", `url(\"${file.src}\")`);\n\n metadata.set(\"backgroundImage\", {\n id: file.id,\n name: file.name,\n size: file.size,\n type: file.type,\n url: file.src \|\| \"\"\n });\n });\n };\n\n const onRemove = () => {\n onChange(({ styles, metadata }) => {\n // On base breakpoint, we unset the image and all styles related to it.\n if (isBaseBreakpoint) {\n styles.unset(\"backgroundImage\");\n styles.unset(\"backgroundPosition\");\n styles.unset(\"backgroundSize\");\n styles.unset(\"backgroundRepeat\");\n } else {\n styles.set(\"backgroundImage\", \"none\");\n }\n\n metadata.unset(\"backgroundImage\");\n });\n };\n\n const onReset = () => {\n onChange(({ styles }) => {\n styles.unset(\"backgroundImage\");\n\n metadata.unset(\"backgroundImage\");\n });\n };\n\n const inheritance = inheritanceMap?.backgroundImage ?? {};\n\n const fileInfo = metadata.get<FileInfo>(\"backgroundImage\");\n\n return (\n <FileManager\n images={true}\n onChange={onFileChange}\n render={({ showFileManager }) => (\n <FilePicker\n label={\n <InheritanceLabel\n onReset={onReset}\n isOverridden={inheritance?.overridden ?? false}\n inheritedFrom={inheritance?.inheritedFrom}\n text={\"Image\"}\n />\n }\n description=\"Select a background image\"\n type=\"compact\"\n value={url ? fileInfo : undefined}\n onSelectItem={() => showFileManager()}\n onRemoveItem={onRemove}\n onEditItem={() => showFileManager()}\n />\n )}\n />\n );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAC3D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,WAAW,QAAkC,mBAAmB;AACzE,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,SAAS;AAClB,SAASC,qBAAqB;AAC9B,SAASC,aAAa;AACtB,SAASC,gBAAgB;AAUzB,MAAMC,gBAAgB,GAAG,QAAQ;AACjC,MAAMC,eAAe,GAAG;EACpBC,cAAc,EAAE,OAAO;EACvBC,gBAAgB,EAAE;AACtB,CAAC;AAED,OAAO,MAAMC,UAAU,GAAIC,KAAa,IAAK;EACzC,IAAI,CAACA,KAAK,EAAE;IACR,OAAOC,SAAS;EACpB;EAEA;AACJ,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGd,QAAQ,CAAC,CAAC;EAAEe;AAAiC,CAAC,KAAK;EAC9E,MAAM;IAAEC;EAAiB,CAAC,GAAGX,aAAa,CAAC,CAAC;EAC5C,MAAM;IAAEY,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GAAGjB,SAAS,CAACY,SAAS,CAAC;EAC3E,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGxB,QAAQ,CAAgBmB,MAAM,CAACM,eAAe,CAAC;EACnF,MAAMC,GAAG,GAAGzB,OAAO,CAAC,MAAM;IACtB,MAAM0B,MAAM,GAAG,IAAIrB,qBAAqB,CAACa,MAAM,CAACM,eAAe,CAAC;IAChE,MAAMG,KAAK,GAAGD,MAAM,CAACE,QAAQ,CAAC,CAAC;IAC/B,MAAMC,OAAO,GAAGF,KAAK,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAK,KAAK,CAAC;IACjD,IAAIH,OAAO,IAAIA,OAAO,CAACG,IAAI,KAAK,KAAK,EAAE;MACnC,OAAOH,OAAO,CAACI,MAAM,CAACR,GAAG;IAC7B;IACA,OAAO,IAAI;EACf,CAAC,EAAE,CAACP,MAAM,CAACM,eAAe,CAAC,CAAC;EAE5B1B,SAAS,CAAC,MAAM;IACZ,IAAIoB,MAAM,CAACM,eAAe,KAAKF,UAAU,EAAE;MACvCC,aAAa,CAACL,MAAM,CAACM,eAAe,CAAC;IACzC;EACJ,CAAC,EAAE,CAACN,MAAM,CAACM,eAAe,CAAC,CAAC;EAE5B,MAAMU,YAAY,GAAIC,IAAyB,IAAK;IAChDf,QAAQ,CAAC,CAAC;MAAEF,MAAM;MAAEC;IAAS,CAAC,KAAK;MAC/BD,MAAM,CAACkB,GAAG,CAAC,oBAAoB,EAAE5B,gBAAgB,CAAC;MAClDU,MAAM,CAACkB,GAAG,CAAC,gBAAgB,EAAE3B,eAAe,CAACC,cAAc,CAAC;MAC5DQ,MAAM,CAACkB,GAAG,CAAC,kBAAkB,EAAE3B,eAAe,CAACE,gBAAgB,CAAC;MAChEO,MAAM,CAACkB,GAAG,CAAC,iBAAiB,EAAE,QAAQD,IAAI,CAACE,GAAG,IAAI,CAAC;MAEnDlB,QAAQ,CAACiB,GAAG,CAAC,iBAAiB,EAAE;QAC5BE,EAAE,EAAEH,IAAI,CAACG,EAAE;QACXC,IAAI,EAAEJ,IAAI,CAACI,IAAI;QACfC,IAAI,EAAEL,IAAI,CAACK,IAAI;QACfR,IAAI,EAAEG,IAAI,CAACH,IAAI;QACfP,GAAG,EAAEU,IAAI,CAACE,GAAG,IAAI;MACrB,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EAED,MAAMI,QAAQ,GAAGA,CAAA,KAAM;IACnBrB,QAAQ,CAAC,CAAC;MAAEF,MAAM;MAAEC;IAAS,CAAC,KAAK;MAC/B;MACA,IAAIF,gBAAgB,EAAE;QAClBC,MAAM,CAACwB,KAAK,CAAC,iBAAiB,CAAC;QAC/BxB,MAAM,CAACwB,KAAK,CAAC,oBAAoB,CAAC;QAClCxB,MAAM,CAACwB,KAAK,CAAC,gBAAgB,CAAC;QAC9BxB,MAAM,CAACwB,KAAK,CAAC,kBAAkB,CAAC;MACpC,CAAC,MAAM;QACHxB,MAAM,CAACkB,GAAG,CAAC,iBAAiB,EAAE,MAAM,CAAC;MACzC;MAEAjB,QAAQ,CAACuB,KAAK,CAAC,iBAAiB,CAAC;IACrC,CAAC,CAAC;EACN,CAAC;EAED,MAAMC,OAAO,GAAGA,CAAA,KAAM;IAClBvB,QAAQ,CAAC,CAAC;MAAEF;IAAO,CAAC,KAAK;MACrBA,MAAM,CAACwB,KAAK,CAAC,iBAAiB,CAAC;MAE/BvB,QAAQ,CAACuB,KAAK,CAAC,iBAAiB,CAAC;IACrC,CAAC,CAAC;EACN,CAAC;EAED,MAAME,WAAW,GAAGvB,cAAc,EAAEG,eAAe,IAAI,CAAC,CAAC;EAEzD,MAAMqB,QAAQ,GAAG1B,QAAQ,CAAC2B,GAAG,CAAW,iBAAiB,CAAC;EAE1D,oBACIjD,KAAA,CAAAkD,aAAA,CAAC7C,WAAW;IACR8C,MAAM,EAAE,IAAK;IACb5B,QAAQ,EAAEc,YAAa;IACvBe,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBrD,KAAA,CAAAkD,aAAA,CAAC5C,UAAU;MACPgD,KAAK,eACDtD,KAAA,CAAAkD,aAAA,CAACxC,gBAAgB;QACboC,OAAO,EAAEA,OAAQ;QACjBS,YAAY,EAAER,WAAW,EAAES,UAAU,IAAI,KAAM;QAC/CC,aAAa,EAAEV,WAAW,EAAEU,aAAc;QAC1CC,IAAI,EAAE;MAAQ,CACjB,CACJ;MACDC,WAAW,EAAC,2BAA2B;MACvCxB,IAAI,EAAC,SAAS;MACdnB,KAAK,EAAEY,GAAG,GAAGoB,QAAQ,GAAG/B,SAAU;MAClC2C,YAAY,EAAEA,CAAA,KAAMP,eAAe,CAAC,CAAE;MACtCQ,YAAY,EAAEjB,QAAS;MACvBkB,UAAU,EAAEA,CAAA,KAAMT,eAAe,CAAC;IAAE,CACvC;EACH,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/BackgroundPosition.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import React, { useEffect, useMemo, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { Select } from "@webiny/admin-ui";
-import { useStyles } from "../../useStyles";
-import { BackgroundImageParser } from "./BackgroundImageParser";
-import { toTitleCaseLabel } from "./toTitleCaseLabel";
-import { InheritanceLabel } from "../../../InheritanceLabel";
+import { useStyles } from "../../useStyles.js";
+import { BackgroundImageParser } from "./BackgroundImageParser.js";
+import { toTitleCaseLabel } from "./toTitleCaseLabel.js";
+import { InheritanceLabel } from "../../../InheritanceLabel.js";
 const POSITIONS = ["top left", "top", "top right", "center left", "center", "center right", "bottom left", "bottom center", "bottom right"];
 const options = POSITIONS.map(key => ({
   label: toTitleCaseLabel(key),

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/BackgroundPosition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useMemo","useState","observer","Select","useStyles","BackgroundImageParser","toTitleCaseLabel","InheritanceLabel","POSITIONS","options","map","key","label","value","BackgroundPosition","elementId","styles","onChange","inheritanceMap","localValue","setLocalValue","backgroundPosition","hasBackgroundImage","parser","backgroundImage","getRules","find","r","type","undefined","onPositionChange","set","onReset","unset","inheritance","createElement","isOverridden","overridden","inheritedFrom","text","description","disabled","displayResetAction"],"sources":["BackgroundPosition.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useStyles } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles\";\nimport { BackgroundImageParser } from \"./BackgroundImageParser\";\nimport { toTitleCaseLabel } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/toTitleCaseLabel\";\nimport { InheritanceLabel } from \"~/BaseEditor/defaultConfig/Sidebar/InheritanceLabel\";\n\nconst POSITIONS = [\n \"top left\",\n \"top\",\n \"top right\",\n \"center left\",\n \"center\",\n \"center right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\"\n];\n\nconst options = POSITIONS.map(key => ({ label: toTitleCaseLabel(key), value: key }));\n\nexport const BackgroundPosition = observer(({ elementId }: { elementId: string }) => {\n const { styles, onChange, inheritanceMap } = useStyles(elementId);\n const [localValue, setLocalValue] = useState<string>(styles.backgroundPosition);\n const hasBackgroundImage = useMemo(() => {\n const parser = new BackgroundImageParser(styles.backgroundImage);\n return parser.getRules().find(r => r.type === \"url\") !== undefined;\n }, [styles.backgroundImage]);\n\n useEffect(() => {\n if (styles.backgroundPosition !== localValue) {\n setLocalValue(styles.backgroundPosition);\n }\n }, [styles.backgroundPosition]);\n\n const onPositionChange = (value: string) => {\n onChange(({ styles }) => {\n styles.set(\"backgroundPosition\", value);\n });\n };\n\n const onReset = () => {\n onChange(({ styles }) => {\n styles.unset(\"backgroundPosition\");\n });\n };\n\n const inheritance = inheritanceMap?.backgroundPosition ?? {};\n\n return (\n <Select\n label={\n <InheritanceLabel\n onReset={onReset}\n isOverridden={inheritance?.overridden ?? false}\n inheritedFrom={inheritance?.inheritedFrom}\n text={\"Position\"}\n />\n }\n description={\"Select background position\"}\n disabled={!hasBackgroundImage}\n value={localValue ?? \"center\"}\n displayResetAction={false}\n onChange={onPositionChange}\n options={options}\n />\n );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC3D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,SAAS;AAClB,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AAEzB,MAAMC,SAAS,GAAG,CACd,UAAU,EACV,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,cAAc,EACd,aAAa,EACb,eAAe,EACf,cAAc,CACjB;AAED,MAAMC,OAAO,GAAGD,SAAS,CAACE,GAAG,CAACC,GAAG,KAAK;EAAEC,KAAK,EAAEN,gBAAgB,CAACK,GAAG,CAAC;EAAEE,KAAK,EAAEF;AAAI,CAAC,CAAC,CAAC;AAEpF,OAAO,MAAMG,kBAAkB,GAAGZ,QAAQ,CAAC,CAAC;EAAEa;AAAiC,CAAC,KAAK;EACjF,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GAAGd,SAAS,CAACW,SAAS,CAAC;EACjE,MAAM,CAACI,UAAU,EAAEC,aAAa,CAAC,GAAGnB,QAAQ,CAASe,MAAM,CAACK,kBAAkB,CAAC;EAC/E,MAAMC,kBAAkB,GAAGtB,OAAO,CAAC,MAAM;IACrC,MAAMuB,MAAM,GAAG,IAAIlB,qBAAqB,CAACW,MAAM,CAACQ,eAAe,CAAC;IAChE,OAAOD,MAAM,CAACE,QAAQ,CAAC,CAAC,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAK,KAAK,CAAC,KAAKC,SAAS;EACtE,CAAC,EAAE,CAACb,MAAM,CAACQ,eAAe,CAAC,CAAC;EAE5BzB,SAAS,CAAC,MAAM;IACZ,IAAIiB,MAAM,CAACK,kBAAkB,KAAKF,UAAU,EAAE;MAC1CC,aAAa,CAACJ,MAAM,CAACK,kBAAkB,CAAC;IAC5C;EACJ,CAAC,EAAE,CAACL,MAAM,CAACK,kBAAkB,CAAC,CAAC;EAE/B,MAAMS,gBAAgB,GAAIjB,KAAa,IAAK;IACxCI,QAAQ,CAAC,CAAC;MAAED;IAAO,CAAC,KAAK;MACrBA,MAAM,CAACe,GAAG,CAAC,oBAAoB,EAAElB,KAAK,CAAC;IAC3C,CAAC,CAAC;EACN,CAAC;EAED,MAAMmB,OAAO,GAAGA,CAAA,KAAM;IAClBf,QAAQ,CAAC,CAAC;MAAED;IAAO,CAAC,KAAK;MACrBA,MAAM,CAACiB,KAAK,CAAC,oBAAoB,CAAC;IACtC,CAAC,CAAC;EACN,CAAC;EAED,MAAMC,WAAW,GAAGhB,cAAc,EAAEG,kBAAkB,IAAI,CAAC,CAAC;EAE5D,oBACIvB,KAAA,CAAAqC,aAAA,CAAChC,MAAM;IACHS,KAAK,eACDd,KAAA,CAAAqC,aAAA,CAAC5B,gBAAgB;MACbyB,OAAO,EAAEA,OAAQ;MACjBI,YAAY,EAAEF,WAAW,EAAEG,UAAU,IAAI,KAAM;MAC/CC,aAAa,EAAEJ,WAAW,EAAEI,aAAc;MAC1CC,IAAI,EAAE;IAAW,CACpB,CACJ;IACDC,WAAW,EAAE,4BAA6B;IAC1CC,QAAQ,EAAE,CAACnB,kBAAmB;IAC9BT,KAAK,EAAEM,UAAU,IAAI,QAAS;IAC9BuB,kBAAkB,EAAE,KAAM;IAC1BzB,QAAQ,EAAEa,gBAAiB;IAC3BrB,OAAO,EAAEA;EAAQ,CACpB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useMemo","useState","observer","Select","useStyles","BackgroundImageParser","toTitleCaseLabel","InheritanceLabel","POSITIONS","options","map","key","label","value","BackgroundPosition","elementId","styles","onChange","inheritanceMap","localValue","setLocalValue","backgroundPosition","hasBackgroundImage","parser","backgroundImage","getRules","find","r","type","undefined","onPositionChange","set","onReset","unset","inheritance","createElement","isOverridden","overridden","inheritedFrom","text","description","disabled","displayResetAction"],"sources":["BackgroundPosition.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useStyles } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles.js\";\nimport { BackgroundImageParser } from \"./BackgroundImageParser.js\";\nimport { toTitleCaseLabel } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/toTitleCaseLabel.js\";\nimport { InheritanceLabel } from \"~/BaseEditor/defaultConfig/Sidebar/InheritanceLabel.js\";\n\nconst POSITIONS = [\n \"top left\",\n \"top\",\n \"top right\",\n \"center left\",\n \"center\",\n \"center right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\"\n];\n\nconst options = POSITIONS.map(key => ({ label: toTitleCaseLabel(key), value: key }));\n\nexport const BackgroundPosition = observer(({ elementId }: { elementId: string }) => {\n const { styles, onChange, inheritanceMap } = useStyles(elementId);\n const [localValue, setLocalValue] = useState<string>(styles.backgroundPosition);\n const hasBackgroundImage = useMemo(() => {\n const parser = new BackgroundImageParser(styles.backgroundImage);\n return parser.getRules().find(r => r.type === \"url\") !== undefined;\n }, [styles.backgroundImage]);\n\n useEffect(() => {\n if (styles.backgroundPosition !== localValue) {\n setLocalValue(styles.backgroundPosition);\n }\n }, [styles.backgroundPosition]);\n\n const onPositionChange = (value: string) => {\n onChange(({ styles }) => {\n styles.set(\"backgroundPosition\", value);\n });\n };\n\n const onReset = () => {\n onChange(({ styles }) => {\n styles.unset(\"backgroundPosition\");\n });\n };\n\n const inheritance = inheritanceMap?.backgroundPosition ?? {};\n\n return (\n <Select\n label={\n <InheritanceLabel\n onReset={onReset}\n isOverridden={inheritance?.overridden ?? false}\n inheritedFrom={inheritance?.inheritedFrom}\n text={\"Position\"}\n />\n }\n description={\"Select background position\"}\n disabled={!hasBackgroundImage}\n value={localValue ?? \"center\"}\n displayResetAction={false}\n onChange={onPositionChange}\n options={options}\n />\n );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC3D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,SAAS;AAClB,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AAEzB,MAAMC,SAAS,GAAG,CACd,UAAU,EACV,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,cAAc,EACd,aAAa,EACb,eAAe,EACf,cAAc,CACjB;AAED,MAAMC,OAAO,GAAGD,SAAS,CAACE,GAAG,CAACC,GAAG,KAAK;EAAEC,KAAK,EAAEN,gBAAgB,CAACK,GAAG,CAAC;EAAEE,KAAK,EAAEF;AAAI,CAAC,CAAC,CAAC;AAEpF,OAAO,MAAMG,kBAAkB,GAAGZ,QAAQ,CAAC,CAAC;EAAEa;AAAiC,CAAC,KAAK;EACjF,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAe,CAAC,GAAGd,SAAS,CAACW,SAAS,CAAC;EACjE,MAAM,CAACI,UAAU,EAAEC,aAAa,CAAC,GAAGnB,QAAQ,CAASe,MAAM,CAACK,kBAAkB,CAAC;EAC/E,MAAMC,kBAAkB,GAAGtB,OAAO,CAAC,MAAM;IACrC,MAAMuB,MAAM,GAAG,IAAIlB,qBAAqB,CAACW,MAAM,CAACQ,eAAe,CAAC;IAChE,OAAOD,MAAM,CAACE,QAAQ,CAAC,CAAC,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAK,KAAK,CAAC,KAAKC,SAAS;EACtE,CAAC,EAAE,CAACb,MAAM,CAACQ,eAAe,CAAC,CAAC;EAE5BzB,SAAS,CAAC,MAAM;IACZ,IAAIiB,MAAM,CAACK,kBAAkB,KAAKF,UAAU,EAAE;MAC1CC,aAAa,CAACJ,MAAM,CAACK,kBAAkB,CAAC;IAC5C;EACJ,CAAC,EAAE,CAACL,MAAM,CAACK,kBAAkB,CAAC,CAAC;EAE/B,MAAMS,gBAAgB,GAAIjB,KAAa,IAAK;IACxCI,QAAQ,CAAC,CAAC;MAAED;IAAO,CAAC,KAAK;MACrBA,MAAM,CAACe,GAAG,CAAC,oBAAoB,EAAElB,KAAK,CAAC;IAC3C,CAAC,CAAC;EACN,CAAC;EAED,MAAMmB,OAAO,GAAGA,CAAA,KAAM;IAClBf,QAAQ,CAAC,CAAC;MAAED;IAAO,CAAC,KAAK;MACrBA,MAAM,CAACiB,KAAK,CAAC,oBAAoB,CAAC;IACtC,CAAC,CAAC;EACN,CAAC;EAED,MAAMC,WAAW,GAAGhB,cAAc,EAAEG,kBAAkB,IAAI,CAAC,CAAC;EAE5D,oBACIvB,KAAA,CAAAqC,aAAA,CAAChC,MAAM;IACHS,KAAK,eACDd,KAAA,CAAAqC,aAAA,CAAC5B,gBAAgB;MACbyB,OAAO,EAAEA,OAAQ;MACjBI,YAAY,EAAEF,WAAW,EAAEG,UAAU,IAAI,KAAM;MAC/CC,aAAa,EAAEJ,WAAW,EAAEI,aAAc;MAC1CC,IAAI,EAAE;IAAW,CACpB,CACJ;IACDC,WAAW,EAAE,4BAA6B;IAC1CC,QAAQ,EAAE,CAACnB,kBAAmB;IAC9BT,KAAK,EAAEM,UAAU,IAAI,QAAS;IAC9BuB,kBAAkB,EAAE,KAAM;IAC1BzB,QAAQ,EAAEa,gBAAiB;IAC3BrB,OAAO,EAAEA;EAAQ,CACpB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/BackgroundScaling.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import React, { useMemo } from "react";
 import { observer } from "mobx-react-lite";
 import { Select } from "@webiny/admin-ui";
-import { useStyles } from "../../useStyles";
-import { BackgroundImageParser } from "./BackgroundImageParser";
-import { toTitleCaseLabel } from "./toTitleCaseLabel";
-import { InheritanceLabel } from "../../../InheritanceLabel";
+import { useStyles } from "../../useStyles.js";
+import { BackgroundImageParser } from "./BackgroundImageParser.js";
+import { toTitleCaseLabel } from "./toTitleCaseLabel.js";
+import { InheritanceLabel } from "../../../InheritanceLabel.js";
 const SCALING_MAP = [{
   name: "cover",
   backgroundSize: "cover",

package/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/BackgroundScaling.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","observer","Select","useStyles","BackgroundImageParser","toTitleCaseLabel","InheritanceLabel","SCALING_MAP","name","backgroundSize","backgroundRepeat","options","map","item","label","value","BackgroundScaling","elementId","styles","onChange","inheritanceMap","scaling","find","hasBackgroundImage","parser","backgroundImage","getRules","r","type","undefined","onValueChange","set","onReset","unset","inheritance","createElement","isOverridden","overridden","inheritedFrom","text","description","disabled","displayResetAction"],"sources":["BackgroundScaling.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useStyles } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles\";\nimport { BackgroundImageParser } from \"./BackgroundImageParser\";\nimport { toTitleCaseLabel } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/toTitleCaseLabel\";\nimport { InheritanceLabel } from \"~/BaseEditor/defaultConfig/Sidebar/InheritanceLabel\";\n\ninterface Scaling {\n name: string;\n backgroundSize: string;\n backgroundRepeat: string;\n}\n\nconst SCALING_MAP: Scaling[] = [\n {\n name: \"cover\",\n backgroundSize: \"cover\",\n backgroundRepeat: \"no-repeat\"\n },\n {\n name: \"contain\",\n backgroundSize: \"contain\",\n backgroundRepeat: \"no-repeat\"\n },\n {\n name: \"originalSize\",\n backgroundSize: \"auto\",\n backgroundRepeat: \"no-repeat\"\n },\n {\n name: \"tile\",\n backgroundSize: \"auto\",\n backgroundRepeat: \"repeat\"\n },\n {\n name: \"tileHorizontally\",\n backgroundSize: \"auto\",\n backgroundRepeat: \"repeat-x\"\n },\n {\n name: \"tileVertically\",\n backgroundSize: \"auto\",\n backgroundRepeat: \"repeat-y\"\n }\n];\n\nconst options = SCALING_MAP.map(item => ({ label: toTitleCaseLabel(item.name), value: item.name }));\n\nexport const BackgroundScaling = observer(({ elementId }: { elementId: string }) => {\n const { styles, onChange, inheritanceMap } = useStyles(elementId);\n\n const scaling = SCALING_MAP.find(item => {\n return (\n item.backgroundSize === styles.backgroundSize &&\n item.backgroundRepeat === styles.backgroundRepeat\n );\n });\n\n const hasBackgroundImage = useMemo(() => {\n const parser = new BackgroundImageParser(styles.backgroundImage);\n return parser.getRules().find(r => r.type === \"url\") !== undefined;\n }, [styles.backgroundImage]);\n\n const onValueChange = (value: string) => {\n onChange(({ styles }) => {\n const scaling = SCALING_MAP.find(item => item.name === value);\n if (scaling) {\n styles.set(\"backgroundRepeat\", scaling.backgroundRepeat);\n styles.set(\"backgroundSize\", scaling.backgroundSize);\n }\n });\n };\n\n const onReset = () => {\n onChange(({ styles }) => {\n styles.unset(\"backgroundRepeat\");\n styles.unset(\"backgroundSize\");\n });\n };\n\n const inheritance = inheritanceMap?.backgroundSize ?? {};\n\n return (\n <Select\n label={\n <InheritanceLabel\n onReset={onReset}\n isOverridden={inheritance?.overridden ?? false}\n inheritedFrom={inheritance?.inheritedFrom}\n text={\"Scaling\"}\n />\n }\n description={\"Select image scaling\"}\n disabled={!hasBackgroundImage}\n value={scaling ? scaling.name : \"\"}\n displayResetAction={false}\n onChange={onValueChange}\n options={options}\n />\n );\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","observer","Select","useStyles","BackgroundImageParser","toTitleCaseLabel","InheritanceLabel","SCALING_MAP","name","backgroundSize","backgroundRepeat","options","map","item","label","value","BackgroundScaling","elementId","styles","onChange","inheritanceMap","scaling","find","hasBackgroundImage","parser","backgroundImage","getRules","r","type","undefined","onValueChange","set","onReset","unset","inheritance","createElement","isOverridden","overridden","inheritedFrom","text","description","disabled","displayResetAction"],"sources":["BackgroundScaling.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useStyles } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/useStyles.js\";\nimport { BackgroundImageParser } from \"./BackgroundImageParser.js\";\nimport { toTitleCaseLabel } from \"~/BaseEditor/defaultConfig/Sidebar/StyleSettings/Groups/Background/toTitleCaseLabel.js\";\nimport { InheritanceLabel } from \"~/BaseEditor/defaultConfig/Sidebar/InheritanceLabel.js\";\n\ninterface Scaling {\n name: string;\n backgroundSize: string;\n backgroundRepeat: string;\n}\n\nconst SCALING_MAP: Scaling[] = [\n {\n name: \"cover\",\n backgroundSize: \"cover\",\n backgroundRepeat: \"no-repeat\"\n },\n {\n name: \"contain\",\n backgroundSize: \"contain\",\n backgroundRepeat: \"no-repeat\"\n },\n {\n name: \"originalSize\",\n backgroundSize: \"auto\",\n backgroundRepeat: \"no-repeat\"\n },\n {\n name: \"tile\",\n backgroundSize: \"auto\",\n backgroundRepeat: \"repeat\"\n },\n {\n name: \"tileHorizontally\",\n backgroundSize: \"auto\",\n backgroundRepeat: \"repeat-x\"\n },\n {\n name: \"tileVertically\",\n backgroundSize: \"auto\",\n backgroundRepeat: \"repeat-y\"\n }\n];\n\nconst options = SCALING_MAP.map(item => ({ label: toTitleCaseLabel(item.name), value: item.name }));\n\nexport const BackgroundScaling = observer(({ elementId }: { elementId: string }) => {\n const { styles, onChange, inheritanceMap } = useStyles(elementId);\n\n const scaling = SCALING_MAP.find(item => {\n return (\n item.backgroundSize === styles.backgroundSize &&\n item.backgroundRepeat === styles.backgroundRepeat\n );\n });\n\n const hasBackgroundImage = useMemo(() => {\n const parser = new BackgroundImageParser(styles.backgroundImage);\n return parser.getRules().find(r => r.type === \"url\") !== undefined;\n }, [styles.backgroundImage]);\n\n const onValueChange = (value: string) => {\n onChange(({ styles }) => {\n const scaling = SCALING_MAP.find(item => item.name === value);\n if (scaling) {\n styles.set(\"backgroundRepeat\", scaling.backgroundRepeat);\n styles.set(\"backgroundSize\", scaling.backgroundSize);\n }\n });\n };\n\n const onReset = () => {\n onChange(({ styles }) => {\n styles.unset(\"backgroundRepeat\");\n styles.unset(\"backgroundSize\");\n });\n };\n\n const inheritance = inheritanceMap?.backgroundSize ?? {};\n\n return (\n <Select\n label={\n <InheritanceLabel\n onReset={onReset}\n isOverridden={inheritance?.overridden ?? false}\n inheritedFrom={inheritance?.inheritedFrom}\n text={\"Scaling\"}\n />\n }\n description={\"Select image scaling\"}\n disabled={!hasBackgroundImage}\n value={scaling ? scaling.name : \"\"}\n displayResetAction={false}\n onChange={onValueChange}\n options={options}\n />\n );\n});\n"],"mappings":"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","ignoreList":[]}