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

package/components/RichTextEditor/tools/paragraph/styles.scss

@@ -1,29 +0,0 @@
-.ce-paragraph {
-  line-height: 1.6em;
-  outline: none;
-}
-
-.ce-paragraph[data-placeholder]:empty::before {
-  content: attr(data-placeholder);
-  color: #707684;
-  font-weight: normal;
-  opacity: 0;
-}
-
-/** Show placeholder at the first paragraph if Editor is empty */
-.codex-editor--empty .ce-block:first-of-type .ce-paragraph[data-placeholder]:empty::before {
-  opacity: 1;
-}
-
-.codex-editor--toolbox-opened .ce-block:first-of-type .ce-paragraph[data-placeholder]:empty::before,
-.codex-editor--empty .ce-block:first-of-type .ce-paragraph[data-placeholder]:empty:focus::before {
-  opacity: 0;
-}
-
-.ce-paragraph p:first-of-type {
-  margin-top: 0;
-}
-
-.ce-paragraph p:last-of-type {
-  margin-bottom: 0;
-}

package/components/RichTextEditor/tools/textColor/index.d.ts

@@ -1,61 +0,0 @@
-import type { API } from "@editorjs/editorjs";
-interface Config {
-    themeColors: string[];
-}
-interface TextColorToolParams {
-    api: API;
-    config: Config;
-}
-interface SanitizeResultSpanResult {
-    class?: string;
-    style?: CSSStyleDeclaration;
-}
-interface SanitizeResult {
-    span: (element: HTMLElement) => SanitizeResultSpanResult;
-}
-declare class TextColorTool {
-    private _state;
-    private color;
-    private readonly api;
-    private readonly tag;
-    private readonly class;
-    private colorPicker;
-    private button;
-    private readonly config;
-    private readonly _CSS;
-    constructor({ api, config }: TextColorToolParams);
-    static get isInline(): boolean;
-    /**
-     * Sanitize method returns rules to let Editor know which HTML tags it should respect.
-     * @returns {object} sanitizer configuration.
-     * https://editorjs.io/sanitizer
-     */
-    static get sanitize(): SanitizeResult;
-    get state(): boolean;
-    set state(state: boolean);
-    /**
-     * Render method must return HTML element of the button for Inline Toolbar.
-     */
-    render(): HTMLButtonElement;
-    /**
-     * Input for the link
-     */
-    renderActions(): HTMLElement;
-    /**
-     * Finally, when button is pressed Editor calls
-     * surround method of the tool with Range object as an argument.
-     */
-    surround(range: Range): void;
-    wrap(range: Range): void;
-    unwrap(range: Range): void;
-    showActions(mark: HTMLElement): void;
-    hideActions(): void;
-    /**
-     * CheckState method of each Inline Tool is called by Editor with current `Selection`
-     * when user selects some text
-     */
-    checkState(): void;
-    convertToHex(color: string): string;
-    clear(): void;
-}
-export default TextColorTool;

package/components/RichTextEditor/tools/textColor/index.js

@@ -1,197 +0,0 @@
-const COLOR_TOOL_CLASS = "cdx-text-color";
-class TextColorTool {
-  constructor({
-    api,
-    config
-  }) {
-    this.api = api;
-    this.button = null;
-    this.colorPicker = null;
-    this._state = false;
-    this.tag = "SPAN";
-    this.color = "red";
-    this.class = COLOR_TOOL_CLASS;
-    this.config = config || {
-      themeColors: ["#44bd32"]
-    };
-    this._CSS = {
-      colorPicker: "ce-text-color-tool",
-      colorBox: "ce-text-color-tool__color-box",
-      colorBoxActive: "ce-text-color-tool__color-box--active"
-    };
-  }
-  static get isInline() {
-    return true;
-  }
-
-  /**
-   * Sanitize method returns rules to let Editor know which HTML tags it should respect.
-   * @returns {object} sanitizer configuration.
-   * https://editorjs.io/sanitizer
-   */
-  static get sanitize() {
-    // Block Tools are not connected with Inline ones,
-    // so markup added by Inline Tool will be removed on pasting or on saving.
-    // We need this config so that `class` & `style` attributes will remain intact for "span".
-    return {
-      /**
-       * TODO: figure out the element type
-       */
-      span: el => {
-        // Respect `class` and `style` attributes if this condition is meet.
-        if (el.classList.contains(COLOR_TOOL_CLASS)) {
-          return {
-            class: COLOR_TOOL_CLASS,
-            style: el.style
-          };
-        }
-        return {};
-      }
-    };
-  }
-  get state() {
-    return this._state;
-  }
-  set state(state) {
-    this._state = state;
-    if (!this.button) {
-      return;
-    }
-    this.button.classList.toggle(this.api.styles.inlineToolButtonActive, state);
-  }
-  /**
-   * Render method must return HTML element of the button for Inline Toolbar.
-   */
-  render() {
-    this.button = document.createElement("button");
-    this.button.type = "button";
-    this.button.innerHTML = '<svg width="20" height="18"><path d="M10.458 12.04l2.919 1.686-.781 1.417-.984-.03-.974 1.687H8.674l1.49-2.583-.508-.775.802-1.401zm.546-.952l3.624-6.327a1.597 1.597 0 0 1 2.182-.59 1.632 1.632 0 0 1 .615 2.201l-3.519 6.391-2.902-1.675zm-7.73 3.467h3.465a1.123 1.123 0 1 1 0 2.247H3.273a1.123 1.123 0 1 1 0-2.247z"/></svg>';
-    this.button.classList.add(this.api.styles.inlineToolButton);
-    return this.button;
-  }
-
-  /**
-   * Input for the link
-   */
-  renderActions() {
-    // Create action element
-    this.colorPicker = document.createElement("div");
-    // Add element properties
-    this.colorPicker.classList.add(this._CSS.colorPicker);
-    this.config.themeColors.forEach(color => {
-      // create element
-      const colorBox = document.createElement("button");
-      // add properties
-      colorBox.style.backgroundColor = color;
-      colorBox.classList.add(this._CSS.colorBox);
-      colorBox.addEventListener("click", () => {
-        if (this.color === color) {
-          // reset the color
-          this.color = "unset";
-        } else {
-          // set color
-          this.color = color;
-        }
-        if (this.colorPicker) {
-          /**
-           * TODO @ts-refactor
-           * TS Complains there is no classList on child node.
-           */
-          this.colorPicker.childNodes.forEach(node => {
-            if (node.classList.contains(this._CSS.colorBoxActive)) {
-              // remove active class
-              node.classList.remove(this._CSS.colorBoxActive);
-            }
-          });
-        }
-        // add active class
-        colorBox.classList.add(this._CSS.colorBoxActive);
-      });
-      if (!this.colorPicker) {
-        return;
-      }
-      // save element
-      this.colorPicker.appendChild(colorBox);
-    });
-
-    // Return element
-    return this.colorPicker;
-  }
-
-  /**
-   * Finally, when button is pressed Editor calls
-   * surround method of the tool with Range object as an argument.
-   */
-  surround(range) {
-    if (this.state) {
-      this.unwrap(range);
-      return;
-    }
-    this.wrap(range);
-  }
-  wrap(range) {
-    const selectedText = range.extractContents();
-    const mark = document.createElement(this.tag);
-    mark.classList.add(this.class);
-    mark.appendChild(selectedText);
-    range.insertNode(mark);
-    this.api.selection.expandToTag(mark);
-  }
-  unwrap(range) {
-    const mark = this.api.selection.findParentTag(this.tag, this.class);
-    const text = range.extractContents();
-    if (mark) {
-      mark.remove();
-    }
-    range.insertNode(text);
-  }
-  showActions(mark) {
-    if (!this.colorPicker) {
-      return;
-    }
-    this.colorPicker.onclick = () => {
-      mark.style.color = this.color;
-    };
-    this.colorPicker.hidden = false;
-  }
-  hideActions() {
-    if (!this.colorPicker) {
-      return;
-    }
-    this.colorPicker.onchange = null;
-    this.colorPicker.hidden = true;
-  }
-
-  /**
-   * CheckState method of each Inline Tool is called by Editor with current `Selection`
-   * when user selects some text
-   */
-  checkState() {
-    const mark = this.api.selection.findParentTag(this.tag);
-    this.state = !!mark;
-    if (!!mark) {
-      this.showActions(mark);
-    } else {
-      this.hideActions();
-    }
-  }
-  convertToHex(color) {
-    const rgb = color.match(/(\d+)/g);
-    if (!rgb) {
-      return "";
-    }
-    let hexR = parseInt(rgb[0]).toString(16);
-    let hexG = parseInt(rgb[1]).toString(16);
-    let hexB = parseInt(rgb[2]).toString(16);
-    hexR = hexR.length === 1 ? "0" + hexR : hexR;
-    hexG = hexG.length === 1 ? "0" + hexG : hexG;
-    hexB = hexB.length === 1 ? "0" + hexB : hexB;
-    return "#" + hexR + hexG + hexB;
-  }
-  clear() {
-    this.hideActions();
-  }
-}
-export default TextColorTool;
-
-//# sourceMappingURL=index.js.map

