@antscorp/antsomi-ui 1.3.6-beta.1 → 1.3.6-beta.2

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/InputSelectAttribute/index.js

@@ -32,23 +32,23 @@ const InputSelectAttribute = (props) => {
         }
         return upperFirst(translate(translations._ITEM_NAME_ATTRIBUTE, 'attribute'));
     }, [sourceValue]);
-    const mapCode = useMemo(() => {
+    const mapCodeBySource = useMemo(() => {
         if (typeof value === 'string')
             return {};
-        return keyBy(get(mapCodeOptions, value?.code, []), 'value');
+        return keyBy(get(mapCodeOptions, value?.source, []), 'value');
     }, [mapCodeOptions, value]);
-    const getCodeBySource = useCallback((source) => get(mapCodeOptions, [source, '0', 'value'], ''), [mapCodeOptions]);
+    const getCodeDefaultBySource = useCallback((source) => get(mapCodeOptions, [source, '0', 'value'], ''), [mapCodeOptions]);
     const onOpenModal = useCallback(() => {
         if (value && typeof value !== 'string') {
             form.setFieldsValue({ source: value?.source, code: value?.code });
         }
         else {
             const source = sourceOptions[0]?.value || '';
-            const code = getCodeBySource(source);
+            const code = getCodeDefaultBySource(source);
             form.setFieldsValue({ source, code });
         }
         setOpenModal(true);
-    }, [value, form, sourceOptions, getCodeBySource]);
+    }, [value, form, sourceOptions, getCodeDefaultBySource]);
     const onDeselect = useCallback(() => {
         onChange({ value: '', valueType: 'input' });
     }, [onChange]);
@@ -82,10 +82,10 @@ const InputSelectAttribute = (props) => {
     const onValuesChange = useCallback((changedValues) => {
         // If source changed -> set new code based on new source
         if (changedValues?.source) {
-            const newCode = getCodeBySource(changedValues.source);
+            const newCode = getCodeDefaultBySource(changedValues.source);
             form.setFieldValue('code', newCode);
         }
-    }, [form, getCodeBySource]);
+    }, [form, getCodeDefaultBySource]);
     const renderInput = () => {
         let element = null;
         const isObjValue = value && typeof value !== 'string';
@@ -97,7 +97,7 @@ const InputSelectAttribute = (props) => {
                     height: 32,
                     padding: '4px 12px 4px 4px',
                     borderBottom: `1px solid ${errorMsg ? THEME.token?.colorError : THEME.token?.blue1}`,
-                }, children: [_jsx("div", { style: { width: '100%', cursor: 'pointer' }, onClick: onOpenModal, children: isObjValue && (_jsx(Tag, { isError: isErrorTag, children: isErrorTag ? (_jsxs(Flex, { gap: 5, align: "center", children: ["Unknown", _jsx(Tooltip, { title: "The used dynamic content is removed", children: _jsx(ErrorIcon, { size: 16 }) })] })) : (get(mapCode, [value?.code, 'label'], value?.code)) })) }), _jsx(Icon, { type: "icon-ants-remove", style: { fontSize: 10, color: '#222', cursor: 'pointer' }, onClick: onDeselect })] }));
+                }, children: [_jsx("div", { style: { width: '100%', cursor: 'pointer' }, onClick: onOpenModal, children: isObjValue && (_jsx(Tag, { isError: isErrorTag, children: isErrorTag ? (_jsxs(Flex, { gap: 5, align: "center", children: ["Unknown", _jsx(Tooltip, { title: "The used dynamic content is removed", children: _jsx(ErrorIcon, { size: 16 }) })] })) : (get(mapCodeBySource, [value?.code, 'label'], value?.code)) })) }), _jsx(Icon, { type: "icon-ants-remove", style: { fontSize: 10, color: '#222', cursor: 'pointer' }, onClick: onDeselect })] }));
         }
         else {
             element = (_jsx(StyledSelect, { mode: "multiple", options: [{ value: '', label: 'Or select a field' }], notFoundContent: null, onSelect: onOpenModal, style: { width: '100%', borderTop: 'none', borderLeft: 'none', borderRight: 'none' }, onDeselect: onDeselect, autoClearSearchValue: false, searchValue: typeof value === 'string' ? value : '', onSearch: onChangeInput, status: errorMsg ? 'error' : undefined, placeholder: typeof value === 'string' ? value : translate(translations.inputYourValue.title), "$isPlaceholder": !value, "$isError": !!errorMsg, dropdownStyle: {

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.6-beta.001",
+  "version": "1.3.6-beta.002",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",