@toptal/picasso 19.2.0 → 19.4.1

package/QuillEditor/utils/getEditorChangeHandler/getEditorChangeHandler.js

@@ -0,0 +1,41 @@
+/**
+ * When we write block format and enter new empty line, we have unformated text format.
+ * We need to send this information to the state
+ */
+const handleNewLineAfterBlock = ({ quill, onSelectionChange, latestDelta }) => {
+    var _a;
+    const latestAttributes = (_a = latestDelta.ops[latestDelta.ops.length - 1]) === null || _a === void 0 ? void 0 : _a.attributes;
+    const isHeaderFormatRemoved = (latestAttributes === null || latestAttributes === void 0 ? void 0 : latestAttributes.header) === null;
+    const isListFormatRemoved = (latestAttributes === null || latestAttributes === void 0 ? void 0 : latestAttributes.list) === null;
+    if (isHeaderFormatRemoved || isListFormatRemoved) {
+        const format = quill.getFormat();
+        onSelectionChange(Object.assign(Object.assign({}, format), { header: undefined, list: undefined }));
+    }
+};
+const isDeleteOperationOfSelection = (delta) => {
+    const delOperation = delta.ops[0].delete;
+    return delOperation && delOperation > 1;
+};
+const getEditorChangeHandler = (quill, onSelectionChange) => {
+    const handler = (name, ...args) => {
+        if (name === 'text-change') {
+            const [latestDelta, , source] = args;
+            const isFromApi = source === 'api';
+            const isFromUser = source === 'user';
+            if (isFromApi) {
+                // this event is triggered when format of block element is changed
+                // for example from p > h3 | h3 > ol
+                onSelectionChange(quill.getFormat());
+            }
+            else if (isFromUser) {
+                handleNewLineAfterBlock({ latestDelta, quill, onSelectionChange });
+                if (isDeleteOperationOfSelection(latestDelta)) {
+                    onSelectionChange(quill.getFormat());
+                }
+            }
+        }
+    };
+    return handler;
+};
+export default getEditorChangeHandler;
+//# sourceMappingURL=getEditorChangeHandler.js.map

package/QuillEditor/utils/getEditorChangeHandler/getEditorChangeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getEditorChangeHandler.js","sourceRoot":"","sources":["../../../../src/QuillEditor/utils/getEditorChangeHandler/getEditorChangeHandler.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,MAAM,uBAAuB,GAAG,CAAC,EAC/B,KAAK,EACL,iBAAiB,EACjB,WAAW,EAKZ,EAAE,EAAE;;IACH,MAAM,gBAAgB,GACpB,MAAA,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,UAAU,CAAA;IAEzD,MAAM,qBAAqB,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,MAAK,IAAI,CAAA;IAC/D,MAAM,mBAAmB,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,IAAI,CAAA;IAE3D,IAAI,qBAAqB,IAAI,mBAAmB,EAAE;QAChD,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,EAAgB,CAAA;QAE9C,iBAAiB,iCAAM,MAAM,KAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,IAAG,CAAA;KACrE;AACH,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,KAAY,EAAE,EAAE;IACpD,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IAExC,OAAO,YAAY,IAAI,YAAY,GAAG,CAAC,CAAA;AACzC,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,CAC7B,KAAY,EACZ,iBAA+C,EAC/C,EAAE;IACF,MAAM,OAAO,GAAG,CACd,IAAwC,EACxC,GAAG,IAA0C,EAC7C,EAAE;QACF,IAAI,IAAI,KAAK,aAAa,EAAE;YAC1B,MAAM,CAAC,WAAW,EAAE,AAAD,EAAG,MAAM,CAAC,GAAG,IAAsB,CAAA;YAEtD,MAAM,SAAS,GAAG,MAAM,KAAK,KAAK,CAAA;YAClC,MAAM,UAAU,GAAG,MAAM,KAAK,MAAM,CAAA;YAEpC,IAAI,SAAS,EAAE;gBACb,kEAAkE;gBAClE,oCAAoC;gBACpC,iBAAiB,CAAC,KAAK,CAAC,SAAS,EAAgB,CAAC,CAAA;aACnD;iBAAM,IAAI,UAAU,EAAE;gBACrB,uBAAuB,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAA;gBAElE,IAAI,4BAA4B,CAAC,WAAW,CAAC,EAAE;oBAC7C,iBAAiB,CAAC,KAAK,CAAC,SAAS,EAAgB,CAAC,CAAA;iBACnD;aACF;SACF;IACH,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

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

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

