@toptal/picasso 19.2.0 → 19.3.0

package/RichTextEditor/hooks/useOnTextFormat/useOnTextFormat.js

@@ -0,0 +1,30 @@
+import { useCallback } from 'react';
+import { actions as toolbarActions } from '../../store/toolbar';
+import { convertBoldFromEditorValue, convertItalicFromEditorValue, convertListFromEditorValue, convertHeaderFromEditorValue } from '../../utils/convertFormat';
+const useOnTextFormat = ({ dispatch }) => {
+    const handleTextFormat = useCallback((e) => {
+        switch (e.formatName) {
+            case 'bold': {
+                const boldValue = convertBoldFromEditorValue(e.value);
+                return toolbarActions.setBold(dispatch)(boldValue);
+            }
+            case 'italic': {
+                const italicValue = convertItalicFromEditorValue(e.value);
+                return toolbarActions.setItalic(dispatch)(italicValue);
+            }
+            case 'list': {
+                const listValue = convertListFromEditorValue(e.value);
+                return toolbarActions.setList(dispatch)(listValue);
+            }
+            case 'header': {
+                const headerValue = convertHeaderFromEditorValue(e.value);
+                return toolbarActions.setHeader(dispatch)(headerValue);
+            }
+            default:
+                throw Error(`TextEditor - useOnTextFormat is not implemented for ${e}`);
+        }
+    }, [dispatch]);
+    return { handleTextFormat };
+};
+export default useOnTextFormat;
+//# sourceMappingURL=useOnTextFormat.js.map

package/RichTextEditor/hooks/useOnTextFormat/useOnTextFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnTextFormat.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnTextFormat/useOnTextFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAE/D,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC1B,4BAA4B,EAC7B,MAAM,2BAA2B,CAAA;AAMlC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC9C,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,CAAyB,EAAE,EAAE;QAC5B,QAAQ,CAAC,CAAC,UAAU,EAAE;YACpB,KAAK,MAAM,CAAC,CAAC;gBACX,MAAM,SAAS,GAAG,0BAA0B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAErD,OAAO,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAA;aACnD;YACD,KAAK,QAAQ,CAAC,CAAC;gBACb,MAAM,WAAW,GAAG,4BAA4B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAEzD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAA;aACvD;YACD,KAAK,MAAM,CAAC,CAAC;gBACX,MAAM,SAAS,GAAG,0BAA0B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAErD,OAAO,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAA;aACnD;YACD,KAAK,QAAQ,CAAC,CAAC;gBACb,MAAM,WAAW,GAAG,4BAA4B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBAEzD,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAA;aACvD;YACD;gBACE,MAAM,KAAK,CACT,uDAAuD,CAAC,EAAE,CAC3D,CAAA;SACJ;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC7B,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

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

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

package/RichTextEditor/hooks/useTextEditorState/index.js

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

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

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

package/RichTextEditor/hooks/useTextEditorState/useTextEditorState.d.ts

@@ -0,0 +1,7 @@
+declare const useTextEditorState: () => {
+    state: {
+        toolbar: import("../../store/toolbar").ToolbarStateType;
+    };
+    dispatch: import("react").Dispatch<import("../../store/toolbar").ToolbarActionsType>;
+};
+export default useTextEditorState;

package/RichTextEditor/hooks/useTextEditorState/useTextEditorState.js

@@ -0,0 +1,8 @@
+import { useReducer } from 'react';
+import { combinedReducers, initialState } from '../../store';
+const useTextEditorState = () => {
+    const [state, dispatch] = useReducer(combinedReducers, initialState);
+    return { state, dispatch };
+};
+export default useTextEditorState;
+//# sourceMappingURL=useTextEditorState.js.map

package/RichTextEditor/hooks/useTextEditorState/useTextEditorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextEditorState.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useTextEditorState/useTextEditorState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE5D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAA;IAEpE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;AAC5B,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

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

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

package/RichTextEditor/hooks/useToolbarHandlers/index.js

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

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

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

package/RichTextEditor/hooks/useToolbarHandlers/useToolbarHandlers.d.ts

