@webiny/app-admin 5.36.2 → 5.37.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"names":["Paragraph","data","config","api","readOnly","typography","_CSS","block","styles","settingsButton","settingsButtonActive","wrapper","onKeyUp","bind","_placeholder","placeholder","DEFAULT_PLACEHOLDER","_data","normalizeData","_element","drawView","_preserveBlank","preserveBlank","undefined","settingsButtons","alignments","ALIGNMENTS","text","innerHTML","forEach","alignment","name","textAlign","classList","add","remove","className","split","find","TextAlign","START","svg","ALIGNMENT_ICONS","start","e","code","textContent","div","document","createElement","contentEditable","dataset","i18n","t","addEventListener","holder","selectTypeButton","currentAlignment","setAlignment","appendChild","push","typographyForParagraph","Object","values","filter","item","component","input","option","Option","label","onclick","event","target","value","setTypographyClass","savedData","trim","toolsContent","getTextAlign","includes","detail","button","toggle","newData","export","import","br","tags","icon","title"],"sources":["index.ts"],"sourcesContent":["import { API, PasteEvent } from \"@editorjs/editorjs\";\nimport { Alignment, ALIGNMENTS, TextAlign, ALIGNMENT_ICONS } from \"../utils\";\nimport { HTMLPasteEventDetail } from \"@editorjs/editorjs/types/tools/paste-events\";\n\n/**\n * @typedef {object} ParagraphConfig\n * @property {string} placeholder - placeholder for the empty paragraph\n * @property {boolean} preserveBlank - Whether or not to keep blank paragraphs when saving editor data`\n */\ninterface ParagraphConfig {\n    placeholder: string;\n    preserveBlank: boolean;\n    typography?: Typography;\n}\n/**\n * @typedef {Object} ParagraphData\n * @description Tool's input and output data format\n * @property {String} text — Paragraph's content. Can include HTML tags: <a><b><i>\n */\ninterface ParagraphData {\n    text: string;\n    textAlign: TextAlign;\n    className?: string;\n}\n\ninterface Typography {\n    [key: string]: {\n        label: string;\n        component: string;\n        className: string;\n    };\n}\n\ninterface ParagraphArgs {\n    data: ParagraphData;\n    config: ParagraphConfig;\n    api: any;\n    readOnly: boolean;\n}\nclass Paragraph {\n    private readonly api: API;\n    private readonly readOnly: boolean;\n    private readonly _CSS: any;\n    // private readonly _settings: any;\n    private _data: ParagraphData;\n    private readonly _element: any;\n    private readonly _placeholder: string;\n    private readonly _preserveBlank: boolean;\n    private readonly alignments: Alignment[];\n    private readonly settingsButtons: HTMLElement[];\n    private readonly typography: Typography | null;\n\n    /**\n     * Render plugin`s main Element and fill it with saved data\n     *\n     * @param {object} params - constructor params\n     * @param {ParagraphData} params.data - previously saved data\n     * @param {ParagraphConfig} params.config - user config for Tool\n     * @param {object} params.api - editor.js api\n     * @param {boolean} readOnly - read only mode flag\n     */\n    public constructor({ data, config, api, readOnly }: ParagraphArgs) {\n        this.api = api;\n        this.readOnly = readOnly;\n        this.typography = config.typography || null;\n        this._CSS = {\n            block: this.api.styles.block,\n            settingsButton: this.api.styles.settingsButton,\n            settingsButtonActive: this.api.styles.settingsButtonActive,\n            wrapper: \"ce-paragraph\"\n        };\n\n        if (!this.readOnly) {\n            this.onKeyUp = this.onKeyUp.bind(this);\n        }\n\n        /**\n         * Placeholder for paragraph if it is first Block\n         * @type {string}\n         */\n        this._placeholder = config.placeholder ? config.placeholder : Paragraph.DEFAULT_PLACEHOLDER;\n        this._data = this.normalizeData(data);\n        this._element = this.drawView();\n        this._preserveBlank = config.preserveBlank !== undefined ? config.preserveBlank : false;\n        this.settingsButtons = [];\n        this.alignments = ALIGNMENTS;\n\n        // Call the `data` setter, to properly render the view element.\n        this.data = this._data;\n    }\n\n    /**\n     * Default placeholder for Paragraph Tool\n     *\n     * @return {string}\n     * @constructor\n     */\n    public static get DEFAULT_PLACEHOLDER(): string {\n        return \"\";\n    }\n\n    /**\n     * Enable Conversion Toolbar. Paragraph can be converted to/from other tools\n     */\n    public static get conversionConfig() {\n        return {\n            export: \"text\", // to convert Paragraph to other block, use 'text' property of saved data\n            import: \"text\" // to covert other block's exported string to Paragraph, fill 'text' property of tool data\n        };\n    }\n\n    /**\n     * Sanitizer rules\n     */\n    public static get sanitize() {\n        return {\n            text: {\n                br: true\n            }\n        };\n    }\n\n    /**\n     * Returns true to notify the core that read-only mode is supported\n     *\n     * @return {boolean}\n     */\n    public static get isReadOnlySupported(): boolean {\n        return true;\n    }\n\n    /**\n     * Get current Tools`s data\n     * @returns {ParagraphData} Current data\n     * @private\n     */\n    public get data(): ParagraphData {\n        const text = this._element.innerHTML;\n\n        // this._data.text = text;\n\n        return {\n            ...this._data,\n            text\n        };\n    }\n\n    /**\n     * Store data in plugin:\n     * - at the this._data property\n     * - at the HTML\n     *\n     * @param {ParagraphData} data — data to set\n     * @private\n     */\n    public set data(data: ParagraphData) {\n        this._data = data || ({} as ParagraphData);\n\n        this._element.innerHTML = this._data.text || \"\";\n\n        /**\n         * Add Alignment class\n         */\n        this.alignments.forEach(alignment => {\n            if (alignment.name === this._data.textAlign) {\n                this._element.classList.add(`ce-header-text--${alignment.name}`);\n            } else {\n                this._element.classList.remove(`ce-header-text--${alignment.name}`);\n            }\n        });\n\n        /**\n         * Add Typography class\n         */\n        if (this._data.className) {\n            this._element.classList.add(...this._data.className.split(\" \"));\n        }\n    }\n\n    /**\n     * Used by Editor paste handling API.\n     * Provides configuration to handle P tags.\n     *\n     * @returns {{tags: string[]}}\n     */\n    public static get pasteConfig() {\n        return {\n            tags: [\"P\"]\n        };\n    }\n\n    /**\n     * Icon and title for displaying at the Toolbox\n     *\n     * @return {{icon: string, title: string}}\n     */\n    public static get toolbox() {\n        return {\n            icon:\n                '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0.2 -0.3 9 11.4\" width=\"12\" height=\"14\">\\n' +\n                '  <path d=\"M0 2.77V.92A1 1 0 01.2.28C.35.1.56 0 .83 0h7.66c.28.01.48.1.63.28.14.17.21.38.21.64v1.85c0 .26-.08.48-.23.66-.15.17-.37.26-.66.26-.28 0-.5-.09-.64-.26a1 1 0 01-.21-.66V1.69H5.6v7.58h.5c.25 0 .45.08.6.23.17.16.25.35.25.6s-.08.45-.24.6a.87.87 0 01-.62.22H3.21a.87.87 0 01-.61-.22.78.78 0 01-.24-.6c0-.25.08-.44.24-.6a.85.85 0 01.61-.23h.5V1.7H1.73v1.08c0 .26-.08.48-.23.66-.15.17-.37.26-.66.26-.28 0-.5-.09-.64-.26A1 1 0 010 2.77z\"/>\\n' +\n                \"</svg>\",\n            title: \"Text\"\n        };\n    }\n\n    /**\n     * Get current alignment\n     *\n     * @returns {alignment}\n     */\n    public get currentAlignment(): Alignment {\n        let alignment = this.alignments.find(alignment => alignment.name === this._data.textAlign);\n\n        if (!alignment) {\n            alignment = { name: TextAlign.START, svg: ALIGNMENT_ICONS.start };\n        }\n\n        return alignment;\n    }\n\n    /**\n     * Check if text content is empty and set empty string to inner html.\n     * We need this because some browsers (e.g. Safari) insert <br> into empty contentEditable elements\n     *\n     * @param {KeyboardEvent} e - key up event\n     */\n    public onKeyUp(e: KeyboardEvent): void {\n        if (e.code !== \"Backspace\" && e.code !== \"Delete\") {\n            return;\n        }\n\n        const { textContent } = this._element;\n\n        if (textContent === \"\") {\n            this._element.innerHTML = \"\";\n        }\n    }\n\n    /**\n     * Create Tool's view\n     * @return {HTMLElement}\n     * @private\n     */\n    public drawView(): HTMLElement {\n        const div: HTMLDivElement = document.createElement(\"div\");\n        div.classList.add(this._CSS.wrapper, this._CSS.block);\n        // Add custom className to view.\n        if (this._data.className) {\n            div.classList.add(this._data.className);\n        }\n        div.contentEditable = \"false\";\n        div.dataset[\"placeholder\"] = this.api.i18n.t(this._placeholder);\n\n        if (!this.readOnly) {\n            div.contentEditable = \"true\";\n            div.addEventListener(\"keyup\", this.onKeyUp);\n        }\n\n        return div;\n    }\n\n    /**\n     * Return Tool's view\n     */\n    public render(): HTMLDivElement {\n        return this._element;\n    }\n\n    /**\n     * Create Block's settings block\n     */\n    public renderSettings(): HTMLElement {\n        const holder: HTMLDivElement = document.createElement(\"div\");\n\n        // Add alignment selectors\n        this.alignments.forEach(alignment => {\n            const selectTypeButton: HTMLSpanElement = document.createElement(\"span\");\n\n            selectTypeButton.classList.add(this._CSS.settingsButton);\n\n            /**\n             * Highlight current level button\n             */\n            if (this.currentAlignment.name === alignment.name) {\n                selectTypeButton.classList.add(this._CSS.settingsButtonActive);\n            }\n\n            /**\n             * Add SVG icon\n             */\n            selectTypeButton.innerHTML = alignment.svg;\n\n            /**\n             * Save alignment to its button\n             */\n            selectTypeButton.dataset[\"textAlign\"] = alignment.name;\n\n            /**\n             * Set up click handler\n             */\n            selectTypeButton.addEventListener(\"click\", () => {\n                this.setAlignment(alignment);\n            });\n\n            /**\n             * Append settings button to holder\n             */\n            holder.appendChild(selectTypeButton);\n\n            /**\n             * Save settings buttons\n             */\n            this.settingsButtons.push(selectTypeButton);\n        });\n\n        // Add `Typography` selector\n        if (this.typography) {\n            const typographyForParagraph = Object.values(this.typography).filter(\n                item => item.component === \"p\"\n            );\n\n            const selectTypeButton = document.createElement(\"SELECT\") as HTMLSelectElement;\n            // Add editor's default input style\n            selectTypeButton.classList.add(this.api.styles.input);\n            // Add typography options\n            typographyForParagraph.forEach(item => {\n                const option = new Option(item.label, item.className);\n\n                selectTypeButton.appendChild(option);\n            });\n            // Add \"onclick\" handler\n            selectTypeButton.onclick = event => {\n                const { value } = event.target as HTMLSelectElement;\n                this.setTypographyClass(value);\n            };\n\n            /**\n             * Append settings button to holder\n             */\n            holder.appendChild(selectTypeButton);\n\n            /**\n             * Save settings buttons\n             */\n            this.settingsButtons.push(selectTypeButton);\n        }\n\n        return holder;\n    }\n\n    /**\n     * Method that specified how to merge two Text blocks.\n     * Called by Editor.js by backspace at the beginning of the Block\n     * @param {ParagraphData} data\n     * @public\n     */\n    public merge(data: ParagraphData): void {\n        this.data = {\n            ...this.data,\n            text: this.data.text + data.text\n        };\n    }\n\n    /**\n     * Validate Paragraph block data:\n     * - check for emptiness\n     *\n     * @param {ParagraphData} savedData — data received after saving\n     * @returns {boolean} false if saved data is not correct, otherwise true\n     * @public\n     */\n    public validate(savedData: ParagraphData): boolean {\n        return !(savedData.text.trim() === \"\" && !this._preserveBlank);\n    }\n\n    /**\n     * Extract Tool's data from the view\n     * @param {HTMLDivElement} toolsContent - Paragraph tools rendered view\n     * @returns {ParagraphData} - saved data\n     * @public\n     */\n    public save(toolsContent: HTMLElement) {\n        return {\n            text: toolsContent.innerHTML,\n            textAlign: this.getTextAlign(toolsContent.className),\n            className: this.data.className\n        };\n    }\n\n    /**\n     * Extract textAlign from className\n     *\n     * @param {string} className - heading element className\n     * @returns {TextAlign} textAlign\n     */\n    public getTextAlign(className: string): TextAlign {\n        let textAlign = TextAlign.START;\n        // Match className with alignment\n        this.alignments.forEach(alignment => {\n            if (className.includes(`ce-header-text--${alignment.name}`)) {\n                textAlign = alignment.name;\n            }\n        });\n        return textAlign;\n    }\n\n    /**\n     * On paste callback fired from Editor.\n     *\n     * @param {PasteEvent} event - event with pasted data\n     */\n    public onPaste(event: PasteEvent): void {\n        const detail = event.detail as HTMLPasteEventDetail;\n        this.data = {\n            ...this.data,\n            text: detail.data.innerHTML\n        };\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {number} alignment - level to set\n     */\n    public setAlignment(alignment: Alignment): void {\n        this.data = {\n            textAlign: alignment.name,\n            text: this.data.text\n        };\n\n        /**\n         * Highlight button by selected level\n         */\n        this.settingsButtons.forEach(button => {\n            button.classList.toggle(\n                this._CSS.settingsButtonActive,\n                button.dataset[\"textAlign\"] === alignment.name\n            );\n        });\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {string} className - name of typography class\n     */\n    public setTypographyClass(className: string): void {\n        this.data = {\n            textAlign: this.data.textAlign,\n            text: this.data.text,\n            className: className\n        };\n    }\n\n    /**\n     * Normalize input data\n     *\n     * @param {HeaderData} data - saved data to process\n     *\n     * @returns {HeaderData}\n     * @private\n     */\n    public normalizeData(data?: Partial<ParagraphData>): ParagraphData {\n        const newData: Partial<ParagraphData> = {};\n\n        if (typeof data !== \"object\") {\n            data = {};\n        }\n\n        newData.text = data.text || \"\";\n        newData.textAlign = data.textAlign || TextAlign.START;\n        newData.className = data.className || \"\";\n\n        return newData as ParagraphData;\n    }\n}\n\nexport default Paragraph;\n"],"mappings":"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"}
+{"version":3,"names":["_utils","require","Paragraph","_ref","data","config","api","readOnly","_classCallCheck2","default","typography","_CSS","block","styles","settingsButton","settingsButtonActive","wrapper","onKeyUp","bind","_placeholder","placeholder","DEFAULT_PLACEHOLDER","_data","normalizeData","_element","drawView","_preserveBlank","preserveBlank","undefined","settingsButtons","alignments","ALIGNMENTS","_createClass2","key","get","text","innerHTML","_objectSpread2","set","_this","forEach","alignment","name","textAlign","classList","add","concat","remove","className","_this$_element$classL","apply","_toConsumableArray2","split","_this2","find","TextAlign","START","svg","ALIGNMENT_ICONS","start","value","e","code","textContent","div","document","createElement","contentEditable","dataset","i18n","t","addEventListener","render","renderSettings","_this3","holder","selectTypeButton","currentAlignment","setAlignment","appendChild","push","typographyForParagraph","Object","values","filter","item","component","input","option","Option","label","onclick","event","_ref2","target","setTypographyClass","merge","validate","savedData","trim","save","toolsContent","getTextAlign","includes","onPaste","detail","_this4","button","toggle","newData","export","import","br","tags","icon","title","_default","exports"],"sources":["index.ts"],"sourcesContent":["import { API, PasteEvent } from \"@editorjs/editorjs\";\nimport { Alignment, ALIGNMENTS, TextAlign, ALIGNMENT_ICONS } from \"../utils\";\nimport { HTMLPasteEventDetail } from \"@editorjs/editorjs/types/tools/paste-events\";\n\n/**\n * @typedef {object} ParagraphConfig\n * @property {string} placeholder - placeholder for the empty paragraph\n * @property {boolean} preserveBlank - Whether or not to keep blank paragraphs when saving editor data`\n */\ninterface ParagraphConfig {\n    placeholder: string;\n    preserveBlank: boolean;\n    typography?: Typography;\n}\n/**\n * @typedef {Object} ParagraphData\n * @description Tool's input and output data format\n * @property {String} text — Paragraph's content. Can include HTML tags: <a><b><i>\n */\ninterface ParagraphData {\n    text: string;\n    textAlign: TextAlign;\n    className?: string;\n}\n\ninterface Typography {\n    [key: string]: {\n        label: string;\n        component: string;\n        className: string;\n    };\n}\n\ninterface ParagraphArgs {\n    data: ParagraphData;\n    config: ParagraphConfig;\n    api: any;\n    readOnly: boolean;\n}\nclass Paragraph {\n    private readonly api: API;\n    private readonly readOnly: boolean;\n    private readonly _CSS: any;\n    // private readonly _settings: any;\n    private _data: ParagraphData;\n    private readonly _element: any;\n    private readonly _placeholder: string;\n    private readonly _preserveBlank: boolean;\n    private readonly alignments: Alignment[];\n    private readonly settingsButtons: HTMLElement[];\n    private readonly typography: Typography | null;\n\n    /**\n     * Render plugin`s main Element and fill it with saved data\n     *\n     * @param {object} params - constructor params\n     * @param {ParagraphData} params.data - previously saved data\n     * @param {ParagraphConfig} params.config - user config for Tool\n     * @param {object} params.api - editor.js api\n     * @param {boolean} readOnly - read only mode flag\n     */\n    public constructor({ data, config, api, readOnly }: ParagraphArgs) {\n        this.api = api;\n        this.readOnly = readOnly;\n        this.typography = config.typography || null;\n        this._CSS = {\n            block: this.api.styles.block,\n            settingsButton: this.api.styles.settingsButton,\n            settingsButtonActive: this.api.styles.settingsButtonActive,\n            wrapper: \"ce-paragraph\"\n        };\n\n        if (!this.readOnly) {\n            this.onKeyUp = this.onKeyUp.bind(this);\n        }\n\n        /**\n         * Placeholder for paragraph if it is first Block\n         * @type {string}\n         */\n        this._placeholder = config.placeholder ? config.placeholder : Paragraph.DEFAULT_PLACEHOLDER;\n        this._data = this.normalizeData(data);\n        this._element = this.drawView();\n        this._preserveBlank = config.preserveBlank !== undefined ? config.preserveBlank : false;\n        this.settingsButtons = [];\n        this.alignments = ALIGNMENTS;\n\n        // Call the `data` setter, to properly render the view element.\n        this.data = this._data;\n    }\n\n    /**\n     * Default placeholder for Paragraph Tool\n     *\n     * @return {string}\n     * @constructor\n     */\n    public static get DEFAULT_PLACEHOLDER(): string {\n        return \"\";\n    }\n\n    /**\n     * Enable Conversion Toolbar. Paragraph can be converted to/from other tools\n     */\n    public static get conversionConfig() {\n        return {\n            export: \"text\", // to convert Paragraph to other block, use 'text' property of saved data\n            import: \"text\" // to covert other block's exported string to Paragraph, fill 'text' property of tool data\n        };\n    }\n\n    /**\n     * Sanitizer rules\n     */\n    public static get sanitize() {\n        return {\n            text: {\n                br: true\n            }\n        };\n    }\n\n    /**\n     * Returns true to notify the core that read-only mode is supported\n     *\n     * @return {boolean}\n     */\n    public static get isReadOnlySupported(): boolean {\n        return true;\n    }\n\n    /**\n     * Get current Tools`s data\n     * @returns {ParagraphData} Current data\n     * @private\n     */\n    public get data(): ParagraphData {\n        const text = this._element.innerHTML;\n\n        // this._data.text = text;\n\n        return {\n            ...this._data,\n            text\n        };\n    }\n\n    /**\n     * Store data in plugin:\n     * - at the this._data property\n     * - at the HTML\n     *\n     * @param {ParagraphData} data — data to set\n     * @private\n     */\n    public set data(data: ParagraphData) {\n        this._data = data || ({} as ParagraphData);\n\n        this._element.innerHTML = this._data.text || \"\";\n\n        /**\n         * Add Alignment class\n         */\n        this.alignments.forEach(alignment => {\n            if (alignment.name === this._data.textAlign) {\n                this._element.classList.add(`ce-header-text--${alignment.name}`);\n            } else {\n                this._element.classList.remove(`ce-header-text--${alignment.name}`);\n            }\n        });\n\n        /**\n         * Add Typography class\n         */\n        if (this._data.className) {\n            this._element.classList.add(...this._data.className.split(\" \"));\n        }\n    }\n\n    /**\n     * Used by Editor paste handling API.\n     * Provides configuration to handle P tags.\n     *\n     * @returns {{tags: string[]}}\n     */\n    public static get pasteConfig() {\n        return {\n            tags: [\"P\"]\n        };\n    }\n\n    /**\n     * Icon and title for displaying at the Toolbox\n     *\n     * @return {{icon: string, title: string}}\n     */\n    public static get toolbox() {\n        return {\n            icon:\n                '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0.2 -0.3 9 11.4\" width=\"12\" height=\"14\">\\n' +\n                '  <path d=\"M0 2.77V.92A1 1 0 01.2.28C.35.1.56 0 .83 0h7.66c.28.01.48.1.63.28.14.17.21.38.21.64v1.85c0 .26-.08.48-.23.66-.15.17-.37.26-.66.26-.28 0-.5-.09-.64-.26a1 1 0 01-.21-.66V1.69H5.6v7.58h.5c.25 0 .45.08.6.23.17.16.25.35.25.6s-.08.45-.24.6a.87.87 0 01-.62.22H3.21a.87.87 0 01-.61-.22.78.78 0 01-.24-.6c0-.25.08-.44.24-.6a.85.85 0 01.61-.23h.5V1.7H1.73v1.08c0 .26-.08.48-.23.66-.15.17-.37.26-.66.26-.28 0-.5-.09-.64-.26A1 1 0 010 2.77z\"/>\\n' +\n                \"</svg>\",\n            title: \"Text\"\n        };\n    }\n\n    /**\n     * Get current alignment\n     *\n     * @returns {alignment}\n     */\n    public get currentAlignment(): Alignment {\n        let alignment = this.alignments.find(alignment => alignment.name === this._data.textAlign);\n\n        if (!alignment) {\n            alignment = { name: TextAlign.START, svg: ALIGNMENT_ICONS.start };\n        }\n\n        return alignment;\n    }\n\n    /**\n     * Check if text content is empty and set empty string to inner html.\n     * We need this because some browsers (e.g. Safari) insert <br> into empty contentEditable elements\n     *\n     * @param {KeyboardEvent} e - key up event\n     */\n    public onKeyUp(e: KeyboardEvent): void {\n        if (e.code !== \"Backspace\" && e.code !== \"Delete\") {\n            return;\n        }\n\n        const { textContent } = this._element;\n\n        if (textContent === \"\") {\n            this._element.innerHTML = \"\";\n        }\n    }\n\n    /**\n     * Create Tool's view\n     * @return {HTMLElement}\n     * @private\n     */\n    public drawView(): HTMLElement {\n        const div: HTMLDivElement = document.createElement(\"div\");\n        div.classList.add(this._CSS.wrapper, this._CSS.block);\n        // Add custom className to view.\n        if (this._data.className) {\n            div.classList.add(this._data.className);\n        }\n        div.contentEditable = \"false\";\n        div.dataset[\"placeholder\"] = this.api.i18n.t(this._placeholder);\n\n        if (!this.readOnly) {\n            div.contentEditable = \"true\";\n            div.addEventListener(\"keyup\", this.onKeyUp);\n        }\n\n        return div;\n    }\n\n    /**\n     * Return Tool's view\n     */\n    public render(): HTMLDivElement {\n        return this._element;\n    }\n\n    /**\n     * Create Block's settings block\n     */\n    public renderSettings(): HTMLElement {\n        const holder: HTMLDivElement = document.createElement(\"div\");\n\n        // Add alignment selectors\n        this.alignments.forEach(alignment => {\n            const selectTypeButton: HTMLSpanElement = document.createElement(\"span\");\n\n            selectTypeButton.classList.add(this._CSS.settingsButton);\n\n            /**\n             * Highlight current level button\n             */\n            if (this.currentAlignment.name === alignment.name) {\n                selectTypeButton.classList.add(this._CSS.settingsButtonActive);\n            }\n\n            /**\n             * Add SVG icon\n             */\n            selectTypeButton.innerHTML = alignment.svg;\n\n            /**\n             * Save alignment to its button\n             */\n            selectTypeButton.dataset[\"textAlign\"] = alignment.name;\n\n            /**\n             * Set up click handler\n             */\n            selectTypeButton.addEventListener(\"click\", () => {\n                this.setAlignment(alignment);\n            });\n\n            /**\n             * Append settings button to holder\n             */\n            holder.appendChild(selectTypeButton);\n\n            /**\n             * Save settings buttons\n             */\n            this.settingsButtons.push(selectTypeButton);\n        });\n\n        // Add `Typography` selector\n        if (this.typography) {\n            const typographyForParagraph = Object.values(this.typography).filter(\n                item => item.component === \"p\"\n            );\n\n            const selectTypeButton = document.createElement(\"SELECT\") as HTMLSelectElement;\n            // Add editor's default input style\n            selectTypeButton.classList.add(this.api.styles.input);\n            // Add typography options\n            typographyForParagraph.forEach(item => {\n                const option = new Option(item.label, item.className);\n\n                selectTypeButton.appendChild(option);\n            });\n            // Add \"onclick\" handler\n            selectTypeButton.onclick = event => {\n                const { value } = event.target as HTMLSelectElement;\n                this.setTypographyClass(value);\n            };\n\n            /**\n             * Append settings button to holder\n             */\n            holder.appendChild(selectTypeButton);\n\n            /**\n             * Save settings buttons\n             */\n            this.settingsButtons.push(selectTypeButton);\n        }\n\n        return holder;\n    }\n\n    /**\n     * Method that specified how to merge two Text blocks.\n     * Called by Editor.js by backspace at the beginning of the Block\n     * @param {ParagraphData} data\n     * @public\n     */\n    public merge(data: ParagraphData): void {\n        this.data = {\n            ...this.data,\n            text: this.data.text + data.text\n        };\n    }\n\n    /**\n     * Validate Paragraph block data:\n     * - check for emptiness\n     *\n     * @param {ParagraphData} savedData — data received after saving\n     * @returns {boolean} false if saved data is not correct, otherwise true\n     * @public\n     */\n    public validate(savedData: ParagraphData): boolean {\n        return !(savedData.text.trim() === \"\" && !this._preserveBlank);\n    }\n\n    /**\n     * Extract Tool's data from the view\n     * @param {HTMLDivElement} toolsContent - Paragraph tools rendered view\n     * @returns {ParagraphData} - saved data\n     * @public\n     */\n    public save(toolsContent: HTMLElement) {\n        return {\n            text: toolsContent.innerHTML,\n            textAlign: this.getTextAlign(toolsContent.className),\n            className: this.data.className\n        };\n    }\n\n    /**\n     * Extract textAlign from className\n     *\n     * @param {string} className - heading element className\n     * @returns {TextAlign} textAlign\n     */\n    public getTextAlign(className: string): TextAlign {\n        let textAlign = TextAlign.START;\n        // Match className with alignment\n        this.alignments.forEach(alignment => {\n            if (className.includes(`ce-header-text--${alignment.name}`)) {\n                textAlign = alignment.name;\n            }\n        });\n        return textAlign;\n    }\n\n    /**\n     * On paste callback fired from Editor.\n     *\n     * @param {PasteEvent} event - event with pasted data\n     */\n    public onPaste(event: PasteEvent): void {\n        const detail = event.detail as HTMLPasteEventDetail;\n        this.data = {\n            ...this.data,\n            text: detail.data.innerHTML\n        };\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {number} alignment - level to set\n     */\n    public setAlignment(alignment: Alignment): void {\n        this.data = {\n            textAlign: alignment.name,\n            text: this.data.text\n        };\n\n        /**\n         * Highlight button by selected level\n         */\n        this.settingsButtons.forEach(button => {\n            button.classList.toggle(\n                this._CSS.settingsButtonActive,\n                button.dataset[\"textAlign\"] === alignment.name\n            );\n        });\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {string} className - name of typography class\n     */\n    public setTypographyClass(className: string): void {\n        this.data = {\n            textAlign: this.data.textAlign,\n            text: this.data.text,\n            className: className\n        };\n    }\n\n    /**\n     * Normalize input data\n     *\n     * @param {HeaderData} data - saved data to process\n     *\n     * @returns {HeaderData}\n     * @private\n     */\n    public normalizeData(data?: Partial<ParagraphData>): ParagraphData {\n        const newData: Partial<ParagraphData> = {};\n\n        if (typeof data !== \"object\") {\n            data = {};\n        }\n\n        newData.text = data.text || \"\";\n        newData.textAlign = data.textAlign || TextAlign.START;\n        newData.className = data.className || \"\";\n\n        return newData as ParagraphData;\n    }\n}\n\nexport default Paragraph;\n"],"mappings":"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"}

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