package/components/RichTextEditor/tools/textColor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["COLOR_TOOL_CLASS","TextColorTool","constructor","api","config","button","colorPicker","_state","tag","color","class","themeColors","_CSS","colorBox","colorBoxActive","isInline","sanitize","span","el","classList","contains","style","state","toggle","styles","inlineToolButtonActive","render","document","createElement","type","innerHTML","add","inlineToolButton","renderActions","forEach","backgroundColor","addEventListener","childNodes","node","remove","appendChild","surround","range","unwrap","wrap","selectedText","extractContents","mark","insertNode","selection","expandToTag","findParentTag","text","showActions","onclick","hidden","hideActions","onchange","checkState","convertToHex","rgb","match","hexR","parseInt","toString","hexG","hexB","length","clear"],"sources":["index.ts"],"sourcesContent":["import type { API } from \"@editorjs/editorjs\";\n\nconst COLOR_TOOL_CLASS = \"cdx-text-color\";\n\ninterface Config {\n    themeColors: string[];\n}\n\ninterface TextColorToolParams {\n    api: API;\n    config: Config;\n}\n\ninterface SanitizeResultSpanResult {\n    class?: string;\n    style?: CSSStyleDeclaration;\n}\ninterface SanitizeResult {\n    span: (element: HTMLElement) => SanitizeResultSpanResult;\n}\n\nclass TextColorTool {\n    private _state: boolean;\n    private color: string;\n    private readonly api: API;\n    private readonly tag: string;\n    private readonly class: string;\n    private colorPicker: HTMLDivElement | null;\n    private button: HTMLButtonElement | null;\n    private readonly config: Config;\n    private readonly _CSS: any;\n\n    constructor({ api, config }: TextColorToolParams) {\n        this.api = api;\n        this.button = null;\n        this.colorPicker = null;\n        this._state = false;\n        this.tag = \"SPAN\";\n        this.color = \"red\";\n        this.class = COLOR_TOOL_CLASS;\n        this.config = config || { themeColors: [\"#44bd32\"] };\n        this._CSS = {\n            colorPicker: \"ce-text-color-tool\",\n            colorBox: \"ce-text-color-tool__color-box\",\n            colorBoxActive: \"ce-text-color-tool__color-box--active\"\n        };\n    }\n\n    static get isInline(): boolean {\n        return true;\n    }\n\n    /**\n     * Sanitize method returns rules to let Editor know which HTML tags it should respect.\n     * @returns {object} sanitizer configuration.\n     * https://editorjs.io/sanitizer\n     */\n    static get sanitize(): SanitizeResult {\n        // Block Tools are not connected with Inline ones,\n        // so markup added by Inline Tool will be removed on pasting or on saving.\n        // We need this config so that `class` & `style` attributes will remain intact for \"span\".\n        return {\n            /**\n             * TODO: figure out the element type\n             */\n            span: (el: HTMLElement) => {\n                // Respect `class` and `style` attributes if this condition is meet.\n                if (el.classList.contains(COLOR_TOOL_CLASS)) {\n                    return {\n                        class: COLOR_TOOL_CLASS,\n                        style: el.style\n                    };\n                }\n                return {};\n            }\n        };\n    }\n\n    get state(): boolean {\n        return this._state;\n    }\n\n    set state(state) {\n        this._state = state;\n        if (!this.button) {\n            return;\n        }\n        this.button.classList.toggle(this.api.styles.inlineToolButtonActive, state);\n    }\n    /**\n     * Render method must return HTML element of the button for Inline Toolbar.\n     */\n    public render(): HTMLButtonElement {\n        this.button = document.createElement(\"button\");\n        this.button.type = \"button\";\n        this.button.innerHTML =\n            '<svg width=\"20\" height=\"18\"><path d=\"M10.458 12.04l2.919 1.686-.781 1.417-.984-.03-.974 1.687H8.674l1.49-2.583-.508-.775.802-1.401zm.546-.952l3.624-6.327a1.597 1.597 0 0 1 2.182-.59 1.632 1.632 0 0 1 .615 2.201l-3.519 6.391-2.902-1.675zm-7.73 3.467h3.465a1.123 1.123 0 1 1 0 2.247H3.273a1.123 1.123 0 1 1 0-2.247z\"/></svg>';\n        this.button.classList.add(this.api.styles.inlineToolButton);\n\n        return this.button;\n    }\n\n    /**\n     * Input for the link\n     */\n    public renderActions(): HTMLElement {\n        // Create action element\n        this.colorPicker = document.createElement(\"div\");\n        // Add element properties\n        this.colorPicker.classList.add(this._CSS.colorPicker);\n\n        this.config.themeColors.forEach(color => {\n            // create element\n            const colorBox = document.createElement(\"button\");\n            // add properties\n            colorBox.style.backgroundColor = color;\n            colorBox.classList.add(this._CSS.colorBox);\n\n            colorBox.addEventListener(\"click\", () => {\n                if (this.color === color) {\n                    // reset the color\n                    this.color = \"unset\";\n                } else {\n                    // set color\n                    this.color = color;\n                }\n\n                if (this.colorPicker) {\n                    /**\n                     * TODO @ts-refactor\n                     * TS Complains there is no classList on child node.\n                     */\n                    this.colorPicker.childNodes.forEach((node: any) => {\n                        if (node.classList.contains(this._CSS.colorBoxActive)) {\n                            // remove active class\n                            node.classList.remove(this._CSS.colorBoxActive);\n                        }\n                    });\n                }\n                // add active class\n                colorBox.classList.add(this._CSS.colorBoxActive);\n            });\n            if (!this.colorPicker) {\n                return;\n            }\n            // save element\n            this.colorPicker.appendChild(colorBox);\n        });\n\n        // Return element\n        return this.colorPicker;\n    }\n\n    /**\n     * Finally, when button is pressed Editor calls\n     * surround method of the tool with Range object as an argument.\n     */\n    public surround(range: Range): void {\n        if (this.state) {\n            this.unwrap(range);\n            return;\n        }\n\n        this.wrap(range);\n    }\n\n    public wrap(range: Range): void {\n        const selectedText = range.extractContents();\n        const mark = document.createElement(this.tag);\n\n        mark.classList.add(this.class);\n\n        mark.appendChild(selectedText);\n        range.insertNode(mark);\n\n        this.api.selection.expandToTag(mark);\n    }\n\n    public unwrap(range: Range): void {\n        const mark = this.api.selection.findParentTag(this.tag, this.class);\n        const text = range.extractContents();\n\n        if (mark) {\n            mark.remove();\n        }\n\n        range.insertNode(text);\n    }\n\n    public showActions(mark: HTMLElement): void {\n        if (!this.colorPicker) {\n            return;\n        }\n        this.colorPicker.onclick = () => {\n            mark.style.color = this.color;\n        };\n        this.colorPicker.hidden = false;\n    }\n\n    public hideActions(): void {\n        if (!this.colorPicker) {\n            return;\n        }\n        this.colorPicker.onchange = null;\n        this.colorPicker.hidden = true;\n    }\n\n    /**\n     * CheckState method of each Inline Tool is called by Editor with current `Selection`\n     * when user selects some text\n     */\n    public checkState(): void {\n        const mark = this.api.selection.findParentTag(this.tag);\n\n        this.state = !!mark;\n\n        if (!!mark) {\n            this.showActions(mark);\n        } else {\n            this.hideActions();\n        }\n    }\n\n    public convertToHex(color: string): string {\n        const rgb = color.match(/(\\d+)/g);\n        if (!rgb) {\n            return \"\";\n        }\n\n        let hexR = parseInt(rgb[0]).toString(16);\n        let hexG = parseInt(rgb[1]).toString(16);\n        let hexB = parseInt(rgb[2]).toString(16);\n\n        hexR = hexR.length === 1 ? \"0\" + hexR : hexR;\n        hexG = hexG.length === 1 ? \"0\" + hexG : hexG;\n        hexB = hexB.length === 1 ? \"0\" + hexB : hexB;\n\n        return \"#\" + hexR + hexG + hexB;\n    }\n\n    public clear(): void {\n        this.hideActions();\n    }\n}\n\nexport default TextColorTool;\n"],"mappings":"AAEA,MAAMA,gBAAgB,GAAG,gBAAgB;AAmBzC,MAAMC,aAAa,CAAC;EAWhBC,WAAWA,CAAC;IAAEC,GAAG;IAAEC;EAA4B,CAAC,EAAE;IAC9C,IAAI,CAACD,GAAG,GAAGA,GAAG;IACd,IAAI,CAACE,MAAM,GAAG,IAAI;IAClB,IAAI,CAACC,WAAW,GAAG,IAAI;IACvB,IAAI,CAACC,MAAM,GAAG,KAAK;IACnB,IAAI,CAACC,GAAG,GAAG,MAAM;IACjB,IAAI,CAACC,KAAK,GAAG,KAAK;IAClB,IAAI,CAACC,KAAK,GAAGV,gBAAgB;IAC7B,IAAI,CAACI,MAAM,GAAGA,MAAM,IAAI;MAAEO,WAAW,EAAE,CAAC,SAAS;IAAE,CAAC;IACpD,IAAI,CAACC,IAAI,GAAG;MACRN,WAAW,EAAE,oBAAoB;MACjCO,QAAQ,EAAE,+BAA+B;MACzCC,cAAc,EAAE;IACpB,CAAC;EACL;EAEA,WAAWC,QAAQA,CAAA,EAAY;IAC3B,OAAO,IAAI;EACf;;EAEA;AACJ;AACA;AACA;AACA;EACI,WAAWC,QAAQA,CAAA,EAAmB;IAClC;IACA;IACA;IACA,OAAO;MACH;AACZ;AACA;MACYC,IAAI,EAAGC,EAAe,IAAK;QACvB;QACA,IAAIA,EAAE,CAACC,SAAS,CAACC,QAAQ,CAACpB,gBAAgB,CAAC,EAAE;UACzC,OAAO;YACHU,KAAK,EAAEV,gBAAgB;YACvBqB,KAAK,EAAEH,EAAE,CAACG;UACd,CAAC;QACL;QACA,OAAO,CAAC,CAAC;MACb;IACJ,CAAC;EACL;EAEA,IAAIC,KAAKA,CAAA,EAAY;IACjB,OAAO,IAAI,CAACf,MAAM;EACtB;EAEA,IAAIe,KAAKA,CAACA,KAAK,EAAE;IACb,IAAI,CAACf,MAAM,GAAGe,KAAK;IACnB,IAAI,CAAC,IAAI,CAACjB,MAAM,EAAE;MACd;IACJ;IACA,IAAI,CAACA,MAAM,CAACc,SAAS,CAACI,MAAM,CAAC,IAAI,CAACpB,GAAG,CAACqB,MAAM,CAACC,sBAAsB,EAAEH,KAAK,CAAC;EAC/E;EACA;AACJ;AACA;EACWI,MAAMA,CAAA,EAAsB;IAC/B,IAAI,CAACrB,MAAM,GAAGsB,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;IAC9C,IAAI,CAACvB,MAAM,CAACwB,IAAI,GAAG,QAAQ;IAC3B,IAAI,CAACxB,MAAM,CAACyB,SAAS,GACjB,oUAAoU;IACxU,IAAI,CAACzB,MAAM,CAACc,SAAS,CAACY,GAAG,CAAC,IAAI,CAAC5B,GAAG,CAACqB,MAAM,CAACQ,gBAAgB,CAAC;IAE3D,OAAO,IAAI,CAAC3B,MAAM;EACtB;;EAEA;AACJ;AACA;EACW4B,aAAaA,CAAA,EAAgB;IAChC;IACA,IAAI,CAAC3B,WAAW,GAAGqB,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAChD;IACA,IAAI,CAACtB,WAAW,CAACa,SAAS,CAACY,GAAG,CAAC,IAAI,CAACnB,IAAI,CAACN,WAAW,CAAC;IAErD,IAAI,CAACF,MAAM,CAACO,WAAW,CAACuB,OAAO,CAACzB,KAAK,IAAI;MACrC;MACA,MAAMI,QAAQ,GAAGc,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;MACjD;MACAf,QAAQ,CAACQ,KAAK,CAACc,eAAe,GAAG1B,KAAK;MACtCI,QAAQ,CAACM,SAAS,CAACY,GAAG,CAAC,IAAI,CAACnB,IAAI,CAACC,QAAQ,CAAC;MAE1CA,QAAQ,CAACuB,gBAAgB,CAAC,OAAO,EAAE,MAAM;QACrC,IAAI,IAAI,CAAC3B,KAAK,KAAKA,KAAK,EAAE;UACtB;UACA,IAAI,CAACA,KAAK,GAAG,OAAO;QACxB,CAAC,MAAM;UACH;UACA,IAAI,CAACA,KAAK,GAAGA,KAAK;QACtB;QAEA,IAAI,IAAI,CAACH,WAAW,EAAE;UAClB;AACpB;AACA;AACA;UACoB,IAAI,CAACA,WAAW,CAAC+B,UAAU,CAACH,OAAO,CAAEI,IAAS,IAAK;YAC/C,IAAIA,IAAI,CAACnB,SAAS,CAACC,QAAQ,CAAC,IAAI,CAACR,IAAI,CAACE,cAAc,CAAC,EAAE;cACnD;cACAwB,IAAI,CAACnB,SAAS,CAACoB,MAAM,CAAC,IAAI,CAAC3B,IAAI,CAACE,cAAc,CAAC;YACnD;UACJ,CAAC,CAAC;QACN;QACA;QACAD,QAAQ,CAACM,SAAS,CAACY,GAAG,CAAC,IAAI,CAACnB,IAAI,CAACE,cAAc,CAAC;MACpD,CAAC,CAAC;MACF,IAAI,CAAC,IAAI,CAACR,WAAW,EAAE;QACnB;MACJ;MACA;MACA,IAAI,CAACA,WAAW,CAACkC,WAAW,CAAC3B,QAAQ,CAAC;IAC1C,CAAC,CAAC;;IAEF;IACA,OAAO,IAAI,CAACP,WAAW;EAC3B;;EAEA;AACJ;AACA;AACA;EACWmC,QAAQA,CAACC,KAAY,EAAQ;IAChC,IAAI,IAAI,CAACpB,KAAK,EAAE;MACZ,IAAI,CAACqB,MAAM,CAACD,KAAK,CAAC;MAClB;IACJ;IAEA,IAAI,CAACE,IAAI,CAACF,KAAK,CAAC;EACpB;EAEOE,IAAIA,CAACF,KAAY,EAAQ;IAC5B,MAAMG,YAAY,GAAGH,KAAK,CAACI,eAAe,CAAC,CAAC;IAC5C,MAAMC,IAAI,GAAGpB,QAAQ,CAACC,aAAa,CAAC,IAAI,CAACpB,GAAG,CAAC;IAE7CuC,IAAI,CAAC5B,SAAS,CAACY,GAAG,CAAC,IAAI,CAACrB,KAAK,CAAC;IAE9BqC,IAAI,CAACP,WAAW,CAACK,YAAY,CAAC;IAC9BH,KAAK,CAACM,UAAU,CAACD,IAAI,CAAC;IAEtB,IAAI,CAAC5C,GAAG,CAAC8C,SAAS,CAACC,WAAW,CAACH,IAAI,CAAC;EACxC;EAEOJ,MAAMA,CAACD,KAAY,EAAQ;IAC9B,MAAMK,IAAI,GAAG,IAAI,CAAC5C,GAAG,CAAC8C,SAAS,CAACE,aAAa,CAAC,IAAI,CAAC3C,GAAG,EAAE,IAAI,CAACE,KAAK,CAAC;IACnE,MAAM0C,IAAI,GAAGV,KAAK,CAACI,eAAe,CAAC,CAAC;IAEpC,IAAIC,IAAI,EAAE;MACNA,IAAI,CAACR,MAAM,CAAC,CAAC;IACjB;IAEAG,KAAK,CAACM,UAAU,CAACI,IAAI,CAAC;EAC1B;EAEOC,WAAWA,CAACN,IAAiB,EAAQ;IACxC,IAAI,CAAC,IAAI,CAACzC,WAAW,EAAE;MACnB;IACJ;IACA,IAAI,CAACA,WAAW,CAACgD,OAAO,GAAG,MAAM;MAC7BP,IAAI,CAAC1B,KAAK,CAACZ,KAAK,GAAG,IAAI,CAACA,KAAK;IACjC,CAAC;IACD,IAAI,CAACH,WAAW,CAACiD,MAAM,GAAG,KAAK;EACnC;EAEOC,WAAWA,CAAA,EAAS;IACvB,IAAI,CAAC,IAAI,CAAClD,WAAW,EAAE;MACnB;IACJ;IACA,IAAI,CAACA,WAAW,CAACmD,QAAQ,GAAG,IAAI;IAChC,IAAI,CAACnD,WAAW,CAACiD,MAAM,GAAG,IAAI;EAClC;;EAEA;AACJ;AACA;AACA;EACWG,UAAUA,CAAA,EAAS;IACtB,MAAMX,IAAI,GAAG,IAAI,CAAC5C,GAAG,CAAC8C,SAAS,CAACE,aAAa,CAAC,IAAI,CAAC3C,GAAG,CAAC;IAEvD,IAAI,CAACc,KAAK,GAAG,CAAC,CAACyB,IAAI;IAEnB,IAAI,CAAC,CAACA,IAAI,EAAE;MACR,IAAI,CAACM,WAAW,CAACN,IAAI,CAAC;IAC1B,CAAC,MAAM;MACH,IAAI,CAACS,WAAW,CAAC,CAAC;IACtB;EACJ;EAEOG,YAAYA,CAAClD,KAAa,EAAU;IACvC,MAAMmD,GAAG,GAAGnD,KAAK,CAACoD,KAAK,CAAC,QAAQ,CAAC;IACjC,IAAI,CAACD,GAAG,EAAE;MACN,OAAO,EAAE;IACb;IAEA,IAAIE,IAAI,GAAGC,QAAQ,CAACH,GAAG,CAAC,CAAC,CAAC,CAAC,CAACI,QAAQ,CAAC,EAAE,CAAC;IACxC,IAAIC,IAAI,GAAGF,QAAQ,CAACH,GAAG,CAAC,CAAC,CAAC,CAAC,CAACI,QAAQ,CAAC,EAAE,CAAC;IACxC,IAAIE,IAAI,GAAGH,QAAQ,CAACH,GAAG,CAAC,CAAC,CAAC,CAAC,CAACI,QAAQ,CAAC,EAAE,CAAC;IAExCF,IAAI,GAAGA,IAAI,CAACK,MAAM,KAAK,CAAC,GAAG,GAAG,GAAGL,IAAI,GAAGA,IAAI;IAC5CG,IAAI,GAAGA,IAAI,CAACE,MAAM,KAAK,CAAC,GAAG,GAAG,GAAGF,IAAI,GAAGA,IAAI;IAC5CC,IAAI,GAAGA,IAAI,CAACC,MAAM,KAAK,CAAC,GAAG,GAAG,GAAGD,IAAI,GAAGA,IAAI;IAE5C,OAAO,GAAG,GAAGJ,IAAI,GAAGG,IAAI,GAAGC,IAAI;EACnC;EAEOE,KAAKA,CAAA,EAAS;IACjB,IAAI,CAACZ,WAAW,CAAC,CAAC;EACtB;AACJ;AAEA,eAAevD,aAAa","ignoreList":[]}