@@ -0,0 +1,16 @@
+import { TextFormatHandler } from '../../../QuillEditor';
+import { SelectOnChangeHandler, ButtonHandlerType } from '../../../RichTextEditorToolbar';
+import { FormatType } from '../../store/toolbar';
+declare type Props = {
+    editorRef: React.RefObject<HTMLDivElement | null>;
+    handleTextFormat: TextFormatHandler;
+    format: FormatType;
+};
+declare const useToolbarHandlers: ({ editorRef, handleTextFormat, format }: Props) => {
+    handleBold: ButtonHandlerType;
+    handleItalic: ButtonHandlerType;
+    handleOrdered: ButtonHandlerType;
+    handleUnordered: ButtonHandlerType;
+    handleHeader: SelectOnChangeHandler;
+};
+export default useToolbarHandlers;

package/RichTextEditor/hooks/useToolbarHandlers/useToolbarHandlers.js

@@ -0,0 +1,61 @@
+import { useCallback } from 'react';
+import { CUSTOM_QUILL_EDITOR_FORMAT_EVENT } from '../../../QuillEditor';
+import { convertHeaderToEditorValue } from '../../utils/convertFormat';
+const useToolbarHandlers = ({ editorRef, handleTextFormat, format }) => {
+    const sendFormatEvent = useCallback((detail) => {
+        var _a;
+        const formatEvent = new CustomEvent(CUSTOM_QUILL_EDITOR_FORMAT_EVENT, {
+            detail
+        });
+        (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(formatEvent);
+    }, [editorRef]);
+    const handleBold = () => {
+        const bold = !format.bold;
+        sendFormatEvent({ bold });
+        handleTextFormat({
+            formatName: 'bold',
+            value: bold
+        });
+    };
+    const handleItalic = () => {
+        const italic = !format.italic;
+        sendFormatEvent({ italic });
+        handleTextFormat({
+            formatName: 'italic',
+            value: italic
+        });
+    };
+    const handleOrdered = () => {
+        const list = format.list === 'ordered' ? undefined : 'ordered';
+        sendFormatEvent({ list });
+        handleTextFormat({
+            formatName: 'list',
+            value: list
+        });
+    };
+    const handleUnordered = () => {
+        const list = format.list === 'bullet' ? undefined : 'bullet';
+        sendFormatEvent({ list });
+        handleTextFormat({
+            formatName: 'list',
+            value: list
+        });
+    };
+    const handleHeader = event => {
+        const header = convertHeaderToEditorValue(event.target.value);
+        sendFormatEvent(header ? { header, bold: false, italic: false } : { header });
+        handleTextFormat({
+            formatName: 'header',
+            value: header
+        });
+    };
+    return {
+        handleBold,
+        handleItalic,
+        handleOrdered,
+        handleUnordered,
+        handleHeader
+    };
+};
+export default useToolbarHandlers;
+//# sourceMappingURL=useToolbarHandlers.js.map

package/RichTextEditor/hooks/useToolbarHandlers/useToolbarHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarHandlers.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useToolbarHandlers/useToolbarHandlers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,EAEL,gCAAgC,EAEjC,MAAM,sBAAsB,CAAA;AAM7B,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAA;AAQtE,MAAM,kBAAkB,GAAG,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAS,EAAE,EAAE;IAC5E,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAiC,EAAE,EAAE;;QACpC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,gCAAgC,EAAE;YACpE,MAAM;SACP,CAAC,CAAA;QAEF,MAAA,SAAS,CAAC,OAAO,0CAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,MAAM,UAAU,GAAsB,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAA;QAEzB,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACzB,gBAAgB,CAAC;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,IAAI;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,YAAY,GAAsB,GAAG,EAAE;QAC3C,MAAM,MAAM,GAAG,CAAC,MAAM,CAAC,MAAM,CAAA;QAE7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;QAC3B,gBAAgB,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,MAAM;SACd,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,aAAa,GAAsB,GAAG,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;QAE9D,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACzB,gBAAgB,CAAC;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,IAAI;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,eAAe,GAAsB,GAAG,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAA;QAE5D,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACzB,gBAAgB,CAAC;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,IAAI;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,YAAY,GAA0B,KAAK,CAAC,EAAE;QAClD,MAAM,MAAM,GAAG,0BAA0B,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAE7D,eAAe,CACb,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAC7D,CAAA;QACD,gBAAgB,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,MAAM;SACd,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO;QACL,UAAU;QACV,YAAY;QACZ,aAAa;QACb,eAAe;QACf,YAAY;KACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/RichTextEditor/index.d.ts

@@ -0,0 +1,7 @@
+import { OmitInternalProps } from '@toptal/picasso-shared';
+import { Props } from './RichTextEditor';
+import { FormatType, HeaderValue } from './store/toolbar';
+export { default } from './RichTextEditor';
+export type { FormatType, HeaderValue };
+export * from './types';
+export declare type RichTextEditorProps = OmitInternalProps<Props>;

package/RichTextEditor/index.js

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

package/RichTextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/RichTextEditor/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,cAAc,SAAS,CAAA"}

package/RichTextEditor/store/index.d.ts

@@ -0,0 +1,9 @@
+import * as toolbarStore from './toolbar';
+import { StateType, ActionsType } from './types';
+export * from './types';
+export declare const combinedReducers: (state: StateType, action: ActionsType) => {
+    toolbar: toolbarStore.ToolbarStateType;
+};
+export declare const initialState: {
+    toolbar: toolbarStore.ToolbarStateType;
+};

package/RichTextEditor/store/index.js

@@ -0,0 +1,11 @@
+import * as toolbarStore from './toolbar';
+export * from './types';
+export const combinedReducers = (state, action) => {
+    return {
+        toolbar: toolbarStore.reducer(state.toolbar, action)
+    };
+};
+export const initialState = {
+    toolbar: toolbarStore.initialState
+};
+//# sourceMappingURL=index.js.map

package/RichTextEditor/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RichTextEditor/store/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,WAAW,CAAA;AAGzC,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAgB,EAAE,MAAmB,EAAE,EAAE;IACxE,OAAO;QACL,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC;KACrD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,YAAY,CAAC,YAAY;CACnC,CAAA"}

package/RichTextEditor/store/toolbar/actionTypes.d.ts

@@ -0,0 +1,9 @@
+declare const actionTypes: {
+    readonly bold: "TOOLBAR/SET_BOLD";
+    readonly header: "TOOLBAR/SET_HEADER";
+    readonly italic: "TOOLBAR/SET_ITALIC";
+    readonly list: "TOOLBAR/SET_LIST";
+    readonly disabled: "TOOLBAR/SET_DISABLED";
+    readonly resetFormat: "TOOLBAR/RESET_FORMAT";
+};
+export default actionTypes;

package/RichTextEditor/store/toolbar/actionTypes.js

@@ -0,0 +1,10 @@
+const actionTypes = {
+    bold: 'TOOLBAR/SET_BOLD',
+    header: 'TOOLBAR/SET_HEADER',
+    italic: 'TOOLBAR/SET_ITALIC',
+    list: 'TOOLBAR/SET_LIST',
+    disabled: 'TOOLBAR/SET_DISABLED',
+    resetFormat: 'TOOLBAR/RESET_FORMAT'
+};
+export default actionTypes;
+//# sourceMappingURL=actionTypes.js.map

package/RichTextEditor/store/toolbar/actionTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionTypes.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/actionTypes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,oBAAoB;IAC5B,MAAM,EAAE,oBAAoB;IAC5B,IAAI,EAAE,kBAAkB;IACxB,QAAQ,EAAE,sBAAsB;IAChC,WAAW,EAAE,sBAAsB;CAC3B,CAAA;AAEV,eAAe,WAAW,CAAA"}

package/RichTextEditor/store/toolbar/actions.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch } from 'react';
+import { SetBoldActionType, SetHeaderActionType, SetItalicActionType, SetListActionType, SetDisabled, ResetFormatType } from './types';
+declare const actions: {
+    setBold: (dispatch: Dispatch<SetBoldActionType>) => (payload: SetBoldActionType['payload']) => void;
+    setItalic: (dispatch: Dispatch<SetItalicActionType>) => (payload: SetItalicActionType['payload']) => void;
+    setHeader: (dispatch: Dispatch<SetHeaderActionType>) => (payload: SetHeaderActionType['payload']) => void;
+    setList: (dispatch: Dispatch<SetListActionType>) => (payload: SetListActionType['payload']) => void;
+    setDisabled: (dispatch: Dispatch<SetDisabled>) => (payload: boolean) => void;
+    resetFormat: (dispatch: Dispatch<ResetFormatType>) => () => void;
+};
+export default actions;

