@antscorp/antsomi-ui 1.3.5-beta.884 → 1.3.5-beta.885

package/es/components/molecules/SelectAccount/AccountList.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // Libraries
 import { memo, useContext, useEffect, useState } from 'react';
 import { slice } from 'lodash';
+import { translate, translations } from '@antscorp/antsomi-locales';
 // Context
 import { SelectAccountContext } from './context/SelectAccountContext';
 // Components
@@ -39,7 +40,7 @@ const AccountList = () => {
             setTempSelected(tempSelected.filter(id => id !== key));
         }
     };
-    return (_jsxs(AccountListWrapper, { children: [_jsx(AccountListBody, { children: _jsxs("form", { ref: formListRef, id: "form-account-list", children: [_jsx(Input, { value: searchText, placeholder: "Search", suffix: _jsx(Icon, { type: "icon-ants-search-2" }), onAfterChange: value => handleSearch(value), debounce: 500 }), state?.type === 'group' ? (_jsxs(_Fragment, { children: [_jsx(Dropdown, { open: openGroup, getPopupContainer: () => document.getElementById('account-group-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], dropdownRender: () => (
+    return (_jsxs(AccountListWrapper, { children: [_jsx(AccountListBody, { children: _jsxs("form", { ref: formListRef, id: "form-account-list", children: [_jsx(Input, { value: searchText, placeholder: translate(translations._ACT_SEARCH), suffix: _jsx(Icon, { type: "icon-ants-search-2" }), onAfterChange: value => handleSearch(value), debounce: 500 }), state?.type === 'group' ? (_jsxs(_Fragment, { children: [_jsx(Dropdown, { open: openGroup, getPopupContainer: () => document.getElementById('account-group-list') || document.body, overlayStyle: { position: 'initial' }, trigger: ['click'], dropdownRender: () => (
                                     // <AccountListContent>
                                     _jsx(Scrollbars, { width: "100%", autoHeight: true, autoHeightMax: 160, onScrollFrame: values => {
                                             if (values.top > POSITION_TOP &&
@@ -62,6 +63,6 @@ const AccountList = () => {
                                 if (values.top > POSITION_TOP && limit * page < usersDisplay?.length) {
                                     setPage(page + 1);
                                 }
-                            }, children: _jsx(AccountListContent, { children: slice(usersDisplay, 0, limit * page)?.map(item => (_jsx(AccountItem, { checked: tempSelected.includes(item?.[userIdKey]), label: item?.[nameKey], disabled: disabledAccount?.includes(item?.[userIdKey]), onChange: e => handleTempSelected(e.target.checked, item?.[userIdKey]) }, item?.[userIdKey]))) }) }))] }) }), _jsxs(AccountListFooter, { children: [_jsx(Button, { onClick: () => handleCancel(), children: state.cancelText || 'Cancel' }), _jsx(Button, { type: "primary", onClick: () => handleApply(), children: state.applyText || 'Apply' })] })] }));
+                            }, children: _jsx(AccountListContent, { children: slice(usersDisplay, 0, limit * page)?.map(item => (_jsx(AccountItem, { checked: tempSelected.includes(item?.[userIdKey]), label: item?.[nameKey], disabled: disabledAccount?.includes(item?.[userIdKey]), onChange: e => handleTempSelected(e.target.checked, item?.[userIdKey]) }, item?.[userIdKey]))) }) }))] }) }), _jsxs(AccountListFooter, { children: [_jsx(Button, { onClick: () => handleCancel(), children: state.cancelText || translate(translations._ACT_CANCEL) }), _jsx(Button, { type: "primary", onClick: () => handleApply(), children: state.applyText || translate(translations._ACT_APPLY) })] })] }));
 };
 export default memo(AccountList);

package/es/components/molecules/SelectAccount/ButtonAdd.js

@@ -4,10 +4,11 @@ import { useContext } from 'react';
 // Context
 import { SelectAccountContext } from './context';
 // Components
-import { ButtonAddStyled } from './styled';
+import { translate, translations } from '@antscorp/antsomi-locales';
 import { Icon, Popover } from '../../atoms';
 import AccountList from './AccountList';
 import AccountListOnlyOne from './AccountListOnlyOne';
+import { ButtonAddStyled } from './styled';
 const ButtonAdd = () => {
     const { state, dispatch } = useContext(SelectAccountContext);
     const { onlyOne } = state;
@@ -23,6 +24,6 @@ const ButtonAdd = () => {
     };
     return (_jsx(Popover, { open: state.openAccountList, content: onlyOne ? _jsx(AccountListOnlyOne, {}) : _jsx(AccountList, {}), trigger: "click", arrow: false, overlayInnerStyle: { padding: 0 }, destroyTooltipOnHide: true, onOpenChange: handleClose, afterOpenChange: handleAfterClose, placement: "bottomLeft", children: _jsxs(ButtonAddStyled, { className: "select-account-btn-add", style: { ...(state?.styles?.btnAdd || {}) }, disabled: state.disabled || !state.isInitDone, onClick: () => state.openAccountList
                 ? dispatch({ type: 'CLOSE_ACCOUNT_LIST' })
-                : dispatch({ type: 'OPEN_ACCOUNT_LIST' }), children: [_jsx("div", { className: "icon", children: _jsx(Icon, { type: "icon-ants-add", size: 10 }) }), _jsx("div", { className: "name", children: state.addText || 'Add account' })] }) }));
+                : dispatch({ type: 'OPEN_ACCOUNT_LIST' }), children: [_jsx("div", { className: "icon", children: _jsx(Icon, { type: "icon-ants-add", size: 10 }) }), _jsx("div", { className: "name", children: state.addText || translate(translations._ACT_ADD_ACCOUNT) })] }) }));
 };
 export default ButtonAdd;

package/es/components/molecules/SelectAccount/ButtonViewAll.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
 import { useContext, useState } from 'react';
+import { translate, translations } from '@antscorp/antsomi-locales';
 // Context
 import { SelectAccountContext } from './context';
 // Components
@@ -36,6 +37,6 @@ const ButtonViewAll = () => {
                     const user = users.find(u => u?.[userIdKey] === id);
                     return (_jsx(AccountChip, { user: user, value: user?.[userIdKey], label: user?.[nameKey], onRemove: () => handleRemove({ userId: user?.[userIdKey], index }) }, user?.[userIdKey]));
                 })] }));
-    return (_jsx(Popover, { content: () => contentViewAll(), trigger: "click", arrow: false, overlayInnerStyle: { padding: 0 }, destroyTooltipOnHide: true, children: _jsx(ButtonViewAllStyled, { className: "select-account-view-all", style: { ...(styles?.btnViewAll || {}) }, type: "text", children: "View all" }) }));
+    return (_jsx(Popover, { content: () => contentViewAll(), trigger: "click", arrow: false, overlayInnerStyle: { padding: 0 }, destroyTooltipOnHide: true, children: _jsx(ButtonViewAllStyled, { className: "select-account-view-all", style: { ...(styles?.btnViewAll || {}) }, type: "text", children: translate(translations._ACT_VIEW_ALL) }) }));
 };
 export default ButtonViewAll;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.884",
+  "version": "1.3.5-beta.885",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -61,7 +61,7 @@
     "not op_mini all"
   ],
   "dependencies": {
-    "@antscorp/antsomi-locales": "^1.0.12",
+    "@antscorp/antsomi-locales": "^1.0.13",
     "@antscorp/icons": "0.27.54",
     "@antscorp/image-editor": "1.0.2",
     "@antscorp/processing-notification": "^1.0.3",