@toptal/picasso 19.2.0 → 19.4.1

package/QuillEditor/hooks/useDefaultValue/useDefaultValue.js

@@ -0,0 +1,15 @@
+import { useEffect, useRef } from 'react';
+const useDefaultValue = ({ defaultValue, quill }) => {
+    const hasBeenCalled = useRef(false);
+    useEffect(() => {
+        if (!defaultValue || !quill || hasBeenCalled.current) {
+            return;
+        }
+        // there is issue in default types
+        const delta = quill.clipboard.convert(defaultValue);
+        quill.setContents(delta, 'user');
+        hasBeenCalled.current = true;
+    }, [defaultValue, quill]);
+};
+export default useDefaultValue;
+//# sourceMappingURL=useDefaultValue.js.map

package/QuillEditor/hooks/useDefaultValue/useDefaultValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultValue.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useDefaultValue/useDefaultValue.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAOzC,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,EAAS,EAAE,EAAE;IACzD,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,IAAI,CAAC,KAAK,IAAI,aAAa,CAAC,OAAO,EAAE;YACpD,OAAM;SACP;QAED,kCAAkC;QAClC,MAAM,KAAK,GAAI,KAAK,CAAC,SAAS,CAAC,OAAmC,CAChE,YAAY,CACb,CAAA;QAED,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAChC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAA;IAC9B,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAA;AAC3B,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/QuillEditor/hooks/useDisabledEditor/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useDisabledEditor';

package/QuillEditor/hooks/useDisabledEditor/index.js

@@ -0,0 +1,2 @@
+export { default } from './useDisabledEditor';
+//# sourceMappingURL=index.js.map

package/QuillEditor/hooks/useDisabledEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useDisabledEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA"}

package/QuillEditor/hooks/useDisabledEditor/useDisabledEditor.d.ts

@@ -0,0 +1,6 @@
+import Quill from 'quill';
+declare const useDisabledEditor: ({ disabled, quill }: {
+    disabled: boolean;
+    quill?: Quill | undefined;
+}) => void;
+export default useDisabledEditor;

package/QuillEditor/hooks/useDisabledEditor/useDisabledEditor.js

@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+const useDisabledEditor = ({ disabled, quill }) => {
+    useEffect(() => {
+        if (!quill) {
+            return;
+        }
+        quill.enable(!disabled);
+    }, [disabled, quill]);
+};
+export default useDisabledEditor;
+//# sourceMappingURL=useDisabledEditor.js.map

package/QuillEditor/hooks/useDisabledEditor/useDisabledEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisabledEditor.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useDisabledEditor/useDisabledEditor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,iBAAiB,GAAG,CAAC,EACzB,QAAQ,EACR,KAAK,EAIN,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QAED,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAA;IACzB,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/QuillEditor/hooks/useFocus/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useFocus';

package/QuillEditor/hooks/useFocus/index.js

@@ -0,0 +1,2 @@
+export { default } from './useFocus';
+//# sourceMappingURL=index.js.map

package/QuillEditor/hooks/useFocus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useFocus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/QuillEditor/hooks/useFocus/useFocus.d.ts

@@ -0,0 +1,6 @@
+import Quill from 'quill';
+declare const useFocus: ({ isFocused, quill }: {
+    isFocused: boolean;
+    quill?: Quill | undefined;
+}) => void;
+export default useFocus;

package/QuillEditor/hooks/useFocus/useFocus.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+const useFocus = ({ isFocused, quill }) => {
+    useEffect(() => {
+        if (!quill) {
+            return;
+        }
+        if (isFocused) {
+            quill.focus();
+        }
+    }, [quill, isFocused]);
+};
+export default useFocus;
+//# sourceMappingURL=useFocus.js.map

package/QuillEditor/hooks/useFocus/useFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocus.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useFocus/useFocus.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,KAAK,EAIN,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QAED,IAAI,SAAS,EAAE;YACb,KAAK,CAAC,KAAK,EAAE,CAAA;SACd;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/QuillEditor/hooks/useKeyBindings/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useKeyBindings';

