@antscorp/antsomi-ui 1.3.5-beta.998 → 1.3.5-beta.999
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
// Libraries
|
|
3
3
|
import { memo, useCallback, useMemo, useState } from 'react';
|
|
4
|
-
import { get, keyBy } from 'lodash';
|
|
4
|
+
import { get, keyBy, upperFirst } from 'lodash';
|
|
5
5
|
import { Flex, Form, Select, Tooltip, Typography } from 'antd';
|
|
6
6
|
// Translations
|
|
7
7
|
import { translate, translations } from '@antscorp/antsomi-ui/es/locales';
|
|
@@ -26,6 +26,12 @@ const InputSelectAttribute = (props) => {
|
|
|
26
26
|
}
|
|
27
27
|
return [];
|
|
28
28
|
}, [sourceValue, mapCodeOptions]);
|
|
29
|
+
const initCodeTitleField = useMemo(() => {
|
|
30
|
+
if (sourceValue === 'allocated_code') {
|
|
31
|
+
return 'Allocated Code';
|
|
32
|
+
}
|
|
33
|
+
return upperFirst(translate(translations._ITEM_NAME_ATTRIBUTE, 'attribute'));
|
|
34
|
+
}, [sourceValue]);
|
|
29
35
|
const mapCode = useMemo(() => {
|
|
30
36
|
if (typeof value === 'string')
|
|
31
37
|
return {};
|
|
@@ -33,7 +39,7 @@ const InputSelectAttribute = (props) => {
|
|
|
33
39
|
}, [mapCodeOptions, value]);
|
|
34
40
|
const getCodeBySource = useCallback((source) => get(mapCodeOptions, [source, '0', 'value'], ''), [mapCodeOptions]);
|
|
35
41
|
const onOpenModal = useCallback(() => {
|
|
36
|
-
if (typeof value !== 'string') {
|
|
42
|
+
if (value && typeof value !== 'string') {
|
|
37
43
|
form.setFieldsValue({ source: value?.source, code: value?.code });
|
|
38
44
|
}
|
|
39
45
|
else {
|
|
@@ -100,6 +106,6 @@ const InputSelectAttribute = (props) => {
|
|
|
100
106
|
}
|
|
101
107
|
return element;
|
|
102
108
|
};
|
|
103
|
-
return (_jsxs(_Fragment, { children: [renderInput(), errorMsg ? (_jsx(Typography.Text, { style: { marginLeft: 8, color: THEME.token?.red8, marginTop: 5 }, children: errorMsg })) : null, _jsx(ModalV2, { title: translate(translations._PREDICT_MODEL_SELECT_ATTRIBUTE, 'Select attribute'), okText: translate(translations._ACT_APPLY, 'Apply'), open: openModal, onOk: onOk, onCancel: onHideModal, afterClose: onAfterClose, destroyOnClose: true, centered: true, children: _jsxs(Form, { colon: false, form: form, onValuesChange: onValuesChange, children: [_jsx(Form.Item, { label: translate(translations._TITL_PERSONALIZATION_TYPE, 'Content Source'), name: "source", 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, placeholder: "Please select an item" }) }), _jsx(Form.Item, { label: label ||
|
|
109
|
+
return (_jsxs(_Fragment, { children: [renderInput(), errorMsg ? (_jsx(Typography.Text, { style: { marginLeft: 8, color: THEME.token?.red8, marginTop: 5 }, children: errorMsg })) : null, _jsx(ModalV2, { title: translate(translations._PREDICT_MODEL_SELECT_ATTRIBUTE, 'Select attribute'), okText: translate(translations._ACT_APPLY, 'Apply'), open: openModal, onOk: onOk, onCancel: onHideModal, afterClose: onAfterClose, destroyOnClose: true, centered: true, children: _jsxs(Form, { colon: false, form: form, onValuesChange: onValuesChange, children: [_jsx(Form.Item, { label: translate(translations._TITL_PERSONALIZATION_TYPE, 'Content Source'), name: "source", 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, placeholder: "Please select an item" }) }), _jsx(Form.Item, { label: label || initCodeTitleField, 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 } }), notFoundContent: _jsx(EmptyData, { size: "small", icon: _jsx(Dashboard30Icon, {}), description: "No personalized content in this journey" }), placeholder: "Please select an item", options: codeOptions }) })] }) })] }));
|
|
104
110
|
};
|
|
105
111
|
export default memo(InputSelectAttribute);
|