@topconsultnpm/sdkui-react 6.20.0-dev1.14 → 6.20.0-dev1.15

package/lib/components/features/search/TMSearchResultCheckoutInfoForm.d.ts

@@ -1,8 +0,0 @@
-import { DcmtInfo } from "../../../ts";
-interface TMSearchResultCheckoutInfoFormProps {
-    dtdName: string;
-    selectedDcmtOrFocused: DcmtInfo;
-    onClose: () => void;
-}
-declare const TMSearchResultCheckoutInfoForm: (props: TMSearchResultCheckoutInfoFormProps) => import("react/jsx-runtime").JSX.Element;
-export default TMSearchResultCheckoutInfoForm;

package/lib/components/features/search/TMSearchResultCheckoutInfoForm.js

@@ -1,129 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import TMSaveForm from "../../forms/TMSaveForm";
-import { IconBxInfo, IconFileDots, IconFolder, SDKUI_Globals, SDKUI_Localizator } from "../../../helper";
-import { FormModes } from "../../../ts";
-import { ResultTypes, ValidationItem } from "@topconsultnpm/sdk-ts";
-import { SaveFormOptions, useSaveForm } from "../../../hooks/useForm";
-import { getCicoDownloadFileName, updateCicoCheckoutStorageItem } from "../../../helper/checkinCheckoutManager";
-import { TMColors } from "../../../utils/theme";
-import TMLayoutContainer, { TMLayoutItem } from "../../base/TMLayout";
-import TMTooltip from "../../base/TMTooltip";
-import TMTextBox from "../../editors/TMTextBox";
-import ShowAlert from "../../base/TMAlert";
-import { TMExceptionBoxManager } from "../../base/TMPopUp";
-const TMSearchResultCheckoutInfoForm = (props) => {
-    const { dtdName, selectedDcmtOrFocused, onClose } = props;
-    const [initialDcmtCheckoutFolder, setInitialDcmtCheckoutFolder] = useState("");
-    const [initialDcmtCheckoutName, setInitialDcmtCheckoutName] = useState("");
-    const validator = async (params) => {
-        const validations = [];
-        if (!params.checkoutName?.trim()) {
-            validations.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.Name, SDKUI_Localizator.RequiredField));
-        }
-        return validations;
-    };
-    const { formData, setFormData, validationItems, exception } = useSaveForm(FormModes.Create, 0, new SaveFormOptions(), validator);
-    const isDisabled = !formData || !formData.checkoutName?.trim() || (formData.checkoutFolder === initialDcmtCheckoutFolder && formData.checkoutName === initialDcmtCheckoutName);
-    useEffect(() => {
-        if (!selectedDcmtOrFocused.TID || !selectedDcmtOrFocused.DID)
-            return;
-        const dcmtCheckoutInfoCurrentItems = [...SDKUI_Globals.userSettings.dcmtCheckoutInfo];
-        const existingItem = dcmtCheckoutInfoCurrentItems.find((item) => item.TID === selectedDcmtOrFocused.TID.toString() && item.DID === selectedDcmtOrFocused.DID.toString());
-        const folder = existingItem?.checkoutFolder ?? "";
-        const name = existingItem?.checkoutName ?? getCicoDownloadFileName({ type: 'dcmtInfo', dcmtInfo: selectedDcmtOrFocused, originalFileName: dtdName ?? SDKUI_Localizator.SearchResult }, true, false);
-        // Set form data
-        setFormData({
-            ...formData,
-            checkoutFolder: folder,
-            checkoutName: name,
-        });
-        // Save initial values
-        setInitialDcmtCheckoutFolder(folder);
-        setInitialDcmtCheckoutName(name);
-    }, []);
-    const calcIsModifiedWrapper = (formData) => {
-        if (!formData)
-            return false;
-        if (formData.checkoutFolder !== initialDcmtCheckoutFolder || formData.checkoutName !== initialDcmtCheckoutName) {
-            return true;
-        }
-        return false;
-    };
-    const onSaveAsync = () => {
-        try {
-            if (isDisabled)
-                return;
-            // Check: formData must exist, selectedDcmtOrFocused.TID and selectedDcmtOrFocused.DID must exist, and at least one of checkoutFolder or checkoutName must be filled
-            if (formData && selectedDcmtOrFocused.TID && selectedDcmtOrFocused.DID) {
-                // Create a new draft checkout item with TID, DID, and folder/name values
-                const newItem = { TID: selectedDcmtOrFocused.TID.toString(), DID: selectedDcmtOrFocused.DID.toString(), checkoutFolder: formData.checkoutFolder ?? "", checkoutName: formData.checkoutName ?? "" };
-                updateCicoCheckoutStorageItem(newItem, "dcmtInfo", "addOrUpdate");
-                onClose();
-                ShowAlert({ mode: 'success', title: SDKUI_Localizator.CheckoutInfo, message: SDKUI_Localizator.OperationSuccess, duration: 3000 });
-            }
-        }
-        catch (error) {
-            console.error('Error in onSaveAsync:', error);
-            TMExceptionBoxManager.show({ title: SDKUI_Localizator.Error, exception: error });
-        }
-    };
-    return _jsx(TMSaveForm, { title: dtdName + " \u2014 " + SDKUI_Localizator.CheckoutInfo, showTitleFormMode: false, isModal: true, width: "470px", height: "240px", showBackButton: false, showErrorCount: false, showSaveButton: false, showUndoButton: false, showToolbar: false, hasNavigation: false, formMode: FormModes.Create, validationItems: validationItems, exception: exception, isModified: calcIsModifiedWrapper(formData), onClose: onClose, children: _jsx("div", { style: { margin: "0px 10px" }, children: _jsx(TMLayoutContainer, { direction: 'vertical', children: _jsx(TMLayoutContainer, { gap: 5, children: _jsxs(TMLayoutItem, { height: 'max-content', children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px", marginTop: "5px", marginBottom: "5px" }, children: [_jsx(TMTooltip, { content: SDKUI_Localizator.CheckInOutSettingsNotice, children: _jsx(IconBxInfo, {}) }), _jsxs("span", { children: [SDKUI_Localizator.DefaultFolder, ":", " ", _jsx("i", { children: SDKUI_Globals.userSettings.defaultCheckInOutFolder !== ""
-                                                    ? SDKUI_Globals.userSettings.defaultCheckInOutFolder
-                                                    : SDKUI_Localizator.UndefinedText })] })] }), _jsx(TMTextBox, { icon: _jsx(IconFolder, {}), label: SDKUI_Localizator.Folder, value: formData?.checkoutFolder ?? '', isModifiedWhen: formData?.checkoutFolder !== initialDcmtCheckoutFolder, onValueChanged: (e) => {
-                                    const newValue = e.target.value;
-                                    setFormData(prev => ({
-                                        ...prev,
-                                        checkoutFolder: newValue,
-                                        checkoutName: prev?.checkoutName ?? "",
-                                    }));
-                                }, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Folder), autoFocus: true, fromModal: true }), _jsx(TMTextBox, { icon: _jsx(IconFileDots, {}), label: SDKUI_Localizator.Name, value: formData?.checkoutName ?? '', isModifiedWhen: formData?.checkoutName !== initialDcmtCheckoutName, onValueChanged: (e) => {
-                                    const newValue = e.target.value;
-                                    setFormData(prev => ({
-                                        ...prev,
-                                        checkoutFolder: prev?.checkoutFolder ?? "",
-                                        checkoutName: newValue,
-                                    }));
-                                }, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Name) }), _jsxs("div", { style: {
-                                    width: "100%",
-                                    height: '50px',
-                                    marginTop: "10px",
-                                    display: 'flex',
-                                    justifyContent: 'flex-end',
-                                    alignItems: 'center',
-                                    gap: '10px'
-                                }, children: [_jsx("button", { onClick: () => onSaveAsync(), disabled: false, style: {
-                                            background: 'none',
-                                            border: 'none',
-                                            color: isDisabled ? '#a0a0a0' : TMColors.primary,
-                                            cursor: isDisabled ? 'not-allowed' : 'pointer',
-                                            padding: '6px 14px',
-                                            borderRadius: '6px',
-                                            transition: 'background-color 0.3s, color 0.3s',
-                                        }, onMouseEnter: e => {
-                                            if (!isDisabled) {
-                                                e.currentTarget.style.backgroundColor = '#e6f0ff';
-                                                e.currentTarget.style.color = '#004a99';
-                                            }
-                                        }, onMouseLeave: e => {
-                                            if (!isDisabled) {
-                                                e.currentTarget.style.backgroundColor = 'transparent';
-                                                e.currentTarget.style.color = TMColors.primary;
-                                            }
-                                        }, children: SDKUI_Localizator.Save }), _jsx("button", { onClick: () => onClose(), style: {
-                                            background: 'none',
-                                            border: 'none',
-                                            color: TMColors.primary,
-                                            cursor: 'pointer',
-                                            padding: '6px 14px',
-                                            borderRadius: '6px',
-                                            transition: 'background-color 0.3s, color 0.3s',
-                                        }, onMouseEnter: e => {
-                                            e.currentTarget.style.backgroundColor = '#e6f0ff';
-                                            e.currentTarget.style.color = '#004a99';
-                                        }, onMouseLeave: e => {
-                                            e.currentTarget.style.backgroundColor = 'transparent';
-                                            e.currentTarget.style.color = TMColors.primary;
-                                        }, children: SDKUI_Localizator.Cancel })] })] }) }) }) }) });
-};
-export default TMSearchResultCheckoutInfoForm;