package/QuillEditor/hooks/useKeyBindings/index.js

@@ -0,0 +1,2 @@
+export { default } from './useKeyBindings';
+//# sourceMappingURL=index.js.map

package/QuillEditor/hooks/useKeyBindings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useKeyBindings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/QuillEditor/hooks/useKeyBindings/useKeyBindings.d.ts

@@ -0,0 +1,7 @@
+import Quill from 'quill';
+import { TextFormatHandler } from '../../types';
+declare const useKeyBindings: ({ quill, onTextFormat }: {
+    quill?: Quill | undefined;
+    onTextFormat: TextFormatHandler;
+}) => void;
+export default useKeyBindings;

package/QuillEditor/hooks/useKeyBindings/useKeyBindings.js

@@ -0,0 +1,32 @@
+import { useEffect } from 'react';
+const useKeyBindings = ({ quill, onTextFormat }) => {
+    useEffect(() => {
+        if (!quill) {
+            return;
+        }
+        quill.keyboard.addBinding({
+            key: 'B',
+            shortKey: true
+        }, function (range, context) {
+            const isBold = context.format.bold;
+            quill.format('bold', !isBold);
+            onTextFormat({
+                formatName: 'bold',
+                value: !isBold
+            });
+        });
+        quill.keyboard.addBinding({
+            key: 'I',
+            shortKey: true
+        }, function (range, context) {
+            const isItalic = context.format.italic;
+            quill.format('italic', !isItalic);
+            onTextFormat({
+                formatName: 'italic',
+                value: !isItalic
+            });
+        });
+    }, [quill, onTextFormat]);
+};
+export default useKeyBindings;
+//# sourceMappingURL=useKeyBindings.js.map

package/QuillEditor/hooks/useKeyBindings/useKeyBindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyBindings.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useKeyBindings/useKeyBindings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,YAAY,EAIb,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QAED,KAAK,CAAC,QAAQ,CAAC,UAAU,CACvB;YACE,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,IAAI;SACf,EACD,UAAU,KAAK,EAAE,OAAO;YACtB,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAA;YAElC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAA;YAC7B,YAAY,CAAC;gBACX,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,CAAC,MAAM;aACf,CAAC,CAAA;QACJ,CAAC,CACF,CAAA;QAED,KAAK,CAAC,QAAQ,CAAC,UAAU,CACvB;YACE,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,IAAI;SACf,EACD,UAAU,KAAK,EAAE,OAAO;YACtB,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAA;YAEtC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAA;YACjC,YAAY,CAAC;gBACX,UAAU,EAAE,QAAQ;gBACpB,KAAK,EAAE,CAAC,QAAQ;aACjB,CAAC,CAAA;QACJ,CAAC,CACF,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAA;AAC3B,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/QuillEditor/hooks/useQuillInstance/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useQuillInstance';

package/QuillEditor/hooks/useQuillInstance/index.js

@@ -0,0 +1,2 @@
+export { default } from './useQuillInstance';
+//# sourceMappingURL=index.js.map

package/QuillEditor/hooks/useQuillInstance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useQuillInstance/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/QuillEditor/hooks/useQuillInstance/useQuillInstance.d.ts

@@ -0,0 +1,9 @@
+import Quill, { QuillOptionsStatic } from 'quill';
+import 'quill-paste-smart';
+export declare type EditorOptionsType = {
+    id: string;
+    placeholder?: string;
+};
+export declare const getModules: () => QuillOptionsStatic['modules'];
+declare const useQuillInstance: ({ id, placeholder }: EditorOptionsType) => Quill | undefined;
+export default useQuillInstance;

package/QuillEditor/hooks/useQuillInstance/useQuillInstance.js