package/QuillEditor/utils/getEditorChangeHandler/index.js

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

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

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

package/QuillEditor/utils/getFormatChangeHandler/getFormatChangeHandler.d.ts

@@ -0,0 +1,3 @@
+import Quill from 'quill';
+import { FormatType } from '../../types';
+export declare const getFormatChangeHandler: (quill: Quill) => (e: CustomEvent<FormatType>) => void;

package/QuillEditor/utils/getFormatChangeHandler/getFormatChangeHandler.js

@@ -0,0 +1,13 @@
+export const getFormatChangeHandler = (quill) => {
+    const handler = (e) => {
+        const format = e.detail;
+        Object.entries(format).forEach(([key, value]) => {
+            quill.format(key, value);
+            if (key === 'header') {
+                setTimeout(() => quill.focus(), 0);
+            }
+        });
+    };
+    return handler;
+};
+//# sourceMappingURL=getFormatChangeHandler.js.map

package/QuillEditor/utils/getFormatChangeHandler/getFormatChangeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFormatChangeHandler.js","sourceRoot":"","sources":["../../../../src/QuillEditor/utils/getFormatChangeHandler/getFormatChangeHandler.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAY,EAAE,EAAE;IACrD,MAAM,OAAO,GAAG,CAAC,CAA0B,EAAE,EAAE;QAC7C,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAA;QAEvB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAC9C,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;YAExB,IAAI,GAAG,KAAK,QAAQ,EAAE;gBACpB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAA;aACnC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+import { getFormatChangeHandler } from './getFormatChangeHandler';
+export default getFormatChangeHandler;

package/QuillEditor/utils/getFormatChangeHandler/index.js

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

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

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

package/QuillEditor/utils/getSelectionChangeHandler/getSelectionChangeHandler.d.ts

@@ -0,0 +1,4 @@
+import Quill, { SelectionChangeHandler } from 'quill';
+import { SelectionHandler } from '../../types';
+declare const getSelectionChangeHandler: (quill: Quill, onSelectionChange: SelectionHandler) => SelectionChangeHandler;
+export default getSelectionChangeHandler;

package/QuillEditor/utils/getSelectionChangeHandler/getSelectionChangeHandler.js

@@ -0,0 +1,19 @@
+const getSelectionChangeHandler = (quill, onSelectionChange) => {
+    const handler = (range, _, source) => {
+        const isSilentEvent = source === 'silent';
+        const isFromApi = source === 'api';
+        if (isSilentEvent) {
+            return;
+        }
+        if (isFromApi) {
+            return;
+        }
+        if (range) {
+            const format = quill.getFormat(range);
+            onSelectionChange(format);
+        }
+    };
+    return handler;
+};
+export default getSelectionChangeHandler;
+//# sourceMappingURL=getSelectionChangeHandler.js.map

package/QuillEditor/utils/getSelectionChangeHandler/getSelectionChangeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSelectionChangeHandler.js","sourceRoot":"","sources":["../../../../src/QuillEditor/utils/getSelectionChangeHandler/getSelectionChangeHandler.tsx"],"names":[],"mappings":"AAIA,MAAM,yBAAyB,GAAG,CAChC,KAAY,EACZ,iBAAmC,EACnC,EAAE;IACF,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE;QAC3D,MAAM,aAAa,GAAG,MAAM,KAAK,QAAQ,CAAA;QACzC,MAAM,SAAS,GAAG,MAAM,KAAK,KAAK,CAAA;QAElC,IAAI,aAAa,EAAE;YACjB,OAAM;SACP;QAED,IAAI,SAAS,EAAE;YACb,OAAM;SACP;QAED,IAAI,KAAK,EAAE;YACT,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAe,CAAA;YAEnD,iBAAiB,CAAC,MAAM,CAAC,CAAA;SAC1B;IACH,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,yBAAyB,CAAA"}

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

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