package/components/RichTextEditor/tools/textColor/styles.scss

@@ -1,21 +0,0 @@
-.ce-text-color-tool {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 1fr 1fr 1fr;
-  gap: 16px 16px;
-  padding: 16px;
-  border-top: 1px solid #eee;
-}
-.ce-text-color-tool__color-box {
-  width: 42px;
-  height: 30px;
-  padding: 8px 12px;
-  margin: 0;
-  border: none;
-  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
-  border-radius: 2px;
-  cursor: pointer;
-}
-.ce-text-color-tool__color-box--active {
-  border: 1px solid #616161;
-}

package/components/RichTextEditor/tools/utils.d.ts

@@ -1,19 +0,0 @@
-export declare enum TextAlign {
-    START = "start",
-    END = "end",
-    CENTER = "center"
-}
-export type Alignment = {
-    name: TextAlign;
-    svg: string;
-};
-export declare const ALIGNMENT_ICONS: {
-    start: string;
-    end: string;
-    center: string;
-    justify: string;
-};
-export declare const ALIGNMENTS: {
-    name: TextAlign;
-    svg: string;
-}[];

package/components/RichTextEditor/tools/utils.js

@@ -1,24 +0,0 @@
-export let TextAlign = /*#__PURE__*/function (TextAlign) {
-  TextAlign["START"] = "start";
-  TextAlign["END"] = "end";
-  TextAlign["CENTER"] = "center";
-  return TextAlign;
-}({});
-export const ALIGNMENT_ICONS = {
-  start: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">\n' + '  <path fill="none" d="M0 0h24v24H0V0z"/>\n' + "  <g>\n" + '    <path fill="currentColor" d="M14 15H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm0-8H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zM4 13h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/>\n' + "  </g>\n" + "</svg>",
-  end: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">\n' + '  <path fill="none" d="M0 0h24v24H0V0z"/>\n' + "  <g>\n" + '    <path fill="currentColor" d="M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm-6-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/>\n' + "  </g>\n" + "</svg>",
-  center: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">\n' + '  <path fill="none" d="M0 0h24v24H0V0z"/>\n' + "  <g>\n" + '    <path fill="currentColor" d="M7 16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm-3 5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm3-5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/>\n' + "  </g>\n" + "</svg>",
-  justify: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">\n' + '  <path fill="none" d="M0 0h24v24H0V0z"/>\n' + "  <g>\n" + '    <path fill="currentColor" d="M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/>\n' + "  </g>\n" + "</svg>"
-};
-export const ALIGNMENTS = [{
-  name: TextAlign.START,
-  svg: ALIGNMENT_ICONS.start
-}, {
-  name: TextAlign.CENTER,
-  svg: ALIGNMENT_ICONS.center
-}, {
-  name: TextAlign.END,
-  svg: ALIGNMENT_ICONS.end
-}];
-
-//# sourceMappingURL=utils.js.map

