@quadrats/common 0.6.7 → 0.7.0

package/file-uploader/index.cjs.js

@@ -1,39 +1,37 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var utils = require('@quadrats/utils');
 var core = require('@quadrats/core');
 
 const FILE_UPLOADER_TYPE = 'file_uploader';
 
-function getFilesFromInput(options = {}) {
-    const { accept, multiple } = options;
-    return new Promise((resolve) => {
-        const inputEl = document.createElement('input');
-        if (accept) {
-            inputEl.accept = accept.join(',');
-        }
-        inputEl.multiple = !!multiple;
-        inputEl.type = 'file';
-        inputEl.addEventListener('change', () => {
-            const { files: fileList } = inputEl;
-            if (!fileList || !fileList.length) {
-                resolve(undefined);
-            }
-            else {
-                const files = [];
-                for (const file of fileList) {
-                    files.push(file);
-                }
-                resolve(files);
-            }
-        });
-        inputEl.click();
-    });
+function getFilesFromInput(options = {}) {
+    const { accept, multiple } = options;
+    return new Promise((resolve) => {
+        const inputEl = document.createElement('input');
+        if (accept) {
+            inputEl.accept = accept.join(',');
+        }
+        inputEl.multiple = !!multiple;
+        inputEl.type = 'file';
+        inputEl.addEventListener('change', () => {
+            const { files: fileList } = inputEl;
+            if (!fileList || !fileList.length) {
+                resolve(undefined);
+            }
+            else {
+                const files = [];
+                for (const file of fileList) {
+                    files.push(file);
+                }
+                resolve(files);
+            }
+        });
+        inputEl.click();
+    });
 }
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -47,6 +45,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise */
+
 
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -58,81 +58,81 @@ function __awaiter(thisArg, _arguments, P, generator) {
     });
 }
 