package/RichTextEditor/store/toolbar/actions.js

@@ -0,0 +1,17 @@
+import actionTypes from './actionTypes';
+const setBold = (dispatch) => (payload) => dispatch({ type: actionTypes.bold, payload });
+const setItalic = (dispatch) => (payload) => dispatch({ type: actionTypes.italic, payload });
+const setHeader = (dispatch) => (payload) => dispatch({ type: actionTypes.header, payload });
+const setList = (dispatch) => (payload) => dispatch({ type: actionTypes.list, payload });
+const setDisabled = (dispatch) => (payload) => dispatch({ type: actionTypes.disabled, payload });
+const resetFormat = (dispatch) => () => dispatch({ type: actionTypes.resetFormat });
+const actions = {
+    setBold,
+    setItalic,
+    setHeader,
+    setList,
+    setDisabled,
+    resetFormat
+};
+export default actions;
+//# sourceMappingURL=actions.js.map

package/RichTextEditor/store/toolbar/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/actions.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,eAAe,CAAA;AAUvC,MAAM,OAAO,GAAG,CAAC,QAAqC,EAAE,EAAE,CAAC,CACzD,OAAqC,EACrC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAElD,MAAM,SAAS,GAAG,CAAC,QAAuC,EAAE,EAAE,CAAC,CAC7D,OAAuC,EACvC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;AAEpD,MAAM,SAAS,GAAG,CAAC,QAAuC,EAAE,EAAE,CAAC,CAC7D,OAAuC,EACvC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;AAEpD,MAAM,OAAO,GAAG,CAAC,QAAqC,EAAE,EAAE,CAAC,CACzD,OAAqC,EACrC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAElD,MAAM,WAAW,GAAG,CAAC,QAA+B,EAAE,EAAE,CAAC,CAAC,OAAgB,EAAE,EAAE,CAC5E,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;AAEnD,MAAM,WAAW,GAAG,CAAC,QAAmC,EAAE,EAAE,CAAC,GAAG,EAAE,CAChE,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA;AAE7C,MAAM,OAAO,GAAG;IACd,OAAO;IACP,SAAS;IACT,SAAS;IACT,OAAO;IACP,WAAW;IACX,WAAW;CACZ,CAAA;AAED,eAAe,OAAO,CAAA"}