@@ -7,22 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var COLOR_TOOL_CLASS = "cdx-text-color";
 var TextColorTool = /*#__PURE__*/function () {
   function TextColorTool(_ref) {
     var api = _ref.api,
       config = _ref.config;
     (0, _classCallCheck2.default)(this, TextColorTool);
-    (0, _defineProperty2.default)(this, "_state", void 0);
-    (0, _defineProperty2.default)(this, "color", void 0);
-    (0, _defineProperty2.default)(this, "api", void 0);
-    (0, _defineProperty2.default)(this, "tag", void 0);
-    (0, _defineProperty2.default)(this, "class", void 0);
-    (0, _defineProperty2.default)(this, "colorPicker", void 0);
-    (0, _defineProperty2.default)(this, "button", void 0);
-    (0, _defineProperty2.default)(this, "config", void 0);
-    (0, _defineProperty2.default)(this, "_CSS", void 0);
     this.api = api;
     this.button = null;
     this.colorPicker = null;

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

@@ -1 +1 @@
-{"version":3,"names":["COLOR_TOOL_CLASS","TextColorTool","api","config","button","colorPicker","_state","tag","color","class","themeColors","_CSS","colorBox","colorBoxActive","state","classList","toggle","styles","inlineToolButtonActive","document","createElement","type","innerHTML","add","inlineToolButton","forEach","style","backgroundColor","addEventListener","childNodes","node","contains","remove","appendChild","range","unwrap","wrap","selectedText","extractContents","mark","insertNode","selection","expandToTag","findParentTag","text","onclick","hidden","onchange","showActions","hideActions","rgb","match","hexR","parseInt","toString","hexG","hexB","length","span","el"],"sources":["index.ts"],"sourcesContent":["import { 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":"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"}
+{"version":3,"names":["COLOR_TOOL_CLASS","TextColorTool","_ref","api","config","_classCallCheck2","default","button","colorPicker","_state","tag","color","class","themeColors","_CSS","colorBox","colorBoxActive","_createClass2","key","get","set","state","classList","toggle","styles","inlineToolButtonActive","value","render","document","createElement","type","innerHTML","add","inlineToolButton","renderActions","_this","forEach","style","backgroundColor","addEventListener","childNodes","node","contains","remove","appendChild","surround","range","unwrap","wrap","selectedText","extractContents","mark","insertNode","selection","expandToTag","findParentTag","text","showActions","_this2","onclick","hidden","hideActions","onchange","checkState","convertToHex","rgb","match","hexR","parseInt","toString","hexG","hexB","length","clear","span","el","_default","exports"],"sources":["index.ts"],"sourcesContent":["import { 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":"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"}

package/components/RichTextEditor/tools/utils.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TextAlign = exports.ALIGNMENT_ICONS = exports.ALIGNMENTS = void 0;
-var TextAlign;
-exports.TextAlign = TextAlign;
-(function (TextAlign) {
+var TextAlign = /*#__PURE__*/function (TextAlign) {
   TextAlign["START"] = "start";
   TextAlign["END"] = "end";
   TextAlign["CENTER"] = "center";
-})(TextAlign || (exports.TextAlign = TextAlign = {}));
+  return TextAlign;
+}({});
+exports.TextAlign = TextAlign;
 var 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>",

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

@@ -1 +1 @@
-{"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":";;;;;;IAAYA,SAAS;AAAA;AAAA,WAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,yBAATA,SAAS;AAWd,IAAMC,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;AAAC;AAEK,IAAMC,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;AAAC"}
+{"version":3,"names":["TextAlign","exports","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":";;;;;;IAAYA,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AAAAC,OAAA,CAAAD,SAAA,GAAAA,SAAA;AAWd,IAAME,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;AAACL,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEK,IAAMK,UAAU,GAAG,CACtB;EACIC,IAAI,EAAER,SAAS,CAACS,KAAK;EACrBC,GAAG,EAAER,eAAe,CAACC;AACzB,CAAC,EACD;EACIK,IAAI,EAAER,SAAS,CAACW,MAAM;EACtBD,GAAG,EAAER,eAAe,CAACG;AACzB,CAAC,EACD;EACIG,IAAI,EAAER,SAAS,CAACY,GAAG;EACnBF,GAAG,EAAER,eAAe,CAACE;AACzB,CAAC,CACJ;AAACH,OAAA,CAAAM,UAAA,GAAAA,UAAA"}

package/components/Routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["Routes","props","routes","plugins","byType","map","route","sort","a","b","pathA","path","pathB","includes","index","React","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport { RoutePlugin } from \"@webiny/app/types\";\n\ninterface RoutesProps {\n    routes: JSX.Element[];\n}\n\nexport const Routes: React.FC<RoutesProps> = props => {\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;AACA;AACA;AAOO,IAAMA,MAA6B,GAAG,SAAhCA,MAA6B,CAAGC,KAAK,EAAI;EAClD,IAAMC,MAAM,GAAG,2CACRD,KAAK,CAACC,MAAM,oCAEZC,gBAAO,CAACC,MAAM,CAAc,OAAO,CAAC,CAACC,GAAG,CAAC;IAAA,IAAGC,KAAK,QAALA,KAAK;IAAA,OAAOA,KAAK;EAAA,EAAC,GACnEC,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACb,IAAMC,KAAK,GAAGF,CAAC,CAACP,KAAK,CAACU,IAAI,IAAI,GAAG;IACjC,IAAMC,KAAK,GAAGH,CAAC,CAACR,KAAK,CAACU,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,oBACI,6BAAC,mBAAiB,QACbV,MAAM,CAACG,GAAG,CAAC,UAACC,KAAK,EAAEQ,KAAK;IAAA,oBACrBC,cAAK,CAACC,YAAY,CAACV,KAAK,EAAE;MAAEW,GAAG,YAAKX,KAAK,CAACL,KAAK,CAACU,IAAI,cAAIG,KAAK;IAAG,CAAC,CAAC;EAAA,EACrE,CACe;AAE5B,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_plugins","_reactRouter","Routes","props","routes","concat","_toConsumableArray2","default","plugins","byType","map","_ref","route","sort","a","b","pathA","path","pathB","includes","createElement","index","React","cloneElement","key","exports"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport { RoutePlugin } from \"@webiny/app/types\";\n\ninterface RoutesProps {\n    routes: JSX.Element[];\n}\n\nexport const Routes: React.FC<RoutesProps> = props => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOO,IAAMG,MAA6B,GAAG,SAAhCA,MAA6BA,CAAGC,KAAK,EAAI;EAClD,IAAMC,MAAM,GAAG,GAAAC,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EACRJ,KAAK,CAACC,MAAM,OAAAE,mBAAA,CAAAC,OAAA,EAEZC,gBAAO,CAACC,MAAM,CAAc,OAAO,CAAC,CAACC,GAAG,CAAC,UAAAC,IAAA;IAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAOA,KAAK;EAAA,EAAC,GACnEC,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACb,IAAMC,KAAK,GAAGF,CAAC,CAACX,KAAK,CAACc,IAAI,IAAI,GAAG;IACjC,IAAMC,KAAK,GAAGH,CAAC,CAACZ,KAAK,CAACc,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,oBACIrB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACnB,YAAA,CAAAC,MAAiB,QACbE,MAAM,CAACM,GAAG,CAAC,UAACE,KAAK,EAAES,KAAK;IAAA,oBACrBC,cAAK,CAACC,YAAY,CAACX,KAAK,EAAE;MAAEY,GAAG,KAAAnB,MAAA,CAAKO,KAAK,CAACT,KAAK,CAACc,IAAI,OAAAZ,MAAA,CAAIgB,KAAK;IAAG,CAAC,CAAC;EAAA,CACtE,CACe,CAAC;AAE5B,CAAC;AAACI,OAAA,CAAAvB,MAAA,GAAAA,MAAA"}

package/components/SearchUI.js.map

@@ -1 +1 @@
-{"version":3,"names":["SearchWrapper","styled","width","height","display","position","top","left","bottom","pointerEvents","alignItems","paddingLeft","color","padding","outline","border","textTransform","letterSpacing","Search","value","onChange","onEnter","inputPlaceholder","inputOnKeyDown","useCallback","e","key"],"sources":["SearchUI.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport InputField from \"./SimpleUI/InputField\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\n\nconst SearchWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n\n    \"& .search__icon\": {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        bottom: 0,\n        pointerEvents: \"none\",\n        display: \"flex\",\n        alignItems: \"center\",\n        paddingLeft: \"0.25rem\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n\n    \"& .search__input\": {\n        width: \"100%\",\n        padding: \"0.5rem 0.5rem 0.5rem 2.25rem\",\n        outline: \"none\",\n        border: \"none\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&:focus\": {\n            outline: \"none\"\n        },\n        \"&::placeholder\": {\n            textTransform: \"uppercase\",\n            letterSpacing: \"0.05em\",\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        }\n    }\n});\n\nexport interface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    onEnter?: () => any;\n    inputPlaceholder?: string;\n}\nconst Search: React.FC<SearchProps> = ({\n    value,\n    onChange,\n    onEnter,\n    inputPlaceholder = \"Search...\"\n}) => {\n    const inputOnKeyDown = useCallback(\n        e => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n        },\n        [onEnter]\n    );\n\n    return (\n        <SearchWrapper data-testid={\"default-data-list.search\"}>\n            <div className=\"search__icon\">\n                <SearchIcon />\n            </div>\n            <InputField\n                onKeyDown={inputOnKeyDown}\n                className=\"search__input\"\n                placeholder={inputPlaceholder}\n                value={value}\n                onChange={onChange}\n                autoComplete=\"off\"\n            />\n        </SearchWrapper>\n    );\n};\n\nexport default Search;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,UAAU;EAEpB,iBAAiB,EAAE;IACfA,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE,MAAM;IACrBL,OAAO,EAAE,MAAM;IACfM,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE;EACX,CAAC;EAED,kBAAkB,EAAE;IAChBV,KAAK,EAAE,MAAM;IACbW,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,MAAM;IACdH,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE;MACPE,OAAO,EAAE;IACb,CAAC;IACD,gBAAgB,EAAE;MACdE,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,QAAQ;MACvBL,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,CAAC;AAQF,IAAMM,MAA6B,GAAG,SAAhCA,MAA6B,OAK7B;EAAA,IAJFC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,6BACPC,gBAAgB;IAAhBA,gBAAgB,sCAAG,WAAW;EAE9B,IAAMC,cAAc,GAAG,IAAAC,kBAAW,EAC9B,UAAAC,CAAC,EAAI;IACD,IAAI,OAAOJ,OAAO,KAAK,UAAU,IAAII,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACpDL,OAAO,EAAE;IACb;EACJ,CAAC,EACD,CAACA,OAAO,CAAC,CACZ;EAED,oBACI,6BAAC,aAAa;IAAC,eAAa;EAA2B,gBACnD;IAAK,SAAS,EAAC;EAAc,gBACzB,6BAAC,sBAAU,OAAG,CACZ,eACN,6BAAC,mBAAU;IACP,SAAS,EAAEE,cAAe;IAC1B,SAAS,EAAC,eAAe;IACzB,WAAW,EAAED,gBAAiB;IAC9B,KAAK,EAAEH,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,YAAY,EAAC;EAAK,EACpB,CACU;AAExB,CAAC;AAAC,eAEaF,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_InputField","_search","SearchWrapper","styled","target","label","width","height","display","position","top","left","bottom","pointerEvents","alignItems","paddingLeft","color","padding","outline","border","textTransform","letterSpacing","Search","_ref","value","onChange","onEnter","_ref$inputPlaceholder","inputPlaceholder","inputOnKeyDown","useCallback","e","key","default","createElement","className","ReactComponent","onKeyDown","placeholder","autoComplete","_default","exports"],"sources":["SearchUI.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport InputField from \"./SimpleUI/InputField\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\n\nconst SearchWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    position: \"relative\",\n\n    \"& .search__icon\": {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        bottom: 0,\n        pointerEvents: \"none\",\n        display: \"flex\",\n        alignItems: \"center\",\n        paddingLeft: \"0.25rem\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n\n    \"& .search__input\": {\n        width: \"100%\",\n        padding: \"0.5rem 0.5rem 0.5rem 2.25rem\",\n        outline: \"none\",\n        border: \"none\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&:focus\": {\n            outline: \"none\"\n        },\n        \"&::placeholder\": {\n            textTransform: \"uppercase\",\n            letterSpacing: \"0.05em\",\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        }\n    }\n});\n\nexport interface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    onEnter?: () => any;\n    inputPlaceholder?: string;\n}\nconst Search: React.FC<SearchProps> = ({\n    value,\n    onChange,\n    onEnter,\n    inputPlaceholder = \"Search...\"\n}) => {\n    const inputOnKeyDown = useCallback(\n        e => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n        },\n        [onEnter]\n    );\n\n    return (\n        <SearchWrapper data-testid={\"default-data-list.search\"}>\n            <div className=\"search__icon\">\n                <SearchIcon />\n            </div>\n            <InputField\n                onKeyDown={inputOnKeyDown}\n                className=\"search__input\"\n                placeholder={inputPlaceholder}\n                value={value}\n                onChange={onChange}\n                autoComplete=\"off\"\n            />\n        </SearchWrapper>\n    );\n};\n\nexport default Search;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAMK,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAChCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,UAAU;EAEpB,iBAAiB,EAAE;IACfA,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE,MAAM;IACrBL,OAAO,EAAE,MAAM;IACfM,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE;EACX,CAAC;EAED,kBAAkB,EAAE;IAChBV,KAAK,EAAE,MAAM;IACbW,OAAO,EAAE,8BAA8B;IACvCC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,MAAM;IACdH,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE;MACPE,OAAO,EAAE;IACb,CAAC;IACD,gBAAgB,EAAE;MACdE,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,QAAQ;MACvBL,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,CAAC;AAQF,IAAMM,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAK7B;EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAAC,qBAAA,GAAAJ,IAAA,CACPK,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,WAAW,GAAAA,qBAAA;EAE9B,IAAME,cAAc,GAAG,IAAAC,kBAAW,EAC9B,UAAAC,CAAC,EAAI;IACD,IAAI,OAAOL,OAAO,KAAK,UAAU,IAAIK,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACpDN,OAAO,CAAC,CAAC;IACb;EACJ,CAAC,EACD,CAACA,OAAO,CACZ,CAAC;EAED,oBACI/B,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAAChC,aAAa;IAAC,eAAa;EAA2B,gBACnDP,MAAA,CAAAsC,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAc,gBACzBxC,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAACjC,OAAA,CAAAmC,cAAU,MAAE,CACZ,CAAC,eACNzC,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAAClC,WAAA,CAAAiC,OAAU;IACPI,SAAS,EAAER,cAAe;IAC1BM,SAAS,EAAC,eAAe;IACzBG,WAAW,EAAEV,gBAAiB;IAC9BJ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBc,YAAY,EAAC;EAAK,CACrB,CACU,CAAC;AAExB,CAAC;AAAC,IAAAC,QAAA,GAEalB,MAAM;AAAAmB,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

package/components/SimpleForm/SimpleForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["SimpleFormContainer","styled","position","margin","header","css","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","SimpleForm","props","classNames","className","noElevation","children","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"sources":["SimpleForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nconst SimpleFormContainer = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\nconst header = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst title = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actions = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\nconst icon = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst footer = css`\n    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    border-top: 1px solid var(--mdc-theme-on-background);\n    padding: 24px;\n    box-sizing: border-box;\n    min-height: 52px;\n    button:last-of-type {\n        margin-left: 8px;\n    }\n`;\n\ninterface SimpleFormProps {\n    children: React.ReactNode;\n    \"data-testid\"?: string;\n    noElevation?: boolean;\n    className?: string;\n}\nexport const SimpleForm: React.FC<SimpleFormProps> = props => {\n    return (\n        <SimpleFormContainer\n            className={classNames(\"webiny-data-list\", props.className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {props.noElevation ? props.children : <Elevation z={1}>{props.children}</Elevation>}\n        </SimpleFormContainer>\n    );\n};\n\ninterface SimpleFormHeaderProps {\n    title: React.ReactNode;\n    icon?: React.ReactElement<any>;\n    children?: React.ReactNode;\n}\nexport const SimpleFormHeader: React.FC<SimpleFormHeaderProps> = props => {\n    return (\n        <Grid className={header}>\n            <Cell span={props.children ? 6 : 12} className={title}>\n                <React.Fragment>\n                    {props.icon && <Icon className={icon} icon={props.icon} />}\n                    <Typography use=\"headline5\">{props.title}</Typography>\n                </React.Fragment>\n            </Cell>\n            {props.children && (\n                <Cell span={6} className={actions}>\n                    {props.children}\n                </Cell>\n            )}\n        </Grid>\n    );\n};\n\ninterface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\nexport const SimpleFormFooter: React.FC<SimpleFormFooterProps> = props => {\n    return <div className={classNames(footer, props.className)}>{props.children}</div>;\n};\n\nexport const SimpleFormContent: React.FC = props => {\n    return props.children as unknown as React.ReactElement;\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,mBAAmB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACtCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMC,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,YAAY,EAAE,0CAA0C;EACxDC,KAAK,EAAE;AACX,CAAC,kBAAC;AAEF,IAAMC,KAAK,gBAAG,IAAAH,YAAG,EAAC;EACdI,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AAChB,CAAC,iBAAC;AAEF,IAAMC,OAAO,gBAAG,IAAAN,YAAG,EAAC;EAChBI,OAAO,EAAE,MAAM;EACfG,cAAc,EAAE,UAAU;EAC1BF,UAAU,EAAE;AAChB,CAAC,mBAAC;AAEF,IAAMG,IAAI,gBAAG,IAAAR,YAAG,EAAC;EACbS,WAAW,EAAE,EAAE;EACfP,KAAK,EAAE;AACX,CAAC,gBAAC;AAEF,IAAMQ,MAAM,oBAAGV,YAAG,mNAWjB;AAQM,IAAMW,UAAqC,GAAG,SAAxCA,UAAqC,CAAGC,KAAK,EAAI;EAC1D,oBACI,oBAAC,mBAAmB;IAChB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAED,KAAK,CAACE,SAAS,CAAE;IAC3D,eAAaF,KAAK,CAAC,aAAa;EAAE,GAEjCA,KAAK,CAACG,WAAW,GAAGH,KAAK,CAACI,QAAQ,gBAAG,oBAAC,oBAAS;IAAC,CAAC,EAAE;EAAE,GAAEJ,KAAK,CAACI,QAAQ,CAAa,CACjE;AAE9B,CAAC;AAAC;AAOK,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiD,CAAGL,KAAK,EAAI;EACtE,oBACI,oBAAC,UAAI;IAAC,SAAS,EAAEb;EAAO,gBACpB,oBAAC,UAAI;IAAC,IAAI,EAAEa,KAAK,CAACI,QAAQ,GAAG,CAAC,GAAG,EAAG;IAAC,SAAS,EAAEb;EAAM,gBAClD,oBAAC,KAAK,CAAC,QAAQ,QACVS,KAAK,CAACJ,IAAI,iBAAI,oBAAC,UAAI;IAAC,SAAS,EAAEA,IAAK;IAAC,IAAI,EAAEI,KAAK,CAACJ;EAAK,EAAG,eAC1D,oBAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAEI,KAAK,CAACT,KAAK,CAAc,CACzC,CACd,EACNS,KAAK,CAACI,QAAQ,iBACX,oBAAC,UAAI;IAAC,IAAI,EAAE,CAAE;IAAC,SAAS,EAAEV;EAAQ,GAC7BM,KAAK,CAACI,QAAQ,CAEtB,CACE;AAEf,CAAC;AAAC;AAMK,IAAME,gBAAiD,GAAG,SAApDA,gBAAiD,CAAGN,KAAK,EAAI;EACtE,oBAAO;IAAK,SAAS,EAAE,IAAAC,mBAAU,EAACH,MAAM,EAAEE,KAAK,CAACE,SAAS;EAAE,GAAEF,KAAK,CAACI,QAAQ,CAAO;AACtF,CAAC;AAAC;AAEK,IAAMG,iBAA2B,GAAG,SAA9BA,iBAA2B,CAAGP,KAAK,EAAI;EAChD,OAAOA,KAAK,CAACI,QAAQ;AACzB,CAAC;AAAC"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_styled","_interopRequireDefault","_emotion","_classnames","_Grid","_Typography","_Elevation","_Icon","SimpleFormContainer","styled","target","label","position","margin","header","css","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","SimpleForm","props","createElement","className","classNames","noElevation","children","Elevation","z","exports","SimpleFormHeader","Grid","Cell","span","Fragment","Icon","Typography","use","SimpleFormFooter","SimpleFormContent"],"sources":["SimpleForm.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nconst SimpleFormContainer = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\nconst header = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst title = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst actions = css({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    alignItems: \"center\"\n});\n\nconst icon = css({\n    marginRight: 15,\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst footer = css`\n    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    border-top: 1px solid var(--mdc-theme-on-background);\n    padding: 24px;\n    box-sizing: border-box;\n    min-height: 52px;\n    button:last-of-type {\n        margin-left: 8px;\n    }\n`;\n\ninterface SimpleFormProps {\n    children: React.ReactNode;\n    \"data-testid\"?: string;\n    noElevation?: boolean;\n    className?: string;\n}\nexport const SimpleForm: React.FC<SimpleFormProps> = props => {\n    return (\n        <SimpleFormContainer\n            className={classNames(\"webiny-data-list\", props.className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {props.noElevation ? props.children : <Elevation z={1}>{props.children}</Elevation>}\n        </SimpleFormContainer>\n    );\n};\n\ninterface SimpleFormHeaderProps {\n    title: React.ReactNode;\n    icon?: React.ReactElement<any>;\n    children?: React.ReactNode;\n}\nexport const SimpleFormHeader: React.FC<SimpleFormHeaderProps> = props => {\n    return (\n        <Grid className={header}>\n            <Cell span={props.children ? 6 : 12} className={title}>\n                <React.Fragment>\n                    {props.icon && <Icon className={icon} icon={props.icon} />}\n                    <Typography use=\"headline5\">{props.title}</Typography>\n                </React.Fragment>\n            </Cell>\n            {props.children && (\n                <Cell span={6} className={actions}>\n                    {props.children}\n                </Cell>\n            )}\n        </Grid>\n    );\n};\n\ninterface SimpleFormFooterProps {\n    children: React.ReactNode;\n    className?: string;\n}\nexport const SimpleFormFooter: React.FC<SimpleFormFooterProps> = props => {\n    return <div className={classNames(footer, props.className)}>{props.children}</div>;\n};\n\nexport const SimpleFormContent: React.FC = props => {\n    return props.children as unknown as React.ReactElement;\n};\n"],"mappings":"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"}

package/components/SimpleForm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["_SimpleForm","require"],"sources":["index.ts"],"sourcesContent":["export { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent } from \"./SimpleForm\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA"}

package/components/SimpleUI/InputField.js.map

@@ -1 +1 @@
-{"version":3,"names":["inputStyle","css","boxSizing","border","width","height","padding","textAlign","minHeight","backgroundColor","transition","opacity","cursor","WebkitAppearance","margin","labelStyle","marginBottom","color","getValue","params","value","defaultValue","type","isNaN","InputField","className","onChange","onKeyDown","label","description","validation","isValid","props","classNames","ev","target","toLowerCase","omit","message","React","memo"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst inputStyle = css({\n    boxSizing: \"border-box\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"4px 8px\",\n    textAlign: \"left\",\n    minHeight: 32,\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"150ms all ease-in-out\",\n    \"&:focus:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:hover:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:disabled\": {\n        opacity: 0.5,\n        cursor: \"not-allowed\"\n    },\n\n    \"&.text-center\": {\n        textAlign: \"center\",\n        padding: 4\n    },\n\n    \"&::-webkit-inner-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    },\n    \"&::-webkit-outer-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    }\n});\n\nconst labelStyle = css({\n    marginBottom: 8,\n    padding: \"0px 8px\",\n    \"& span\": {\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\ninterface GetValueParams {\n    value: string | number | undefined;\n    defaultValue: string | number;\n    type: \"number\" | \"string\";\n}\nconst getValue = (params: GetValueParams): string => {\n    const { value, defaultValue, type } = params;\n    if (type === \"number\") {\n        return (isNaN(value as number) ? defaultValue : value) as string;\n    }\n    return (value || defaultValue) as string;\n};\n\ninterface InputBoxProps {\n    value?: string | number;\n    onChange?: (value: any) => void;\n    onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n    defaultValue?: string | number;\n    type?: \"string\" | \"number\";\n    [key: string]: any;\n}\nconst InputField: React.FC<InputBoxProps> = ({\n    className,\n    value,\n    onChange,\n    onKeyDown,\n    label,\n    description,\n    validation = { isValid: true },\n    defaultValue = \"\",\n    ...props\n}) => {\n    return (\n        <React.Fragment>\n            {label && (\n                <div className={labelStyle}>\n                    <Typography use={\"body2\"}>{label}</Typography>\n                </div>\n            )}\n            <input\n                className={classNames(inputStyle, className)}\n                value={getValue({\n                    value,\n                    type: props.type || \"string\",\n                    defaultValue\n                })}\n                onKeyDown={onKeyDown}\n                onChange={ev => {\n                    if (!onChange) {\n                        return;\n                    }\n                    onChange((ev.target.value || \"\").toLowerCase());\n                }}\n                {...omit(props, \"validate\")}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default React.memo(InputField);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_classnames","_omit","_Typography","_FormElementMessage","_excluded","inputStyle","css","boxSizing","border","width","height","padding","textAlign","minHeight","backgroundColor","transition","opacity","cursor","WebkitAppearance","margin","labelStyle","marginBottom","color","getValue","params","value","defaultValue","type","isNaN","InputField","_ref","className","onChange","onKeyDown","label","description","_ref$validation","validation","isValid","_ref$defaultValue","props","_objectWithoutProperties2","default","createElement","Fragment","Typography","use","Object","assign","classNames","ev","target","toLowerCase","omit","FormElementMessage","error","message","_default","React","memo","exports"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst inputStyle = css({\n    boxSizing: \"border-box\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"4px 8px\",\n    textAlign: \"left\",\n    minHeight: 32,\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"150ms all ease-in-out\",\n    \"&:focus:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:hover:not(:disabled)\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    },\n    \"&:disabled\": {\n        opacity: 0.5,\n        cursor: \"not-allowed\"\n    },\n\n    \"&.text-center\": {\n        textAlign: \"center\",\n        padding: 4\n    },\n\n    \"&::-webkit-inner-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    },\n    \"&::-webkit-outer-spin-button\": {\n        WebkitAppearance: \"none\",\n        margin: 0\n    }\n});\n\nconst labelStyle = css({\n    marginBottom: 8,\n    padding: \"0px 8px\",\n    \"& span\": {\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\ninterface GetValueParams {\n    value: string | number | undefined;\n    defaultValue: string | number;\n    type: \"number\" | \"string\";\n}\nconst getValue = (params: GetValueParams): string => {\n    const { value, defaultValue, type } = params;\n    if (type === \"number\") {\n        return (isNaN(value as number) ? defaultValue : value) as string;\n    }\n    return (value || defaultValue) as string;\n};\n\ninterface InputBoxProps {\n    value?: string | number;\n    onChange?: (value: any) => void;\n    onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n    defaultValue?: string | number;\n    type?: \"string\" | \"number\";\n    [key: string]: any;\n}\nconst InputField: React.FC<InputBoxProps> = ({\n    className,\n    value,\n    onChange,\n    onKeyDown,\n    label,\n    description,\n    validation = { isValid: true },\n    defaultValue = \"\",\n    ...props\n}) => {\n    return (\n        <React.Fragment>\n            {label && (\n                <div className={labelStyle}>\n                    <Typography use={\"body2\"}>{label}</Typography>\n                </div>\n            )}\n            <input\n                className={classNames(inputStyle, className)}\n                value={getValue({\n                    value,\n                    type: props.type || \"string\",\n                    defaultValue\n                })}\n                onKeyDown={onKeyDown}\n                onChange={ev => {\n                    if (!onChange) {\n                        return;\n                    }\n                    onChange((ev.target.value || \"\").toLowerCase());\n                }}\n                {...omit(props, \"validate\")}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default React.memo(InputField);\n"],"mappings":"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"}

package/components/SingleImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"names":["ImageUploadWrapper","styled","position","opacity","pointerEvents","transform","top","left","color","SingleImageUpload","props","className","value","validation","label","description","accept","includeFileMeta","maxSize","imagePreviewProps","round","validationIsValid","isValid","validationMessage","message","onChange","useCallback","id","src","showFileManager","renderImageProps","width","height"],"sources":["SingleImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { FileManager, FileManagerFileItem } from \"~/index\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport styled from \"@emotion/styled\";\nimport { useCallback } from \"react\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Define file's max allowed size (default is \"10mb\").\n     * Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: FileManagerFileItem | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     */\n    round?: boolean;\n\n    /**\n     * Define the properties that are returned on file(s) selection.\n     * @deprecated Pick the desired file attributes in the `onChange` callback, or `beforeChange` on the `<Bind>` element.\n     */\n    onChangePick?: string[];\n}\n\nconst SingleImageUpload: React.FC<SingleImageUploadProps> = props => {\n    const {\n        className,\n        value,\n        validation,\n        label,\n        description,\n        accept,\n        includeFileMeta = false,\n        maxSize,\n        imagePreviewProps,\n        round\n    } = props;\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <ImageUploadWrapper className={className}>\n            {label && (\n                <div className=\"mdc-floating-label mdc-floating-label--float-above\">{label}</div>\n            )}\n\n            <FileManager\n                onChange={onChange}\n                accept={accept}\n                images={!accept}\n                maxSize={maxSize}\n                render={({ showFileManager }) => (\n                    <Ui.Image\n                        renderImagePreview={renderImageProps => (\n                            <Image {...renderImageProps} {...imagePreviewProps} />\n                        )}\n                        style={{ width: \"100%\", height: \"auto\" }}\n                        value={value}\n                        uploadImage={showFileManager}\n                        removeImage={() => onChange(null)}\n                        round={round}\n                    />\n                )}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </ImageUploadWrapper>\n    );\n};\n\nexport default SingleImageUpload;\n"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_Image","Ui","_","_FormElementMessage","_styled","_interopRequireDefault","ImageUploadWrapper","styled","target","label","position","opacity","pointerEvents","transform","top","left","color","SingleImageUpload","props","className","value","validation","description","accept","_props$includeFileMet","includeFileMeta","maxSize","imagePreviewProps","round","_ref","validationIsValid","isValid","validationMessage","message","onChange","useCallback","id","src","createElement","FileManager","images","render","_ref2","showFileManager","Image","renderImagePreview","renderImageProps","Object","assign","style","width","height","uploadImage","removeImage","FormElementMessage","error","_default","exports","default"],"sources":["SingleImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { FileManager, FileManagerFileItem } from \"~/index\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport styled from \"@emotion/styled\";\nimport { useCallback } from \"react\";\n\nconst ImageUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-floating-label--float-above\": {\n        transform: \"scale(0.75)\",\n        top: 10,\n        left: 10,\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Define file's max allowed size (default is \"10mb\").\n     * Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: FileManagerFileItem | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     */\n    round?: boolean;\n\n    /**\n     * Define the properties that are returned on file(s) selection.\n     * @deprecated Pick the desired file attributes in the `onChange` callback, or `beforeChange` on the `<Bind>` element.\n     */\n    onChangePick?: string[];\n}\n\nconst SingleImageUpload: React.FC<SingleImageUploadProps> = props => {\n    const {\n        className,\n        value,\n        validation,\n        label,\n        description,\n        accept,\n        includeFileMeta = false,\n        maxSize,\n        imagePreviewProps,\n        round\n    } = props;\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <ImageUploadWrapper className={className}>\n            {label && (\n                <div className=\"mdc-floating-label mdc-floating-label--float-above\">{label}</div>\n            )}\n\n            <FileManager\n                onChange={onChange}\n                accept={accept}\n                images={!accept}\n                maxSize={maxSize}\n                render={({ showFileManager }) => (\n                    <Ui.Image\n                        renderImagePreview={renderImageProps => (\n                            <Image {...renderImageProps} {...imagePreviewProps} />\n                        )}\n                        style={{ width: \"100%\", height: \"auto\" }}\n                        value={value}\n                        uploadImage={showFileManager}\n                        removeImage={() => onChange(null)}\n                        round={round}\n                    />\n                )}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </ImageUploadWrapper>\n    );\n};\n\nexport default SingleImageUpload;\n"],"mappings":"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"}

package/components/SplitView/SplitView.js

@@ -1,17 +1,17 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.leftPanel = exports.SplitView = exports.RightPanel = exports.LeftPanel = void 0;
-var _clone2 = _interopRequireDefault(require("lodash/clone"));
 var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Grid = require("@webiny/ui/Grid");
 var _emotion = require("emotion");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _clone = _interopRequireDefault(require("lodash/clone"));
 var _Helpers = require("@webiny/ui/Helpers");
 var grid = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-layout-grid": {
@@ -56,7 +56,7 @@ var SplitView = function SplitView(props) {
 };
 exports.SplitView = SplitView;
 var LeftPanel = function LeftPanel(props) {
-  var propList = (0, _clone2.default)(props);
+  var propList = (0, _clone.default)(props);
   if (!propList.hasOwnProperty("span")) {
     propList.span = 5;
   }
@@ -64,7 +64,7 @@ var LeftPanel = function LeftPanel(props) {
 };
 exports.LeftPanel = LeftPanel;
 var RightPanel = function RightPanel(props) {
-  var propList = (0, _clone2.default)(props);
+  var propList = (0, _clone.default)(props);
   if (!propList.hasOwnProperty("span")) {
     propList.span = 7;
   }

package/components/SplitView/SplitView.js.map

@@ -1 +1 @@
-{"version":3,"names":["grid","css","padding","margin","backgroundColor","gridGap","RightPanelWrapper","styled","overflow","height","leftPanel","display","flexDirection","maxHeight","SplitView","props","classSet","className","children","LeftPanel","propList","hasOwnProperty","span","getClasses","RightPanel"],"sources":["SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport classSet from \"classnames\";\nimport { Cell, Grid, CellProps } from \"@webiny/ui/Grid\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { clone } from \"lodash\";\nimport { getClasses } from \"@webiny/ui/Helpers\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        margin: \"-3px auto 0 auto\",\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst RightPanelWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\nexport const leftPanel = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\ninterface SplitViewProps {\n    children: React.ReactElement<any> | React.ReactElement<any>[];\n    className?: string;\n}\n\nconst SplitView: React.FC<SplitViewProps> = props => {\n    return (\n        <Grid className={classSet(grid, props.className, \"webiny-split-view\")}>\n            {props.children}\n        </Grid>\n    );\n};\n\nconst LeftPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 5;\n    }\n\n    return (\n        <Cell\n            {...getClasses(\n                propList,\n                classSet(leftPanel, props.className, \"webiny-split-view__left-panel\")\n            )}\n        >\n            {propList.children}\n        </Cell>\n    );\n};\n\nconst RightPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 7;\n    }\n\n    return (\n        <Cell {...getClasses(propList, \"webiny-split-view__right-panel\")}>\n            <RightPanelWrapper\n                className={\"webiny-split-view__right-panel-wrapper\"}\n                id={\"webiny-split-view-right-panel\"}\n            >\n                {propList.children}\n            </RightPanelWrapper>\n        </Cell>\n    );\n};\n\nexport { SplitView, LeftPanel, RightPanel };\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA,IAAMA,IAAI,gBAAG,IAAAC,YAAG,EAAC;EACb,mBAAmB,EAAE;IACjBC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,kBAAkB;IAC1BC,eAAe,EAAE,6BAA6B;IAC9C,0BAA0B,EAAE;MACxBC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC,gBAAC;AAEF,IAAMC,iBAAiB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACpCH,eAAe,EAAE,6BAA6B;EAC9CI,QAAQ,EAAE,MAAM;EAChBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEK,IAAMC,SAAS,gBAAG,IAAAT,YAAG,EAAC;EACzBG,eAAe,EAAE,0BAA0B;EAC3C,oBAAoB,EAAE;IAClBO,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBH,MAAM,EAAE,oBAAoB;IAC5B,WAAW,EAAE;MACTD,QAAQ,EAAE;IACd;EACJ,CAAC;EACD,YAAY,EAAE;IACVG,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,SAAS,EAAE,oBAAoB;IAC/BL,QAAQ,EAAE;EACd;AACJ,CAAC,qBAAC;AAAC;AAOH,IAAMM,SAAmC,GAAG,SAAtCA,SAAmC,CAAGC,KAAK,EAAI;EACjD,oBACI,oBAAC,UAAI;IAAC,SAAS,EAAE,IAAAC,mBAAQ,EAAChB,IAAI,EAAEe,KAAK,CAACE,SAAS,EAAE,mBAAmB;EAAE,GACjEF,KAAK,CAACG,QAAQ,CACZ;AAEf,CAAC;AAAC;AAEF,IAAMC,SAA8B,GAAG,SAAjCA,SAA8B,CAAGJ,KAAK,EAAI;EAC5C,IAAMK,QAAQ,GAAG,qBAAML,KAAK,CAAC;EAC7B,IAAI,CAACK,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAC,EAAE;IAClCD,QAAQ,CAACE,IAAI,GAAG,CAAC;EACrB;EAEA,oBACI,oBAAC,UAAI,EACG,IAAAC,mBAAU,EACVH,QAAQ,EACR,IAAAJ,mBAAQ,EAACN,SAAS,EAAEK,KAAK,CAACE,SAAS,EAAE,+BAA+B,CAAC,CACxE,EAEAG,QAAQ,CAACF,QAAQ,CACf;AAEf,CAAC;AAAC;AAEF,IAAMM,UAA+B,GAAG,SAAlCA,UAA+B,CAAGT,KAAK,EAAI;EAC7C,IAAMK,QAAQ,GAAG,qBAAML,KAAK,CAAC;EAC7B,IAAI,CAACK,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAC,EAAE;IAClCD,QAAQ,CAACE,IAAI,GAAG,CAAC;EACrB;EAEA,oBACI,oBAAC,UAAI,EAAK,IAAAC,mBAAU,EAACH,QAAQ,EAAE,gCAAgC,CAAC,eAC5D,oBAAC,iBAAiB;IACd,SAAS,EAAE,wCAAyC;IACpD,EAAE,EAAE;EAAgC,GAEnCA,QAAQ,CAACF,QAAQ,CACF,CACjB;AAEf,CAAC;AAAC"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Grid","_emotion","_styled","_clone","_Helpers","grid","css","padding","margin","backgroundColor","gridGap","RightPanelWrapper","styled","target","label","overflow","height","leftPanel","display","flexDirection","maxHeight","exports","SplitView","props","createElement","Grid","className","classSet","children","LeftPanel","propList","clone","hasOwnProperty","span","Cell","getClasses","RightPanel","id"],"sources":["SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport classSet from \"classnames\";\nimport { Cell, Grid, CellProps } from \"@webiny/ui/Grid\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport clone from \"lodash/clone\";\nimport { getClasses } from \"@webiny/ui/Helpers\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        margin: \"-3px auto 0 auto\",\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst RightPanelWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\nexport const leftPanel = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\ninterface SplitViewProps {\n    children: React.ReactElement<any> | React.ReactElement<any>[];\n    className?: string;\n}\n\nconst SplitView: React.FC<SplitViewProps> = props => {\n    return (\n        <Grid className={classSet(grid, props.className, \"webiny-split-view\")}>\n            {props.children}\n        </Grid>\n    );\n};\n\nconst LeftPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 5;\n    }\n\n    return (\n        <Cell\n            {...getClasses(\n                propList,\n                classSet(leftPanel, props.className, \"webiny-split-view__left-panel\")\n            )}\n        >\n            {propList.children}\n        </Cell>\n    );\n};\n\nconst RightPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 7;\n    }\n\n    return (\n        <Cell {...getClasses(propList, \"webiny-split-view__right-panel\")}>\n            <RightPanelWrapper\n                className={\"webiny-split-view__right-panel-wrapper\"}\n                id={\"webiny-split-view-right-panel\"}\n            >\n                {propList.children}\n            </RightPanelWrapper>\n        </Cell>\n    );\n};\n\nexport { SplitView, LeftPanel, RightPanel };\n"],"mappings":"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"}

package/components/SplitView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SplitView, LeftPanel, RightPanel } from \"./SplitView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["_SplitView","require"],"sources":["index.ts"],"sourcesContent":["export { SplitView, LeftPanel, RightPanel } from \"./SplitView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA"}

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"~/base/ui/FileManager\";\n"],"mappings":";;;;;;;;;;;AAAA"}
+{"version":3,"names":["_FileManager","require"],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"~/base/ui/FileManager\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA"}

package/hooks/useConfirmationDialog.d.ts

@@ -4,10 +4,12 @@ interface Params {
     message?: React.ReactNode;
     acceptLabel?: React.ReactNode;
     cancelLabel?: React.ReactNode;
+    loading?: React.ReactNode;
     [key: string]: any;
 }
-interface UseConfirmationDialogResponse {
-    showConfirmation: (onAccept: () => void, onCancel?: () => void) => void;
+export declare type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);
+export interface UseConfirmationDialogResponse {
+    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;
 }
-declare const useConfirmationDialog: ({ title, message, acceptLabel, cancelLabel, ...options }?: Params) => UseConfirmationDialogResponse;
+declare const useConfirmationDialog: ({ title, message, acceptLabel, cancelLabel, loading, ...options }?: Params) => UseConfirmationDialogResponse;
 export { useConfirmationDialog };