package/QuillEditor/utils/getSelectionChangeHandler/index.js

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

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

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

package/QuillEditor/utils/getTextChangeHandler/getTextChangeHandler.d.ts

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

package/QuillEditor/utils/getTextChangeHandler/getTextChangeHandler.js

@@ -0,0 +1,22 @@
+import removeClasses from '../remove-classes';
+import removeCursorSpan from '../remove-cursor-span';
+const getTextChangeHandler = (quill, handleTextChange) => {
+    const handler = (_, __, source) => {
+        const isSilenetEvent = source === 'silent';
+        if (isSilenetEvent) {
+            return;
+        }
+        const isEmpty = quill.getLength() === 1;
+        if (isEmpty) {
+            handleTextChange('');
+            return;
+        }
+        const [cleanValue] = [quill.root.innerHTML]
+            .map(removeCursorSpan)
+            .map(removeClasses);
+        handleTextChange(cleanValue);
+    };
+    return handler;
+};
+export default getTextChangeHandler;
+//# sourceMappingURL=getTextChangeHandler.js.map

package/QuillEditor/utils/getTextChangeHandler/getTextChangeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextChangeHandler.js","sourceRoot":"","sources":["../../../../src/QuillEditor/utils/getTextChangeHandler/getTextChangeHandler.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,mBAAmB,CAAA;AAC7C,OAAO,gBAAgB,MAAM,uBAAuB,CAAA;AAEpD,MAAM,oBAAoB,GAAG,CAC3B,KAAY,EACZ,gBAAwC,EACxC,EAAE;IACF,MAAM,OAAO,GAAsB,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;QACnD,MAAM,cAAc,GAAG,MAAM,KAAK,QAAQ,CAAA;QAE1C,IAAI,cAAc,EAAE;YAClB,OAAM;SACP;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;QAEvC,IAAI,OAAO,EAAE;YACX,gBAAgB,CAAC,EAAE,CAAC,CAAA;YAEpB,OAAM;SACP;QAED,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;aACxC,GAAG,CAAC,gBAAgB,CAAC;aACrB,GAAG,CAAC,aAAa,CAAC,CAAA;QAErB,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

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

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

package/QuillEditor/utils/getTextChangeHandler/index.js

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

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

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

package/QuillEditor/utils/getTextLengthChangeHandler/getTextLengthChangeHandler.d.ts

@@ -0,0 +1,4 @@
+import Quill, { TextChangeHandler } from 'quill';
+import { TextLengthChangeHandler } from '../../types';
+declare const getTextLengthChangeHandler: (quill: Quill, onTextLengthChange: TextLengthChangeHandler) => TextChangeHandler;
+export default getTextLengthChangeHandler;

package/QuillEditor/utils/getTextLengthChangeHandler/getTextLengthChangeHandler.js

@@ -0,0 +1,9 @@
+const getTextLengthChangeHandler = (quill, onTextLengthChange) => {
+    const handler = () => {
+        const currentLength = quill.getLength() - 1;
+        onTextLengthChange(currentLength);
+    };
+    return handler;
+};
+export default getTextLengthChangeHandler;
+//# sourceMappingURL=getTextLengthChangeHandler.js.map

package/QuillEditor/utils/getTextLengthChangeHandler/getTextLengthChangeHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextLengthChangeHandler.js","sourceRoot":"","sources":["../../../../src/QuillEditor/utils/getTextLengthChangeHandler/getTextLengthChangeHandler.tsx"],"names":[],"mappings":"AAIA,MAAM,0BAA0B,GAAG,CACjC,KAAY,EACZ,kBAA2C,EAC3C,EAAE;IACF,MAAM,OAAO,GAAsB,GAAG,EAAE;QACtC,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;QAE3C,kBAAkB,CAAC,aAAa,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA"}

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

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

package/QuillEditor/utils/getTextLengthChangeHandler/index.js

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

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

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