package/RichTextEditor/store/toolbar/index.d.ts

@@ -0,0 +1,6 @@
+import actions from './actions';
+import reducer from './reducer';
+import initialState from './initialState';
+import actionTypes from './actionTypes';
+export * from './types';
+export { actions, actionTypes, reducer, initialState };

package/RichTextEditor/store/toolbar/index.js

@@ -0,0 +1,7 @@
+import actions from './actions';
+import reducer from './reducer';
+import initialState from './initialState';
+import actionTypes from './actionTypes';
+export * from './types';
+export { actions, actionTypes, reducer, initialState };
+//# sourceMappingURL=index.js.map

package/RichTextEditor/store/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/RichTextEditor/store/toolbar/initialState.d.ts

@@ -0,0 +1,3 @@
+import { ToolbarStateType } from './types';
+declare const initialState: ToolbarStateType;
+export default initialState;

package/RichTextEditor/store/toolbar/initialState.js

@@ -0,0 +1,11 @@
+const initialState = {
+    format: {
+        bold: false,
+        header: '',
+        italic: false,
+        list: false
+    },
+    disabled: true
+};
+export default initialState;
+//# sourceMappingURL=initialState.js.map

package/RichTextEditor/store/toolbar/initialState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initialState.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/initialState.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAqB;IACrC,MAAM,EAAE;QACN,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,KAAK;KACZ;IACD,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,eAAe,YAAY,CAAA"}

package/RichTextEditor/store/toolbar/reducer.d.ts

@@ -0,0 +1,3 @@
+import { ToolbarReducerType } from './types';
+declare const reducer: ToolbarReducerType;
+export default reducer;

package/RichTextEditor/store/toolbar/reducer.js