@@ -0,0 +1,68 @@
+import { useEffect, useState } from 'react';
+import Quill from 'quill';
+import 'quill-paste-smart';
+import { useTypographyClasses, makeHeaderFormat, makeBoldFormat } from '../../formats';
+export const getModules = () => {
+    return {
+        clipboard: {
+            matchVisual: false,
+            allowed: {
+                // unsupported tags will be also removed on BE side, so before extending
+                // make sure, that our API supports new type
+                tags: ['b', 'strong', 'i', 'em', 'p', 'br', 'ul', 'ol', 'li', 'h3'],
+                attributes: []
+            },
+            keepSelection: true,
+            substituteBlockElements: true
+        },
+        keyboard: {
+            // we need to specify default bindings
+            // because Quill don't allow us to setup bindings via
+            // quill.keyboard.addBinding for default Quill
+            // key shortcuts otherwise
+            bindings: {
+                bold: {
+                    key: 'B',
+                    metaKey: true,
+                    ctrlKey: true,
+                    handler: function () { }
+                },
+                italic: {
+                    key: 'I',
+                    metaKey: true,
+                    ctrlKey: true,
+                    handler: function () { }
+                }
+            }
+        }
+    };
+};
+/**
+ * Formats we allow to paste into editor
+ *
+ * This is separate from adding a control in the Toolbar.
+ * For example, you can configure Quill to allow bolded
+ * content to be pasted into an editor that has no bold
+ * button in the toolbar. */
+const formats = [
+    'bold',
+    'italic',
+    'header',
+    'list'
+];
+const useQuillInstance = ({ id, placeholder }) => {
+    const [quill, setQuill] = useState();
+    const typographyClasses = useTypographyClasses();
+    useEffect(() => {
+        Quill.register(makeHeaderFormat(typographyClasses), true);
+        Quill.register(makeBoldFormat(typographyClasses), true);
+        setQuill(new Quill(`#${id}`, {
+            modules: getModules(),
+            formats,
+            placeholder
+        }));
+    }, [typographyClasses, id, placeholder]);
+    return quill;
+};
+export default useQuillInstance;
+//# sourceMappingURL=useQuillInstance.js.map

package/QuillEditor/hooks/useQuillInstance/useQuillInstance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuillInstance.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useQuillInstance/useQuillInstance.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,mBAAmB,CAAA;AAE1B,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACf,MAAM,eAAe,CAAA;AAOtB,MAAM,CAAC,MAAM,UAAU,GAAG,GAAkC,EAAE;IAC5D,OAAO;QACL,SAAS,EAAE;YACT,WAAW,EAAE,KAAK;YAClB,OAAO,EAAE;gBACP,wEAAwE;gBACxE,4CAA4C;gBAC5C,IAAI,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;gBACnE,UAAU,EAAE,EAAE;aACf;YACD,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,IAAI;SAC9B;QACD,QAAQ,EAAE;YACR,sCAAsC;YACtC,qDAAqD;YACrD,8CAA8C;YAC9C,0BAA0B;YAC1B,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,GAAG,EAAE,GAAG;oBACR,OAAO,EAAE,IAAI;oBACb,OAAO,EAAE,IAAI;oBACb,OAAO,EAAE,cAAa,CAAC;iBACxB;gBACD,MAAM,EAAE;oBACN,GAAG,EAAE,GAAG;oBACR,OAAO,EAAE,IAAI;oBACb,OAAO,EAAE,IAAI;oBACb,OAAO,EAAE,cAAa,CAAC;iBACxB;aACF;SACF;KACF,CAAA;AACH,CAAC,CAAA;AAED;;;;;;4BAM4B;AAC5B,MAAM,OAAO,GAAkC;IAC7C,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,MAAM;CACP,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,WAAW,EACO,EAAqB,EAAE;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAC3C,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAA;QACzD,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAA;QAEvD,QAAQ,CACN,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE;YAClB,OAAO,EAAE,UAAU,EAAE;YACrB,OAAO;YACP,WAAW;SACZ,CAAC,CACH,CAAA;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,EAAE,EAAE,WAAW,CAAC,CAAC,CAAA;IAExC,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/QuillEditor/hooks/useSubscribeToQuillEvents/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useSubscribeToQuillEvents';

package/QuillEditor/hooks/useSubscribeToQuillEvents/index.js

@@ -0,0 +1,2 @@
+export { default } from './useSubscribeToQuillEvents';
+//# sourceMappingURL=index.js.map

