@antscorp/antsomi-ui 1.3.5-beta.863 → 1.3.5-beta.864

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

@@ -423,6 +423,9 @@ const TagifyInput = forwardRef((props, ref) => {
             const { tagify } = event.detail;
             const inputValue = tagify.getInputValue();
             const convertedValue = convertInputStringToOriginal(inputValue);
+            if (convertedValue === '') {
+                setIsLineBreak(false);
+            }
             onOutputData(convertedValue);
         }
     }, [onOutputData]);
@@ -605,19 +608,40 @@ const TagifyInput = forwardRef((props, ref) => {
             if (readonly)
                 return;
             const { classList } = DOM?.scope;
-            const { lastChild } = DOM?.input;
             const { classNames } = settings;
-            const isValidLastBRTag = lastChild && lastChild.nodeName === 'BR';
-            if (!classList.contains(classNames.focus) && isValidLastBRTag) {
-                const range = document.createRange();
-                const selection = window.getSelection();
-                // Move the range to the end of the input's content
-                range.setStartBefore(lastChild);
-                range.collapse(true);
-                // Remove any existing selection and add the new range
-                selection?.removeAllRanges();
-                selection?.addRange(range);
-                tagifyRef.current.DOM.input.focus();
+            if (!classList.contains(classNames.focus) && DOM?.input) {
+                try {
+                    const { lastChild } = DOM?.input;
+                    const isValidLastBRTag = lastChild && lastChild.nodeName === 'BR';
+                    const hasEmptyCls = classList.contains(classNames.empty);
+                    const isEmptyChildNodes = DOM?.input.childNodes.length === 0;
+                    const isEmptyInputData = _.isNull(lastChild) && hasEmptyCls && isEmptyChildNodes;
+                    // Create a new range
+                    const range = document.createRange();
+                    const selection = window.getSelection();
+                    // Move the selection to before of the last BR
+                    if (isValidLastBRTag) {
+                        // Move the range to the end of the input's content
+                        range.setStartBefore(lastChild);
+                        range.collapse(true);
+                        // Remove any existing selection and add the new range
+                        selection?.removeAllRanges();
+                        selection?.addRange(range);
+                        DOM.input.focus();
+                    }
+                    else if (isEmptyInputData) {
+                        // Move the range to the end of the input's content
+                        range.selectNodeContents(DOM.input);
+                        range.collapse(false);
+                        selection?.removeAllRanges();
+                        selection?.addRange(range);
+                        DOM.input.focus();
+                    }
+                }
+                catch (error) {
+                    // eslint-disable-next-line no-console
+                    console.error(error);
+                }
             }
         }
     }, []);

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

@@ -17,6 +17,7 @@ export const WrapperPlaceHolder = styled.div `
         `};
 `;
 export const TagifyWrapper = styled.div `
+  cursor: text;
   background: ${globalToken?.bw0};
   border-bottom: 1px solid ${({ $status }) => getBackgroundInputStatus($status)};
   min-height: ${MIN_H_WRAPPER}px;

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/es/locales/en/google-sheet.json

@@ -2693,6 +2693,8 @@
     "_TITLE_IP_RESTRICTION_SPECIFIC_ACCOUNTS": "Specific accounts",
     "_ERROR_IP_RESTRICTION_ADD_ACCOUNT": "Please select at least one account, or select all accounts instead",
     "_ERROR_IP_RESTRICTION_DUPLICATE_IP": "IP addresses in the sequence should not be duplicated",
+    "_ERROR_IP_RESTRICTION_IP_EXIST": "This address already exists",
+    "_ERROR_IP_RESTRICTION_INVALID_IP": "Please enter a valid IP address or IP range",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_1": "What occurs when an account is restricted to a specific IP address?",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_2": "This account accesses the CDP only via a specific IP address. If you create an IP address and apply it to all accounts on the portal, access will be restricted for all accounts, including any new ones created in the future.",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_3": "Add accounts you want to restrict from the popup",

package/es/locales/i18n.d.ts

