@antscorp/antsomi-ui 1.3.5-beta.977 → 1.3.5-beta.978

package/es/components/molecules/InputSelectAttribute/index.d.ts

@@ -19,6 +19,7 @@ export interface InputSelectAttributeProps {
         value: Value;
         valueType: ValueType;
     }) => void;
+    onChangeSelectSource: (value: string) => void;
 }
 declare const _default: import("react").MemoExoticComponent<(props: InputSelectAttributeProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/components/molecules/InputSelectAttribute/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Libraries
-import { memo, useCallback, useMemo, useState } from 'react';
+import { memo, useCallback, useEffect, useMemo, useState } from 'react';
 import { get, keyBy } from 'lodash';
 import { Form, Select, Typography } from 'antd';
 // Translations
@@ -13,7 +13,7 @@ import { StyledSelect } from './styled';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 const InputSelectAttribute = (props) => {
-    const { value, errorMsg, label, sourceOptions = [], codeOptions = [], onChange } = props;
+    const { value, errorMsg, label, sourceOptions = [], codeOptions = [], onChange, onChangeSelectSource, } = props;
     const [form] = Form.useForm();
     // States
     const [openModal, setOpenModal] = useState(false);
@@ -26,6 +26,12 @@ const InputSelectAttribute = (props) => {
             code: '',
         };
     });
+    // Effects
+    useEffect(() => {
+        if (attributeState.code === '') {
+            form.setFieldsValue({ code: codeOptions[0]?.value });
+        }
+    }, [attributeState, codeOptions, form]);
     // Memoized
     const mapCodeOpts = useMemo(() => keyBy(codeOptions, 'value'), [codeOptions]);
     const onOpenModal = useCallback(() => {
@@ -79,9 +85,10 @@ const InputSelectAttribute = (props) => {
                         sources: attributeState.source || sourceOptions[0]?.value,
                         code: attributeState.code || codeOptions[0]?.value,
                     }, children: [_jsx(Form.Item, { label: translate(translations._TITL_PERSONALIZATION_TYPE, 'Content Source'), name: "sources", required: true, labelCol: { span: 6 }, labelAlign: "left", rules: [{ required: true, message: 'Please select field!' }], children: _jsx(Select, { suffixIcon: _jsx(Icon, { type: "icon-ants-expand-more", style: { fontSize: '20px', color: THEME.token?.colorIcon } }), options: sourceOptions, value: attributeState.source, onChange: newValue => {
-                                    setAttributeState(state => ({ ...state, source: newValue }));
+                                    setAttributeState(state => ({ ...state, code: '', source: newValue }));
+                                    onChangeSelectSource(newValue);
                                 } }) }), _jsx(Form.Item, { label: label || 'Allocated Code', required: true, labelCol: { span: 6 }, labelAlign: "left", name: "code", rules: [{ required: true, message: 'Please select field!' }], children: _jsx(Select, { suffixIcon: _jsx(Icon, { type: "icon-ants-expand-more", style: { fontSize: '20px', color: THEME.token?.colorIcon } }), value: attributeState.code, options: codeOptions, onChange: newValue => {
-                                    setAttributeState(state => ({ ...state, code: newValue }));
+                                    setAttributeState(state => ({ ...state, source: newValue }));
                                 } }) })] }) })] }));
 };
 export default memo(InputSelectAttribute);

package/package.json

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