package/components/RichTextEditor/tools/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TextAlign","ALIGNMENT_ICONS","start","end","center","justify","ALIGNMENTS","name","START","svg","CENTER","END"],"sources":["utils.ts"],"sourcesContent":["export enum TextAlign {\n    START = \"start\",\n    END = \"end\",\n    CENTER = \"center\"\n}\n\nexport type Alignment = {\n    name: TextAlign;\n    svg: string;\n};\n\nexport const ALIGNMENT_ICONS = {\n    start:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M14 15H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm0-8H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zM4 13h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    end:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm-6-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm6-4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    center:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M7 16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm-3 5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm3-5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\",\n    justify:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\\n' +\n        '  <path fill=\"none\" d=\"M0 0h24v24H0V0z\"/>\\n' +\n        \"  <g>\\n\" +\n        '    <path fill=\"currentColor\" d=\"M4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z\"/>\\n' +\n        \"  </g>\\n\" +\n        \"</svg>\"\n};\n\nexport const ALIGNMENTS = [\n    {\n        name: TextAlign.START,\n        svg: ALIGNMENT_ICONS.start\n    },\n    {\n        name: TextAlign.CENTER,\n        svg: ALIGNMENT_ICONS.center\n    },\n    {\n        name: TextAlign.END,\n        svg: ALIGNMENT_ICONS.end\n    }\n];\n"],"mappings":"AAAA,WAAYA,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AAWrB,OAAO,MAAMC,eAAe,GAAG;EAC3BC,KAAK,EACD,mEAAmE,GACnE,6CAA6C,GAC7C,SAAS,GACT,gXAAgX,GAChX,UAAU,GACV,QAAQ;EACZC,GAAG,EACC,mEAAmE,GACnE,6CAA6C,GAC7C,SAAS,GACT,iXAAiX,GACjX,UAAU,GACV,QAAQ;EACZC,MAAM,EACF,mEAAmE,GACnE,6CAA6C,GAC7C,SAAS,GACT,uXAAuX,GACvX,UAAU,GACV,QAAQ;EACZC,OAAO,EACH,mEAAmE,GACnE,6CAA6C,GAC7C,SAAS,GACT,8WAA8W,GAC9W,UAAU,GACV;AACR,CAAC;AAED,OAAO,MAAMC,UAAU,GAAG,CACtB;EACIC,IAAI,EAAEP,SAAS,CAACQ,KAAK;EACrBC,GAAG,EAAER,eAAe,CAACC;AACzB,CAAC,EACD;EACIK,IAAI,EAAEP,SAAS,CAACU,MAAM;EACtBD,GAAG,EAAER,eAAe,CAACG;AACzB,CAAC,EACD;EACIG,IAAI,EAAEP,SAAS,CAACW,GAAG;EACnBF,GAAG,EAAER,eAAe,CAACE;AACzB,CAAC,CACJ","ignoreList":[]}

