@topconsultnpm/sdkui-react-beta 6.10.42 → 6.10.43

package/lib/components/choosers/TMUserChooser.d.ts

@@ -4,12 +4,18 @@ import { ITMChooserFormProps, ITMChooserProps } from '../../ts';
 interface ITMUserChooserProps extends ITMChooserProps {
     /** Contiene i values selezionati  */
     values?: number[];
+    /** predicate function per filtrare i metadati. Significativo per un solo tid (tids)  */
+    filter?: (value: UserDescriptor, index: number, array: UserDescriptor[]) => unknown;
     /** Visualizza il bordo  */
     showBorder?: boolean;
 }
 declare const TMUserChooser: React.FunctionComponent<ITMUserChooserProps>;
 export default TMUserChooser;
-export declare const TMUserChooserForm: React.FunctionComponent<ITMChooserFormProps<UserDescriptor>>;
+interface ITMUserChooserFormProps extends ITMChooserFormProps<UserDescriptor> {
+    /** predicate function per filtrare i metadati. Significativo per un solo tid (tids)  */
+    filter?: (value: UserDescriptor, index: number, array: UserDescriptor[]) => unknown;
+}
+export declare const TMUserChooserForm: React.FunctionComponent<ITMUserChooserFormProps>;
 export declare const TMUserIdViewer: ({ userId, showIcon, noneSelectionText }: {
     userId?: number;
     showIcon?: boolean;

package/lib/components/choosers/TMUserChooser.js

@@ -10,7 +10,7 @@ import TMSummary from '../editors/TMSummary';
 import TMChooserForm from '../forms/TMChooserForm';
 import { TMColors } from '../../utils/theme';
 import { TMExceptionBoxManager } from '../base/TMPopUp';
-const TMUserChooser = ({ labelColor, titleForm, readOnly = false, icon, dataSource, backgroundColor, openChooserBySingleClick, buttons = [], disabled = false, showBorder = true, elementStyle, allowMultipleSelection, values, isModifiedWhen, label, placeHolder, validationItems = [], onValueChanged, showClearButton }) => {
+const TMUserChooser = ({ labelColor, titleForm, filter, readOnly = false, icon, dataSource, backgroundColor, openChooserBySingleClick, buttons = [], disabled = false, showBorder = true, elementStyle, allowMultipleSelection, values, isModifiedWhen, label, placeHolder, validationItems = [], onValueChanged, showClearButton }) => {
     const [showChooser, setShowChooser] = useState(false);
     useEffect(() => {
         if (!values || values.length <= 0)
@@ -22,10 +22,10 @@ const TMUserChooser = ({ labelColor, titleForm, readOnly = false, icon, dataSour
         return (_jsxs(StyledDivHorizontal, { style: { minWidth: '125px' }, children: [values && values.length > 0 && _jsx(TMUserIdViewer, { userId: values?.[0], showIcon: true, noneSelectionText: '' }), values && values.length > 1 && _jsx("p", { style: { marginLeft: '10px' }, children: `(+${values.length - 1} ${values.length == 2 ? 'altro' : 'altri'})` })] }));
     };
     return (_jsxs(_Fragment, { children: [_jsx(TMSummary, { disabled: disabled, placeHolder: placeHolder, readOnly: readOnly, labelColor: labelColor, icon: icon, backgroundColor: backgroundColor, buttons: buttons, showBorder: showBorder, hasValue: values && values.length > 0, showClearButton: showClearButton, iconEditButton: _jsx(IconSearch, { fontSize: 16 }), onEditorClick: () => !readOnly && setShowChooser(true), elementStyle: elementStyle, isModifiedWhen: isModifiedWhen, openEditorOnSummaryClick: openChooserBySingleClick, label: label, template: renderTemplate(), onClearClick: showClearButton ? () => { onValueChanged?.([]); } : undefined, validationItems: validationItems }), showChooser &&
-                _jsx(TMUserChooserForm, { allowMultipleSelection: allowMultipleSelection, title: titleForm, hasShowOnlySelectedItems: true, dataSource: dataSource, selectedIDs: values, onClose: () => setShowChooser(false), onChoose: (IDs) => { onValueChanged?.(IDs); } })] }));
+                _jsx(TMUserChooserForm, { allowMultipleSelection: allowMultipleSelection, title: titleForm, hasShowOnlySelectedItems: true, dataSource: dataSource, filter: filter, selectedIDs: values, onClose: () => setShowChooser(false), onChoose: (IDs) => { onValueChanged?.(IDs); } })] }));
 };
 export default TMUserChooser;
-export const TMUserChooserForm = (props) => {
+export const TMUserChooserForm = ({ allowMultipleSelection, startWithShowOnlySelectedItems = true, filter, title, hasShowOnlySelectedItems, width, height, selectedIDs, dataSource, onClose, onChoose }) => {
     const renderDataGridColumns = [
         _jsx(Column, { dataField: "domain", visibleIndex: 2, caption: SDKUI_Localizator.Domain, dataType: 'string' }, 3)
     ];
@@ -33,18 +33,19 @@ export const TMUserChooserForm = (props) => {
         TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.Users} ...` });
         if (refreshCache)
             UserListCacheService.RemoveAll();
-        let users = await UserListCacheService.GetAllAsync();
+        let allUsers = await UserListCacheService.GetAllAsync();
+        let users = filter ? allUsers?.filter(filter) : allUsers;
         TMSpinner.hide();
         return users;
     };
     const getTitle = () => {
         let title = SDK_Localizator.Users;
-        if (props.title)
-            title += `: ${props.title}`;
+        if (title)
+            title += `: ${title}`;
         return title;
     };
     const cellRenderIcon = (data) => _jsx(TMUserIcon, { ud: data.data });
-    return (_jsx(TMChooserForm, { title: getTitle(), allowMultipleSelection: props.allowMultipleSelection, hasShowOnlySelectedItems: props.hasShowOnlySelectedItems, width: props.width, height: props.height, manageUseLocalizedName: false, columns: renderDataGridColumns, selectedIDs: props.selectedIDs, cellRenderIcon: cellRenderIcon, dataSource: props.dataSource, getItems: getItems, onClose: props.onClose, onChoose: (IDs) => props.onChoose?.(IDs) }));
+    return (_jsx(TMChooserForm, { title: getTitle(), allowMultipleSelection: allowMultipleSelection, startWithShowOnlySelectedItems: startWithShowOnlySelectedItems, hasShowOnlySelectedItems: hasShowOnlySelectedItems, width: width, height: height, manageUseLocalizedName: false, columns: renderDataGridColumns, selectedIDs: selectedIDs, cellRenderIcon: cellRenderIcon, dataSource: dataSource, getItems: getItems, onClose: onClose, onChoose: (IDs) => onChoose?.(IDs) }));
 };
 export const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
     const [ud, setUd] = useState();

package/lib/components/forms/TMChooserForm.d.ts

@@ -1,3 +1,3 @@
 import { ITMChooserFormProps } from '../../ts';
-declare const TMChooserForm: <T>({ children, title, allowMultipleSelection, hasShowOnlySelectedItems, allowGrouping, allowSorting, width, height, dataSource, selectedIDs, manageUseLocalizedName, hasShowId, keyName, customButtons, showDefaultColumns, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }: ITMChooserFormProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TMChooserForm: <T>({ children, title, allowMultipleSelection, startWithShowOnlySelectedItems, hasShowOnlySelectedItems, allowGrouping, allowSorting, width, height, dataSource, selectedIDs, manageUseLocalizedName, hasShowId, keyName, customButtons, showDefaultColumns, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }: ITMChooserFormProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default TMChooserForm;

package/lib/components/forms/TMChooserForm.js

@@ -8,9 +8,9 @@ import TMToggleButton from '../base/TMToggleButton';
 import TMModal from '../base/TMModal';
 import TMLayoutContainer, { TMLayoutItem } from '../base/TMLayout';
 import { TMColors } from '../../utils/theme';
-const TMChooserForm = ({ children, title, allowMultipleSelection, hasShowOnlySelectedItems = false, allowGrouping, allowSorting = true, width, height, dataSource, selectedIDs, manageUseLocalizedName = true, hasShowId = true, keyName = "id", customButtons, showDefaultColumns = true, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }) => {
+const TMChooserForm = ({ children, title, allowMultipleSelection, startWithShowOnlySelectedItems = true, hasShowOnlySelectedItems = false, allowGrouping, allowSorting = true, width, height, dataSource, selectedIDs, manageUseLocalizedName = true, hasShowId = true, keyName = "id", customButtons, showDefaultColumns = true, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }) => {
     const [showId, setShowId] = useState(false);
-    const [showOnlySelectedItems, setShowOnlySelectedItems] = useState(selectedIDs != undefined && selectedIDs.length > 0);
+    const [showOnlySelectedItems, setShowOnlySelectedItems] = useState(startWithShowOnlySelectedItems && selectedIDs != undefined && selectedIDs.length > 0);
     const [selectedItems, setSelectedItems] = useState([]);
     const [items, setItems] = useState([]);
     const [isInitialized, setIsInitialized] = useState(false);

package/lib/ts/types.d.ts

@@ -122,6 +122,7 @@ export interface ITMChooserFormProps<T> {
     allowGrouping?: boolean;
     allowMultipleSelection?: boolean;
     hasShowOnlySelectedItems?: boolean;
+    startWithShowOnlySelectedItems?: boolean;
     keyName?: string;
     customButtons?: React.ReactNode;
     columns?: JSX.Element[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react-beta",
-  "version": "6.10.42",
+  "version": "6.10.43",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",