@antscorp/antsomi-ui 1.5.3 → 1.5.5

package/es/components/molecules/TemplateSaveAs/hooks/useTemplateSave.js

@@ -108,12 +108,16 @@ export const useTemplateSave = (options) => {
     }, [categoryList]);
     // Effects
     useDeepCompareEffect(() => {
+        // Self-executing asynchronous function to handle template items
         (() => __awaiter(void 0, void 0, void 0, function* () {
             var _a;
+            // Check if infiniteObjectTemplate is available
             if (infiniteObjectTemplate) {
                 const { pages } = infiniteObjectTemplate;
                 const selectedTemplateId = +(((_a = value.templateName) === null || _a === void 0 ? void 0 : _a.id) || -1);
+                // Generate new template items by flattening entities from pages and adding label and description properties
                 const newTemplateItems = pages.flatMap(({ entities }) => entities.flatMap(entity => (Object.assign(Object.assign({}, entity.toJson()), { label: entity.name, description: entity.description || '' }))));
+                // If the selected template ID is not found in the new template items, fetch its details
                 if (!newTemplateItems.find(item => +item.id === selectedTemplateId)) {
                     const objectTemplate = yield queryClient.fetchQuery({
                         queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_DETAIL, selectedTemplateId],
@@ -126,13 +130,16 @@ export const useTemplateSave = (options) => {
                             },
                         }),
                     });
-                    if (objectTemplate) {
+                    // If the object template is found, add it to the beginning of the new template items
+                    if (objectTemplate && objectTemplate.name) {
                         newTemplateItems.unshift(Object.assign(Object.assign({}, objectTemplate.toJson()), { label: objectTemplate.name, description: objectTemplate.description || '' }));
                     }
                 }
+                // Update state with the new template items
                 setTemplateItems(newTemplateItems);
             }
         }))();
+        // Dependencies for the effect: update if any of these change
     }, [infiniteObjectTemplate, objectType, publicLevel, (_a = value.templateName) === null || _a === void 0 ? void 0 : _a.id]);
     const onLoadMore = useCallback(() => {
         if (!isFetchingNextPage && hasNextPage) {

package/es/components/organism/FilterSetting/components/common/InputArray/index.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 // Atoms
-import { Tag } from '@antscorp/antsomi-ui/es/components/atoms';
+import { StyledTag as Tag } from '@antscorp/antsomi-ui/es/components/molecules/SelectV2/styled';
 import { StyledSelect } from './styled';
 // Translations
 import { translations } from '@antscorp/antsomi-ui/es/locales/translations';

package/es/components/organism/FilterSetting/components/common/InputOrSelect/index.js

@@ -29,9 +29,10 @@ import get from 'lodash/get';
 // Icons
 import Icon from '@antscorp/icons';
 // Atoms
-import { Button, Text, Tag } from '@antscorp/antsomi-ui/es/components/atoms';
+import { Button, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Molecules
 import { Modal, SelectV2 as Select, RadioGroup, TreeSelect, } from '@antscorp/antsomi-ui/es/components/molecules';
+import { StyledTag as Tag } from '@antscorp/antsomi-ui/es/components/molecules/SelectV2/styled';
 // Translations
 import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
 // Queries
@@ -485,6 +486,10 @@ export const StyledDropdown = styled.div `
   }
 `;
 export const StyledSelect = styled(Select) `
+  .antsomi-select-selection-search {
+    width: fit-content !important;
+  }
+
   .antsomi-select-selection-placeholder {
     ${props => {
     var _a;

package/es/components/organism/FilterSetting/components/common/InputSelectMulti/index.js

@@ -28,9 +28,10 @@ import styled from 'styled-components';
 import { Popover, Input } from 'antd';
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 // Atoms
-import { Button, Divider, Icon, Text, Tag } from '@antscorp/antsomi-ui/es/components/atoms';
+import { Button, Divider, Icon, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Molecules
 import { ModalSelect, StyledTreeSelect } from '../InputOrSelect';
+import { StyledTag as Tag } from '@antscorp/antsomi-ui/es/components/molecules/SelectV2/styled';
 // Components
 import { TreeContentWrapper } from './Tree';
 import { ColumnSuggestion } from './ColumnSuggestion';

package/package.json

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