beesoft-components 0.2.26-6 → 0.3.0-1

package/build/index.cjs.js

@@ -30376,9 +30376,7 @@ function OverlayPanel(_a) {
     var onEntered = function () {
         if (!panelRef.current)
             return;
-        if (shown) {
-            shown();
-        }
+        shown === null || shown === void 0 ? void 0 : shown();
         var otherElements = undefined;
         if (!shouldTargetCloseOverlay && finalTarget.current) {
             otherElements = [finalTarget.current];
@@ -30403,14 +30401,12 @@ function OverlayPanel(_a) {
     };
     var onExited = function () {
         setZIndex(-1);
-        if (hidden) {
-            hidden();
-        }
+        hidden === null || hidden === void 0 ? void 0 : hidden();
     };
     var onMarkupCreated = function (element) {
         var _a, _b;
         panelRef.current = element;
-        markupCreated && markupCreated(element);
+        markupCreated === null || markupCreated === void 0 ? void 0 : markupCreated(element);
         if (finalTarget.current) {
             var position = DomHandler.positionElementToTarget(panelRef.current, finalTarget.current, elementAlignment, targetPosition);
             panelDimensions.current = __assign(__assign({}, position), { width: finalTarget.current.offsetWidth });
@@ -30566,6 +30562,29 @@ var FormatNavigator = (function () {
             this.setPartIndexByCursorPosition();
         }
     };
+    FormatNavigator.prototype.findCursorPosition = function () {
+        var _a, _b;
+        var range = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.getRangeAt(0);
+        if (this.inputElement && range) {
+            var treeWalker = document.createTreeWalker(this.inputElement, NodeFilter.SHOW_TEXT, function (node) {
+                var nodeRange = document.createRange();
+                nodeRange.selectNodeContents(node);
+                return nodeRange.compareBoundaryPoints(Range.END_TO_END, range) < 1
+                    ? NodeFilter.FILTER_ACCEPT
+                    : NodeFilter.FILTER_REJECT;
+            });
+            var cursorPosition = 0;
+            while (treeWalker.nextNode()) {
+                cursorPosition += ((_b = treeWalker.currentNode.textContent) === null || _b === void 0 ? void 0 : _b.length) || 0;
+            }
+            if (range.startContainer.nodeType === Node.TEXT_NODE) {
+                cursorPosition += range.startOffset;
+            }
+            var lastDataSlot = this.inputSlotCollection.getLastSlotWithData();
+            var maximumLength = lastDataSlot.startPosition + lastDataSlot.partText.length;
+            this.setCursorSelection(cursorPosition > maximumLength ? maximumLength : cursorPosition);
+        }
+    };
     FormatNavigator.prototype.isAtLastPart = function () {
         return this.currentPartIndex === this.formatPartList.length - 1;
     };
@@ -31192,8 +31211,13 @@ var FormatParser = (function () {
     FormatParser.prototype.inputValuePassed = function (inputValue) {
         var _this = this;
         this.inputValue = inputValue;
-        if (this.inputElementSet && this.inputValue.length > 0) {
-            this.inputRuleProcessor.processInputValue(inputValue);
+        if (this.inputElementSet) {
+            if (this.inputValue.length > 0) {
+                this.inputRuleProcessor.processInputValue(inputValue);
+            }
+            else {
+                this.inputSlotCollection.clearAllSlots();
+            }
             setTimeout(function () {
                 _this.formatRenderer.render();
                 if (_this.isInputFocused) {
@@ -31205,6 +31229,9 @@ var FormatParser = (function () {
     FormatParser.prototype.registerFormatChangeEvent = function (onFormatChange) {
         this.onFormatChange = onFormatChange;
     };
+    FormatParser.prototype.mouseUpHandler = function () {
+        this.formatNavigator.findCursorPosition();
+    };
     FormatParser.prototype.keyDownHandler = function (event) {
         if (event.key === 'Tab') {
             return;
@@ -31825,16 +31852,22 @@ var FormattedInput = function (props, ref) {
         (_a = formatParser.current) === null || _a === void 0 ? void 0 : _a.inputBlurred();
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     }, [onBlur]);
+    var onMouseUpHandler = React.useCallback(function () {
+        var _a;
+        (_a = formatParser.current) === null || _a === void 0 ? void 0 : _a.mouseUpHandler();
+    }, []);
     var onKeyDownHandler = React.useCallback(function (event) {
         var _a;
         (_a = formatParser.current) === null || _a === void 0 ? void 0 : _a.keyDownHandler(event);
     }, []);
     var onInputRefCreated = React.useCallback(function (ref) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.inputElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('keydown', onKeyDownHandler);
+        (_d = (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.inputElement) === null || _d === void 0 ? void 0 : _d.removeEventListener('mouseup', onMouseUpHandler);
         inputRef.current = ref;
-        (_d = (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.inputElement) === null || _d === void 0 ? void 0 : _d.addEventListener('keydown', onKeyDownHandler);
-        inputElementRef.current = (_e = inputRef.current) === null || _e === void 0 ? void 0 : _e.inputElement;
+        (_f = (_e = inputRef.current) === null || _e === void 0 ? void 0 : _e.inputElement) === null || _f === void 0 ? void 0 : _f.addEventListener('keydown', onKeyDownHandler);
+        (_h = (_g = inputRef.current) === null || _g === void 0 ? void 0 : _g.inputElement) === null || _h === void 0 ? void 0 : _h.addEventListener('mouseup', onMouseUpHandler);
+        inputElementRef.current = (_j = inputRef.current) === null || _j === void 0 ? void 0 : _j.inputElement;
     }, []);
     var focus = React.useCallback(function () {
         var _a;

package/build/index.js

@@ -30374,9 +30374,7 @@ function OverlayPanel(_a) {
     var onEntered = function () {
         if (!panelRef.current)
             return;
-        if (shown) {
-            shown();
-        }
+        shown === null || shown === void 0 ? void 0 : shown();
         var otherElements = undefined;
         if (!shouldTargetCloseOverlay && finalTarget.current) {
             otherElements = [finalTarget.current];
@@ -30401,14 +30399,12 @@ function OverlayPanel(_a) {
     };
     var onExited = function () {
         setZIndex(-1);
-        if (hidden) {
-            hidden();
-        }
+        hidden === null || hidden === void 0 ? void 0 : hidden();
     };
     var onMarkupCreated = function (element) {
         var _a, _b;
         panelRef.current = element;
-        markupCreated && markupCreated(element);
+        markupCreated === null || markupCreated === void 0 ? void 0 : markupCreated(element);
         if (finalTarget.current) {
             var position = DomHandler.positionElementToTarget(panelRef.current, finalTarget.current, elementAlignment, targetPosition);
             panelDimensions.current = __assign(__assign({}, position), { width: finalTarget.current.offsetWidth });
@@ -30564,6 +30560,29 @@ var FormatNavigator = (function () {
             this.setPartIndexByCursorPosition();
         }
     };
+    FormatNavigator.prototype.findCursorPosition = function () {
+        var _a, _b;
+        var range = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.getRangeAt(0);
+        if (this.inputElement && range) {
+            var treeWalker = document.createTreeWalker(this.inputElement, NodeFilter.SHOW_TEXT, function (node) {
+                var nodeRange = document.createRange();
+                nodeRange.selectNodeContents(node);
+                return nodeRange.compareBoundaryPoints(Range.END_TO_END, range) < 1
+                    ? NodeFilter.FILTER_ACCEPT
+                    : NodeFilter.FILTER_REJECT;
+            });
+            var cursorPosition = 0;
+            while (treeWalker.nextNode()) {
+                cursorPosition += ((_b = treeWalker.currentNode.textContent) === null || _b === void 0 ? void 0 : _b.length) || 0;
+            }
+            if (range.startContainer.nodeType === Node.TEXT_NODE) {
+                cursorPosition += range.startOffset;
+            }
+            var lastDataSlot = this.inputSlotCollection.getLastSlotWithData();
+            var maximumLength = lastDataSlot.startPosition + lastDataSlot.partText.length;
+            this.setCursorSelection(cursorPosition > maximumLength ? maximumLength : cursorPosition);
+        }
+    };
     FormatNavigator.prototype.isAtLastPart = function () {
         return this.currentPartIndex === this.formatPartList.length - 1;
     };
@@ -31190,8 +31209,13 @@ var FormatParser = (function () {
     FormatParser.prototype.inputValuePassed = function (inputValue) {
         var _this = this;
         this.inputValue = inputValue;
-        if (this.inputElementSet && this.inputValue.length > 0) {
-            this.inputRuleProcessor.processInputValue(inputValue);
+        if (this.inputElementSet) {
+            if (this.inputValue.length > 0) {
+                this.inputRuleProcessor.processInputValue(inputValue);
+            }
+            else {
+                this.inputSlotCollection.clearAllSlots();
+            }
             setTimeout(function () {
                 _this.formatRenderer.render();
                 if (_this.isInputFocused) {
@@ -31203,6 +31227,9 @@ var FormatParser = (function () {
     FormatParser.prototype.registerFormatChangeEvent = function (onFormatChange) {
         this.onFormatChange = onFormatChange;
     };
+    FormatParser.prototype.mouseUpHandler = function () {
+        this.formatNavigator.findCursorPosition();
+    };
     FormatParser.prototype.keyDownHandler = function (event) {
         if (event.key === 'Tab') {
             return;
@@ -31823,16 +31850,22 @@ var FormattedInput = function (props, ref) {
         (_a = formatParser.current) === null || _a === void 0 ? void 0 : _a.inputBlurred();
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     }, [onBlur]);
+    var onMouseUpHandler = useCallback(function () {
+        var _a;
+        (_a = formatParser.current) === null || _a === void 0 ? void 0 : _a.mouseUpHandler();
+    }, []);
     var onKeyDownHandler = useCallback(function (event) {
         var _a;
         (_a = formatParser.current) === null || _a === void 0 ? void 0 : _a.keyDownHandler(event);
     }, []);
     var onInputRefCreated = useCallback(function (ref) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.inputElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('keydown', onKeyDownHandler);
+        (_d = (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.inputElement) === null || _d === void 0 ? void 0 : _d.removeEventListener('mouseup', onMouseUpHandler);
         inputRef.current = ref;
-        (_d = (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.inputElement) === null || _d === void 0 ? void 0 : _d.addEventListener('keydown', onKeyDownHandler);
-        inputElementRef.current = (_e = inputRef.current) === null || _e === void 0 ? void 0 : _e.inputElement;
+        (_f = (_e = inputRef.current) === null || _e === void 0 ? void 0 : _e.inputElement) === null || _f === void 0 ? void 0 : _f.addEventListener('keydown', onKeyDownHandler);
+        (_h = (_g = inputRef.current) === null || _g === void 0 ? void 0 : _g.inputElement) === null || _h === void 0 ? void 0 : _h.addEventListener('mouseup', onMouseUpHandler);
+        inputElementRef.current = (_j = inputRef.current) === null || _j === void 0 ? void 0 : _j.inputElement;
     }, []);
     var focus = useCallback(function () {
         var _a;