package/QuillEditor/utils/remove-classes/index.d.ts

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

package/QuillEditor/utils/remove-classes/index.js

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

package/QuillEditor/utils/remove-classes/index.js.map

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

package/QuillEditor/utils/remove-classes/remove-classes.d.ts

@@ -0,0 +1,2 @@
+declare const removeClasses: (value: string) => string;
+export default removeClasses;

package/QuillEditor/utils/remove-classes/remove-classes.js

@@ -0,0 +1,3 @@
+const removeClasses = (value) => value.replace(/\sclass=".+?"/g, '');
+export default removeClasses;
+//# sourceMappingURL=remove-classes.js.map

package/QuillEditor/utils/remove-classes/remove-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-classes.js","sourceRoot":"","sources":["../../../../src/QuillEditor/utils/remove-classes/remove-classes.ts"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;AAE5E,eAAe,aAAa,CAAA"}

package/QuillEditor/utils/remove-cursor-span/index.d.ts

@@ -0,0 +1 @@
+export { default } from './remove-cursor-span';

package/QuillEditor/utils/remove-cursor-span/index.js

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

package/QuillEditor/utils/remove-cursor-span/index.js.map

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

package/QuillEditor/utils/remove-cursor-span/remove-cursor-span.d.ts

@@ -0,0 +1,2 @@
+declare const removeCursorSpan: (value: string) => string;
+export default removeCursorSpan;

package/QuillEditor/utils/remove-cursor-span/remove-cursor-span.js

@@ -0,0 +1,5 @@
+/* eslint-disable-next-line no-irregular-whitespace */
+const pattern = /(<(strong|em)>)?(<(strong|em)>)(<span class="ql-cursor"><\/span>)(<\/\4>)(<\/\2>)?/;
+const removeCursorSpan = (value) => value.replace(pattern, '<br>');
+export default removeCursorSpan;
+//# sourceMappingURL=remove-cursor-span.js.map

package/QuillEditor/utils/remove-cursor-span/remove-cursor-span.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-cursor-span.js","sourceRoot":"","sources":["../../../../src/QuillEditor/utils/remove-cursor-span/remove-cursor-span.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,MAAM,OAAO,GAAG,qFAAqF,CAAA;AAErG,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;AAE1E,eAAe,gBAAgB,CAAA"}

package/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
+import { ASTType } from '../RichText';
+export declare type CounterMessageSetter = (limit: number, currLength: number, isError: boolean) => string;
+export interface Props extends BaseProps {
+    /** Indicates that an element is to be focused on page load */
+    autoFocus?: boolean;
+    /** Default value in [HAST](https://github.com/syntax-tree/hast) format */
+    defaultValue?: ASTType;
+    /**
+     * This Boolean attribute indicates that the user cannot interact with the control.
+     */
+    disabled?: boolean;
+    /** unique identifier */
+    id: string;
+    /**
+     * Indicate wether the editor is in an error state
+     */
+    error?: boolean;
+    /**
+     * The maximum number of characters that the user can enter.
+     * If this value isn't specified, the user can enter an unlimited
+     * number of characters.
+     */
+    maxLength?: number;
+    /**
+     * The minimum number of characters required that the user should enter.
+     */
+    minLength?: number;
+    /**
+     * Custom counter message for minLength
+     */
+    minLengthMessage?: CounterMessageSetter;
+    /**
+     * Custom counter message for maxLength
+     */
+    maxLengthMessage?: CounterMessageSetter;
+    /**
+     * Callback on text change
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Callback for blur event
+     */
+    onBlur?: () => void;
+    /**
+     * Callback for focus event
+     */
+    onFocus?: () => void;
+    /** The placeholder attribute specifies a short hint that describes the expected value of a text editor. */
+    placeholder?: string;
+    testIds?: {
+        wrapper?: string;
+        editor?: string;
+        headerSelect?: string;
+        boldButton?: string;
+        italicButton?: string;
+        unorderedListButton?: string;
+        orderedListButton?: string;
+    };
+}
+export declare const RichTextEditor: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default RichTextEditor;