package/lib/components/features/search/TMSearchResultFloatingActionButton.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { DcmtInfo } from '../../../ts';
-export interface TMSearchResultFloatingActionConfig {
-    isVisible?: boolean;
-    isDisabled?: boolean;
-    type?: 'single' | 'multi';
-    tooltip?: React.ReactNode;
-    iconElement?: React.ReactNode;
-    onClick?: (selectedDcmtsOrFocused: Array<DcmtInfo>) => void | Promise<void>;
-}
-interface TMSearchResultFloatingActionButtonProps {
-    selectedDcmtsOrFocused: Array<DcmtInfo>;
-    config: TMSearchResultFloatingActionConfig;
-}
-export declare const TMSearchResultFloatingActionButton: (props: TMSearchResultFloatingActionButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default TMSearchResultFloatingActionButton;

package/lib/components/features/search/TMSearchResultFloatingActionButton.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import TMTooltip from '../../base/TMTooltip';
-;
-export const TMSearchResultFloatingActionButton = (props) => {
-    const { config, selectedDcmtsOrFocused } = props;
-    const { isDisabled, tooltip, iconElement, onClick } = config;
-    const [isButtonDisabled, setIsButtonDisabled] = useState(false);
-    useEffect(() => {
-        const shouldDisable = isDisabled || (config.type === 'single' && selectedDcmtsOrFocused.length !== 1) || (config.type === 'multi' && selectedDcmtsOrFocused.length === 0);
-        setIsButtonDisabled(shouldDisable);
-    }, [config, selectedDcmtsOrFocused]);
-    return _jsx("button", { disabled: isButtonDisabled, style: {
-            position: 'absolute',
-            bottom: '10px',
-            right: '20px',
-            width: '40px',
-            height: '40px',
-            borderRadius: "50%",
-            backgroundColor: "#C2388B",
-            color: '#fff',
-            border: 'none',
-            cursor: isButtonDisabled ? 'not-allowed' : 'pointer',
-            boxShadow: isButtonDisabled ? 'none' : '0 2px 6px rgba(0,0,0,0.2)',
-            zIndex: 1000,
-            transition: 'background-color 0.3s ease, transform 0.2s ease',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            pointerEvents: isButtonDisabled ? 'none' : 'auto',
-            opacity: isButtonDisabled ? 0.5 : 1,
-        }, onMouseEnter: (e) => {
-            if (!isButtonDisabled) {
-                e.currentTarget.style.backgroundColor = '#D94A9F';
-                e.currentTarget.style.transform = 'scale(1.1)';
-                e.currentTarget.style.boxShadow = '0 4px 12px rgba(37, 89, 165, 0.6)';
-            }
-        }, onMouseLeave: (e) => {
-            if (!isButtonDisabled) {
-                e.currentTarget.style.backgroundColor = "#C2388B";
-                e.currentTarget.style.transform = 'scale(1)';
-                e.currentTarget.style.boxShadow = '0 2px 6px rgba(0,0,0,0.2)';
-            }
-        }, onClick: async () => {
-            if (config.onClick) {
-                await config.onClick(selectedDcmtsOrFocused);
-            }
-        }, children: _jsx(TMTooltip, { content: tooltip, children: iconElement || _jsx("i", { className: "dx-icon-share", style: { fontSize: 25, transform: 'translateX(-1px)', } }) }) });
-};
-export default TMSearchResultFloatingActionButton;

package/lib/components/features/search/TMSearchResultsMenuItems.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { DcmtTypeDescriptor, FileDescriptor, FileFormats, LayoutModes, WorkingGroupDescriptor, UserDescriptor } from '@topconsultnpm/sdk-ts';
-import { TMDataGridContextMenuItem } from '../../base/TMDataGrid';
-import { DcmtInfo, DcmtOperationTypes, DownloadModes, DownloadTypes, SearchResultContext } from '../../../ts';
-export declare const getSelectedDcmtsOrFocused: (selectedItems: Array<any>, focusedItem: any, fileFormat?: FileFormats) => DcmtInfo[];
-export declare const getAllFieldSelectedDcmtsOrFocused: (selectedItems: Array<any>, focusedItem: any, fileFormat?: FileFormats) => any[];
-export declare const signatureInformationCallback: (isMobile: boolean, inputDcmts: DcmtInfo[] | undefined) => Promise<void>;
-export declare const getCommandsMenuItems: (isMobile: boolean, dtd: DcmtTypeDescriptor | undefined, allUsers: Array<UserDescriptor>, selectedItems: Array<any>, focusedItem: any, context: SearchResultContext, showFloatingBar: boolean, workingGroupContext: WorkingGroupDescriptor | undefined, showSearch: boolean, setShowFloatingBar: React.Dispatch<React.SetStateAction<boolean>>, openFormHandler: (layoutMode: LayoutModes) => void, openSharedArchiveHandler: () => Promise<void>, showSharedDcmtsHandler: () => Promise<void>, downloadDcmtsAsync: (inputDcmts: DcmtInfo[] | undefined, downloadType: DownloadTypes, downloadMode: DownloadModes, onFileDownloaded?: (dcmtFile: File | undefined) => void, confirmAttachments?: (list: FileDescriptor[]) => Promise<string[] | undefined>, skipConfirmation?: boolean) => Promise<void>, runOperationAsync: (inputDcmts: DcmtInfo[] | undefined, dcmtOperationType: DcmtOperationTypes, actionAfterOperationAsync?: () => Promise<void>) => Promise<void>, onRefreshSearchAsync: (() => Promise<void>) | undefined, onRefreshDataRowsAsync: (() => Promise<void>) | undefined, onRefreshAfterAddDcmtToFavs: (() => void) | undefined, confirmFormat: () => Promise<FileFormats>, confirmAttachments: (list: FileDescriptor[]) => Promise<string[] | undefined>, openTaskFormHandler: () => void, openDetailDcmtsFormHandler: (value: boolean) => void, openMasterDcmtsFormHandler: (value: boolean) => void, openBatchUpdateFormHandler: (value: boolean) => void, openExportForm: () => void, handleToggleSearch: () => void, handleSignApprove: () => void, openSignSettingsForm: () => void, handleCheckOutOperationCallback: (checkout: boolean) => Promise<void>, handleCheckInOperationCallback: () => void, showCheckoutInformationFormCallback: () => void, viewHistoryCallback: () => void, infoCheckCopyToClipboard: () => void, openWGsCopyMoveForm?: ((mode: "copyToWgDraft" | "copyToWgArchivedDoc", dcmtTypeDescriptor: DcmtTypeDescriptor, documents: Array<DcmtInfo>) => void), openCommentFormCallback?: ((documents: Array<DcmtInfo>) => void), openEditPdf?: ((documents: Array<DcmtInfo>) => void), openAddDocumentForm?: () => void, passToArchiveCallback?: (outputMids: Array<{
-    mid: number;
-    value: string;
-}>, tid?: number) => void, archiveMasterDocuments?: (tid: number | undefined) => Promise<void>, archiveDetailDocuments?: (tid: number | undefined) => Promise<void>, hasMasterRelation?: boolean, hasDetailRelation?: boolean, canArchiveMasterRelation?: boolean, canArchiveDetailRelation?: boolean, pairManyToManyDocuments?: (isPairing: boolean) => Promise<void>, hasManyToManyRelation?: boolean) => Array<TMDataGridContextMenuItem>;