package/QuillEditor/hooks/useSubscribeToQuillEvents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useSubscribeToQuillEvents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA"}

package/QuillEditor/hooks/useSubscribeToQuillEvents/useSubscribeToQuillEvents.d.ts

@@ -0,0 +1,10 @@
+import Quill from 'quill';
+import { SelectionHandler, ChangeHandler, TextLengthChangeHandler } from '../../types';
+declare type Props = {
+    quill?: Quill;
+    onTextChange: ChangeHandler;
+    onSelectionChange: SelectionHandler;
+    onTextLengthChange: TextLengthChangeHandler;
+};
+declare const useSubscribeToQuillEvents: ({ quill, onTextChange, onSelectionChange, onTextLengthChange }: Props) => void;
+export default useSubscribeToQuillEvents;

package/QuillEditor/hooks/useSubscribeToQuillEvents/useSubscribeToQuillEvents.js

@@ -0,0 +1,64 @@
+import { useMemo, useEffect } from 'react';
+import getTextChangeHandler from '../../utils/getTextChangeHandler';
+import getSelectionChangeHandler from '../../utils/getSelectionChangeHandler';
+import getEditorChangeHandler from '../../utils/getEditorChangeHandler';
+import getTextLengthChangeHandler from '../../utils/getTextLengthChangeHandler';
+import getCleanupOnAllContentRemovalHandler from '../../utils/getCleanupOnAllContentRemovalHandler';
+const useSubscribeToQuillEvents = ({ quill, onTextChange, onSelectionChange, onTextLengthChange }) => {
+    const textLengthChangeHandler = useMemo(() => {
+        if (!quill) {
+            return () => { };
+        }
+        return getTextLengthChangeHandler(quill, onTextLengthChange);
+    }, [quill, onTextLengthChange]);
+    const textChangeHandler = useMemo(() => {
+        if (!quill) {
+            return () => { };
+        }
+        return getTextChangeHandler(quill, onTextChange);
+    }, [quill, onTextChange]);
+    const selectionChangeHandler = useMemo(() => {
+        if (!quill) {
+            return () => { };
+        }
+        return getSelectionChangeHandler(quill, onSelectionChange);
+    }, [quill, onSelectionChange]);
+    const editorChangeHandler = useMemo(() => {
+        if (!quill) {
+            return () => { };
+        }
+        return getEditorChangeHandler(quill, onSelectionChange);
+    }, [quill, onSelectionChange]);
+    const cleanupOnAllContentRemovalHandler = useMemo(() => {
+        if (!quill) {
+            return () => { };
+        }
+        return getCleanupOnAllContentRemovalHandler(quill);
+    }, [quill]);
+    useEffect(() => {
+        if (!quill) {
+            return;
+        }
+        quill.on('selection-change', selectionChangeHandler);
+        quill.on('text-change', textChangeHandler);
+        quill.on('text-change', textLengthChangeHandler);
+        quill.on('text-change', cleanupOnAllContentRemovalHandler);
+        quill.on('editor-change', editorChangeHandler);
+        return () => {
+            quill.off('selection-change', selectionChangeHandler);
+            quill.off('text-change', textChangeHandler);
+            quill.off('text-change', textLengthChangeHandler);
+            quill.off('text-change', cleanupOnAllContentRemovalHandler);
+            quill.off('editor-change', editorChangeHandler);
+        };
+    }, [
+        quill,
+        textChangeHandler,
+        selectionChangeHandler,
+        editorChangeHandler,
+        textLengthChangeHandler,
+        cleanupOnAllContentRemovalHandler
+    ]);
+};
+export default useSubscribeToQuillEvents;
+//# sourceMappingURL=useSubscribeToQuillEvents.js.map

package/QuillEditor/hooks/useSubscribeToQuillEvents/useSubscribeToQuillEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubscribeToQuillEvents.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useSubscribeToQuillEvents/useSubscribeToQuillEvents.tsx"],"names":[],"mappings":"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"}

package/QuillEditor/hooks/useSubscribeToTextEditorEvents/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useSubscribeToTextEditorEvents';

