@antscorp/antsomi-ui 1.3.7-beta.67 → 1.3.7-beta.68

package/es/components/molecules/ShareAccess/constants.js

@@ -84,7 +84,3 @@ export const MENU_PERMISSION = {
     MANAGEMENT_BY_USER: 3,
     EVERYTHING: 4,
 };
-export const TYPES = {
-    UPDATE_OBJECT_ACCESS_INFO: 'UPDATE_OBJECT_ACCESS_INFO',
-    UPDATE_MODAL_TRANSTER_OWNERSHIP: 'UPDATE_MODAL_TRANSTER_OWNERSHIP',
-};

package/es/components/molecules/ShareAccess/hooks/useShareAccess.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 export declare const useShareAccess: () => {
     state: {
         allowEdit: boolean;
         allowView: boolean;
-        accessInfo?: import("..").ObjectAccessInfo | undefined;
-        isLoading?: boolean | undefined;
-        accessUserId?: number | undefined;
+        accessInfo?: import("..").ObjectAccessInfo;
+        isLoading?: boolean;
+        accessUserId?: number;
         accessUserPermission?: {
             view: number;
             edit: number;
-        } | undefined;
-        excludeUserAccess?: import("../types").ExcludeUserAccess | undefined;
+        };
+        excludeUserAccess?: import("../types").ExcludeUserAccess;
         modalTransferOwnership: {
             open: boolean;
             userToOwnerShipId: number;

package/es/components/molecules/ShareAccess/reducer.d.ts

@@ -1,2 +1,2 @@
 import { ShareAccessAction, ShareAccessProps, ShareAccessState } from './types';
-export declare const shareAccessReducer: (onChange: ShareAccessProps['onChange'], onRawChange: ShareAccessProps['onRawChange']) => (state: ShareAccessState, action: ShareAccessAction) => ShareAccessState;
+export declare const shareAccessReducer: (onChange: ShareAccessProps["onChange"], onRawChange: ShareAccessProps["onRawChange"]) => (state: ShareAccessState, action: ShareAccessAction) => ShareAccessState;

package/es/components/molecules/ShareAccess/reducer.js

@@ -1,5 +1,5 @@
 import produce from 'immer';
-import { TYPES } from './constants';
+import { TYPES } from './actions';
 import { mappingOutData, toRaw } from './utils';
 export const shareAccessReducer = (onChange, onRawChange) => (state, action) => produce(state, draft => {
     switch (action.type) {

package/es/components/molecules/ShareAccess/types.d.ts

@@ -1,4 +1,5 @@
-import { TYPES, PEOPLE_ACTION_KEYS } from './constants';
+import { updateModalTransferOwnership, updateObjAccessInfo } from './actions';
+import { PEOPLE_ACTION_KEYS } from './constants';
 export type UserInfo = {
     user_id: number;
     avatar?: string;
@@ -82,15 +83,6 @@ export type ShareAccessState = {
         userToOwnerShipId: number;
     };
 };
-export type ShareAccessAction = {
-    type: typeof TYPES.UPDATE_OBJECT_ACCESS_INFO;
-    payload: {
-        updated: ObjectAccessInfo;
-        triggerOut?: boolean;
-    };
-} | {
-    type: typeof TYPES.UPDATE_MODAL_TRANSTER_OWNERSHIP;
-    payload: Partial<ShareAccessState['modalTransferOwnership']>;
-};
+export type ShareAccessAction = ReturnType<typeof updateObjAccessInfo> | ReturnType<typeof updateModalTransferOwnership>;
 export type AccessRole = 1 | 2 | 3;
 export type GeneralAccess = 1 | 0;

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

@@ -47,9 +47,9 @@ export declare const safeParseAccessInfo: (accessInfo: ObjectAccessInfo) => {
         allowView: number;
         allowEdit: number;
         allowComment: number;
-        fullName?: string | undefined;
-        email?: string | undefined;
-        avatar?: string | undefined;
+        fullName?: string;
+        email?: string;
+        avatar?: string;
     }[];
     isPublic: number;
     publicRole: number | null;

package/es/components/molecules/Tabs/Tabs.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const Tabs: import("styled-components").StyledComponent<import("react").FC<import("antd").TabsProps> & {
     TabPane: import("react").FC<import("antd").TabPaneProps>;
 }, any, {
-    shadow?: boolean | undefined;
+    shadow?: boolean;
 }, never>;

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

@@ -17,19 +17,18 @@ 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, preventUndoRedo, } 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, 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';
 const { CUSTOM_TAG } = TAG_TYPE;
-const { PREPARING_ST, INVALID_TAG, MESSAGE_TAG, FORCE_SHOW_TOOLTIP } = TAG_CUSTOM_ATTRIBUTES;
+const { PREPARING_ST, INVALID_TAG, MESSAGE_TAG, FORCE_SHOW_TOOLTIP, ERROR_TAG, WARNING_TAG } = TAG_CUSTOM_ATTRIBUTES;
 const TagifyInput = forwardRef((props, ref) => {
     // Props
-    const { initialValue, escapeHTML, status, readonly, readonlyTag, readonlyText, realtime, disabled, maxLength, maxHeight, minWidth, placeholder, minWidthPlaceholder, isSingleLineText, acceptableTagPattern, tagProperties, mapAttributes = {}, mapErrorAttributes = {}, maxPersonalizeTags, name, children, cssTagifyVariables, disableEditableIfContainsTags, onTagClick, onAddTag, onTagRemove, onChange, onRestoreTagProperty, onBlur, } = props;
+    const { initialValue, escapeHTML, status, readonly, readonlyTag, readonlyText, realtime, disabled, maxLength, maxHeight, minWidth, placeholder, minWidthPlaceholder, isSingleLineText, acceptableTagPattern, tagProperties, mapAttributes = {}, mapErrorAttributes = {}, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onTagRemove, onChange, } = props;
     // States
     const [isLineBreak, setIsLineBreak] = useState(hasLineBreak(initialValue));
     const [tooltipRefresher, setTooltipRefresher] = useState(1);
-    const [labelTagRefreshness, setLabelTagRefreshness] = useState(1);
     // Refs
     const inputRef = useRef(null);
     const tagifyRef = useRef(null);
@@ -422,11 +421,6 @@ const TagifyInput = forwardRef((props, ref) => {
                 throw new Error('Tagify instance is not initialized');
             }
         },
-        reset() {
-            if (tagifyRef.current) {
-                tagifyRef.current.removeAllTags();
-            }
-        },
         onReload: (newValue) => {
             if (!tagifyRef.current) {
                 throw new Error('Tagify instance is not initialized');
@@ -450,13 +444,6 @@ const TagifyInput = forwardRef((props, ref) => {
                 tagifyRef.current.loadOriginalValues(newContent);
             }
         },
-        onLabelTagRefreshness() {
-            if (!tagifyRef.current) {
-                throw new Error('Tagify instance is not initialized');
-            }
-            setLabelTagRefreshness(prev => prev + 1);
-        },
-        getInputValues: () => extractTagValues(tagifyRef.current),
     }), [acceptableTagPattern, escapeHTML, onInjectTagAtCaret, placeCaretAfterNode]);
     const onTagItemClick = useCallback((event) => {
         event.stopPropagation();
@@ -472,7 +459,7 @@ const TagifyInput = forwardRef((props, ref) => {
     }, [onTagClick]);
     const onTagifyRemoveTag = useCallback((event) => {
         if (event.detail && onTagRemove) {
-            onTagRemove(event.detail, extractTagValues(event.detail.tagify));
+            onTagRemove(event.detail);
         }
     }, [onTagRemove]);
     // Used to trigger replace URL detection and line break
@@ -639,7 +626,7 @@ const TagifyInput = forwardRef((props, ref) => {
                         if (!isAccepted)
                             return;
                         const { url, shortener, label } = tagData;
-                        const { label: tagLabel, status, statusMsg, } = getShortLinkTagInfo({
+                        const { label: tagLabel, type: tagType, status, statusMsg, } = getShortLinkTagInfo({
                             type,
                             label,
                             shortener,
@@ -670,7 +657,7 @@ const TagifyInput = forwardRef((props, ref) => {
             });
             setTooltipRefresher(prev => prev + 1);
         }
-    }, [acceptableTagPattern, labelTagRefreshness]);
+    }, [acceptableTagPattern]);
     /*
      * Execute tag properties for each tag
      */
@@ -703,10 +690,6 @@ const TagifyInput = forwardRef((props, ref) => {
                     sanitizeTagAttributes(tagElement);
                     // Update new tag attributes
                     const tagAttributes = getTagAttributes(property);
-                    tagAttributes.push([
-                        'data-raw-tag-property',
-                        JSON.stringify({ ...property, __restore_id: customTagId }),
-                    ]);
                     applyTagAttributes(tagElement, tagAttributes);
                     // Update tag content element attributes
                     const tagContentEl = tagElement.querySelector('.tagify__tag-content');
@@ -768,6 +751,17 @@ const TagifyInput = forwardRef((props, ref) => {
             });
         }
     }, [maxLength, customizeTag]);
+    useEffect(() => {
+        if (!tagifyRef.current)
+            return;
+        const inputEl = tagifyRef.current.DOM.input;
+        if (readonlyText) {
+            inputEl.setAttribute('contenteditable', 'false');
+        }
+        else {
+            inputEl.setAttribute('contenteditable', 'true');
+        }
+    }, [readonlyText]);
     const onTagifyWrapperClick = useCallback(event => {
         event.preventDefault();
         event.stopPropagation();
@@ -779,22 +773,6 @@ const TagifyInput = forwardRef((props, ref) => {
                 return;
             const { classList } = DOM?.scope;
             const { classNames } = settings;
-            if (disableEditableIfContainsTags) {
-                // Empty input is always editable
-                const isEmpty = classList.contains(classNames.empty);
-                let shouldBeEditable = isEmpty;
-                // If not empty, check if input contains restricted tags
-                if (!isEmpty) {
-                    const { listTags } = extractTagValues(tagifyRef.current);
-                    const hasRestrictedTag = listTags.some(tag => disableEditableIfContainsTags.includes(tag.type));
-                    shouldBeEditable = !hasRestrictedTag;
-                }
-                // Apply contenteditable attribute
-                DOM.input.setAttribute('contenteditable', shouldBeEditable ? 'true' : 'false');
-                // Exit early if input should not be editable
-                if (!shouldBeEditable)
-                    return;
-            }
             if (!classList.contains(classNames.focus) && DOM?.input) {
                 try {
                     const { lastChild } = DOM?.input;
@@ -830,12 +808,6 @@ const TagifyInput = forwardRef((props, ref) => {
                 }
             }
         }
-    }, [disableEditableIfContainsTags]);
-    const onContentEditable = useCallback((editable) => {
-        if (!tagifyRef.current)
-            return;
-        const inputEl = tagifyRef.current.DOM.input;
-        inputEl.setAttribute('contenteditable', editable ? 'true' : 'false');
     }, []);
     // Initialization tagify
     useLayoutEffect(() => {
@@ -847,45 +819,22 @@ const TagifyInput = forwardRef((props, ref) => {
         };
     }, [initializeTagify]);
     useEffect(() => {
-        if (typeof readonlyText !== 'boolean')
-            return;
-        onContentEditable(!readonlyText);
-    }, [readonlyText, onContentEditable]);
-    useEffect(() => {
-        if (tagifyRef.current && typeof tagLength === 'number' && _.isFunction(onTagRemove)) {
+        if (tagifyRef.current && tagLength && _.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 = [];
             let processing = false;
             const processMutations = () => {
                 processing = true;
-                const removedNodes = [];
-                const addedNodes = [];
-                mutationQueue.forEach(mutation => {
-                    mutation.removedNodes.forEach(node => {
-                        if (mutation.addedNodes.length === 0 &&
-                            node.nodeType === Node.ELEMENT_NODE &&
-                            node.nodeName === 'TAG') {
-                            removedNodes.push(node);
-                        }
-                    });
-                    mutation.addedNodes.forEach(node => {
-                        if (mutation.removedNodes.length === 0 &&
-                            node.nodeType === Node.ELEMENT_NODE &&
-                            node.nodeName === 'TAG') {
-                            addedNodes.push(node);
-                        }
-                    });
-                });
-                removedNodes.forEach(node => {
+                const relevantNodes = mutationQueue.flatMap(mutation => [...mutation.removedNodes].filter(node => {
+                    const isUpdatedTag = mutation.addedNodes.length > 0;
+                    return !isUpdatedTag && node.nodeType === Node.ELEMENT_NODE && node.nodeName === 'TAG';
+                }));
+                relevantNodes.forEach(node => {
                     try {
-                        node.dataset.__removed_by_mutation = 'true';
                         const tagData = tagifyRef.current?.getSetTagData(node);
-                        if (tagifyRef.current &&
-                            tagData &&
-                            tagData.type === CUSTOM_TAG &&
-                            !tagData?.__removed) {
-                            onTagRemove({ data: tagData }, extractTagValues(tagifyRef.current));
+                        if (tagData && tagData.type === CUSTOM_TAG && !tagData?.__removed) {
+                            onTagRemove({ data: tagData });
                         }
                     }
                     catch (error) {
@@ -893,25 +842,6 @@ const TagifyInput = forwardRef((props, ref) => {
                         console.error('Error while removing tag with Backspace', error);
                     }
                 });
-                if (onRestoreTagProperty) {
-                    const restoredTagProperties = [];
-                    addedNodes.forEach(node => {
-                        try {
-                            const { rawTagProperty, __removed_by_mutation: removedMutation } = node?.dataset || {};
-                            if (removedMutation === 'true' && rawTagProperty) {
-                                const restoreTagProperty = JSON.parse(rawTagProperty);
-                                restoredTagProperties.push(restoreTagProperty);
-                            }
-                        }
-                        catch (error) {
-                            // biome-ignore lint/suspicious/noConsole: <explanation>
-                            console.error('Error while restoring tag', error);
-                        }
-                    });
-                    if (restoredTagProperties.length > 0) {
-                        onRestoreTagProperty(restoredTagProperties);
-                    }
-                }
                 mutationQueue = [];
                 processing = false;
             };
@@ -931,7 +861,7 @@ const TagifyInput = forwardRef((props, ref) => {
                 observer.disconnect();
             };
         }
-    }, [tagLength, onTagRemove, onRestoreTagProperty]);
+    }, [tagLength, onTagRemove]);
     // Settings some tagify attributes
     // Set [readonly, disabled, placeholder]
     useEffect(() => {
@@ -997,10 +927,6 @@ const TagifyInput = forwardRef((props, ref) => {
             tagifyInstance.on('change', onTagifyChangedDebounce);
             tagifyInstance.on('remove', onTagifyRemoveTag);
             tagifyInstance.on('keydown', onKeyDown);
-            if (onAddTag)
-                tagifyInstance.on('add', onAddTag);
-            if (onBlur)
-                tagifyInstance.on('blur', onBlur);
             if (tagifyInstance.DOM.input) {
                 tagifyInstance.DOM.input.addEventListener('keydown', preventUndoRedo);
             }
@@ -1011,26 +937,13 @@ const TagifyInput = forwardRef((props, ref) => {
                 tagifyInstance.off('click', onTagItemClick);
                 tagifyInstance.off('input', onInputTagifyDebounce);
                 tagifyInstance.off('change', onTagifyChangedDebounce);
-                tagifyInstance.off('remove', onTagifyRemoveTag);
                 tagifyInstance.off('keydown', onKeyDown);
-                if (onAddTag)
-                    tagifyInstance.off('add', onAddTag);
-                if (onBlur)
-                    tagifyInstance.off('blur', onBlur);
                 if (tagifyInstance.DOM.input) {
                     tagifyInstance.DOM.input.removeEventListener('keydown', preventUndoRedo);
                 }
             }
         };
-    }, [
-        onAddTag,
-        onBlur,
-        onTagItemClick,
-        onInputTagifyDebounce,
-        onTagifyChangedDebounce,
-        onKeyDown,
-        onTagifyRemoveTag,
-    ]);
+    }, [onTagItemClick, onInputTagifyDebounce, onTagifyChangedDebounce, onKeyDown]);
     // At the first render, need to update URL to tag to show hint in the tooltip with tag
     useEffect(() => {
         detectReplaceURLToTag();

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

@@ -1,3 +1,4 @@
+import { TagifyInputProps } from './types';
 export declare const DIMENSIONS: {
     readonly MIN_H_WRAPPER: 34;
     readonly TAG_H: 24;
@@ -59,17 +60,7 @@ export declare const PATTERN_CACHE_TYPE: {
 };
 export declare const SHORT_LINK_PTN: "shortlink_pattern", SHORT_LINK_INDIVIDUAL_PTN: "shortlink_individual_pattern", SHORT_LINK_GENERAL_PTN: "shortlink_general_pattern", SHORT_LINK_V2_INDIVIDUAL_PTN: "shortlink_v2_individual_pattern", SHORT_LINK_V2_GENERAL_PTN: "shortlink_v2_general_pattern", LINE_EMOJI_PTN: "line_emoji_pattern", PERSONALIZE_PTN: "personalize_pattern", VIBER_EMOJI_PTN: "viber_emoji_pattern", UNSUBSCRIBE_WHATSAPP_PTN: "unsubscribe_whatsapp_pattern", UNSUBSCRIBE_PTN: "unsubscribe_pattern";
 export declare const DEFAULT_ACCEPT_TAGS: ("shortlink_pattern" | "line_emoji_pattern" | "personalize_pattern" | "viber_emoji_pattern" | "unsubscribe_pattern")[];
-export declare const tagifyDefaultProps: {
-    readonly initialValue: "";
-    readonly name: "tagifyInput";
-    readonly realtime: true;
-    readonly maxHeight: 266;
-    readonly placeholder: undefined;
-    readonly minWidthPlaceholder: 130;
-    readonly acceptableTagPattern: ("shortlink_pattern" | "line_emoji_pattern" | "personalize_pattern" | "viber_emoji_pattern" | "unsubscribe_pattern")[];
-    readonly mapErrorAttributes: {};
-    readonly onChange: () => void;
-};
+export declare const tagifyDefaultProps: TagifyInputProps;
 export declare const TAG_TYPE: {
     readonly CUSTOMER: "customer";
     readonly VISITOR: "visitor";

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

@@ -1,6 +1,5 @@
 // Constants
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
-// Types
 export const DIMENSIONS = {
     MIN_H_WRAPPER: 34,
     TAG_H: 24,

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

@@ -1,2 +1,2 @@
 import { PatternHandler } from './types';
-export declare const errorWrapper: (handler: PatternHandler) => PatternHandler;
+export declare const errorWrapper: (handler: PatternHandler) => typeof handler;

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

@@ -1,6 +1,6 @@
 import type { TagifyWrapperProps } from './types';
 export declare const WrapperPlaceHolder: import("styled-components").StyledComponent<"div", any, {
-    $isShow?: boolean | undefined;
+    $isShow?: boolean;
 }, never>;
 export declare const TagifyWrapper: import("styled-components").StyledComponent<"div", any, TagifyWrapperProps, never>;
 export declare const TagInput: import("styled-components").StyledComponent<"input", any, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="yaireo__tagify" />
 import Tagify, { ClassNameSettings, TagData, TagifySettings } from '@yaireo/tagify';
 import { EMOJI_COLLECTIONS, PATTERN_CACHE_TYPE, SHORT_LINK_TYPE, TAG_COLOR, TAG_STATUS, TAG_TYPE } from './constants';
 import { type CSSProperties } from 'react';
@@ -15,10 +14,6 @@ export type TagStatus = (typeof TAG_STATUS)[keyof typeof TAG_STATUS];
 export type MapAttributesProps = Record<string, Record<string, any>>;
 export type StatusType = 'error' | 'success' | 'warning';
 export type BackgroundColorPersonalizeType = Exclude<keyof typeof TAG_COLOR, 'detect_link' | 'emoji' | 'shortlink'>;
-export interface TagValues {
-    listTags: TagDataCustomize[];
-    value: string;
-}
 /**
  * Interface defining the properties for the Tagify input component.
  * Provides configuration options and event handlers to manage Tagify's behavior and appearance.
@@ -138,16 +133,11 @@ export interface TagifyInputProps {
      * Receives the tag detail as parameter, allowing custom actions on tag click.
      */
     onTagClick?: (tagDetail: Tagify.ClickEventData<TagDataCustomize>) => void;
-    /**
-     * Event handler triggered when a tag is added.
-     * Receives the tag detail as parameter, allowing custom actions on tag addition.
-     */
-    onAddTag?: (event: CustomEvent<Tagify.AddEventData<TagDataCustomize>>) => void;
     /**
      * Event handler triggered when a tag is removed.
      * Receives the tag detail as parameter, allowing custom actions on tag removal.
      */
-    onTagRemove?: (tagDetail: Tagify.RemoveEventData<TagDataCustomize>, values: TagValues) => void;
+    onTagRemove?: (tagDetail: Tagify.RemoveEventData<TagDataCustomize>) => void;
     /**
      * Event handler triggered when the input value changes.
      * Receives the updated input value as a string, allowing for controlled component updates.
@@ -155,31 +145,15 @@ export interface TagifyInputProps {
      * @default () => {}
      */
     onChange: (inputValue: string) => void;
-    /**
-     * Event handler triggered when the input value is blurred.
-     * Receives the updated input value as a string, allowing for controlled component updates.
-     */
-    onBlur?: (event: CustomEvent<Tagify.BlurEventData<TagDataCustomize>>) => void;
-    /**
-     * Event handler triggered when found mismatch tag properties.
-     * Receives an array of tag properties that were restored (e.g., via undo operation).
-     */
-    onRestoreTagProperty?: (tagProperties: TagProperty[]) => void;
     /**
      * Defines whether the input text is read but not the whole tags.
      */
     readonlyText?: boolean;
-    /**
-     * Tags that, when present in input, make the entire input non-editable
-     */
-    disableEditableIfContainsTags?: TagType[];
 }
 export interface TagifyInputRef {
     onAddNewTag: (newTag: TagDataCustomize | string) => void;
     onReplaceTag: (currentTagEle: HTMLElement, newTag: TagDataCustomize) => void;
     onReload: (newValue: string) => void;
-    onLabelTagRefreshness: () => void;
-    getInputValues: () => TagValues;
 }
 export type EmojiCollection = (typeof EMOJI_COLLECTIONS)[keyof typeof EMOJI_COLLECTIONS];
 export type ShortLinkType = (typeof SHORT_LINK_TYPE)[keyof typeof SHORT_LINK_TYPE];

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

@@ -1,6 +1,5 @@
-/// <reference types="yaireo__tagify" />
 import Tagify from '@yaireo/tagify';
-import { AcceptablePattern, TagAttribute, EmojiCollection, EmojiTag, TagDataCustomize, TagProperty, TagType, TagValues } from './types';
+import { AcceptablePattern, TagAttribute, EmojiCollection, EmojiTag, TagDataCustomize, TagProperty, TagType } from './types';
 /**
  * Parses the input string and replaces matching patterns with processed tags.
  * This function iterates over predefined regex patterns and replaces each match
@@ -202,8 +201,6 @@ export declare const getCurrentSelectionAndCloneRange: () => {
 };
 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

@@ -796,15 +796,6 @@ export const handleEnterWithNextTag = (range) => {
         return;
     insertZeroWidthSpaceBeforeTag(currentNode);
 };
-export const removeInvisibleChars = (str) => str.replace(/[\r\n\u200B-\u200D\uFEFF]/g, '');
-export const extractTagValues = (tagify) => {
-    if (!tagify)
-        return { listTags: [], value: '' };
-    return {
-        listTags: tagify.getCleanValue(),
-        value: tagify.getInputValue(),
-    };
-};
 export function preventUndoRedo(e, { disableRedo = false } = {}) {
     const key = e.key.toLowerCase();
     const isUndo = (e.ctrlKey || e.metaKey) && key === 'z';

package/es/components/molecules/TemplateSaveAs/components/ImageSlider/styled.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 interface ImageSliderStyledProps {
     $skeleton?: boolean;
     $smallImageWidth: number;
     $imageWidth?: number;
     $imageHeight?: number;
 }
-export declare const ImageSliderStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, ImageSliderStyledProps, never>;
+export declare const ImageSliderStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, ImageSliderStyledProps, never>;
 export {};

package/es/components/molecules/TemplateSaveAs/hooks/useTemplateSave.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 import { TGetTemplateCategoryList, TGetObjectTEmplateList } from '@antscorp/antsomi-ui/es/queries/TemplateListing';
 import { TTemplateListingConfig } from '@antscorp/antsomi-ui/es/types/templateListing';
@@ -40,7 +39,7 @@ export declare const useTemplateSave: (options: TemplateListingOptions) => {
         [key: string]: any;
         id: string | number;
         label: string;
-        thumbnail?: string | undefined;
+        thumbnail?: string;
     }[];
     value: Partial<TemplateValueOptions>;
     setValue: import("react").Dispatch<import("react").SetStateAction<Partial<TemplateValueOptions>>>;
@@ -65,8 +64,8 @@ export declare const useTemplateSave: (options: TemplateListingOptions) => {
     };
     form: import("antd").FormInstance<FormValue>;
     errors: any[] | undefined;
-    refetchCategoryList: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<TemplateCategory[], any>>;
-    refetchTemplateList: <TPageData_1>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData_1>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<any>, any>>;
+    refetchCategoryList: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<TemplateCategory[], any>>;
+    refetchTemplateList: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<any>, any>>;
     onLoadMore: () => void;
     onChange: (newValue: Partial<TemplateValueOptions>) => void;
 };

package/es/components/molecules/TemplateSaveAs/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const TemplateSaveAsStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
-    $skeleton?: boolean | undefined;
+export declare const TemplateSaveAsStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+    $skeleton?: boolean;
 }, never>;

package/es/components/molecules/TemplateSaveAs/styled.js

@@ -130,8 +130,8 @@ export const TemplateSaveAsStyled = styled(Flex) `
     width: 250px;
     height: 36px;
     border: 1px solid #b8cfe6;
+    padding: 0 5px;
     border-radius: ${globalToken?.borderRadiusXL}px;
-    padding: 0 10px;
 
     & > .remove-btn {
       cursor: pointer;

package/es/components/molecules/Tree/Tree.d.ts

@@ -2,16 +2,7 @@ import React from 'react';
 import { Tree as AntdTree } from 'antd';
 import type { TreeProps, TreeDataNode } from 'antd';
 declare const StandardTree: React.FC<TreeProps>;
-export declare const Tree: (<T extends import("rc-tree").BasicDataNode | TreeDataNode = TreeDataNode>(props: TreeProps<T> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<import("rc-tree").default<TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    TreeNode: React.FC<import("rc-tree").TreeNodeProps<TreeDataNode>>;
-    DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | TreeDataNode = TreeDataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
-        children?: React.ReactNode;
-    } & React.RefAttributes<import("rc-tree").default<TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-        displayName?: string | undefined;
-    };
-} & {
+export declare const Tree: typeof AntdTree & {
     DirectoryTree: typeof AntdTree.DirectoryTree;
     Standard: typeof StandardTree;
 };

package/es/components/molecules/Tree/styled.d.ts

@@ -1,16 +1,9 @@
-/// <reference types="react" />
-export declare const StyledTree: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd").TreeProps<T> & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+export declare const StyledTree: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: React.PropsWithChildren<import("antd").TreeProps<T>> & React.RefAttributes<import("rc-tree").default>) => React.ReactElement) & {
     TreeNode: import("react").FC<import("rc-tree").TreeNodeProps<import("antd").TreeDataNode>>;
-    DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
-        children?: import("react").ReactNode;
-    } & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-        displayName?: string | undefined;
+    DirectoryTree: (<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: React.PropsWithChildren<import("antd/es/tree").DirectoryTreeProps<T>> & React.RefAttributes<import("rc-tree").default>) => React.ReactElement) & {
+        displayName?: string;
     };
 }, any, any, never>;
-export declare const StyledTreeDirectory: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd/es/tree").DirectoryTreeProps<T> & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
+export declare const StyledTreeDirectory: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: React.PropsWithChildren<import("antd/es/tree").DirectoryTreeProps<T>> & React.RefAttributes<import("rc-tree").default>) => React.ReactElement) & {
+    displayName?: string;
 }, any, any, never>;

package/es/components/molecules/TreeSelect/TreeSelect.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").DefaultOptionType | import("rc-tree-select/lib/TreeSelect").BaseOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("antd").RefSelectProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
+export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").BaseOptionType | import("rc-tree-select/lib/TreeSelect").DefaultOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<import("rc-select").BaseSelectRef>) => React.ReactElement) & {
+    displayName?: string;
     TreeNode: import("react").FC<import("rc-tree-select/lib/TreeNode").TreeNodeProps>;
-    SHOW_ALL: "SHOW_ALL";
-    SHOW_PARENT: "SHOW_PARENT";
-    SHOW_CHILD: "SHOW_CHILD";
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
+    SHOW_ALL: typeof import("rc-tree-select").SHOW_ALL;
+    SHOW_PARENT: typeof import("rc-tree-select").SHOW_PARENT;
+    SHOW_CHILD: typeof import("rc-tree-select").SHOW_CHILD;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
 };

package/es/components/molecules/UnsubscribePreferences/styled.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TextStyled: import("styled-components").StyledComponent<import("react").FC<import("../../atoms/Text").TextProps>, any, {}, never>;