package/components/Routes.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface RoutesProps {
-    routes: JSX.Element[];
-}
-export declare const Routes: (props: RoutesProps) => React.JSX.Element;
-export {};

package/components/Routes.js

@@ -1,34 +0,0 @@
-import React from "react";
-import { plugins } from "@webiny/plugins";
-import { Routes as ReactRouterRoutes } from "@webiny/react-router";
-export const Routes = props => {
-  const routes = [...props.routes,
-  // For backwards compatibility, we need to support the RoutePlugin routes as well.
-  ...plugins.byType("route").map(({
-    route
-  }) => route)].sort((a, b) => {
-    const pathA = a.props.path || "*";
-    const pathB = b.props.path || "*";
-
-    // This will sort paths at the very bottom of the list
-    if (pathA === "/" && pathB === "*") {
-      return -1;
-    }
-
-    // This will push * and / to the bottom of the list
-    if (pathA === "*" || pathA === "/") {
-      return 1;
-    }
-
-    // This will push * and / to the bottom of the list
-    if (["*", "/"].includes(pathB)) {
-      return -1;
-    }
-    return 0;
-  });
-  return /*#__PURE__*/React.createElement(ReactRouterRoutes, null, routes.map((route, index) => /*#__PURE__*/React.cloneElement(route, {
-    key: `${route.props.path}:${index}`
-  })));
-};
-
-//# sourceMappingURL=Routes.js.map

