phx-react 1.3.1569 → 1.3.1571

package/dist/cjs/components/Combobox/Combobox.js

@@ -8,6 +8,7 @@ var Checkbox_1 = require("../Checkbox");
 var ErrorMessage_1 = tslib_1.__importDefault(require("../../commons/ErrorMessage"));
 var types_1 = require("../types");
 var helpers_1 = require("../../helpers/helpers");
+var remove_vn_tones_1 = require("../SelectWithAction/remove-vn-tones");
 var PHXCombobox = function (_a) {
     var className = _a.className, defaultValue = _a.defaultValue, _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, id = _a.id, label = _a.label, listOptions = _a.listOptions, onChange = _a.onChange, _c = _a.optionHeight, optionHeight = _c === void 0 ? 300 : _c, placeholder = _a.placeholder, _d = _a.selectFieldPosition, selectFieldPosition = _d === void 0 ? 'bottom' : _d, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, _e = _a.isAllOptions, isAllOptions = _e === void 0 ? true : _e;
     var message = function (type) {
@@ -66,10 +67,15 @@ var PHXCombobox = function (_a) {
             setOptions(listOptions);
         }
         else {
+            var searchValue_1 = value.toLowerCase().trim();
+            var searchValueUnaccent_1 = (0, remove_vn_tones_1.normalizeVietnameseText)(searchValue_1);
             var filteredOptions = listOptions.filter(function (option) {
                 var _a, _b;
-                return option.name.toLowerCase().includes(value.toLowerCase()) ||
-                    ((_b = (_a = option === null || option === void 0 ? void 0 : option.name_unaccent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes((0, helpers_1.unaccentValue)(value.toLowerCase())));
+                var nameOriginal = (option.name || '').toLowerCase();
+                var nameUnaccent = (option.name_unaccent || (0, remove_vn_tones_1.normalizeVietnameseText)(nameOriginal)).toLowerCase();
+                return (nameOriginal.includes(searchValue_1) ||
+                    nameUnaccent.includes(searchValueUnaccent_1) ||
+                    ((_b = (_a = option === null || option === void 0 ? void 0 : option.name_unaccent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes((0, helpers_1.unaccentValue)(searchValue_1))));
             });
             setOptions(filteredOptions);
         }
@@ -110,7 +116,7 @@ var PHXCombobox = function (_a) {
         label && react_1.default.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
         react_1.default.createElement("div", { ref: wrapperRef, className: 'relative w-full rounded-lg bg-gray-100' },
             react_1.default.createElement("div", { className: "".concat(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', "\n         ").concat(!disabled ? 'hover:bg-gray-50' : isHaveSelected ? 'border-0 !bg-gray-100 py-1.5' : 'border-0', "\n          shadow-sm block w-full space-y-1 rounded-lg border border-gray-500 bg-white text-sm focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent ") },
-                selectedItems.length > 0 && options.length > 0 && !checkedAll && listOptions.length > 0 && (react_1.default.createElement("div", { className: (0, types_1.classNames)('mx-2 flex flex-wrap items-center gap-2', !disabled && 'mt-2') }, selectedItems.map(function (item) { return (react_1.default.createElement("div", { key: item.name + item.id, className: 'flex items-center rounded-xl bg-gray-200' },
+                selectedItems.length > 0 && !checkedAll && listOptions.length > 0 && (react_1.default.createElement("div", { className: (0, types_1.classNames)('mx-2 flex flex-wrap items-center gap-2', !disabled && 'mt-2') }, selectedItems.map(function (item) { return (react_1.default.createElement("div", { key: item.name + item.id, className: 'flex items-center rounded-xl bg-gray-200' },
                     react_1.default.createElement("p", { style: {
                             wordBreak: 'break-word',
                         }, className: "text-wrap  pl-2 text-xs text-gray-700 ".concat(disabled ? 'py-[2px] pr-2' : 'pr-[2px]') }, item.name),

package/dist/cjs/components/Combobox/Combobox.js.map

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

package/dist/cjs/components/TextEditorV2/commenting/index.d.ts

@@ -0,0 +1,41 @@
+import { Provider } from '@lexical/yjs';
+import type { LexicalEditor } from 'lexical';
+import { Array as YArray, Map as YMap } from 'yjs';
+export type Comment = {
+    author: string;
+    content: string;
+    deleted: boolean;
+    id: string;
+    timeStamp: number;
+    type: 'comment';
+};
+export type Thread = {
+    comments: Array<Comment>;
+    id: string;
+    quote: string;
+    type: 'thread';
+};
+export type Comments = Array<Thread | Comment>;
+export declare function createComment(content: string, author: string, id?: string, timeStamp?: number, deleted?: boolean): Comment;
+export declare function createThread(quote: string, comments: Array<Comment>, id?: string): Thread;
+export declare class CommentStore {
+    _editor: LexicalEditor;
+    _comments: Comments;
+    _changeListeners: Set<() => void>;
+    _collabProvider: null | Provider;
+    constructor(editor: LexicalEditor);
+    isCollaborative(): boolean;
+    getComments(): Comments;
+    addComment(commentOrThread: Comment | Thread, thread?: Thread, offset?: number): void;
+    deleteCommentOrThread(commentOrThread: Comment | Thread, thread?: Thread): {
+        markedComment: Comment;
+        index: number;
+    } | null;
+    registerOnChange(onChange: () => void): () => void;
+    _withRemoteTransaction(fn: () => void): void;
+    _withLocalTransaction(fn: () => void): void;
+    _getCollabComments(): null | YArray<any>;
+    _createCollabSharedMap(commentOrThread: Comment | Thread): YMap<any>;
+    registerCollaboration(provider: Provider): () => void;
+}
+export declare function useCommentStore(commentStore: CommentStore): Comments;

package/dist/cjs/components/TextEditorV2/commenting/index.js

@@ -0,0 +1,340 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentStore = void 0;
+exports.createComment = createComment;
+exports.createThread = createThread;
+exports.useCommentStore = useCommentStore;
+var yjs_1 = require("@lexical/yjs");
+var lexical_1 = require("lexical");
+var react_1 = require("react");
+var yjs_2 = require("yjs");
+function createUID() {
+    return Math.random()
+        .toString(36)
+        .replace(/[^a-z]+/g, '')
+        .substr(0, 5);
+}
+function createComment(content, author, id, timeStamp, deleted) {
+    return {
+        author: author,
+        content: content,
+        deleted: deleted === undefined ? false : deleted,
+        id: id === undefined ? createUID() : id,
+        timeStamp: timeStamp === undefined ? performance.now() : timeStamp,
+        type: 'comment',
+    };
+}
+function createThread(quote, comments, id) {
+    return {
+        comments: comments,
+        id: id === undefined ? createUID() : id,
+        quote: quote,
+        type: 'thread',
+    };
+}
+function cloneThread(thread) {
+    return {
+        comments: Array.from(thread.comments),
+        id: thread.id,
+        quote: thread.quote,
+        type: 'thread',
+    };
+}
+function markDeleted(comment) {
+    return {
+        author: comment.author,
+        content: '[Deleted Comment]',
+        deleted: true,
+        id: comment.id,
+        timeStamp: comment.timeStamp,
+        type: 'comment',
+    };
+}
+function triggerOnChange(commentStore) {
+    var listeners = commentStore._changeListeners;
+    listeners.forEach(function (listener) { return listener(); });
+}
+var CommentStore = /** @class */ (function () {
+    function CommentStore(editor) {
+        this._comments = [];
+        this._editor = editor;
+        this._collabProvider = null;
+        this._changeListeners = new Set();
+    }
+    CommentStore.prototype.isCollaborative = function () {
+        return this._collabProvider !== null;
+    };
+    CommentStore.prototype.getComments = function () {
+        return this._comments;
+    };
+    CommentStore.prototype.addComment = function (commentOrThread, thread, offset) {
+        var _this = this;
+        var nextComments = Array.from(this._comments);
+        // The YJS types explicitly use `any` as well.
+        var sharedCommentsArray = this._getCollabComments();
+        if (thread !== undefined && commentOrThread.type === 'comment') {
+            var _loop_1 = function (i) {
+                var comment = nextComments[i];
+                if (comment.type === 'thread' && comment.id === thread.id) {
+                    var newThread = cloneThread(comment);
+                    nextComments.splice(i, 1, newThread);
+                    var insertOffset_1 = offset !== undefined ? offset : newThread.comments.length;
+                    if (this_1.isCollaborative() && sharedCommentsArray !== null) {
+                        var parentSharedArray_1 = sharedCommentsArray.get(i).get('comments');
+                        this_1._withRemoteTransaction(function () {
+                            var sharedMap = _this._createCollabSharedMap(commentOrThread);
+                            parentSharedArray_1.insert(insertOffset_1, [sharedMap]);
+                        });
+                    }
+                    newThread.comments.splice(insertOffset_1, 0, commentOrThread);
+                    return "break";
+                }
+            };
+            var this_1 = this;
+            for (var i = 0; i < nextComments.length; i++) {
+                var state_1 = _loop_1(i);
+                if (state_1 === "break")
+                    break;
+            }
+        }
+        else {
+            var insertOffset_2 = offset !== undefined ? offset : nextComments.length;
+            if (this.isCollaborative() && sharedCommentsArray !== null) {
+                this._withRemoteTransaction(function () {
+                    var sharedMap = _this._createCollabSharedMap(commentOrThread);
+                    sharedCommentsArray.insert(insertOffset_2, [sharedMap]);
+                });
+            }
+            nextComments.splice(insertOffset_2, 0, commentOrThread);
+        }
+        this._comments = nextComments;
+        triggerOnChange(this);
+    };
+    CommentStore.prototype.deleteCommentOrThread = function (commentOrThread, thread) {
+        var nextComments = Array.from(this._comments);
+        // The YJS types explicitly use `any` as well.
+        var sharedCommentsArray = this._getCollabComments();
+        var commentIndex = null;
+        if (thread !== undefined) {
+            var _loop_2 = function (i) {
+                var nextComment = nextComments[i];
+                if (nextComment.type === 'thread' && nextComment.id === thread.id) {
+                    var newThread = cloneThread(nextComment);
+                    nextComments.splice(i, 1, newThread);
+                    var threadComments = newThread.comments;
+                    commentIndex = threadComments.indexOf(commentOrThread);
+                    if (this_2.isCollaborative() && sharedCommentsArray !== null) {
+                        var parentSharedArray_2 = sharedCommentsArray.get(i).get('comments');
+                        this_2._withRemoteTransaction(function () {
+                            parentSharedArray_2.delete(commentIndex);
+                        });
+                    }
+                    threadComments.splice(commentIndex, 1);
+                    return "break";
+                }
+            };
+            var this_2 = this;
+            for (var i = 0; i < nextComments.length; i++) {
+                var state_2 = _loop_2(i);
+                if (state_2 === "break")
+                    break;
+            }
+        }
+        else {
+            commentIndex = nextComments.indexOf(commentOrThread);
+            if (this.isCollaborative() && sharedCommentsArray !== null) {
+                this._withRemoteTransaction(function () {
+                    sharedCommentsArray.delete(commentIndex);
+                });
+            }
+            nextComments.splice(commentIndex, 1);
+        }
+        this._comments = nextComments;
+        triggerOnChange(this);
+        if (commentOrThread.type === 'comment') {
+            return {
+                index: commentIndex,
+                markedComment: markDeleted(commentOrThread),
+            };
+        }
+        return null;
+    };
+    CommentStore.prototype.registerOnChange = function (onChange) {
+        var changeListeners = this._changeListeners;
+        changeListeners.add(onChange);
+        return function () {
+            changeListeners.delete(onChange);
+        };
+    };
+    CommentStore.prototype._withRemoteTransaction = function (fn) {
+        var provider = this._collabProvider;
+        if (provider !== null) {
+            // @ts-ignore doc does exist
+            var doc = provider.doc;
+            doc.transact(fn, this);
+        }
+    };
+    CommentStore.prototype._withLocalTransaction = function (fn) {
+        var collabProvider = this._collabProvider;
+        try {
+            this._collabProvider = null;
+            fn();
+        }
+        finally {
+            this._collabProvider = collabProvider;
+        }
+    };
+    CommentStore.prototype._getCollabComments = function () {
+        var provider = this._collabProvider;
+        if (provider !== null) {
+            // @ts-ignore doc does exist
+            var doc = provider.doc;
+            return doc.get('comments', yjs_2.Array);
+        }
+        return null;
+    };
+    CommentStore.prototype._createCollabSharedMap = function (commentOrThread) {
+        var _this = this;
+        var sharedMap = new yjs_2.Map();
+        var type = commentOrThread.type;
+        var id = commentOrThread.id;
+        sharedMap.set('type', type);
+        sharedMap.set('id', id);
+        if (type === 'comment') {
+            sharedMap.set('author', commentOrThread.author);
+            sharedMap.set('content', commentOrThread.content);
+            sharedMap.set('deleted', commentOrThread.deleted);
+            sharedMap.set('timeStamp', commentOrThread.timeStamp);
+        }
+        else {
+            sharedMap.set('quote', commentOrThread.quote);
+            var commentsArray_1 = new yjs_2.Array();
+            commentOrThread.comments.forEach(function (comment, i) {
+                var sharedChildComment = _this._createCollabSharedMap(comment);
+                commentsArray_1.insert(i, [sharedChildComment]);
+            });
+            sharedMap.set('comments', commentsArray_1);
+        }
+        return sharedMap;
+    };
+    CommentStore.prototype.registerCollaboration = function (provider) {
+        var _this = this;
+        this._collabProvider = provider;
+        var sharedCommentsArray = this._getCollabComments();
+        var connect = function () {
+            provider.connect();
+        };
+        var disconnect = function () {
+            try {
+                provider.disconnect();
+            }
+            catch (e) {
+                // Do nothing
+            }
+        };
+        var unsubscribe = this._editor.registerCommand(yjs_1.TOGGLE_CONNECT_COMMAND, function (payload) {
+            if (connect !== undefined && disconnect !== undefined) {
+                var shouldConnect = payload;
+                if (shouldConnect) {
+                    // eslint-disable-next-line no-console
+                    connect();
+                }
+                else {
+                    // eslint-disable-next-line no-console
+                    disconnect();
+                }
+            }
+            return false;
+        }, lexical_1.COMMAND_PRIORITY_LOW);
+        var onSharedCommentChanges = function (
+        // The YJS types explicitly use `any` as well.
+        events, transaction) {
+            if (transaction.origin !== _this) {
+                var _loop_3 = function (i) {
+                    var event_1 = events[i];
+                    if (event_1 instanceof yjs_2.YArrayEvent) {
+                        var target = event_1.target;
+                        var deltas = event_1.delta;
+                        var offset_1 = 0;
+                        var _loop_4 = function (s) {
+                            var delta = deltas[s];
+                            var insert = delta.insert;
+                            var retain = delta.retain;
+                            var del = delta.delete;
+                            var parent_1 = target.parent;
+                            var parentThread = target === sharedCommentsArray
+                                ? undefined
+                                : parent_1 instanceof yjs_2.Map &&
+                                    _this._comments.find(function (t) { return t.id === parent_1.get('id'); });
+                            if (Array.isArray(insert)) {
+                                insert
+                                    .slice()
+                                    .reverse()
+                                    .forEach(function (map) {
+                                    var id = map.get('id');
+                                    var type = map.get('type');
+                                    var commentOrThread = type === 'thread'
+                                        ? createThread(map.get('quote'), map
+                                            .get('comments')
+                                            .toArray()
+                                            .map(function (innerComment) {
+                                            return createComment(innerComment.get('content'), innerComment.get('author'), innerComment.get('id'), innerComment.get('timeStamp'), innerComment.get('deleted'));
+                                        }), id)
+                                        : createComment(map.get('content'), map.get('author'), id, map.get('timeStamp'), map.get('deleted'));
+                                    _this._withLocalTransaction(function () {
+                                        _this.addComment(commentOrThread, parentThread, offset_1);
+                                    });
+                                });
+                            }
+                            else if (typeof retain === 'number') {
+                                offset_1 += retain;
+                            }
+                            else if (typeof del === 'number') {
+                                var _loop_5 = function (d) {
+                                    var commentOrThread = parentThread === undefined || parentThread === false
+                                        ? _this._comments[offset_1]
+                                        : parentThread.comments[offset_1];
+                                    _this._withLocalTransaction(function () {
+                                        _this.deleteCommentOrThread(commentOrThread, parentThread);
+                                    });
+                                    offset_1++;
+                                };
+                                for (var d = 0; d < del; d++) {
+                                    _loop_5(d);
+                                }
+                            }
+                        };
+                        for (var s = 0; s < deltas.length; s++) {
+                            _loop_4(s);
+                        }
+                    }
+                };
+                for (var i = 0; i < events.length; i++) {
+                    _loop_3(i);
+                }
+            }
+        };
+        if (sharedCommentsArray === null) {
+            return function () { return null; };
+        }
+        sharedCommentsArray.observeDeep(onSharedCommentChanges);
+        connect();
+        return function () {
+            sharedCommentsArray.unobserveDeep(onSharedCommentChanges);
+            unsubscribe();
+            _this._collabProvider = null;
+        };
+    };
+    return CommentStore;
+}());
+exports.CommentStore = CommentStore;
+function useCommentStore(commentStore) {
+    var _a = (0, react_1.useState)(commentStore.getComments()), comments = _a[0], setComments = _a[1];
+    (0, react_1.useEffect)(function () {
+        return commentStore.registerOnChange(function () {
+            setComments(commentStore.getComments());
+        });
+    }, [commentStore]);
+    return comments;
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TextEditorV2/commenting/index.js.map

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

package/dist/cjs/components/TextEditorV2/constants.d.ts

@@ -0,0 +1 @@
+export declare const styleTag = "\n.PlaygroundEditorTheme__ltr {\n  text-align: left;\n}\n.PlaygroundEditorTheme__rtl {\n  text-align: right;\n}\n\n.PlaygroundEditorTheme__quote {\n  margin: 0;\n  margin-left: 20px;\n  font-size: 15px;\n  color: rgb(101, 103, 107);\n  border-left-color: rgb(206, 208, 212);\n  border-left-width: 4px;\n  border-left-style: solid;\n  padding-left: 16px;\n}\n.PlaygroundEditorTheme__h1 {\n  font-size: 34px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h2 {\n  font-size: 29px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h3 {\n  font-size: 24px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h4 {\n  font-size: 21px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h5 {\n  font-size: 18px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h6 {\n  font-size: 16px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__indent {\n  --lexical-indent-base-value: 40px;\n}\n.PlaygroundEditorTheme__textBold {\n  font-weight: bold;\n}\n.PlaygroundEditorTheme__textItalic {\n  font-style: italic;\n}\n.PlaygroundEditorTheme__textUnderline {\n  text-decoration: underline;\n}\n.PlaygroundEditorTheme__textStrikethrough {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__textUnderlineStrikethrough {\n  text-decoration: underline line-through;\n}\n.PlaygroundEditorTheme__textSubscript {\n  font-size: 0.8em;\n  vertical-align: sub !important;\n}\n.PlaygroundEditorTheme__textSuperscript {\n  font-size: 0.8em;\n  vertical-align: super;\n}\n.PlaygroundEditorTheme__textCode {\n  background-color: rgb(240, 242, 245);\n  padding: 1px 0.25rem;\n  font-family: Menlo, Consolas, Monaco, monospace;\n  font-size: 94%;\n}\n.PlaygroundEditorTheme__hashtag {\n  background-color: rgba(88, 144, 255, 0.15);\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\n}\n.PlaygroundEditorTheme__link {\n  color: rgb(33, 111, 219);\n  text-decoration: none;\n}\n.PlaygroundEditorTheme__link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__code {\n  background-color: rgb(240, 242, 245);\n  font-family: Menlo, Consolas, Monaco, monospace;\n  display: block;\n  padding: 8px 8px 8px 52px;\n  line-height: 1.53;\n  font-size: 13px;\n  margin: 0;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  overflow-x: auto;\n  position: relative;\n  tab-size: 2;\n}\n.PlaygroundEditorTheme__code:before {\n  content: attr(data-gutter);\n  position: absolute;\n  background-color: #eee;\n  left: 0;\n  top: 0;\n  border-right: 1px solid #ccc;\n  padding: 8px;\n  color: #777;\n  white-space: pre-wrap;\n  text-align: right;\n  min-width: 25px;\n}\n.PlaygroundEditorTheme__table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  overflow-y: scroll;\n  overflow-x: scroll;\n  table-layout: fixed;\n  width: max-content;\n  margin: 30px 0;\n}\n.PlaygroundEditorTheme__tableSelection *::selection {\n  background-color: transparent;\n}\n.PlaygroundEditorTheme__tableSelected {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__tableCell {\n  border: 1px solid #bbb;\n  width: 75px;\n  min-width: 75px;\n  vertical-align: top;\n  text-align: start;\n  padding: 6px 8px;\n  position: relative;\n  outline: none;\n}\n.PlaygroundEditorTheme__tableCellSortedIndicator {\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: #999;\n}\n.PlaygroundEditorTheme__tableCellResizer {\n  position: absolute;\n  right: -4px;\n  height: 100%;\n  width: 8px;\n  cursor: ew-resize;\n  z-index: 10;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellHeader {\n  background-color: #f2f3f5;\n  text-align: start;\n}\n.PlaygroundEditorTheme__tableCellSelected {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableCellPrimarySelected {\n  border: 2px solid rgb(60, 132, 244);\n  display: block;\n  height: calc(100% - 2px);\n  position: absolute;\n  width: calc(100% - 2px);\n  left: -1px;\n  top: -1px;\n  z-index: 2;\n}\n.PlaygroundEditorTheme__tableCellEditing {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n  border-radius: 3px;\n}\n.PlaygroundEditorTheme__tableAddColumns {\n  position: absolute;\n  top: 0;\n  width: 20px;\n  background-color: #eee;\n  height: 100%;\n  right: -25px;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddColumns:after {\n  background-image: url('/icons/plus.svg');\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddColumns:hover {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableAddRows {\n  position: absolute;\n  bottom: -25px;\n  width: calc(100% - 25px);\n  background-color: #eee;\n  height: 20px;\n  left: 0;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddRows:after {\n  background-image: url(/icons/plus.svg);\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddRows:hover {\n  background-color: #c9dbf0;\n}\n@keyframes table-controls {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.PlaygroundEditorTheme__tableCellResizeRuler {\n  display: block;\n  position: absolute;\n  width: 1px;\n  background-color: rgb(60, 132, 244);\n  height: 100%;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellActionButtonContainer {\n  display: block;\n  right: 5px;\n  top: 6px;\n  position: absolute;\n  z-index: 4;\n  width: 20px;\n  height: 20px;\n}\n.PlaygroundEditorTheme__tableCellActionButton {\n  background-color: #eee;\n  display: block;\n  border: 0;\n  border-radius: 20px;\n  width: 20px;\n  height: 20px;\n  color: #222;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableCellActionButton:hover {\n  background-color: #ddd;\n}\n.PlaygroundEditorTheme__characterLimit {\n  display: inline;\n  background-color: #ffbbbb !important;\n}\n.PlaygroundEditorTheme__ol1 {\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n  list-style-type: decimal;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol2 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol3 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol4 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol5 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ul {\n  padding: 0;\n  margin: 0;\n  list-style: disc;\n  margin-left: 20px;\n  list-style-position: inside !important;;\n}\n\n.PlaygroundEditorTheme__listItemChecked,\n.PlaygroundEditorTheme__listItemUnchecked {\n  position: relative;\n  margin-left: 8px;\n  margin-right: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  list-style-type: none;\n  outline: none;\n}\n.PlaygroundEditorTheme__listItemChecked {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before,\n.PlaygroundEditorTheme__listItemChecked:before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  top: 2px;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n.PlaygroundEditorTheme__listItemUnchecked[dir='rtl']:before,\n.PlaygroundEditorTheme__listItemChecked[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n.PlaygroundEditorTheme__listItemUnchecked:focus:before,\n.PlaygroundEditorTheme__listItemChecked:focus:before {\n  box-shadow: 0 0 0 2px #a6cdfe;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before {\n  border: 1px solid #999;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemChecked:before {\n  border: 1px solid rgb(61, 135, 245);\n  border-radius: 2px;\n  background-color: #3d87f5;\n  background-repeat: no-repeat;\n}\n.PlaygroundEditorTheme__listItemChecked:after {\n  content: '';\n  cursor: pointer;\n  border-color: #fff;\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: 6px;\n  width: 3px;\n  left: 7px;\n  right: 7px;\n  height: 6px;\n  transform: rotate(45deg);\n  border-width: 0 2px 2px 0;\n}\n.PlaygroundEditorTheme__nestedListItem {\n  list-style-type: none;\n}\n.PlaygroundEditorTheme__nestedListItem:before,\n.PlaygroundEditorTheme__nestedListItem:after {\n  display: none;\n}\n.PlaygroundEditorTheme__tokenComment {\n  color: slategray;\n}\n.PlaygroundEditorTheme__tokenPunctuation {\n  color: #999;\n}\n.PlaygroundEditorTheme__tokenProperty {\n  color: #905;\n}\n.PlaygroundEditorTheme__tokenSelector {\n  color: #690;\n}\n.PlaygroundEditorTheme__tokenOperator {\n  color: #9a6e3a;\n}\n.PlaygroundEditorTheme__tokenAttr {\n  color: #07a;\n}\n.PlaygroundEditorTheme__tokenVariable {\n  color: #e90;\n}\n.PlaygroundEditorTheme__tokenFunction {\n  color: #dd4a68;\n}\n.PlaygroundEditorTheme__mark {\n  background: rgba(255, 212, 0, 0.14);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\n  padding-bottom: 2px;\n}\n.PlaygroundEditorTheme__markOverlap {\n  background: rgba(255, 212, 0, 0.3);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__mark.selected {\n  background: rgba(255, 212, 0, 0.5);\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\n}\n.PlaygroundEditorTheme__markOverlap.selected {\n  background: rgba(255, 212, 0, 0.7);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__embedBlock {\n  user-select: none;\n}\n.PlaygroundEditorTheme__embedBlockFocus {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__layoutContaner {\n  display: grid;\n  gap: 10px;\n  margin: 10px 0;\n}\n.PlaygroundEditorTheme__layoutItem {\n  border: 1px dashed #ddd;\n  padding: 8px 16px;\n}\n\n.editor-image img {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 90% !important;\n  border: 1px solid #e5e7eb\n  margin-bottom: 10px;\n}\n";

package/dist/cjs/components/TextEditorV2/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styleTag = void 0;
+exports.styleTag = "\n.PlaygroundEditorTheme__ltr {\n  text-align: left;\n}\n.PlaygroundEditorTheme__rtl {\n  text-align: right;\n}\n\n.PlaygroundEditorTheme__quote {\n  margin: 0;\n  margin-left: 20px;\n  font-size: 15px;\n  color: rgb(101, 103, 107);\n  border-left-color: rgb(206, 208, 212);\n  border-left-width: 4px;\n  border-left-style: solid;\n  padding-left: 16px;\n}\n.PlaygroundEditorTheme__h1 {\n  font-size: 34px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h2 {\n  font-size: 29px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h3 {\n  font-size: 24px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h4 {\n  font-size: 21px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h5 {\n  font-size: 18px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h6 {\n  font-size: 16px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__indent {\n  --lexical-indent-base-value: 40px;\n}\n.PlaygroundEditorTheme__textBold {\n  font-weight: bold;\n}\n.PlaygroundEditorTheme__textItalic {\n  font-style: italic;\n}\n.PlaygroundEditorTheme__textUnderline {\n  text-decoration: underline;\n}\n.PlaygroundEditorTheme__textStrikethrough {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__textUnderlineStrikethrough {\n  text-decoration: underline line-through;\n}\n.PlaygroundEditorTheme__textSubscript {\n  font-size: 0.8em;\n  vertical-align: sub !important;\n}\n.PlaygroundEditorTheme__textSuperscript {\n  font-size: 0.8em;\n  vertical-align: super;\n}\n.PlaygroundEditorTheme__textCode {\n  background-color: rgb(240, 242, 245);\n  padding: 1px 0.25rem;\n  font-family: Menlo, Consolas, Monaco, monospace;\n  font-size: 94%;\n}\n.PlaygroundEditorTheme__hashtag {\n  background-color: rgba(88, 144, 255, 0.15);\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\n}\n.PlaygroundEditorTheme__link {\n  color: rgb(33, 111, 219);\n  text-decoration: none;\n}\n.PlaygroundEditorTheme__link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__code {\n  background-color: rgb(240, 242, 245);\n  font-family: Menlo, Consolas, Monaco, monospace;\n  display: block;\n  padding: 8px 8px 8px 52px;\n  line-height: 1.53;\n  font-size: 13px;\n  margin: 0;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  overflow-x: auto;\n  position: relative;\n  tab-size: 2;\n}\n.PlaygroundEditorTheme__code:before {\n  content: attr(data-gutter);\n  position: absolute;\n  background-color: #eee;\n  left: 0;\n  top: 0;\n  border-right: 1px solid #ccc;\n  padding: 8px;\n  color: #777;\n  white-space: pre-wrap;\n  text-align: right;\n  min-width: 25px;\n}\n.PlaygroundEditorTheme__table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  overflow-y: scroll;\n  overflow-x: scroll;\n  table-layout: fixed;\n  width: max-content;\n  margin: 30px 0;\n}\n.PlaygroundEditorTheme__tableSelection *::selection {\n  background-color: transparent;\n}\n.PlaygroundEditorTheme__tableSelected {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__tableCell {\n  border: 1px solid #bbb;\n  width: 75px;\n  min-width: 75px;\n  vertical-align: top;\n  text-align: start;\n  padding: 6px 8px;\n  position: relative;\n  outline: none;\n}\n.PlaygroundEditorTheme__tableCellSortedIndicator {\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: #999;\n}\n.PlaygroundEditorTheme__tableCellResizer {\n  position: absolute;\n  right: -4px;\n  height: 100%;\n  width: 8px;\n  cursor: ew-resize;\n  z-index: 10;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellHeader {\n  background-color: #f2f3f5;\n  text-align: start;\n}\n.PlaygroundEditorTheme__tableCellSelected {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableCellPrimarySelected {\n  border: 2px solid rgb(60, 132, 244);\n  display: block;\n  height: calc(100% - 2px);\n  position: absolute;\n  width: calc(100% - 2px);\n  left: -1px;\n  top: -1px;\n  z-index: 2;\n}\n.PlaygroundEditorTheme__tableCellEditing {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n  border-radius: 3px;\n}\n.PlaygroundEditorTheme__tableAddColumns {\n  position: absolute;\n  top: 0;\n  width: 20px;\n  background-color: #eee;\n  height: 100%;\n  right: -25px;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddColumns:after {\n  background-image: url('/icons/plus.svg');\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddColumns:hover {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableAddRows {\n  position: absolute;\n  bottom: -25px;\n  width: calc(100% - 25px);\n  background-color: #eee;\n  height: 20px;\n  left: 0;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddRows:after {\n  background-image: url(/icons/plus.svg);\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddRows:hover {\n  background-color: #c9dbf0;\n}\n@keyframes table-controls {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.PlaygroundEditorTheme__tableCellResizeRuler {\n  display: block;\n  position: absolute;\n  width: 1px;\n  background-color: rgb(60, 132, 244);\n  height: 100%;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellActionButtonContainer {\n  display: block;\n  right: 5px;\n  top: 6px;\n  position: absolute;\n  z-index: 4;\n  width: 20px;\n  height: 20px;\n}\n.PlaygroundEditorTheme__tableCellActionButton {\n  background-color: #eee;\n  display: block;\n  border: 0;\n  border-radius: 20px;\n  width: 20px;\n  height: 20px;\n  color: #222;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableCellActionButton:hover {\n  background-color: #ddd;\n}\n.PlaygroundEditorTheme__characterLimit {\n  display: inline;\n  background-color: #ffbbbb !important;\n}\n.PlaygroundEditorTheme__ol1 {\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n  list-style-type: decimal;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol2 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol3 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol4 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol5 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ul {\n  padding: 0;\n  margin: 0;\n  list-style: disc;\n  margin-left: 20px;\n  list-style-position: inside !important;;\n}\n\n.PlaygroundEditorTheme__listItemChecked,\n.PlaygroundEditorTheme__listItemUnchecked {\n  position: relative;\n  margin-left: 8px;\n  margin-right: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  list-style-type: none;\n  outline: none;\n}\n.PlaygroundEditorTheme__listItemChecked {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before,\n.PlaygroundEditorTheme__listItemChecked:before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  top: 2px;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n.PlaygroundEditorTheme__listItemUnchecked[dir='rtl']:before,\n.PlaygroundEditorTheme__listItemChecked[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n.PlaygroundEditorTheme__listItemUnchecked:focus:before,\n.PlaygroundEditorTheme__listItemChecked:focus:before {\n  box-shadow: 0 0 0 2px #a6cdfe;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before {\n  border: 1px solid #999;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemChecked:before {\n  border: 1px solid rgb(61, 135, 245);\n  border-radius: 2px;\n  background-color: #3d87f5;\n  background-repeat: no-repeat;\n}\n.PlaygroundEditorTheme__listItemChecked:after {\n  content: '';\n  cursor: pointer;\n  border-color: #fff;\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: 6px;\n  width: 3px;\n  left: 7px;\n  right: 7px;\n  height: 6px;\n  transform: rotate(45deg);\n  border-width: 0 2px 2px 0;\n}\n.PlaygroundEditorTheme__nestedListItem {\n  list-style-type: none;\n}\n.PlaygroundEditorTheme__nestedListItem:before,\n.PlaygroundEditorTheme__nestedListItem:after {\n  display: none;\n}\n.PlaygroundEditorTheme__tokenComment {\n  color: slategray;\n}\n.PlaygroundEditorTheme__tokenPunctuation {\n  color: #999;\n}\n.PlaygroundEditorTheme__tokenProperty {\n  color: #905;\n}\n.PlaygroundEditorTheme__tokenSelector {\n  color: #690;\n}\n.PlaygroundEditorTheme__tokenOperator {\n  color: #9a6e3a;\n}\n.PlaygroundEditorTheme__tokenAttr {\n  color: #07a;\n}\n.PlaygroundEditorTheme__tokenVariable {\n  color: #e90;\n}\n.PlaygroundEditorTheme__tokenFunction {\n  color: #dd4a68;\n}\n.PlaygroundEditorTheme__mark {\n  background: rgba(255, 212, 0, 0.14);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\n  padding-bottom: 2px;\n}\n.PlaygroundEditorTheme__markOverlap {\n  background: rgba(255, 212, 0, 0.3);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__mark.selected {\n  background: rgba(255, 212, 0, 0.5);\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\n}\n.PlaygroundEditorTheme__markOverlap.selected {\n  background: rgba(255, 212, 0, 0.7);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__embedBlock {\n  user-select: none;\n}\n.PlaygroundEditorTheme__embedBlockFocus {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__layoutContaner {\n  display: grid;\n  gap: 10px;\n  margin: 10px 0;\n}\n.PlaygroundEditorTheme__layoutItem {\n  border: 1px dashed #ddd;\n  padding: 8px 16px;\n}\n\n.editor-image img {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 90% !important;\n  border: 1px solid #e5e7eb\n  margin-bottom: 10px;\n}\n";
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/TextEditorV2/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/TextEditorV2/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,qlUAkcvB,CAAA"}

package/dist/cjs/components/TextEditorV2/context/SettingsContext.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { SettingName } from '../lib/appSettings';
+type SettingsContextShape = {
+    setOption(name: SettingName, value: boolean): void;
+    settings: Record<SettingName, boolean>;
+};
+export declare const SettingsContext: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const useSettings: () => SettingsContextShape;
+export {};

package/dist/cjs/components/TextEditorV2/context/SettingsContext.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSettings = exports.SettingsContext = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var appSettings_1 = require("../lib/appSettings");
+var Context = (0, react_1.createContext)({
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars,arrow-body-style
+    setOption: function (name, value) {
+        console.log({
+            name: name,
+            value: value,
+        });
+        return;
+    },
+    settings: appSettings_1.DEFAULT_SETTINGS,
+});
+var SettingsContext = function (_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)(appSettings_1.DEFAULT_SETTINGS), settings = _b[0], setSettings = _b[1];
+    var setOption = (0, react_1.useCallback)(function (setting, value) {
+        setSettings(function (options) {
+            var _a;
+            return (tslib_1.__assign(tslib_1.__assign({}, options), (_a = {}, _a[setting] = value, _a)));
+        });
+        if (appSettings_1.DEFAULT_SETTINGS[setting] === value) {
+            setURLParam(setting, null);
+        }
+        else {
+            setURLParam(setting, value);
+        }
+    }, []);
+    var contextValue = (0, react_1.useMemo)(function () { return ({ setOption: setOption, settings: settings }); }, [setOption, settings]);
+    return React.createElement(Context.Provider, { value: contextValue }, children);
+};
+exports.SettingsContext = SettingsContext;
+var useSettings = function () { return (0, react_1.useContext)(Context); };
+exports.useSettings = useSettings;
+function setURLParam(param, value) {
+    var url = new URL(window.location.href);
+    var params = new URLSearchParams(url.search);
+    if (value !== null) {
+        if (params.has(param)) {
+            params.set(param, String(value));
+        }
+        else {
+            params.append(param, String(value));
+        }
+    }
+    else {
+        if (params.has(param)) {
+            params.delete(param);
+        }
+    }
+    url.search = params.toString();
+    window.history.pushState(null, '', url.toString());
+}
+//# sourceMappingURL=SettingsContext.js.map

package/dist/cjs/components/TextEditorV2/context/SettingsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsContext.js","sourceRoot":"","sources":["../../../../../src/components/TextEditorV2/context/SettingsContext.tsx"],"names":[],"mappings":";;;;AAAA,mDAA8B;AAC9B,+BAA4F;AAC5F,kDAAkE;AAOlE,IAAM,OAAO,GAAwC,IAAA,qBAAa,EAAC;IACjE,8EAA8E;IAC9E,SAAS,EAAE,UAAC,IAAiB,EAAE,KAAc;QAC3C,OAAO,CAAC,GAAG,CAAC;YACV,IAAI,MAAA;YACJ,KAAK,OAAA;SACN,CAAC,CAAA;QACF,OAAM;IACR,CAAC;IACD,QAAQ,EAAE,8BAAgB;CAC3B,CAAC,CAAA;AAEK,IAAM,eAAe,GAAG,UAAC,EAAqC;QAAnC,QAAQ,cAAA;IAClC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,8BAAgB,CAAC,EAAnD,QAAQ,QAAA,EAAE,WAAW,QAA8B,CAAA;IAE1D,IAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,UAAC,OAAoB,EAAE,KAAc;QACjE,WAAW,CAAC,UAAC,OAAO;;YAAK,OAAA,uCACpB,OAAO,gBACT,OAAiB,IAAG,KAAK,OAC1B;QAHuB,CAGvB,CAAC,CAAA;QACH,IAAI,8BAAgB,CAAC,OAAO,CAAC,KAAK,KAAK,EAAE,CAAC;YACxC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;QAC5B,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC7B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,YAAY,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,EAAzB,CAAyB,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpF,OAAO,oBAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAAG,QAAQ,CAAoB,CAAA;AAC7E,CAAC,CAAA;AAlBY,QAAA,eAAe,mBAkB3B;AAEM,IAAM,WAAW,GAAG,cAA4B,OAAA,IAAA,kBAAU,EAAC,OAAO,CAAC,EAAnB,CAAmB,CAAA;AAA7D,QAAA,WAAW,eAAkD;AAE1E,SAAS,WAAW,CAAC,KAAkB,EAAE,KAAqB;IAC5D,IAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACzC,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAC9C,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACtB,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;QACrC,CAAC;IACH,CAAC;SAAM,CAAC;QACN,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACtB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;IACH,CAAC;IACD,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAA;IAC9B,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;AACpD,CAAC"}

package/dist/cjs/components/TextEditorV2/context/SharedAutocompleteContext.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+type Suggestion = null | string;
+type PublishFn = (newSuggestion: Suggestion) => void;
+type HookShape = [suggestion: Suggestion, setSuggestion: PublishFn];
+export declare const SharedAutocompleteContext: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const useSharedAutocompleteContext: () => HookShape;
+export {};