@antscorp/antsomi-ui 1.3.5-beta.962 → 1.3.5-beta.964

package/es/components/atoms/SelectAssociatedTag/styled.js

@@ -40,7 +40,7 @@ export const SelectedTag = styled(Typography.Text) `
     color: ${props => props.$color};
 
     &.antsomi-typography-ellipsis {
-      max-width: 50px;
+      max-width: 60px;
     }
   }
 `;

package/es/components/molecules/AddDynamicContent/components/DisplayFormat/DisplayFormat.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 type DisplayFormatProps = {

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

@@ -23,7 +23,7 @@ import { DETECT_LINK, EMOJI, ERROR_TAG, FORCE_SHOW_TOOLTIP, INVALID_TAG, MESSAGE
 const { CUSTOM_TAG } = TAG_TYPE;
 const TagifyInput = forwardRef((props, ref) => {
     // Props
-    const { initialValue, escapeHTML, status, readonly, readonlyTag, realtime, disabled, maxLength, maxHeight, minWidth, placeholder, minWidthPlaceholder, isSingleLineText, acceptableTagPattern, tagProperties, mapAttributes, mapErrorAttributes, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onChange, } = props;
+    const { initialValue, escapeHTML, status, readonly, readonlyTag, 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);
@@ -451,6 +451,11 @@ const TagifyInput = forwardRef((props, ref) => {
             onTagClick(event.detail);
         }
     }, [onTagClick]);
+    const onTagifyRemoveTag = useCallback((event) => {
+        if (event.detail && onTagRemove) {
+            onTagRemove(event.detail);
+        }
+    }, [onTagRemove]);
     // Used to trigger replace URL detection and line break
     const onTagifyTyping = useCallback((event) => {
         if (event.detail) {
@@ -852,11 +857,13 @@ const TagifyInput = forwardRef((props, ref) => {
             tagifyInstance.on('click', onTagItemClick);
             tagifyInstance.on('input', onInputTagifyDebounce);
             tagifyInstance.on('change', onTagifyChangedDebounce);
+            tagifyInstance.on('remove', onTagifyRemoveTag);
         }
         // Off listen to Tagify events
         return () => {
             if (tagifyInstance) {
                 tagifyInstance.off('click', onTagItemClick);
+                tagifyInstance.off('remove', onTagifyRemoveTag);
                 if (onInputTagifyDebounce) {
                     tagifyInstance.off('input', onInputTagifyDebounce);
                 }
@@ -865,7 +872,7 @@ const TagifyInput = forwardRef((props, ref) => {
                 }
             }
         };
-    }, [onTagItemClick, onTagifyTyping, onTagifyChanged]);
+    }, [onTagItemClick, onTagifyTyping, onTagifyChanged, onTagifyRemoveTag]);
     // 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/types.d.ts

@@ -131,6 +131,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 removed.
+     * Receives the tag detail as parameter, allowing custom actions on tag removal.
+     */
+    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.

package/es/components/template/TemplateListing/Loadable.d.ts

@@ -3,5 +3,4 @@
  * Asynchronously loads the component for TemplateListing
  *
  */
-/// <reference types="react" />
 export declare const TemplateListing: (props: import("./types").TemplateListingProps<{}>) => JSX.Element;

package/package.json

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