@@ -0,0 +1,22 @@
+import actionTypes from './actionTypes';
+import initialState from './initialState';
+const reducer = (state = initialState, action) => {
+    switch (action.type) {
+        case actionTypes.bold:
+            return Object.assign(Object.assign({}, state), { format: Object.assign(Object.assign({}, state.format), { bold: action.payload }) });
+        case actionTypes.italic:
+            return Object.assign(Object.assign({}, state), { format: Object.assign(Object.assign({}, state.format), { italic: action.payload }) });
+        case actionTypes.header:
+            return Object.assign(Object.assign({}, state), { format: Object.assign(Object.assign({}, state.format), { header: action.payload }) });
+        case actionTypes.list:
+            return Object.assign(Object.assign({}, state), { format: Object.assign(Object.assign({}, state.format), { list: action.payload }) });
+        case actionTypes.disabled:
+            return Object.assign(Object.assign({}, state), { disabled: action.payload });
+        case actionTypes.resetFormat:
+            return Object.assign(Object.assign({}, state), { format: initialState.format });
+        default:
+            return state;
+    }
+};
+export default reducer;
+//# sourceMappingURL=reducer.js.map

package/RichTextEditor/store/toolbar/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,OAAO,GAAuB,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,EAAE,EAAE;IACnE,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QACH,KAAK,WAAW,CAAC,MAAM;YACrB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,OAClD;QACH,KAAK,WAAW,CAAC,MAAM;YACrB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,OAClD;QACH,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QAEH,KAAK,WAAW,CAAC,QAAQ;YACvB,uCACK,KAAK,KACR,QAAQ,EAAE,MAAM,CAAC,OAAO,IACzB;QAEH,KAAK,WAAW,CAAC,WAAW;YAC1B,uCACK,KAAK,KACR,MAAM,EAAE,YAAY,CAAC,MAAM,IAC5B;QAEH;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/RichTextEditor/store/toolbar/types.d.ts

@@ -0,0 +1,40 @@
+import actionTypes from './actionTypes';
+export declare type HeaderValue = '3' | '';
+export declare type BoldValue = boolean;
+export declare type ItalicValue = boolean;
+export declare type ListValue = 'bullet' | 'ordered' | false;
+export declare type FormatType = {
+    bold: BoldValue;
+    italic: ItalicValue;
+    list: ListValue;
+    header: HeaderValue;
+};
+export declare type ToolbarStateType = {
+    format: FormatType;
+    disabled: boolean;
+};
+export declare type SetBoldActionType = {
+    type: typeof actionTypes.bold;
+    payload: ToolbarStateType['format']['bold'];
+};
+export declare type SetItalicActionType = {
+    type: typeof actionTypes.italic;
+    payload: ToolbarStateType['format']['italic'];
+};
+export declare type SetListActionType = {
+    type: typeof actionTypes.list;
+    payload: ToolbarStateType['format']['list'];
+};
+export declare type SetHeaderActionType = {
+    type: typeof actionTypes.header;
+    payload: ToolbarStateType['format']['header'];
+};
+export declare type SetDisabled = {
+    type: typeof actionTypes.disabled;
+    payload: boolean;
+};
+export declare type ResetFormatType = {
+    type: typeof actionTypes.resetFormat;
+};
+export declare type ToolbarActionsType = SetBoldActionType | SetItalicActionType | SetListActionType | SetHeaderActionType | SetDisabled | ResetFormatType;
+export declare type ToolbarReducerType = (state: ToolbarStateType | undefined, action: ToolbarActionsType) => ToolbarStateType;

package/RichTextEditor/store/toolbar/types.js

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

package/RichTextEditor/store/toolbar/types.js.map

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

package/RichTextEditor/store/types.d.ts

@@ -0,0 +1,5 @@
+import { ToolbarStateType, ToolbarActionsType } from './toolbar/types';
+export declare type StateType = {
+    toolbar: ToolbarStateType;
+};
+export declare type ActionsType = ToolbarActionsType;

package/RichTextEditor/store/types.js

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

package/RichTextEditor/store/types.js.map

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

package/RichTextEditor/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: ({ palette, sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "error" | "focused" | "editorWrapper">;
+export default _default;

package/RichTextEditor/styles.js

@@ -0,0 +1,23 @@
+import { outline } from '@toptal/picasso-shared';
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette, sizes }) => createStyles({
+    editorWrapper: {
+        position: 'relative',
+        borderRadius: sizes.borderRadius.small,
+        border: `1px solid ${palette.grey.light2}`,
+        padding: '0.5em',
+        '&:hover:not($disabled):not($error)': {
+            borderColor: palette.grey.main2
+        }
+    },
+    disabled: {
+        pointerEvents: 'none',
+        background: palette.grey.lighter,
+        border: `1px solid ${palette.grey.lighter2}`
+    },
+    error: {
+        borderColor: palette.red.main
+    },
+    focused: Object.assign({ borderColor: palette.grey.main2 }, outline(palette.primary.main))
+});
+//# sourceMappingURL=styles.js.map