package/QuillEditor/hooks/useSubscribeToTextEditorEvents/index.js

@@ -0,0 +1,2 @@
+export { default } from './useSubscribeToTextEditorEvents';
+//# sourceMappingURL=index.js.map

package/QuillEditor/hooks/useSubscribeToTextEditorEvents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useSubscribeToTextEditorEvents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA"}

package/QuillEditor/hooks/useSubscribeToTextEditorEvents/useSubscribeToTextEditorEvents.d.ts

@@ -0,0 +1,6 @@
+import Quill from 'quill';
+declare const useSubscribeToTextEditorEvents: ({ editorRef, quill }: {
+    editorRef: React.RefObject<HTMLDivElement>;
+    quill?: Quill | undefined;
+}) => void;
+export default useSubscribeToTextEditorEvents;

package/QuillEditor/hooks/useSubscribeToTextEditorEvents/useSubscribeToTextEditorEvents.js

@@ -0,0 +1,23 @@
+import { useEffect, useMemo } from 'react';
+import { CUSTOM_QUILL_EDITOR_FORMAT_EVENT } from '../../constants';
+import getFormatChangeHandler from '../../utils/getFormatChangeHandler';
+const useSubscribeToTextEditorEvents = ({ editorRef, quill }) => {
+    const formatChangeHandler = useMemo(() => {
+        if (!quill) {
+            return () => { };
+        }
+        return getFormatChangeHandler(quill);
+    }, [quill]);
+    useEffect(() => {
+        const editor = editorRef.current;
+        if (!editor) {
+            return;
+        }
+        editor.addEventListener(CUSTOM_QUILL_EDITOR_FORMAT_EVENT, formatChangeHandler, false);
+        return () => {
+            editor === null || editor === void 0 ? void 0 : editor.removeEventListener(CUSTOM_QUILL_EDITOR_FORMAT_EVENT, formatChangeHandler, false);
+        };
+    }, [editorRef, formatChangeHandler]);
+};
+export default useSubscribeToTextEditorEvents;
+//# sourceMappingURL=useSubscribeToTextEditorEvents.js.map

package/QuillEditor/hooks/useSubscribeToTextEditorEvents/useSubscribeToTextEditorEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubscribeToTextEditorEvents.js","sourceRoot":"","sources":["../../../../src/QuillEditor/hooks/useSubscribeToTextEditorEvents/useSubscribeToTextEditorEvents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,EAAE,gCAAgC,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,sBAAsB,MAAM,oCAAoC,CAAA;AAEvE,MAAM,8BAA8B,GAAG,CAAC,EACtC,SAAS,EACT,KAAK,EAIN,EAAE,EAAE;IACH,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;SAChB;QAED,OAAO,sBAAsB,CAAC,KAAK,CAAkB,CAAA;IACvD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAA;QAEhC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QAED,MAAM,CAAC,gBAAgB,CACrB,gCAAgC,EAChC,mBAAmB,EACnB,KAAK,CACN,CAAA;QAED,OAAO,GAAG,EAAE;YACV,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CACzB,gCAAgC,EAChC,mBAAmB,EACnB,KAAK,CACN,CAAA;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAA;AACtC,CAAC,CAAA;AAED,eAAe,8BAA8B,CAAA"}

package/QuillEditor/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './QuillEditor';
+export type { Props as QuillEditorProps } from './QuillEditor';
+export * from './types';
+export { CUSTOM_QUILL_EDITOR_FORMAT_EVENT } from './constants';

package/QuillEditor/index.js

@@ -0,0 +1,4 @@
+export { default } from './QuillEditor';
+export * from './types';
+export { CUSTOM_QUILL_EDITOR_FORMAT_EVENT } from './constants';
+//# sourceMappingURL=index.js.map

package/QuillEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/QuillEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,gCAAgC,EAAE,MAAM,aAAa,CAAA"}

package/QuillEditor/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "root">;
+export default _default;

package/QuillEditor/styles.js