@@ -2695,6 +2695,8 @@ export declare const translationsJson: {
             _TITLE_IP_RESTRICTION_SPECIFIC_ACCOUNTS: string;
             _ERROR_IP_RESTRICTION_ADD_ACCOUNT: string;
             _ERROR_IP_RESTRICTION_DUPLICATE_IP: string;
+            _ERROR_IP_RESTRICTION_IP_EXIST: string;
+            _ERROR_IP_RESTRICTION_INVALID_IP: string;
             _USER_GUIDE_IP_RESTRICTION_GUIDE_1: string;
             _USER_GUIDE_IP_RESTRICTION_GUIDE_2: string;
             _USER_GUIDE_IP_RESTRICTION_GUIDE_3: string;
@@ -6086,6 +6088,8 @@ export declare const translationsJson: {
             _TITLE_IP_RESTRICTION_SPECIFIC_ACCOUNTS: string;
             _ERROR_IP_RESTRICTION_ADD_ACCOUNT: string;
             _ERROR_IP_RESTRICTION_DUPLICATE_IP: string;
+            _ERROR_IP_RESTRICTION_IP_EXIST: string;
+            _ERROR_IP_RESTRICTION_INVALID_IP: string;
             _USER_GUIDE_IP_RESTRICTION_GUIDE_1: string;
             _USER_GUIDE_IP_RESTRICTION_GUIDE_2: string;
             _USER_GUIDE_IP_RESTRICTION_GUIDE_3: string;
@@ -9013,6 +9017,8 @@ export declare const translationsJson: {
             _TITLE_IP_RESTRICTION_SPECIFIC_ACCOUNTS: string;
             _ERROR_IP_RESTRICTION_ADD_ACCOUNT: string;
             _ERROR_IP_RESTRICTION_DUPLICATE_IP: string;
+            _ERROR_IP_RESTRICTION_IP_EXIST: string;
+            _ERROR_IP_RESTRICTION_INVALID_IP: string;
             _USER_GUIDE_IP_RESTRICTION_GUIDE_1: string;
             _USER_GUIDE_IP_RESTRICTION_GUIDE_2: string;
             _USER_GUIDE_IP_RESTRICTION_GUIDE_3: string;

package/es/locales/ja/google-sheet.json

@@ -94,7 +94,7 @@
     "_ACT_QUICK_TEST": "クイックテスト",
     "_ACT_REFINE_ATTRIBUTE": "属性で絞り込む",
     "_ACT_REMOVE": "取り除く",
-    "_ACT_REMOVE_ALL": "すべて削除する",
+    "_ACT_REMOVE_ALL": "すべて削除",
     "_ACT_REPLACE": "交換する",
     "_ACT_REPORTS": "レポート",
     "_ACT_RESET": "リセット",
@@ -2679,6 +2679,8 @@
     "_TITLE_IP_RESTRICTION_SPECIFIC_ACCOUNTS": "特定のアカウント",
     "_ERROR_IP_RESTRICTION_ADD_ACCOUNT": "少なくとも 1 つのアカウントを選択するか、代わりにすべてのアカウントを選択してください",
     "_ERROR_IP_RESTRICTION_DUPLICATE_IP": "シーケンス内の IP アドレスは重複してはなりません",
+    "_ERROR_IP_RESTRICTION_IP_EXIST": "このアドレスはすでに存在します",
+    "_ERROR_IP_RESTRICTION_INVALID_IP": "有効な IP アドレスまたは IP 範囲を入力してください",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_1": "アカウントが特定の IP アドレスに制限されている場合はどうなりますか?",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_2": "このアカウントは、特定の IP アドレスを介してのみ CDP にアクセスします。 IP アドレスを作成し、それをポータル上のすべてのアカウントに適用すると、今後作成される新しいアカウントも含め、すべてのアカウントのアクセスが制限されます。",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_3": "制限したいアカウントをポップアップから追加します",

package/es/locales/vi/google-sheet.json

@@ -2693,6 +2693,8 @@
     "_TITLE_IP_RESTRICTION_SPECIFIC_ACCOUNTS": "Tài khoản cụ thể",
     "_ERROR_IP_RESTRICTION_ADD_ACCOUNT": "Vui lòng chọn ít nhất một tài khoản hoặc chọn tất cả tài khoản để thay thế",
     "_ERROR_IP_RESTRICTION_DUPLICATE_IP": "Địa chỉ IP trong dãy không được trùng nhau",
+    "_ERROR_IP_RESTRICTION_IP_EXIST": "Địa chỉ đã tồn tại",
+    "_ERROR_IP_RESTRICTION_INVALID_IP": "Vui lòng nhập địa chỉ IP hoặc khoảng IP hợp lệ",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_1": "Điều gì xảy ra khi một tài khoản bị giới hạn ở một địa chỉ IP cụ thể?",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_2": "Tài khoản này chỉ truy cập CDP qua một địa chỉ IP cụ thể. Nếu bạn tạo một địa chỉ IP và áp dụng cho tất cả các tài khoản, quyền truy cập sẽ bị hạn chế đối với tất cả các tài khoản, bao gồm cả những tài khoản mới được tạo trong tương lai.",
     "_USER_GUIDE_IP_RESTRICTION_GUIDE_3": "Thêm tài khoản bạn muốn hạn chế từ cửa sổ bật lên",

package/package.json

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