package/components/Routes.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","plugins","Routes","ReactRouterRoutes","props","routes","byType","map","route","sort","a","b","pathA","path","pathB","includes","createElement","index","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport type { RoutePlugin } from \"@webiny/app/types\";\n\ninterface RoutesProps {\n    routes: JSX.Element[];\n}\n\nexport const Routes = (props: RoutesProps) => {\n    const routes = [\n        ...props.routes,\n        // For backwards compatibility, we need to support the RoutePlugin routes as well.\n        ...plugins.byType<RoutePlugin>(\"route\").map(({ route }) => route)\n    ].sort((a, b) => {\n        const pathA = a.props.path || \"*\";\n        const pathB = b.props.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    return (\n        <ReactRouterRoutes>\n            {routes.map((route, index) =>\n                React.cloneElement(route, { key: `${route.props.path}:${index}` })\n            )}\n        </ReactRouterRoutes>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,MAAM,IAAIC,iBAAiB,QAAQ,sBAAsB;AAOlE,OAAO,MAAMD,MAAM,GAAIE,KAAkB,IAAK;EAC1C,MAAMC,MAAM,GAAG,CACX,GAAGD,KAAK,CAACC,MAAM;EACf;EACA,GAAGJ,OAAO,CAACK,MAAM,CAAc,OAAO,CAAC,CAACC,GAAG,CAAC,CAAC;IAAEC;EAAM,CAAC,KAAKA,KAAK,CAAC,CACpE,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACb,MAAMC,KAAK,GAAGF,CAAC,CAACN,KAAK,CAACS,IAAI,IAAI,GAAG;IACjC,MAAMC,KAAK,GAAGH,CAAC,CAACP,KAAK,CAACS,IAAI,IAAI,GAAG;;IAEjC;IACA,IAAID,KAAK,KAAK,GAAG,IAAIE,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC,CAAC;IACb;;IAEA;IACA,IAAIF,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC;IACZ;;IAEA;IACA,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACG,QAAQ,CAACD,KAAK,CAAC,EAAE;MAC5B,OAAO,CAAC,CAAC;IACb;IAEA,OAAO,CAAC;EACZ,CAAC,CAAC;EAEF,oBACId,KAAA,CAAAgB,aAAA,CAACb,iBAAiB,QACbE,MAAM,CAACE,GAAG,CAAC,CAACC,KAAK,EAAES,KAAK,kBACrBjB,KAAK,CAACkB,YAAY,CAACV,KAAK,EAAE;IAAEW,GAAG,EAAE,GAAGX,KAAK,CAACJ,KAAK,CAACS,IAAI,IAAII,KAAK;EAAG,CAAC,CACrE,CACe,CAAC;AAE5B,CAAC","ignoreList":[]}