package/RichTextEditor/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;QACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;QACtC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1C,OAAO,EAAE,OAAO;QAEhB,oCAAoC,EAAE;YACpC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;SAChC;KACF;IAED,QAAQ,EAAE;QACR,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;QAChC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;KAC7C;IAED,KAAK,EAAE;QACL,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;KAC9B;IAED,OAAO,kBACL,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAC5B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACjC;CACF,CAAC,CAAA"}

package/RichTextEditor/types.d.ts

@@ -0,0 +1,2 @@
+import { ChangeHandler } from '../QuillEditor';
+export declare type RichTextEditorChangeHandler = ChangeHandler;

package/RichTextEditor/types.js

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

package/RichTextEditor/types.js.map

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

package/RichTextEditor/utils/convertFormat.d.ts

@@ -0,0 +1,8 @@
+import { FormatType as EditorFormatType, BoldValue as EditorBoldValue, ItalicValue as EditorItalicValue, ListValue as EditorListValue, HeaderValue as EditorHeaderValue } from '../../QuillEditor';
+import { FormatType as ToolbarFormatType, HeaderValue } from '../store/toolbar';
+export declare const convertBoldFromEditorValue: (bold: EditorBoldValue) => boolean;
+export declare const convertItalicFromEditorValue: (italic: EditorItalicValue) => boolean;
+export declare const convertListFromEditorValue: (list: EditorListValue) => false | "bullet" | "ordered";
+export declare const convertHeaderFromEditorValue: (header: EditorHeaderValue) => "" | "3";
+export declare const getToolbarFormatFromEditorFormat: (format: EditorFormatType) => ToolbarFormatType;
+export declare const convertHeaderToEditorValue: (header: HeaderValue) => EditorHeaderValue;

package/RichTextEditor/utils/convertFormat.js

@@ -0,0 +1,19 @@
+export const convertBoldFromEditorValue = (bold) => bold || false;
+export const convertItalicFromEditorValue = (italic) => italic || false;
+export const convertListFromEditorValue = (list) => list || false;
+export const convertHeaderFromEditorValue = (header) => header ? '3' : '';
+export const getToolbarFormatFromEditorFormat = (format) => {
+    return {
+        bold: convertBoldFromEditorValue(format.bold),
+        italic: convertItalicFromEditorValue(format.italic),
+        list: convertListFromEditorValue(format.list),
+        header: convertHeaderFromEditorValue(format.header)
+    };
+};
+export const convertHeaderToEditorValue = (header) => {
+    if (header === '') {
+        return undefined;
+    }
+    return 3;
+};
+//# sourceMappingURL=convertFormat.js.map

package/RichTextEditor/utils/convertFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertFormat.js","sourceRoot":"","sources":["../../../src/RichTextEditor/utils/convertFormat.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,IAAqB,EAAE,EAAE,CAClE,IAAI,IAAI,KAAK,CAAA;AACf,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,MAAyB,EAAE,EAAE,CACxE,MAAM,IAAI,KAAK,CAAA;AACjB,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,IAAqB,EAAE,EAAE,CAClE,IAAI,IAAI,KAAK,CAAA;AACf,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,MAAyB,EAAE,EAAE,CACxE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;AAEnB,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC9C,MAAwB,EACL,EAAE;IACrB,OAAO;QACL,IAAI,EAAE,0BAA0B,CAAC,MAAM,CAAC,IAAI,CAAC;QAC7C,MAAM,EAAE,4BAA4B,CAAC,MAAM,CAAC,MAAM,CAAC;QACnD,IAAI,EAAE,0BAA0B,CAAC,MAAM,CAAC,IAAI,CAAC;QAC7C,MAAM,EAAE,4BAA4B,CAAC,MAAM,CAAC,MAAM,CAAC;KACpD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,MAAmB,EACA,EAAE;IACrB,IAAI,MAAM,KAAK,EAAE,EAAE;QACjB,OAAO,SAAS,CAAA;KACjB;IAED,OAAO,CAAC,CAAA;AACV,CAAC,CAAA"}

