@topconsultnpm/sdkui-react-beta 6.11.89 → 6.11.90
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.
- package/lib/components/choosers/TMDistinctValues.d.ts +4 -1
- package/lib/components/choosers/TMDistinctValues.js +17 -13
- package/lib/components/editors/TMMetadataEditor.d.ts +0 -1
- package/lib/components/editors/TMMetadataEditor.js +5 -5
- package/lib/components/editors/TMMetadataValues.d.ts +13 -13
- package/lib/components/editors/TMMetadataValues.js +22 -27
- package/package.json +1 -1
@@ -5,13 +5,16 @@ interface ITMDistinctValues {
|
|
5
5
|
mid: number | undefined;
|
6
6
|
layoutMode?: LayoutModes;
|
7
7
|
separator?: string;
|
8
|
+
allowAppendMode?: boolean;
|
9
|
+
showHeader?: boolean;
|
8
10
|
onSelectionChanged?: (e: DistinctValuesEventArgs) => void;
|
11
|
+
onClosePanelCallback?: () => void;
|
9
12
|
}
|
10
13
|
type DistinctValuesEventArgs = {
|
11
14
|
tid: number | undefined;
|
12
15
|
mid: number | undefined;
|
13
16
|
newValue: string | undefined;
|
14
|
-
|
17
|
+
isAppendMode: boolean;
|
15
18
|
};
|
16
19
|
declare const TMDistinctValues: React.FC<ITMDistinctValues>;
|
17
20
|
export default TMDistinctValues;
|
@@ -8,18 +8,19 @@ import TMDataGrid from '../base/TMDataGrid';
|
|
8
8
|
import { TMExceptionBoxManager } from '../base/TMPopUp';
|
9
9
|
import TMSpinner from '../base/TMSpinner';
|
10
10
|
import TMCheckBox from '../editors/TMCheckBox';
|
11
|
+
import TMToolbarCard from '../base/TMToolbarCard';
|
11
12
|
const StyledDistinctValues = styled.div `display: flex; flex-direction: column; height: 100%; overflow: hidden; gap: 10px;`;
|
12
13
|
const StyledPanelContainer = styled.div ` width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; `;
|
13
|
-
const TMDistinctValues = ({ tid, mid, layoutMode = LayoutModes.None, separator = " ", onSelectionChanged }) => {
|
14
|
+
const TMDistinctValues = ({ tid, mid, layoutMode = LayoutModes.None, allowAppendMode = true, showHeader = true, separator = " ", onSelectionChanged, onClosePanelCallback }) => {
|
14
15
|
const [focusedItem, setFocusedItem] = useState();
|
15
16
|
const [dataSource, setDataSource] = useState([]);
|
16
|
-
const [
|
17
|
+
const [isAppendMode, setIsAppendMode] = useState(false);
|
17
18
|
const [md, setMd] = useState();
|
18
19
|
const [hasLoadedBefore, setHasLoadedBefore] = useState(false);
|
19
20
|
const [showPrompt, setShowPrompt] = useState(false);
|
20
21
|
const [currentValue, setCurrentValue] = useState('');
|
21
22
|
useEffect(() => {
|
22
|
-
|
23
|
+
setIsAppendMode(false);
|
23
24
|
setFocusedItem(undefined);
|
24
25
|
setCurrentValue('');
|
25
26
|
}, [md]);
|
@@ -39,13 +40,13 @@ const TMDistinctValues = ({ tid, mid, layoutMode = LayoutModes.None, separator =
|
|
39
40
|
return;
|
40
41
|
if (!focusedItem.value) {
|
41
42
|
setCurrentValue('');
|
42
|
-
onSelectionChanged?.({ tid: tid, mid: mid, newValue: undefined,
|
43
|
+
onSelectionChanged?.({ tid: tid, mid: mid, newValue: undefined, isAppendMode: isAppendMode });
|
43
44
|
return;
|
44
45
|
}
|
45
46
|
let value = md.dataType === MetadataDataTypes.Number ? parseFloat(focusedItem.value.replace(',', '.')).toString() : focusedItem.value;
|
46
|
-
let newValue =
|
47
|
+
let newValue = isAppendMode ? currentValue + separator + value : value;
|
47
48
|
setCurrentValue(newValue);
|
48
|
-
onSelectionChanged?.({ tid: tid, mid: mid, newValue: newValue,
|
49
|
+
onSelectionChanged?.({ tid: tid, mid: mid, newValue: newValue, isAppendMode: isAppendMode });
|
49
50
|
}, [focusedItem]);
|
50
51
|
useEffect(() => {
|
51
52
|
if (!hasLoadedBefore) {
|
@@ -127,19 +128,22 @@ const TMDistinctValues = ({ tid, mid, layoutMode = LayoutModes.None, separator =
|
|
127
128
|
return rowObject;
|
128
129
|
});
|
129
130
|
};
|
130
|
-
const
|
131
|
-
if (
|
131
|
+
const isVisibleAppend = () => {
|
132
|
+
if (!allowAppendMode)
|
132
133
|
return false;
|
134
|
+
if (layoutMode !== LayoutModes.Ark && layoutMode !== LayoutModes.Update)
|
135
|
+
return true;
|
133
136
|
if (!md)
|
137
|
+
return true;
|
138
|
+
if (md.dataType === MetadataDataTypes.DateTime)
|
139
|
+
return false;
|
140
|
+
if (md.dataType === MetadataDataTypes.Number)
|
134
141
|
return false;
|
135
|
-
|
136
|
-
return (dataType === MetadataDataTypes.DateTime ||
|
137
|
-
dataType === MetadataDataTypes.Number ||
|
138
|
-
(dataDomain !== undefined && dataDomain !== MetadataDataDomains.None));
|
142
|
+
return md.dataDomain === undefined || md.dataDomain === MetadataDataDomains.None;
|
139
143
|
};
|
140
144
|
if (showPrompt) {
|
141
145
|
return (_jsxs(StyledPanelContainer, { children: [_jsx(IconDataList, { fontSize: 96 }), _jsxs("p", { children: ["Caricare i valori distinti di ", _jsx("strong", { children: `"${md?.nameLoc}" ` }), "? "] }), _jsx(TMButton, { caption: SDKUI_Localizator.Yes, onClick: handleLoadData, showTooltip: false })] }));
|
142
146
|
}
|
143
|
-
return (_jsxs(StyledDistinctValues, { children: [
|
147
|
+
return (_jsx(TMToolbarCard, { title: 'Valori distinti ' + (md?.nameLoc ? `(${md?.nameLoc})` : ''), showHeader: showHeader, onClose: onClosePanelCallback, children: _jsxs(StyledDistinctValues, { children: [isVisibleAppend() && _jsx(TMCheckBox, { elementStyle: { position: 'absolute', right: '15px', top: '15px', zIndex: 10000 }, label: 'Accoda', value: isAppendMode, onValueChanged: () => { setIsAppendMode(!isAppendMode); } }), _jsx(TMDataGrid, { focusedRowKey: focusedItem ? focusedItem.rowIndex : undefined, selection: { showCheckBoxesMode: 'none' }, searchPanel: { highlightCaseSensitive: true, visible: true }, dataColumns: customColumns, dataSource: dataSource, keyExpr: 'rowIndex', height: 'calc(100%)', onFocusedRowChanged: onFocusedRowChanged, paging: { pageSize: 30 }, summary: customSummary })] }) }));
|
144
148
|
};
|
145
149
|
export default TMDistinctValues;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { jsx as _jsx
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
2
|
import React, { useEffect, useState } from 'react';
|
3
3
|
import { MetadataDataDomains, MetadataDataTypes, DcmtTypeListCacheService, LayoutModes, AccessLevels, PlatformObjectValidator, QueryOperators, SDK_Globals, AppModules, MetadataFormats } from '@topconsultnpm/sdk-ts-beta';
|
4
4
|
import { TMColors } from '../../utils/theme';
|
@@ -11,8 +11,8 @@ import { TMMetadataIcon } from '../viewers/TMMidViewer';
|
|
11
11
|
import TMTextArea from './TMTextArea';
|
12
12
|
import { DateDisplayTypes } from '../../helper/Globalization';
|
13
13
|
import ContextMenu from "devextreme-react/cjs/context-menu";
|
14
|
-
const renderMetadataIcon = (tid, md, layoutMode, isMetadataSelected
|
15
|
-
return (
|
14
|
+
const renderMetadataIcon = (tid, md, layoutMode, isMetadataSelected) => {
|
15
|
+
return (_jsx(TMMetadataIcon, { isMetadataSelected: isMetadataSelected, layoutMode: layoutMode, md: md, tid: tid }));
|
16
16
|
};
|
17
17
|
const getDateDisplayFormat = (format) => {
|
18
18
|
format = format ?? MetadataFormats.None;
|
@@ -38,7 +38,7 @@ const getDateDisplayType = (format) => {
|
|
38
38
|
default: return DateDisplayTypes.Date;
|
39
39
|
}
|
40
40
|
};
|
41
|
-
const TMMetadataEditor = ({ isSelected = false, customLabel, isReadOnly, isLexProt, layoutMode, queryOperator, isEditable, isModifiedWhen = false, tid, mid, value, queryParamsDynDataList, containerElement, autoFocus, validationItems = [], disabled = false, openChooserBySingleClick = true,
|
41
|
+
const TMMetadataEditor = ({ isSelected = false, customLabel, isReadOnly, isLexProt, layoutMode, queryOperator, isEditable, isModifiedWhen = false, tid, mid, value, queryParamsDynDataList, containerElement, autoFocus, validationItems = [], disabled = false, openChooserBySingleClick = true, onValueChanged, onValueChange, onCascadeRefreshDynDataLists, onCascadeUpdateMIDs }) => {
|
42
42
|
const [md, setMd] = useState();
|
43
43
|
useEffect(() => {
|
44
44
|
DcmtTypeListCacheService.GetAsync(tid).then((dtd) => {
|
@@ -66,7 +66,7 @@ const TMMetadataEditor = ({ isSelected = false, customLabel, isReadOnly, isLexPr
|
|
66
66
|
if (layoutMode === LayoutModes.None && showAsText)
|
67
67
|
maxLength = 1000;
|
68
68
|
let isReadOnlyResult = isReadOnly ?? isReadOnlyInternal();
|
69
|
-
let icon = renderMetadataIcon(tid, md, layoutMode, isSelected
|
69
|
+
let icon = renderMetadataIcon(tid, md, layoutMode, isSelected);
|
70
70
|
if (value?.startsWith("{@QueryParam") || value == "{@UserName}" || value == "{@UserID}" || queryOperator == QueryOperators.Custom || isEditable)
|
71
71
|
return _jsx(TMTextBox, { placeHolder: layoutMode === LayoutModes.Ark ? md?.defaultValue ?? '' : '', isModifiedWhen: isModifiedWhenInternal(), readOnly: isReadOnlyResult, label: (SDK_Globals.appModule !== AppModules.SURFER || showLabelTop) ? (customLabel ?? md?.nameLoc) : undefined, icon: showLabelTop ? icon : undefined, validationItems: validationItems, disabled: disabled, elementStyle: { width: '100%' }, type: 'text', maxLength: isEditable ? undefined : maxLength, autoFocus: autoFocus, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
|
72
72
|
if (md?.dataDomain == MetadataDataDomains.DynamicDataList)
|
@@ -10,31 +10,31 @@ export declare class MetadataValueDescriptorEx extends MetadataValueDescriptor {
|
|
10
10
|
isSelected?: boolean;
|
11
11
|
isNull?: boolean;
|
12
12
|
}
|
13
|
-
export declare enum
|
13
|
+
export declare enum AdvancedMenuButtons {
|
14
14
|
None = 0,
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
export declare enum MakeEditableMenuModes {
|
19
|
-
None = 0,
|
20
|
-
Always = 1,
|
21
|
-
OnlyForList = 2
|
15
|
+
MakeEditable = 1,
|
16
|
+
FormulaEditor = 2,
|
17
|
+
DistinctValues = 3
|
22
18
|
}
|
19
|
+
type AdvancedMenuClickEventArgs = {
|
20
|
+
tid: number | undefined;
|
21
|
+
mid: number | undefined;
|
22
|
+
button: AdvancedMenuButtons;
|
23
|
+
};
|
23
24
|
interface ITMMetadataValuesProps extends DeviceContextProps {
|
24
|
-
id?: string;
|
25
25
|
TID: number | undefined;
|
26
|
+
metadataValues: MetadataValueDescriptorEx[];
|
27
|
+
metadataValuesOrig?: MetadataValueDescriptorEx[];
|
26
28
|
customMenuItems?: any[];
|
27
|
-
|
28
|
-
makeEditableMenuMode?: MakeEditableMenuModes;
|
29
|
+
showAdvancedMenu?: boolean;
|
29
30
|
showCheckBoxes?: boolean;
|
30
31
|
showNullValueCheckBoxes?: boolean;
|
31
32
|
validationItems: ValidationItem[];
|
32
|
-
metadataValues: MetadataValueDescriptorEx[];
|
33
|
-
metadataValuesOrig?: MetadataValueDescriptorEx[];
|
34
33
|
layoutMode?: LayoutModes;
|
35
34
|
selectedMID?: number;
|
36
35
|
openChooserBySingleClick?: boolean;
|
37
36
|
isOpenDistinctValues?: boolean;
|
37
|
+
onAdvancedMenuClick?: (e: AdvancedMenuClickEventArgs) => void;
|
38
38
|
onValueChanged?: (mid: MetadataValueDescriptorEx[]) => void;
|
39
39
|
onFocusedItemChanged?: (mid: MetadataValueDescriptorEx | undefined) => void;
|
40
40
|
}
|
@@ -1,31 +1,25 @@
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
2
2
|
import { useEffect, useState } from "react";
|
3
|
-
import ReactDOMServer from "react-dom/server";
|
4
3
|
import styled from "styled-components";
|
5
4
|
import { DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, MetadataValueDescriptor, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
|
6
|
-
import { IconUndo, IconPencil, IconFunction, IconClear, IconMenuVertical } from "../../helper";
|
5
|
+
import { IconUndo, IconPencil, IconFunction, IconClear, IconMenuVertical, IconDataList } from "../../helper";
|
7
6
|
import { TMColors } from "../../utils/theme";
|
8
7
|
import TMButton from "../base/TMButton";
|
9
8
|
import TMDropDownMenu from "../base/TMDropDownMenu";
|
10
9
|
import TMTooltip from "../base/TMTooltip";
|
11
10
|
import TMCheckBox from "./TMCheckBox";
|
12
|
-
import TMMetadataEditor, { useMetadataEditableList
|
11
|
+
import TMMetadataEditor, { useMetadataEditableList } from "./TMMetadataEditor";
|
13
12
|
import { FormulaHelper } from "./TMFormulaEditor";
|
14
13
|
export class MetadataValueDescriptorEx extends MetadataValueDescriptor {
|
15
14
|
}
|
16
|
-
export var
|
17
|
-
(function (
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
(
|
24
|
-
MakeEditableMenuModes[MakeEditableMenuModes["None"] = 0] = "None";
|
25
|
-
MakeEditableMenuModes[MakeEditableMenuModes["Always"] = 1] = "Always";
|
26
|
-
MakeEditableMenuModes[MakeEditableMenuModes["OnlyForList"] = 2] = "OnlyForList";
|
27
|
-
})(MakeEditableMenuModes || (MakeEditableMenuModes = {}));
|
28
|
-
const TMMetadataValues = ({ showCheckBoxes, menuMode = MenuModes.ContextMenu, makeEditableMenuMode = MakeEditableMenuModes.OnlyForList, customMenuItems = [], showNullValueCheckBoxes, isOpenDistinctValues = false, openChooserBySingleClick, selectedMID, onFocusedItemChanged, layoutMode = LayoutModes.Update, metadataValues = [], metadataValuesOrig = [], TID, id, onValueChanged, validationItems }) => {
|
15
|
+
export var AdvancedMenuButtons;
|
16
|
+
(function (AdvancedMenuButtons) {
|
17
|
+
AdvancedMenuButtons[AdvancedMenuButtons["None"] = 0] = "None";
|
18
|
+
AdvancedMenuButtons[AdvancedMenuButtons["MakeEditable"] = 1] = "MakeEditable";
|
19
|
+
AdvancedMenuButtons[AdvancedMenuButtons["FormulaEditor"] = 2] = "FormulaEditor";
|
20
|
+
AdvancedMenuButtons[AdvancedMenuButtons["DistinctValues"] = 3] = "DistinctValues";
|
21
|
+
})(AdvancedMenuButtons || (AdvancedMenuButtons = {}));
|
22
|
+
const TMMetadataValues = ({ showCheckBoxes, showAdvancedMenu = false, customMenuItems = [], showNullValueCheckBoxes, isOpenDistinctValues = false, openChooserBySingleClick, selectedMID, onFocusedItemChanged, layoutMode = LayoutModes.Update, metadataValues = [], metadataValuesOrig = [], TID, onValueChanged, onAdvancedMenuClick, validationItems }) => {
|
29
23
|
const [dynDataListsToBeRefreshed, setDynDataListsToBeRefreshed] = useState([]);
|
30
24
|
const [calcDynDataListsToBeRefreshed, setCalcDynDataListsToBeRefreshed] = useState();
|
31
25
|
const [currentDTD, setCurrentDTD] = useState();
|
@@ -153,31 +147,32 @@ const TMMetadataValues = ({ showCheckBoxes, menuMode = MenuModes.ContextMenu, ma
|
|
153
147
|
let md = currentDTD?.metadata?.find(o => o.id == mid);
|
154
148
|
if (!md)
|
155
149
|
return [];
|
156
|
-
let isList = md.dataDomain == MetadataDataDomains.DataList || md.dataDomain == MetadataDataDomains.DynamicDataList || md.dataDomain == MetadataDataDomains.UserID;
|
157
150
|
let isEditable = isEditableList(mid);
|
158
|
-
let menu = [
|
159
|
-
|
160
|
-
menu.push({
|
151
|
+
let menu = [
|
152
|
+
{
|
161
153
|
text: isEditable ? "Ripristina" : "Rendi editabile",
|
162
|
-
icon: isEditable
|
163
|
-
|
164
|
-
: menuMode === MenuModes.ContextMenu ? ReactDOMServer.renderToString(_jsx(IconPencil, {})) : _jsx(IconPencil, {}),
|
154
|
+
icon: isEditable ? _jsx(IconUndo, {}) : _jsx(IconPencil, {}),
|
155
|
+
disabled: md.dataDomain === MetadataDataDomains.Computed,
|
165
156
|
onClick: () => {
|
166
157
|
addOrRemoveEditableList(mid);
|
158
|
+
onAdvancedMenuClick?.({ tid: tid, mid: mid, button: AdvancedMenuButtons.FormulaEditor });
|
167
159
|
onValueChanged?.(metadataValues.map((item) => item.tid == tid && item.mid === mid ? { ...item, isEditable: !item.isEditable } : item));
|
168
160
|
}
|
169
|
-
}
|
161
|
+
},
|
162
|
+
{ text: "Editor delle formule", icon: _jsx(IconFunction, {}), onClick: () => onAdvancedMenuClick?.({ tid: tid, mid: mid, button: AdvancedMenuButtons.FormulaEditor }) },
|
163
|
+
{ text: "Valori distinti", icon: _jsx(IconDataList, {}), onClick: () => onAdvancedMenuClick?.({ tid: tid, mid: mid, button: AdvancedMenuButtons.DistinctValues }) }
|
164
|
+
];
|
170
165
|
if (customMenuItems.length > 0)
|
171
166
|
menu.push(...customMenuItems);
|
172
167
|
return menu;
|
173
168
|
};
|
174
|
-
return (_jsx(StyledMetadataValuesContainer, {
|
169
|
+
return (_jsx(StyledMetadataValuesContainer, { children: metadataValues.map((item) => (_jsxs(StyledRow, { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '6px' : '0' }, onClick: () => { handleMetadataValueSelection(item); }, onFocus: () => { handleMetadataValueSelection(item); }, children: [showCheckBoxes && _jsx(TMCheckBox, { elementStyle: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '14px' : '20px' }, value: item.isSelected, onValueChanged: (newValue) => {
|
175
170
|
let newValues = structuredClone(metadataValues);
|
176
171
|
const mvd = newValues.find(value => value.mid === item.mid);
|
177
172
|
if (mvd)
|
178
173
|
mvd.isSelected = newValue;
|
179
174
|
onValueChanged?.(newValues);
|
180
|
-
} }), _jsxs("div", { style: { position: 'relative', height: '100%', width: '100%', opacity: showNullValueCheckBoxes && item.isNull ? 0.4 : 1 }, children: [_jsx(TMMetadataEditor, { tid: TID, mid: item.mid, layoutMode: layoutMode, isLexProt: item.isLexProt, isSelected: isOpenDistinctValues && item.mid === selectedMID, isModifiedWhen: metadataValues.find(m => m.mid === item.mid)?.value !== metadataValuesOrig.find(m => m.mid === item.mid)?.value, isReadOnly: showNullValueCheckBoxes ? item.isNull : undefined, isEditable: isEditable(item.mid) || item.isEditable, validationItems: editorValidationHandler(item.mid ?? 0), value: metadataValues.find(m => m.mid === item.mid)?.value, openChooserBySingleClick: openChooserBySingleClick, onValueChanged: (newValue) => onChangeHandler(newValue, item.mid ?? 0), onValueChange: (newValue) => onChangeHandler(newValue, item.mid ?? 0), containerElement: undefined, queryParamsDynDataList: dynDataListsToBeRefreshed.find(o => o.mid == item.mid)?.queryParams ?? [],
|
175
|
+
} }), _jsxs("div", { style: { position: 'relative', height: '100%', width: '100%', opacity: showNullValueCheckBoxes && item.isNull ? 0.4 : 1 }, children: [_jsx(TMMetadataEditor, { tid: TID, mid: item.mid, layoutMode: layoutMode, isLexProt: item.isLexProt, isSelected: isOpenDistinctValues && item.mid === selectedMID, isModifiedWhen: metadataValues.find(m => m.mid === item.mid)?.value !== metadataValuesOrig.find(m => m.mid === item.mid)?.value, isReadOnly: showNullValueCheckBoxes ? item.isNull : undefined, isEditable: isEditable(item.mid) || item.isEditable, validationItems: editorValidationHandler(item.mid ?? 0), value: metadataValues.find(m => m.mid === item.mid)?.value, openChooserBySingleClick: openChooserBySingleClick, onValueChanged: (newValue) => onChangeHandler(newValue, item.mid ?? 0), onValueChange: (newValue) => onChangeHandler(newValue, item.mid ?? 0), containerElement: undefined, queryParamsDynDataList: dynDataListsToBeRefreshed.find(o => o.mid == item.mid)?.queryParams ?? [], onCascadeRefreshDynDataLists: (ddlToBeRefreshed) => {
|
181
176
|
let newDynDataListsToBeRefreshed = [];
|
182
177
|
for (const item of dynDataListsToBeRefreshed) {
|
183
178
|
let index = ddlToBeRefreshed.findIndex(o => o.mid == item.mid || (o.mid == -1 && o.midStarter == item.midStarter));
|
@@ -221,7 +216,7 @@ const TMMetadataValues = ({ showCheckBoxes, menuMode = MenuModes.ContextMenu, ma
|
|
221
216
|
mvd.isSelected = true;
|
222
217
|
}
|
223
218
|
onValueChanged?.(newValues);
|
224
|
-
} }) }),
|
219
|
+
} }) }), showAdvancedMenu && _jsx("div", { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '12px' : '18px' }, onClick: () => { handleMetadataValueSelection(item); }, children: _jsx(TMDropDownMenu, { backgroundColor: 'white', color: TMColors.button_icon, borderRadius: '3px', content: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconMenuVertical, {}), showTooltip: false }), disabled: item.isLexProt === 1, items: getMetadataEditorMenuItems(TID, item.mid) }) })] }, item.mid))) }));
|
225
220
|
};
|
226
221
|
export default TMMetadataValues;
|
227
222
|
//#region Styled Components
|