@antscorp/antsomi-ui 1.3.7-beta.26 → 1.3.7-beta.28

package/es/components/molecules/TagifyInput/TagifyInput.js

@@ -17,7 +17,7 @@ import '@yaireo/tagify/dist/tagify.css';
 // Styled
 import { TagTextArea, TagifyWrapper, WrapperPlaceHolder } from './styled';
 // Utils
-import { parseTagStringToTagify, convertInputStringToOriginal, emojiManufacturer, getEmojiTag, isPersonalizeTagType, generateTagContent, unescapeString, hasLineBreak, selectRange, isTagClickable, findURLInTextNodes, getAttributesString, isAnchorNodeChildOfElement, isShortLinkTagType, isCustomTagType, sanitizeTagAttributes, getTagAttributes, applyTagAttributes, getTagContentAttributes, isCaretAtEndOfTextNodeWithNextTag, getCurrentSelectionAndCloneRange, handleEnterWithNextTag, handleTextNodeBackspace, extractTagValues, } from './utils';
+import { parseTagStringToTagify, convertInputStringToOriginal, emojiManufacturer, getEmojiTag, isPersonalizeTagType, generateTagContent, unescapeString, hasLineBreak, selectRange, isTagClickable, findURLInTextNodes, getAttributesString, isAnchorNodeChildOfElement, isShortLinkTagType, isCustomTagType, sanitizeTagAttributes, getTagAttributes, applyTagAttributes, getTagContentAttributes, isCaretAtEndOfTextNodeWithNextTag, getCurrentSelectionAndCloneRange, handleEnterWithNextTag, handleTextNodeBackspace, extractTagValues, preventUndoRedo, } from './utils';
 import { acceptablePatternChecking, detectURLRegex, getCachedRegex, getCustomTagId, getPersonalizeTagInfo, getShortLinkTagInfo, patternHandlers, } from './patternHandlers';
 // Constants
 import { DETECT_LINK, EMOJI, PERSONALIZE_PTN, SHORT_LINK, SHORT_LINK_PTN, SHORT_LINK_V2, TAG_TYPE, UNSUBSCRIBE_WHATSAPP, defaultCssVariables, tagifyDefaultProps, TAG_CUSTOM_ATTRIBUTES, } from './constants';
@@ -852,7 +852,7 @@ const TagifyInput = forwardRef((props, ref) => {
         onContentEditable(!readonlyText);
     }, [readonlyText, onContentEditable]);
     useEffect(() => {
-        if (tagifyRef.current && tagLength && _.isFunction(onTagRemove)) {
+        if (tagifyRef.current && typeof tagLength === 'number' && _.isFunction(onTagRemove)) {
             // Because the remove tag event is not triggered when the tag is removed with Backspace or drag selection tags
             // we need to listen to the input element to detect when a tag is removed
             let mutationQueue = [];
@@ -1001,6 +1001,9 @@ const TagifyInput = forwardRef((props, ref) => {
                 tagifyInstance.on('add', onAddTag);
             if (onBlur)
                 tagifyInstance.on('blur', onBlur);
+            if (tagifyInstance.DOM.input) {
+                tagifyInstance.DOM.input.addEventListener('keydown', preventUndoRedo);
+            }
         }
         // Off listen to Tagify events
         return () => {
@@ -1014,6 +1017,9 @@ const TagifyInput = forwardRef((props, ref) => {
                     tagifyInstance.off('add', onAddTag);
                 if (onBlur)
                     tagifyInstance.off('blur', onBlur);
+                if (tagifyInstance.DOM.input) {
+                    tagifyInstance.DOM.input.removeEventListener('keydown', preventUndoRedo);
+                }
             }
         };
     }, [

package/es/components/molecules/TagifyInput/utils.d.ts

@@ -204,3 +204,6 @@ export declare const handleTextNodeBackspace: (range: Range) => void;
 export declare const handleEnterWithNextTag: (range: Range) => void;
 export declare const removeInvisibleChars: (str: string) => string;
 export declare const extractTagValues: (tagify: Tagify<TagDataCustomize>) => TagValues;
+export declare function preventUndoRedo(e: CustomEvent<Tagify.KeydownEventData<TagDataCustomize>>['detail']['event'], { disableRedo }?: {
+    disableRedo?: boolean | undefined;
+}): void;

package/es/components/molecules/TagifyInput/utils.js

@@ -805,3 +805,13 @@ export const extractTagValues = (tagify) => {
         value: tagify.getInputValue(),
     };
 };
+export function preventUndoRedo(e, { disableRedo = false } = {}) {
+    const key = e.key.toLowerCase();
+    const isUndo = (e.ctrlKey || e.metaKey) && key === 'z';
+    const isRedo = (disableRedo && (e.ctrlKey || e.metaKey) && key === 'y') ||
+        ((e.ctrlKey || e.metaKey) && e.shiftKey && key === 'z');
+    if (isUndo || isRedo) {
+        e.preventDefault();
+        e.stopPropagation();
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.7-beta.26",
+  "version": "1.3.7-beta.28",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",