package/RichTextEditorButton/RichTextEditorButton.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactElement } from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
+declare type Props = BaseProps & {
+    active: boolean;
+    disabled: boolean;
+    icon: ReactElement;
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare const RichTextEditorButton: {
+    (props: Props): JSX.Element;
+    defaultProps: {
+        active: boolean;
+        disabled: boolean;
+        onClick: () => void;
+    };
+    displayName: string;
+};
+export default RichTextEditorButton;

package/RichTextEditorButton/RichTextEditorButton.js

@@ -0,0 +1,38 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import cx from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import Button from '../Button';
+import styles from './styles';
+// Using { index: 10 } to inject CSS generated classes after the button's classes
+// in order to prevent Button's styles to override custom TextEditorButton styles
+// Related Jira issue: https://toptal-core.atlassian.net/browse/FX-1520
+const useStyles = makeStyles(styles, {
+    name: 'TextEditorButton',
+    index: 10
+});
+const RichTextEditorButton = (props) => {
+    const { icon, onClick, active, className, style, disabled } = props, rest = __rest(props, ["icon", "onClick", "active", "className", "style", "disabled"]);
+    const classes = useStyles(props);
+    return (React.createElement(Button.Circular, Object.assign({ variant: 'flat', onClick: onClick, icon: icon, style: style, className: cx(classes.button, {
+            [classes.activeButton]: active
+        }, className), disabled: disabled }, rest)));
+};
+RichTextEditorButton.defaultProps = {
+    active: false,
+    disabled: false,
+    onClick: () => { }
+};
+RichTextEditorButton.displayName = 'RichTextEditorButton';
+export default RichTextEditorButton;
+//# sourceMappingURL=RichTextEditorButton.js.map

package/RichTextEditorButton/RichTextEditorButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorButton.js","sourceRoot":"","sources":["../../src/RichTextEditorButton/RichTextEditorButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,mBAAmB,CAAA;AAGrD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,iFAAiF;AACjF,iFAAiF;AACjF,uEAAuE;AACvE,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,EAAE;CACV,CAAC,CAAA;AAEF,MAAM,oBAAoB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAtE,+DAA8D,CAAQ,CAAA;IAC5E,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,MAAM,CAAC,QAAQ,kBACd,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,MAAM,EACd;YACE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM;SAC/B,EACD,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,oBAAoB,CAAC,YAAY,GAAG;IAClC,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAA;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAEzD,eAAe,oBAAoB,CAAA"}

package/RichTextEditorButton/index.d.ts

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

package/RichTextEditorButton/index.js

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

package/RichTextEditorButton/index.js.map

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

package/RichTextEditorButton/styles.d.ts

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

package/RichTextEditorButton/styles.js

@@ -0,0 +1,16 @@
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette, sizes }) => createStyles({
+    button: {
+        borderRadius: sizes.borderRadius.small,
+        '&+&': {
+            marginLeft: '0.5em'
+        }
+    },
+    activeButton: {
+        backgroundColor: palette.grey.dark,
+        '&:not(:hover) svg': {
+            fill: palette.common.white
+        }
+    }
+});
+//# sourceMappingURL=styles.js.map

package/RichTextEditorButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditorButton/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAS,EAAE,EAAE,CAC3C,YAAY,CAAC;IACX,MAAM,EAAE;QACN,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;QAEtC,KAAK,EAAE;YACL,UAAU,EAAE,OAAO;SACpB;KACF;IAED,YAAY,EAAE;QACZ,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QAElC,mBAAmB,EAAE;YACnB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;SAC3B;KACF;CACF,CAAC,CAAA"}

package/RichTextEditorCounter/RichTextEditorCounter.d.ts

@@ -0,0 +1,10 @@
+import { BaseProps } from '@toptal/picasso-shared';
+declare type Props = BaseProps & {
+    message?: string;
+    error?: boolean;
+};
+declare const RichTextEditorCounter: {
+    ({ message, error, className, style, "data-testid": dataTestId }: Props): JSX.Element;
+    displayName: string;
+};
+export default RichTextEditorCounter;