package/RichTextEditor/RichTextEditor.js

@@ -0,0 +1,77 @@
+import React, { forwardRef, useRef, useState } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import cx from 'classnames';
+import hastUtilToHtml from 'hast-util-to-html';
+import hastSanitize from 'hast-util-sanitize';
+import { noop } from '@toptal/picasso/utils';
+import Container from '../Container';
+import QuillEditor from '../QuillEditor';
+import Toolbar from '../RichTextEditorToolbar';
+import Counter from '../RichTextEditorCounter';
+import styles from './styles';
+import { useTextEditorState, useOnSelectionChange, useOnTextFormat, useOnFocus, useToolbarHandlers, useCounter } from './hooks';
+const useStyles = makeStyles(styles, {
+    name: 'RichTextEditor'
+});
+export const RichTextEditor = forwardRef(function RichTextEditor({ 'data-testid': dataTestId, autoFocus = false, className, defaultValue, disabled, id, onChange = noop, onFocus = noop, onBlur = noop, placeholder, minLength, maxLength, minLengthMessage, maxLengthMessage, style, error, testIds }, ref) {
+    const classes = useStyles();
+    const toolbarRef = useRef(null);
+    const editorRef = useRef(null);
+    const wrapperRef = useRef(null);
+    const { dispatch, state } = useTextEditorState();
+    const { handleSelectionChange } = useOnSelectionChange({ dispatch });
+    const { handleTextFormat } = useOnTextFormat({ dispatch });
+    const { handleBold, handleItalic, handleHeader, handleOrdered, handleUnordered } = useToolbarHandlers({
+        editorRef,
+        handleTextFormat,
+        format: state.toolbar.format
+    });
+    const { isEditorFocused, handleFocus, handleBlur } = useOnFocus({
+        autoFocus,
+        editorRef,
+        toolbarRef,
+        wrapperRef,
+        onFocus,
+        onBlur,
+        dispatch
+    });
+    const [defaultValueInHtml] = useState(() => defaultValue ? hastUtilToHtml(hastSanitize(defaultValue)) : defaultValue);
+    const { counterMessage, counterError, handleCounterMessage } = useCounter({
+        minLength,
+        maxLength,
+        minLengthMessage,
+        maxLengthMessage
+    });
+    return (React.createElement(Container, { className: cx(classes.editorWrapper, {
+            [classes.disabled]: disabled,
+            [classes.focused]: isEditorFocused,
+            [classes.error]: error
+        }, className), tabIndex: -1, style: style, ref: node => {
+            if (typeof ref === 'function') {
+                ref(node);
+            }
+            else if (ref != null) {
+                ref.current = node;
+            }
+            wrapperRef.current = node;
+        }, "data-testid": (testIds === null || testIds === void 0 ? void 0 : testIds.wrapper) || dataTestId, onFocus: handleFocus, onBlur: handleBlur },
+        React.createElement(Toolbar, { ref: toolbarRef, disabled: disabled || state.toolbar.disabled, id: id, format: state.toolbar.format, onBoldClick: handleBold, onItalicClick: handleItalic, onUnorderedClick: handleUnordered, onOrderedClick: handleOrdered, onHeaderChange: handleHeader, testIds: {
+                headerSelect: testIds === null || testIds === void 0 ? void 0 : testIds.headerSelect,
+                boldButton: testIds === null || testIds === void 0 ? void 0 : testIds.boldButton,
+                italicButton: testIds === null || testIds === void 0 ? void 0 : testIds.italicButton,
+                unorderedListButton: testIds === null || testIds === void 0 ? void 0 : testIds.unorderedListButton,
+                orderedListButton: testIds === null || testIds === void 0 ? void 0 : testIds.orderedListButton
+            } }),
+        React.createElement(QuillEditor, { ref: editorRef, disabled: !!disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.editor, id: id, isFocused: isEditorFocused, placeholder: placeholder, onTextLengthChange: handleCounterMessage, onTextFormat: handleTextFormat, onSelectionChange: handleSelectionChange, onTextChange: onChange, defaultValue: defaultValueInHtml }),
+        counterMessage && (React.createElement(Counter, { error: counterError, message: counterMessage }))));
+});
+RichTextEditor.defaultProps = {
+    autoFocus: false,
+    onChange: noop,
+    onFocus: noop,
+    onBlur: noop,
+    disabled: false
+};
+RichTextEditor.displayName = 'RichTextEditor';
+export default RichTextEditor;
+//# sourceMappingURL=RichTextEditor.js.map