@@ -0,0 +1,100 @@
+import { createStyles } from '@material-ui/core/styles';
+import { rem } from '@toptal/picasso-shared';
+const margins = {
+    '& p': {
+        margin: '0.5rem 0'
+    },
+    '& h3': {
+        margin: '1rem 0 0.5rem'
+    },
+    '& p:first-child, & h3:first-child': {
+        margin: '0 0 0.5rem'
+    },
+    '& li:not(:last-child)': {
+        margin: '0 0 0.5rem'
+    },
+    '& ol, & ul': {
+        padding: 0,
+        margin: '0.5rem 0'
+    }
+};
+const listStyles = {
+    '& li': {
+        listStyleType: 'none',
+        paddingLeft: '2rem',
+        position: 'relative',
+        '&:before': {
+            display: 'inline-block',
+            position: 'absolute',
+            left: 0,
+            whiteSpace: 'nowrap',
+            width: '1rem'
+        }
+    },
+    '& ol li': {
+        counterIncrement: 'list-0',
+        '&:before': {
+            content: 'counter(list-0, decimal) "."'
+        }
+    },
+    '& *:not(li)': {
+        counterReset: 'list-0'
+    },
+    '& ul li': {
+        '&:before': {
+            content: '""',
+            backgroundImage: "url(\"data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M8 6c1.1046 0 2 .8954 2 2s-.8954 2-2 2-2-.8954-2-2 .8954-2 2-2Z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23979797' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill='%23455065'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")",
+            backgroundRepeat: 'no-repeat',
+            backgroundPosition: 'center',
+            height: rem('22px'),
+            width: '1rem'
+        }
+    }
+};
+const horizontalPadding = '0.5em';
+const placeholder = ({ palette }) => ({
+    '& .ql-blank:before': {
+        color: palette.grey.main2,
+        content: 'attr(data-placeholder)',
+        pointerEvents: 'none',
+        position: 'absolute',
+        left: horizontalPadding,
+        right: horizontalPadding
+    }
+});
+const hidden = {
+    '& .gl-hidden': {
+        display: 'none'
+    }
+};
+const editor = {
+    '& .ql-editor': {
+        height: '100%',
+        outline: 'none',
+        overflowY: 'auto',
+        padding: `1em ${horizontalPadding}`,
+        tabSize: '4',
+        textAlign: 'left',
+        whiteSpace: 'pre-wrap',
+        wordWrap: 'break-word'
+    },
+    '& .ql-editor > *': {
+        cursor: 'text'
+    }
+};
+const clipboard = {
+    '& .ql-clipboard': {
+        left: '-100000px',
+        height: '1px',
+        overflowY: 'hidden',
+        position: 'absolute',
+        top: '50%'
+    }
+};
+const quillSpecificStyles = (theme) => (Object.assign(Object.assign(Object.assign(Object.assign({}, placeholder(theme)), editor), hidden), clipboard));
+export default (theme) => {
+    return createStyles({
+        root: Object.assign(Object.assign(Object.assign({ height: '12.5em', overflowY: 'hidden', resize: 'vertical', position: 'relative' }, listStyles), margins), quillSpecificStyles(theme))
+    });
+};
+//# sourceMappingURL=styles.js.map

package/QuillEditor/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/QuillEditor/styles.ts"],"names":[],"mappings":"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"}

package/QuillEditor/types.d.ts

@@ -0,0 +1,27 @@
+export declare type BoldValue = boolean | undefined;
+export declare type ItalicValue = boolean | undefined;
+export declare type ListValue = 'bullet' | 'ordered' | undefined;
+export declare type HeaderValue = 3 | undefined;
+export declare type FormatType = {
+    bold: BoldValue;
+    italic: ItalicValue;
+    list: ListValue;
+    header: HeaderValue;
+};
+export declare type TextFormatHandlerEvent = {
+    formatName: 'bold';
+    value: BoldValue;
+} | {
+    formatName: 'italic';
+    value: ItalicValue;
+} | {
+    formatName: 'list';
+    value: ListValue;
+} | {
+    formatName: 'header';
+    value: HeaderValue;
+};
+export declare type TextFormatHandler = (e: TextFormatHandlerEvent) => void;
+export declare type SelectionHandler = (format: FormatType) => void;
+export declare type ChangeHandler = (html: string) => void;
+export declare type TextLengthChangeHandler = (length: number) => void;