-function createFileUploader(options = {}) {
-    const { type = FILE_UPLOADER_TYPE } = options;
-    const createFileUploaderElement = (editor, file, options) => __awaiter(this, void 0, void 0, function* () {
-        const { createElement, getBody, getHeaders, getUrl, uploader, } = options;
-        const [mime] = file.type.split('/');
-        const createByMime = createElement[mime];
-        if (!createByMime) {
-            return;
-        }
-        const { dataURL: createElementByDataURL, response: createElementByResponse } = createByMime;
-        const headers = yield (getHeaders === null || getHeaders === void 0 ? void 0 : getHeaders(file));
-        const xhr = uploader || new XMLHttpRequest();
-        const dataURL = yield utils.readFileAsDataURL(file);
-        let sent = false;
-        const fileUploaderElement = {
-            type,
-            register: (getPath, onProgress) => {
-                xhr.onload = () => {
-                    if (xhr.status < 400) {
-                        const path = getPath();
-                        if (path) {
-                            core.HistoryEditor.withoutSaving(editor, () => {
-                                core.Transforms.removeNodes(editor, { at: path });
-                                core.Transforms.insertNodes(editor, createElementByResponse(xhr.response), { at: path });
-                            });
-                        }
-                    }
-                    else {
-                        throw xhr.response;
-                    }
-                };
-                xhr.upload.onprogress = ({ loaded, total }) => onProgress((loaded * 100) / total);
-                if (!sent) {
-                    sent = true;
-                    xhr.send(getBody(file));
-                }
-                return () => {
-                    xhr.onload = null;
-                    xhr.upload.onprogress = null;
-                };
-            },
-            children: [createElementByDataURL(dataURL)],
-        };
-        xhr.open('POST', getUrl(file));
-        if (headers) {
-            for (const headerName in headers) {
-                xhr.setRequestHeader(headerName, headers[headerName]);
-            }
-        }
-        return fileUploaderElement;
-    });
-    const upload = (editor, options) => __awaiter(this, void 0, void 0, function* () {
-        const { accept, multiple } = options;
-        const files = yield getFilesFromInput({ accept, multiple });
-        if (!files) {
-            return;
-        }
-        files.reduce((prev, file) => __awaiter(this, void 0, void 0, function* () {
-            yield prev;
-            return createFileUploaderElement(editor, file, options).then((fileUploaderElement) => {
-                if (fileUploaderElement) {
-                    core.Transforms.insertNodes(editor, [fileUploaderElement, core.createParagraphElement()], options);
-                    core.Transforms.move(editor);
-                }
-            });
-        }), Promise.resolve());
-    });
-    return {
-        type,
-        createFileUploaderElement,
-        upload,
-        with(editor) {
-            return editor;
-        },
-    };
+function createFileUploader(options = {}) {
+    const { type = FILE_UPLOADER_TYPE } = options;
+    const createFileUploaderElement = (editor, file, options) => __awaiter(this, void 0, void 0, function* () {
+        const { createElement, getBody, getHeaders, getUrl, uploader, } = options;
+        const [mime] = file.type.split('/');
+        const createByMime = createElement[mime];
+        if (!createByMime) {
+            return;
+        }
+        const { dataURL: createElementByDataURL, response: createElementByResponse } = createByMime;
+        const headers = yield (getHeaders === null || getHeaders === void 0 ? void 0 : getHeaders(file));
+        const xhr = uploader || new XMLHttpRequest();
+        const dataURL = yield utils.readFileAsDataURL(file);
+        let sent = false;
+        const fileUploaderElement = {
+            type,
+            register: (getPath, onProgress) => {
+                xhr.onload = () => {
+                    if (xhr.status < 400) {
+                        const path = getPath();
+                        if (path) {
+                            core.HistoryEditor.withoutSaving(editor, () => {
+                                core.Transforms.removeNodes(editor, { at: path });
+                                core.Transforms.insertNodes(editor, createElementByResponse(xhr.response), { at: path });
+                            });
+                        }
+                    }
+                    else {
+                        throw xhr.response;
+                    }
+                };
+                xhr.upload.onprogress = ({ loaded, total }) => onProgress((loaded * 100) / total);
+                if (!sent) {
+                    sent = true;
+                    xhr.send(getBody(file));
+                }
+                return () => {
+                    xhr.onload = null;
+                    xhr.upload.onprogress = null;
+                };
+            },
+            children: [createElementByDataURL(dataURL)],
+        };
+        xhr.open('POST', getUrl(file));
+        if (headers) {
+            for (const headerName in headers) {
+                xhr.setRequestHeader(headerName, headers[headerName]);
+            }
+        }
+        return fileUploaderElement;
+    });
+    const upload = (editor, options) => __awaiter(this, void 0, void 0, function* () {
+        const { accept, multiple } = options;
+        const files = yield getFilesFromInput({ accept, multiple });
+        if (!files) {
+            return;
+        }
+        files.reduce((prev, file) => __awaiter(this, void 0, void 0, function* () {
+            yield prev;
+            return createFileUploaderElement(editor, file, options).then((fileUploaderElement) => {
+                if (fileUploaderElement) {
+                    core.Transforms.insertNodes(editor, [fileUploaderElement, core.createParagraphElement()], options);
+                    core.Transforms.move(editor);
+                }
+            });
+        }), Promise.resolve());
+    });
+    return {
+        type,
+        createFileUploaderElement,
+        upload,
+        with(editor) {
+            return editor;
+        },
+    };
 }
 
 exports.FILE_UPLOADER_TYPE = FILE_UPLOADER_TYPE;

package/file-uploader/typings.d.ts

@@ -10,14 +10,14 @@ export interface FileUploaderElement extends QuadratsElement {
 /**
  * For creating temorary element while uploading.
  */
-export declare type FileUploaderCreateElementByDataURL = (dataURL: string) => QuadratsElement;
+export type FileUploaderCreateElementByDataURL = (dataURL: string) => QuadratsElement;
 /**
  * For create element after uploaded.
  */
-export declare type FileUploaderCreateElementByResponse = (response: any) => QuadratsElement;
-export declare type FileUploaderGetBody = (file: File) => BodyInit;
-export declare type FileUploaderGetHeaders = (file: File) => XHRUploadHeaders | Promise<XHRUploadHeaders>;
-export declare type FileUploaderGetUrl = (file: File) => string;
+export type FileUploaderCreateElementByResponse = (response: any) => QuadratsElement;
+export type FileUploaderGetBody = (file: File) => BodyInit;
+export type FileUploaderGetHeaders = (file: File) => XHRUploadHeaders | Promise<XHRUploadHeaders>;
+export type FileUploaderGetUrl = (file: File) => string;
 interface FileUploaderUploadImplementOnProgressArgs {
     loaded: number;
     total: number;
@@ -46,7 +46,7 @@ export interface FileUploaderCreateFileUploaderElementOptions {
     getUrl: FileUploaderGetUrl;
     uploader?: FileUploaderImplement;
 }
-export declare type FileUploaderUploadOptions = FileUploaderCreateFileUploaderElementOptions & GetFilesFromInputOptions & TransformsInsertNodesOptions;
+export type FileUploaderUploadOptions = FileUploaderCreateFileUploaderElementOptions & GetFilesFromInputOptions & TransformsInsertNodesOptions;
 export interface FileUploader<T extends Editor = Editor> extends Withable {
     type: string;
     createFileUploaderElement(editor: T, file: File, options: FileUploaderCreateFileUploaderElementOptions): Promise<FileUploaderElement | undefined>;

package/footnote/createFootnote.d.ts

@@ -1,4 +1,4 @@
 import { WithElementType } from '@quadrats/core';
 import { Footnote } from './typings';
-export declare type CreateFootnoteOptions = Partial<WithElementType>;
+export type CreateFootnoteOptions = Partial<WithElementType>;
 export declare function createFootnote({ type, }?: CreateFootnoteOptions): Footnote;

package/footnote/createFootnote.js

@@ -1,71 +1,71 @@
 import { isNodesTypeIn, getNodes, Transforms, unwrapNodesByTypes, wrapNodesWithUnhangRange } from '@quadrats/core';
 import { FOOTNOTE_TYPE } from './constants.js';
 
-/* eslint-disable max-len */
-function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
-    const isSelectionInFootnote = editor => isNodesTypeIn(editor, [type]);
-    const getFootnoteText = (editor) => {
-        var _a, _b;
-        const at = editor.selection;
-        if (!at) {
-            return '';
-        }
-        const firstNode = (_b = (_a = Array.from(getNodes(editor, { at, match: node => node.type === type }))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0];
-        return firstNode === null || firstNode === void 0 ? void 0 : firstNode.footnote;
-    };
-    const updateFootnoteIndex = (editor, options = { startAt: 1 }) => {
-        var _a;
-        let footnoteCount = (_a = options === null || options === void 0 ? void 0 : options.startAt) !== null && _a !== void 0 ? _a : 1;
-        for (const [, path] of getNodes(editor, { at: [], match: node => node.type === FOOTNOTE_TYPE })) {
-            Transforms.setNodes(editor, { index: footnoteCount }, { at: path });
-            footnoteCount += 1;
-        }
-    };
-    const unwrapFootnote = (editor, options = {}) => {
-        unwrapNodesByTypes(editor, [type], options);
-    };
-    const wrapFootnote = (editor, footnoteText, options = {}) => {
-        var _a;
-        const footnote = {
-            type,
-            footnote: footnoteText,
-            index: (_a = options === null || options === void 0 ? void 0 : options.index) !== null && _a !== void 0 ? _a : 0,
-            children: [],
-        };
-        wrapNodesWithUnhangRange(editor, footnote, Object.assign(Object.assign({}, options), { split: true }));
-    };
-    const upsertFootnoteAndUpdateIndex = (editor, footnoteText, options = {}) => {
-        const { at = editor.selection } = options;
-        if (!at) {
-            return;
-        }
-        if (footnoteText !== '') {
-            if (isSelectionInFootnote(editor)) {
-                Transforms.setNodes(editor, { footnote: footnoteText }, { at, match: node => node.type === type });
-            }
-            else {
-                wrapFootnote(editor, footnoteText, options);
-            }
-        }
-        else {
-            unwrapFootnote(editor, { at });
-        }
-        updateFootnoteIndex(editor);
-    };
-    return {
-        type,
-        getFootnoteText,
-        isSelectionInFootnote,
-        updateFootnoteIndex,
-        unwrapFootnote,
-        wrapFootnote,
-        upsertFootnoteAndUpdateIndex,
-        with(editor) {
-            const { isInline } = editor;
-            editor.isInline = element => element.type === type || isInline(element);
-            return editor;
-        },
-    };
+/* eslint-disable max-len */
+function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
+    const isSelectionInFootnote = editor => isNodesTypeIn(editor, [type]);
+    const getFootnoteText = (editor) => {
+        var _a, _b;
+        const at = editor.selection;
+        if (!at) {
+            return '';
+        }
+        const firstNode = (_b = (_a = Array.from(getNodes(editor, { at, match: node => node.type === type }))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0];
+        return firstNode === null || firstNode === void 0 ? void 0 : firstNode.footnote;
+    };
+    const updateFootnoteIndex = (editor, options = { startAt: 1 }) => {
+        var _a;
+        let footnoteCount = (_a = options === null || options === void 0 ? void 0 : options.startAt) !== null && _a !== void 0 ? _a : 1;
+        for (const [, path] of getNodes(editor, { at: [], match: node => node.type === FOOTNOTE_TYPE })) {
+            Transforms.setNodes(editor, { index: footnoteCount }, { at: path });
+            footnoteCount += 1;
+        }
+    };
+    const unwrapFootnote = (editor, options = {}) => {
+        unwrapNodesByTypes(editor, [type], options);
+    };
+    const wrapFootnote = (editor, footnoteText, options = {}) => {
+        var _a;
+        const footnote = {
+            type,
+            footnote: footnoteText,
+            index: (_a = options === null || options === void 0 ? void 0 : options.index) !== null && _a !== void 0 ? _a : 0,
+            children: [],
+        };
+        wrapNodesWithUnhangRange(editor, footnote, Object.assign(Object.assign({}, options), { split: true }));
+    };
+    const upsertFootnoteAndUpdateIndex = (editor, footnoteText, options = {}) => {
+        const { at = editor.selection } = options;
+        if (!at) {
+            return;
+        }
+        if (footnoteText !== '') {
+            if (isSelectionInFootnote(editor)) {
+                Transforms.setNodes(editor, { footnote: footnoteText }, { at, match: node => node.type === type });
+            }
+            else {
+                wrapFootnote(editor, footnoteText, options);
+            }
+        }
+        else {
+            unwrapFootnote(editor, { at });
+        }
+        updateFootnoteIndex(editor);
+    };
+    return {
+        type,
+        getFootnoteText,
+        isSelectionInFootnote,
+        updateFootnoteIndex,
+        unwrapFootnote,
+        wrapFootnote,
+        upsertFootnoteAndUpdateIndex,
+        with(editor) {
+            const { isInline } = editor;
+            editor.isInline = element => element.type === type || isInline(element);
+            return editor;
+        },
+    };
 }
 
 export { createFootnote };

package/footnote/index.cjs.js

@@ -1,76 +1,74 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var core = require('@quadrats/core');
 
 const FOOTNOTE_TYPE = 'footnote';
 
-/* eslint-disable max-len */
-function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
-    const isSelectionInFootnote = editor => core.isNodesTypeIn(editor, [type]);
-    const getFootnoteText = (editor) => {
-        var _a, _b;
-        const at = editor.selection;
-        if (!at) {
-            return '';
-        }
-        const firstNode = (_b = (_a = Array.from(core.getNodes(editor, { at, match: node => node.type === type }))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0];
-        return firstNode === null || firstNode === void 0 ? void 0 : firstNode.footnote;
-    };
-    const updateFootnoteIndex = (editor, options = { startAt: 1 }) => {
-        var _a;
-        let footnoteCount = (_a = options === null || options === void 0 ? void 0 : options.startAt) !== null && _a !== void 0 ? _a : 1;
-        for (const [, path] of core.getNodes(editor, { at: [], match: node => node.type === FOOTNOTE_TYPE })) {
-            core.Transforms.setNodes(editor, { index: footnoteCount }, { at: path });
-            footnoteCount += 1;
-        }
-    };
-    const unwrapFootnote = (editor, options = {}) => {
-        core.unwrapNodesByTypes(editor, [type], options);
-    };
-    const wrapFootnote = (editor, footnoteText, options = {}) => {
-        var _a;
-        const footnote = {
-            type,
-            footnote: footnoteText,
-            index: (_a = options === null || options === void 0 ? void 0 : options.index) !== null && _a !== void 0 ? _a : 0,
-            children: [],
-        };
-        core.wrapNodesWithUnhangRange(editor, footnote, Object.assign(Object.assign({}, options), { split: true }));
-    };
-    const upsertFootnoteAndUpdateIndex = (editor, footnoteText, options = {}) => {
-        const { at = editor.selection } = options;
-        if (!at) {
-            return;
-        }
-        if (footnoteText !== '') {
-            if (isSelectionInFootnote(editor)) {
-                core.Transforms.setNodes(editor, { footnote: footnoteText }, { at, match: node => node.type === type });
-            }
-            else {
-                wrapFootnote(editor, footnoteText, options);
-            }
-        }
-        else {
-            unwrapFootnote(editor, { at });
-        }
-        updateFootnoteIndex(editor);
-    };
-    return {
-        type,
-        getFootnoteText,
-        isSelectionInFootnote,
-        updateFootnoteIndex,
-        unwrapFootnote,
-        wrapFootnote,
-        upsertFootnoteAndUpdateIndex,
-        with(editor) {
-            const { isInline } = editor;
-            editor.isInline = element => element.type === type || isInline(element);
-            return editor;
-        },
-    };
+/* eslint-disable max-len */
+function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
+    const isSelectionInFootnote = editor => core.isNodesTypeIn(editor, [type]);
+    const getFootnoteText = (editor) => {
+        var _a, _b;
+        const at = editor.selection;
+        if (!at) {
+            return '';
+        }
+        const firstNode = (_b = (_a = Array.from(core.getNodes(editor, { at, match: node => node.type === type }))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0];
+        return firstNode === null || firstNode === void 0 ? void 0 : firstNode.footnote;
+    };
+    const updateFootnoteIndex = (editor, options = { startAt: 1 }) => {
+        var _a;
+        let footnoteCount = (_a = options === null || options === void 0 ? void 0 : options.startAt) !== null && _a !== void 0 ? _a : 1;
+        for (const [, path] of core.getNodes(editor, { at: [], match: node => node.type === FOOTNOTE_TYPE })) {
+            core.Transforms.setNodes(editor, { index: footnoteCount }, { at: path });
+            footnoteCount += 1;
+        }
+    };
+    const unwrapFootnote = (editor, options = {}) => {
+        core.unwrapNodesByTypes(editor, [type], options);
+    };
+    const wrapFootnote = (editor, footnoteText, options = {}) => {
+        var _a;
+        const footnote = {
+            type,
+            footnote: footnoteText,
+            index: (_a = options === null || options === void 0 ? void 0 : options.index) !== null && _a !== void 0 ? _a : 0,
+            children: [],
+        };
+        core.wrapNodesWithUnhangRange(editor, footnote, Object.assign(Object.assign({}, options), { split: true }));
+    };
+    const upsertFootnoteAndUpdateIndex = (editor, footnoteText, options = {}) => {
+        const { at = editor.selection } = options;
+        if (!at) {
+            return;
+        }
+        if (footnoteText !== '') {
+            if (isSelectionInFootnote(editor)) {
+                core.Transforms.setNodes(editor, { footnote: footnoteText }, { at, match: node => node.type === type });
+            }
+            else {
+                wrapFootnote(editor, footnoteText, options);
+            }
+        }
+        else {
+            unwrapFootnote(editor, { at });
+        }
+        updateFootnoteIndex(editor);
+    };
+    return {
+        type,
+        getFootnoteText,
+        isSelectionInFootnote,
+        updateFootnoteIndex,
+        unwrapFootnote,
+        wrapFootnote,
+        upsertFootnoteAndUpdateIndex,
+        with(editor) {
+            const { isInline } = editor;
+            editor.isInline = element => element.type === type || isInline(element);
+            return editor;
+        },
+    };
 }
 
 exports.FOOTNOTE_TYPE = FOOTNOTE_TYPE;

package/footnote/typings.d.ts

@@ -11,7 +11,7 @@ export interface FootnoteElement extends QuadratsElement, WithElementType {
 export interface FootnoteUpdateFootnoteIndexOptions {
     startAt?: number;
 }
-export declare type FootnoteUnwrapFootnoteOptions = UnwrapNodeByTypesOptions;
+export type FootnoteUnwrapFootnoteOptions = UnwrapNodeByTypesOptions;
 export interface FootnoteWrapFootnoteOptions extends Omit<TransformsWrapNodesOptions, 'split'> {
     index?: number;
 }

package/heading/constants.js

@@ -1,4 +1,4 @@
-const HEADING_TYPE = 'heading';
+const HEADING_TYPE = 'heading';
 const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
 
 export { HEADING_LEVELS, HEADING_TYPE };

package/heading/createHeading.d.ts

@@ -1,4 +1,4 @@
 import { WithElementType } from '@quadrats/core';
 import { Heading, HeadingLevel, WithEnabledHeadingLevels } from './typings';
-export declare type CreateHeadingOptions<L extends HeadingLevel> = Partial<WithElementType & WithEnabledHeadingLevels<L>>;
+export type CreateHeadingOptions<L extends HeadingLevel> = Partial<WithElementType & WithEnabledHeadingLevels<L>>;
 export declare function createHeading<L extends HeadingLevel = HeadingLevel>({ type, enabledLevels, }?: CreateHeadingOptions<L>): Heading<L>;