package/RichTextEditor/RichTextEditor.js.map

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

package/RichTextEditor/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export { default as useOnFocus } from './useOnFocus';
+export { default as useOnSelectionChange } from './useOnSelectionChange';
+export { default as useOnTextFormat } from './useOnTextFormat';
+export { default as useTextEditorState } from './useTextEditorState';
+export { default as useToolbarHandlers } from './useToolbarHandlers';
+export { default as useCounter } from './useCounter';

package/RichTextEditor/hooks/index.js

@@ -0,0 +1,7 @@
+export { default as useOnFocus } from './useOnFocus';
+export { default as useOnSelectionChange } from './useOnSelectionChange';
+export { default as useOnTextFormat } from './useOnTextFormat';
+export { default as useTextEditorState } from './useTextEditorState';
+export { default as useToolbarHandlers } from './useToolbarHandlers';
+export { default as useCounter } from './useCounter';
+//# sourceMappingURL=index.js.map

package/RichTextEditor/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RichTextEditor/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/RichTextEditor/hooks/useCounter/index.d.ts

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

package/RichTextEditor/hooks/useCounter/index.js

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

package/RichTextEditor/hooks/useCounter/index.js.map

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

package/RichTextEditor/hooks/useCounter/useCounter.d.ts

@@ -0,0 +1,14 @@
+import { TextLengthChangeHandler } from '../../../QuillEditor';
+import { CounterMessageSetter } from '../../RichTextEditor';
+declare type Props = {
+    minLength?: number;
+    maxLength?: number;
+    minLengthMessage?: CounterMessageSetter;
+    maxLengthMessage?: CounterMessageSetter;
+};
+declare const useCounter: ({ minLength, maxLength, minLengthMessage, maxLengthMessage }: Props) => {
+    counterMessage: string;
+    counterError: boolean;
+    handleCounterMessage: TextLengthChangeHandler;
+};
+export default useCounter;

package/RichTextEditor/hooks/useCounter/useCounter.js

@@ -0,0 +1,68 @@
+import { useCallback, useState } from 'react';
+const CLOSE_TO_LIMIT = 10;
+const defaultMinLengthMessage = (minLength, currLength, isError) => {
+    if (isError) {
+        return `${minLength} characters required, current count is ${currLength}`;
+    }
+    return `${currLength} characters entered`;
+};
+const defaultMaxLengthMessage = (maxLength, currLength, isError) => {
+    if (isError) {
+        return `${currLength - maxLength} over the limit`;
+    }
+    return `${maxLength - currLength} characters left`;
+};
+const getInitialCounterMessage = ({ minLength, maxLength, minLengthMessage = defaultMinLengthMessage, maxLengthMessage = defaultMaxLengthMessage }) => {
+    if (minLength) {
+        return minLengthMessage(minLength, 0, true);
+    }
+    if (maxLength) {
+        return maxLengthMessage(maxLength, 0, false);
+    }
+    return '';
+};
+const useCounter = ({ minLength, maxLength, minLengthMessage = defaultMinLengthMessage, maxLengthMessage = defaultMaxLengthMessage }) => {
+    const [message, setMesssage] = useState(() => getInitialCounterMessage({
+        minLength,
+        maxLength,
+        minLengthMessage,
+        maxLengthMessage
+    }));
+    const [isError, setIsError] = useState(!!minLength);
+    const handleCounterMessage = useCallback(currLength => {
+        if (minLength) {
+            if (currLength < minLength) {
+                setMesssage(minLengthMessage(minLength, currLength, true));
+                setIsError(true);
+                return;
+            }
+            else if (!maxLength) {
+                setMesssage(minLengthMessage(minLength, currLength, false));
+                setIsError(false);
+                return;
+            }
+        }
+        if (maxLength) {
+            if (maxLength - currLength <= CLOSE_TO_LIMIT &&
+                maxLength - currLength >= 0) {
+                setMesssage(maxLengthMessage(maxLength, currLength, false));
+                setIsError(true);
+                return;
+            }
+            if (currLength < maxLength) {
+                setMesssage(maxLengthMessage(maxLength, currLength, false));
+                setIsError(false);
+                return;
+            }
+            setMesssage(maxLengthMessage(maxLength, currLength, true));
+            setIsError(true);
+        }
+    }, [minLength, maxLength, minLengthMessage, maxLengthMessage]);
+    return {
+        counterMessage: message,
+        counterError: isError,
+        handleCounterMessage
+    };
+};
+export default useCounter;
+//# sourceMappingURL=useCounter.js.map