package/QuillEditor/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/QuillEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/QuillEditor/types.ts"],"names":[],"mappings":""}

package/QuillEditor/utils/getCleanupOnAllContentRemovalHandler/getCleanupOnAllContentRemovalHandler.d.ts

@@ -0,0 +1,3 @@
+import Quill, { TextChangeHandler } from 'quill';
+declare const getCleanupOnAllContentRemovalHandler: (quill: Quill) => TextChangeHandler;
+export default getCleanupOnAllContentRemovalHandler;

package/QuillEditor/utils/getCleanupOnAllContentRemovalHandler/getCleanupOnAllContentRemovalHandler.js

@@ -0,0 +1,22 @@
+import Delta from 'quill-delta';
+const getCleanupOnAllContentRemovalHandler = (quill) => {
+    const handler = newDelta => {
+        const isDeleteOperation = 'delete' in newDelta.ops[0];
+        if (!isDeleteOperation) {
+            return;
+        }
+        const textLength = quill.getLength() - 1;
+        const isEditorEmpty = textLength === 0;
+        if (!isEditorEmpty) {
+            return;
+        }
+        const currentFormat = quill.getFormat();
+        const isFormatApplied = Object.keys(currentFormat).length > 0;
+        if (isFormatApplied) {
+            quill.setContents(new Delta(), 'api');
+        }
+    };
+    return handler;
+};
+export default getCleanupOnAllContentRemovalHandler;
+//# sourceMappingURL=getCleanupOnAllContentRemovalHandler.js.map

package/QuillEditor/utils/getCleanupOnAllContentRemovalHandler/getCleanupOnAllContentRemovalHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCleanupOnAllContentRemovalHandler.js","sourceRoot":"","sources":["../../../../src/QuillEditor/utils/getCleanupOnAllContentRemovalHandler/getCleanupOnAllContentRemovalHandler.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,MAAM,oCAAoC,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5D,MAAM,OAAO,GAAsB,QAAQ,CAAC,EAAE;QAC5C,MAAM,iBAAiB,GAAG,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QAErD,IAAI,CAAC,iBAAiB,EAAE;YACtB,OAAM;SACP;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;QACxC,MAAM,aAAa,GAAG,UAAU,KAAK,CAAC,CAAA;QAEtC,IAAI,CAAC,aAAa,EAAE;YAClB,OAAM;SACP;QAED,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;QACvC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;QAE7D,IAAI,eAAe,EAAE;YACnB,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,EAAE,EAAE,KAAK,CAAC,CAAA;SACtC;IACH,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,oCAAoC,CAAA"}

package/QuillEditor/utils/getCleanupOnAllContentRemovalHandler/index.d.ts

@@ -0,0 +1 @@
+export { default } from './getCleanupOnAllContentRemovalHandler';

package/QuillEditor/utils/getCleanupOnAllContentRemovalHandler/index.js

@@ -0,0 +1,2 @@
+export { default } from './getCleanupOnAllContentRemovalHandler';
+//# sourceMappingURL=index.js.map

package/QuillEditor/utils/getCleanupOnAllContentRemovalHandler/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/QuillEditor/utils/getCleanupOnAllContentRemovalHandler/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAA"}

package/QuillEditor/utils/getEditorChangeHandler/getEditorChangeHandler.d.ts

@@ -0,0 +1,7 @@
+import Quill, { RangeStatic, Sources } from 'quill';
+import Delta from 'quill-delta';
+import { FormatType } from '../../types';
+declare type SelectionChangeArgs = [RangeStatic, RangeStatic, Sources];
+declare type TextChangeArgs = [Delta, Delta, Sources];
+declare const getEditorChangeHandler: (quill: Quill, onSelectionChange: (format: FormatType) => void) => (name: 'text-change' | 'selection-change', ...args: SelectionChangeArgs | TextChangeArgs) => void;
+export default getEditorChangeHandler;