package/plugins/PermissionRendererPlugin.d.ts

@@ -1,22 +0,0 @@
-import type React from "react";
-import { Plugin } from "@webiny/plugins";
-interface Permission {
-    name: string;
-    [key: string]: any;
-}
-interface RenderParams {
-    value: Permission[];
-    onChange: (value: Permission[]) => void;
-}
-interface Config {
-    render(props: RenderParams): React.ReactElement;
-    system?: boolean;
-}
-export declare class PermissionRendererPlugin extends Plugin {
-    static readonly type: string;
-    private readonly _config;
-    constructor(config?: Config);
-    get system(): boolean;
-    render(props: RenderParams): React.ReactElement | null;
-}
-export {};

package/plugins/PermissionRendererPlugin.js

@@ -1,19 +0,0 @@
-import { Plugin } from "@webiny/plugins";
-export class PermissionRendererPlugin extends Plugin {
-  static type = "admin-app-permissions-renderer";
-  constructor(config) {
-    super();
-    this._config = config || {};
-  }
-  get system() {
-    return Boolean(this._config.system);
-  }
-  render(props) {
-    if (!this._config.render) {
-      return null;
-    }
-    return this._config.render(props);
-  }
-}
-
-//# sourceMappingURL=PermissionRendererPlugin.js.map

package/plugins/PermissionRendererPlugin.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Plugin","PermissionRendererPlugin","type","constructor","config","_config","system","Boolean","render","props"],"sources":["PermissionRendererPlugin.ts"],"sourcesContent":["import type React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Permission {\n    name: string;\n    [key: string]: any;\n}\n\ninterface RenderParams {\n    value: Permission[];\n    onChange: (value: Permission[]) => void;\n}\n\ninterface Config {\n    render(props: RenderParams): React.ReactElement;\n    system?: boolean;\n}\n\nexport class PermissionRendererPlugin extends Plugin {\n    public static override readonly type: string = \"admin-app-permissions-renderer\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get system(): boolean {\n        return Boolean(this._config.system);\n    }\n\n    public render(props: RenderParams): React.ReactElement | null {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,iBAAiB;AAiBxC,OAAO,MAAMC,wBAAwB,SAASD,MAAM,CAAC;EACjD,OAAgCE,IAAI,GAAW,gCAAgC;EAGxEC,WAAWA,CAACC,MAAe,EAAE;IAChC,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;EAC/B;EAEA,IAAIE,MAAMA,CAAA,EAAY;IAClB,OAAOC,OAAO,CAAC,IAAI,CAACF,OAAO,CAACC,MAAM,CAAC;EACvC;EAEOE,MAAMA,CAACC,KAAmB,EAA6B;IAC1D,IAAI,CAAC,IAAI,CAACJ,OAAO,CAACG,MAAM,EAAE;MACtB,OAAO,IAAI;IACf;IACA,OAAO,IAAI,CAACH,OAAO,CAACG,MAAM,CAACC,KAAK,CAAC;EACrC;AACJ","ignoreList":[]}

package/plugins/uiLayoutRenderer/index.d.ts

@@ -1,2 +0,0 @@
-import { UILayoutPlugin } from "../../ui/UILayout";
-export declare const uiLayoutPlugin: UILayoutPlugin<import("@webiny/ui-composer/UILayout").UILayout>;

package/plugins/uiLayoutRenderer/index.js

@@ -1,53 +0,0 @@
-import React, { Fragment } from "react";
-import { Cell, Grid, GridInner } from "@webiny/ui/Grid";
-import { UILayoutPlugin } from "../../ui/UILayout";
-function getElementKey(element) {
-  return `${element.constructor.name}:${element.id}`;
-}
-const ElementID = ({
-  children
-}) => {
-  return children;
-};
-export const uiLayoutPlugin = new UILayoutPlugin(layout => {
-  layout.setRenderer(({
-    layout,
-    props,
-    hasParentGrid
-  }) => {
-    if (!layout.getGrid()) {
-      return /*#__PURE__*/React.createElement(Fragment, null, layout.getLayout().map((row, index) => /*#__PURE__*/React.createElement(Fragment, {
-        key: index
-      }, row.map(item => {
-        const element = layout.getElement(item.element);
-        if (!element) {
-          console.warn(`Element "${item.element}" was not found!`);
-          return null;
-        }
-        if (!element.shouldRender(props)) {
-          return null;
-        }
-        return /*#__PURE__*/React.createElement(ElementID, {
-          key: getElementKey(element)
-        }, element.render(props));
-      }))));
-    }
-    const GridComponent = hasParentGrid ? GridInner : Grid;
-    return /*#__PURE__*/React.createElement(GridComponent, null, layout.getLayout().map((row, index) => /*#__PURE__*/React.createElement(Fragment, {
-      key: index
-    }, row.map(item => {
-      const element = layout.getElement(item.element);
-      if (!element.shouldRender(props)) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement(Cell, {
-        key: item.element,
-        span: item.width
-      }, /*#__PURE__*/React.createElement(ElementID, {
-        key: getElementKey(element)
-      }, element.render(props)));
-    }))));
-  });
-});
-
-//# sourceMappingURL=index.js.map