package/RichTextEditor/hooks/useCounter/useCounter.js.map

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

package/RichTextEditor/hooks/useOnFocus/index.d.ts

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

package/RichTextEditor/hooks/useOnFocus/index.js

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

package/RichTextEditor/hooks/useOnFocus/index.js.map

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

package/RichTextEditor/hooks/useOnFocus/useOnFocus.d.ts

@@ -0,0 +1,16 @@
+import { ActionsType } from '../../store';
+declare type Props = {
+    autoFocus: boolean;
+    editorRef: React.RefObject<HTMLDivElement>;
+    toolbarRef: React.RefObject<HTMLDivElement>;
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    onFocus: () => void;
+    onBlur: () => void;
+    dispatch: React.Dispatch<ActionsType>;
+};
+declare const useOnFocus: ({ autoFocus, editorRef, toolbarRef, wrapperRef, onFocus, onBlur, dispatch }: Props) => {
+    isEditorFocused: boolean;
+    handleFocus: (e: React.FocusEvent<HTMLDivElement>) => void;
+    handleBlur: (e: React.FocusEvent<HTMLDivElement>) => void;
+};
+export default useOnFocus;

package/RichTextEditor/hooks/useOnFocus/useOnFocus.js

@@ -0,0 +1,44 @@
+import { useCallback, useState } from 'react';
+import { actions as toolbarActions } from '../../store/toolbar';
+const useOnFocus = ({ autoFocus, editorRef, toolbarRef, wrapperRef, onFocus, onBlur, dispatch }) => {
+    const [isEditorFocused, setIsEditorFocused] = useState(autoFocus);
+    const handleFocus = useCallback((e) => {
+        console.log('focus');
+        if (!editorRef.current || !toolbarRef.current || !wrapperRef) {
+            return;
+        }
+        toolbarActions.setDisabled(dispatch)(false);
+        const focusElement = e.target;
+        const isFocusElementInToolbar = toolbarRef.current.contains(focusElement);
+        if (isFocusElementInToolbar) {
+            return;
+        }
+        setIsEditorFocused(true);
+        onFocus();
+    }, [dispatch, onFocus, editorRef, toolbarRef, wrapperRef]);
+    const handleBlur = useCallback((e) => {
+        if (!toolbarRef.current || !editorRef.current) {
+            return;
+        }
+        const focusElement = e.relatedTarget;
+        const isFocusElementInToolbar = toolbarRef.current.contains(focusElement);
+        const isFocusElementInEditor = editorRef.current.contains(focusElement);
+        const isFocusElementWrapper = wrapperRef.current === focusElement;
+        if (isFocusElementInToolbar ||
+            isFocusElementInEditor ||
+            isFocusElementWrapper) {
+            return;
+        }
+        toolbarActions.setDisabled(dispatch)(true);
+        toolbarActions.resetFormat(dispatch)();
+        setIsEditorFocused(false);
+        onBlur();
+    }, [dispatch, onBlur, toolbarRef, editorRef, wrapperRef]);
+    return {
+        isEditorFocused,
+        handleFocus,
+        handleBlur
+    };
+};
+export default useOnFocus;
+//# sourceMappingURL=useOnFocus.js.map