package/plugins/uiLayoutRenderer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Fragment","Cell","Grid","GridInner","UILayoutPlugin","getElementKey","element","constructor","name","id","ElementID","children","uiLayoutPlugin","layout","setRenderer","props","hasParentGrid","getGrid","createElement","getLayout","map","row","index","key","item","getElement","console","warn","shouldRender","render","GridComponent","span","width"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport type { UIElement } from \"~/ui/UIElement\";\n\ninterface ElementIDProps {\n    children: React.ReactNode;\n}\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID = ({ children }: ElementIDProps) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport const uiLayoutPlugin = new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,EAAEC,IAAI,EAAEC,SAAS,QAAQ,iBAAiB;AACvD,SAASC,cAAc;AAOvB,SAASC,aAAaA,CAACC,OAAkB,EAAE;EACvC,OAAO,GAAGA,OAAO,CAACC,WAAW,CAACC,IAAI,IAAIF,OAAO,CAACG,EAAE,EAAE;AACtD;AAEA,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAChD,OAAOA,QAAQ;AACnB,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG,IAAIR,cAAc,CAACS,MAAM,IAAI;EACvDA,MAAM,CAACC,WAAW,CAAC,CAAC;IAAED,MAAM;IAAEE,KAAK;IAAEC;EAAc,CAAC,KAAK;IACrD,IAAI,CAACH,MAAM,CAACI,OAAO,CAAC,CAAC,EAAE;MACnB,oBACIlB,KAAA,CAAAmB,aAAA,CAAClB,QAAQ,QACJa,MAAM,CAACM,SAAS,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,kBAC/BvB,KAAA,CAAAmB,aAAA,CAAClB,QAAQ;QAACuB,GAAG,EAAED;MAAM,GAChBD,GAAG,CAACD,GAAG,CAACI,IAAI,IAAI;QACb,MAAMlB,OAAO,GAAGO,MAAM,CAACY,UAAU,CAACD,IAAI,CAAClB,OAAO,CAAC;QAE/C,IAAI,CAACA,OAAO,EAAE;UACVoB,OAAO,CAACC,IAAI,CAAC,YAAYH,IAAI,CAAClB,OAAO,kBAAkB,CAAC;UACxD,OAAO,IAAI;QACf;QAEA,IAAI,CAACA,OAAO,CAACsB,YAAY,CAACb,KAAK,CAAC,EAAE;UAC9B,OAAO,IAAI;QACf;QAEA,oBACIhB,KAAA,CAAAmB,aAAA,CAACR,SAAS;UAACa,GAAG,EAAElB,aAAa,CAACC,OAAO;QAAE,GAClCA,OAAO,CAACuB,MAAM,CAACd,KAAK,CACd,CAAC;MAEpB,CAAC,CACK,CACb,CACK,CAAC;IAEnB;IAEA,MAAMe,aAAa,GAAGd,aAAa,GAAGb,SAAS,GAAGD,IAAI;IAEtD,oBACIH,KAAA,CAAAmB,aAAA,CAACY,aAAa,QACTjB,MAAM,CAACM,SAAS,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,kBAC/BvB,KAAA,CAAAmB,aAAA,CAAClB,QAAQ;MAACuB,GAAG,EAAED;IAAM,GAChBD,GAAG,CAACD,GAAG,CAACI,IAAI,IAAI;MACb,MAAMlB,OAAO,GAAGO,MAAM,CAACY,UAAU,CAACD,IAAI,CAAClB,OAAO,CAAC;MAC/C,IAAI,CAACA,OAAO,CAACsB,YAAY,CAACb,KAAK,CAAC,EAAE;QAC9B,OAAO,IAAI;MACf;MACA,oBACIhB,KAAA,CAAAmB,aAAA,CAACjB,IAAI;QAACsB,GAAG,EAAEC,IAAI,CAAClB,OAAQ;QAACyB,IAAI,EAAEP,IAAI,CAACQ;MAAM,gBACtCjC,KAAA,CAAAmB,aAAA,CAACR,SAAS;QAACa,GAAG,EAAElB,aAAa,CAACC,OAAO;MAAE,GAClCA,OAAO,CAACuB,MAAM,CAACd,KAAK,CACd,CACT,CAAC;IAEf,CAAC,CACK,CACb,CACU,CAAC;EAExB,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/ui/UIElement.d.ts

@@ -1,2 +0,0 @@
-export type { UIElementConfig, ApplyFunction, ShouldRender, UiElementRenderProps } from "@webiny/ui-composer/UIElement";
-export { UIElement, UIElementPlugin } from "@webiny/ui-composer/UIElement";

package/ui/UIElement.js

@@ -1,3 +0,0 @@
-export { UIElement, UIElementPlugin } from "@webiny/ui-composer/UIElement";
-
-//# sourceMappingURL=UIElement.js.map

package/ui/UIElement.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["UIElement","UIElementPlugin"],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":"AAOA,SAASA,SAAS,EAAEC,eAAe,QAAQ,+BAA+B","ignoreList":[]}

package/ui/UILayout.d.ts

@@ -1 +0,0 @@
-export { UILayout, UILayoutPlugin } from "@webiny/ui-composer/UILayout";

package/ui/UILayout.js

@@ -1,3 +0,0 @@
-export { UILayout, UILayoutPlugin } from "@webiny/ui-composer/UILayout";
-
-//# sourceMappingURL=UILayout.js.map

package/ui/UILayout.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["UILayout","UILayoutPlugin"],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc,QAAQ,8BAA8B","ignoreList":[]}

package/ui/UIRenderer.d.ts

@@ -1,2 +0,0 @@
-export { UIRenderer } from "@webiny/ui-composer/UIRenderer";
-export type { UIRenderParams, RenderNext } from "@webiny/ui-composer/UIRenderer";

package/ui/UIRenderer.js

@@ -1,3 +0,0 @@
-export { UIRenderer } from "@webiny/ui-composer/UIRenderer";
-
-//# sourceMappingURL=UIRenderer.js.map

package/ui/UIRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["UIRenderer"],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,gCAAgC","ignoreList":[]}

package/ui/UIView.d.ts

@@ -1,2 +0,0 @@
-export type { ApplyFunction, UIElementWrapperProps, UIElementWrapper, UIViewProps } from "@webiny/ui-composer/UIView";
-export { UIView, UIViewComponent, UIViewPlugin } from "@webiny/ui-composer/UIView";

package/ui/UIView.js

@@ -1,3 +0,0 @@
-export { UIView, UIViewComponent, UIViewPlugin } from "@webiny/ui-composer/UIView";
-
-//# sourceMappingURL=UIView.js.map

package/ui/UIView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["UIView","UIViewComponent","UIViewPlugin"],"sources":["UIView.tsx"],"sourcesContent":["export type {\n    ApplyFunction,\n    UIElementWrapperProps,\n    UIElementWrapper,\n    UIViewProps\n} from \"@webiny/ui-composer/UIView\";\nexport { UIView, UIViewComponent, UIViewPlugin } from \"@webiny/ui-composer/UIView\";\n"],"mappings":"AAMA,SAASA,MAAM,EAAEC,eAAe,EAAEC,YAAY,QAAQ,4BAA4B","ignoreList":[]}