@topconsultnpm/sdkui-react 6.22.0-dev3.24 → 6.22.0-dev3.26

package/lib/components/sidebar/TMAboutApp.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 interface TMAboutAppProps {
     app: boolean;
     skdui: boolean;
     sdk: boolean;
     websdk: boolean;
 }
-export declare const TMAboutApp: (props: TMAboutAppProps) => React.JSX.Element;
+export declare const TMAboutApp: (props: TMAboutAppProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/sidebar/TMCommandsPanel.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export declare const StyledCommandsPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+export declare const StyledCommandsPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isMobile"> & {
     $isMobile?: boolean;
-}>> & string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isMobile"> & {
+    $isMobile?: boolean;
+}, never>>> & string;
 export interface TMCommandItemProps {
     icon: React.ReactNode;
     selected?: boolean;

package/lib/components/sidebar/TMHeader.d.ts

@@ -36,8 +36,8 @@ export declare const TMSearchBar: ({ searchValue, onSearchValueChanged, maxWidth
     marginLeft?: string;
     searchValue: string;
     onSearchValueChanged: (value: string) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 declare const TMHeader: React.FC<ITMHeader>;
 export default TMHeader;
-export declare function IconHeaderNotifications(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;
-export declare function IconHeaderSettings(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;
+export declare function IconHeaderNotifications(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
+export declare function IconHeaderSettings(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMDataListItemViewer.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DataListViewModes } from '@topconsultnpm/sdk-ts';
 import { DataGridTypes } from 'devextreme-react/data-grid';
 interface ITMDataListItemViewerProps {
@@ -8,6 +7,6 @@ interface ITMDataListItemViewerProps {
     showTooltip?: boolean;
     width?: string;
 }
-declare const TMDataListItemViewer: ({ dataListId, value, viewMode, showTooltip, width }: ITMDataListItemViewerProps) => React.JSX.Element | null;
+declare const TMDataListItemViewer: ({ dataListId, value, viewMode, showTooltip, width }: ITMDataListItemViewerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMDataListItemViewer;
-export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => React.JSX.Element;
+export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMDataUserIdItemViewer.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { DataGridTypes } from 'devextreme-react/data-grid';
 interface ITMDataUserIdItemViewerProps {
     userId?: number;
     showIcon?: boolean;
 }
-declare const TMDataUserIdItemViewer: ({ userId, showIcon }: ITMDataUserIdItemViewerProps) => React.JSX.Element | null;
+declare const TMDataUserIdItemViewer: ({ userId, showIcon }: ITMDataUserIdItemViewerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMDataUserIdItemViewer;
-export declare const cellRenderUserIdItem: (data: DataGridTypes.ColumnCellTemplateData, showIcon?: boolean) => React.JSX.Element;
+export declare const cellRenderUserIdItem: (data: DataGridTypes.ColumnCellTemplateData, showIcon?: boolean) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMMidViewer.d.ts

@@ -22,7 +22,7 @@ interface ITMMetadataIcon {
     isMetadataSelected?: boolean;
     elementStyle?: React.CSSProperties;
 }
-export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected, elementStyle }: ITMMetadataIcon) => React.JSX.Element | null;
+export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected, elementStyle }: ITMMetadataIcon) => import("react/jsx-runtime").JSX.Element | null;
 interface ITMMetadataTooltip {
     tid: number | undefined;
     md: MetadataDescriptor | undefined;
@@ -31,6 +31,6 @@ interface ITMMetadataTooltip {
     layoutMode?: LayoutModes;
 }
 export declare const TMMetadataTooltip: React.FC<ITMMetadataTooltip>;
-export declare const cellRenderMID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string, tid?: number) => React.JSX.Element;
+export declare const cellRenderMID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string, tid?: number) => import("react/jsx-runtime").JSX.Element;
 export declare const getDisplayAlias: (dcmtTypeName: string | undefined, alias: string | undefined) => string | undefined;
 export {};

package/lib/components/viewers/TMTidViewer.d.ts

@@ -252,5 +252,5 @@ export interface ITMTidViewerProps {
 }
 declare const TMTidViewer: React.FC<ITMTidViewerProps>;
 export default TMTidViewer;
-export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => React.JSX.Element;
-export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) => React.JSX.Element | null;
+export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => import("react/jsx-runtime").JSX.Element;
+export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) => import("react/jsx-runtime").JSX.Element | null;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -10,6 +10,7 @@ export declare class SDKUI_Localizator {
     static get ActivityOverMultipleDays(): "Actividades durante los {{0}} días" | "Activities over the course of {{0}} days" | "Activités sur {{0}} jours" | "Aktivitäten in den letzten {{0}} Tagen" | "Atividades ao longo de {{0}} dias" | "Attività che svolge nell'arco di {{0}} giorni";
     static get Abort(): "Abort" | "Arrêtez" | "Detener" | "Interrompi" | "Parar" | "Stoppen";
     static get Abort_Confirm(): "Cancel processing?" | "Interrompere l'elaborazione?" | "Pare o processamento?" | "Stoppen Sie die Verarbeitung?" | "Voulez-vous interrompre l'operation?" | "¿Interrumpir la elaboración?";
+    static get Aborting(): "A parar..." | "Aborting..." | "Arrêt en cours..." | "Deteniendo..." | "Interruzione..." | "Wird gestoppt...";
     static get About(): "About" | "Información" | "Informationen" | "Informations" | "Informazioni" | "Informações";
     static get AccessToOtherApplications(): string;
     static get Add(): "Add" | "Adicionar" | "Aggiungi" | "Ajoute" | "Añadir" | "Hinzufügen";
@@ -261,6 +262,8 @@ export declare class SDKUI_Localizator {
     static get Dossiers(): "Akten" | "Dossiers" | "Expedientes" | "Pratiche" | "Pratiques" | "Práticas";
     static get DossierType(): "Aktentyp" | "Dossier Type" | "Modello di Pratica" | "Tipo de Expediente" | "Tipo de Prática" | "Type de Pratique";
     static get DownloadFile(): string;
+    static get DownloadInterrupted(): string;
+    static get DownloadInterruptedFiles(): string;
     static get Download_in_Process(): "Descarga en curso" | "Download em progresso" | "Download in corso" | "Download in progress" | "Download läuft" | "Téléchargement en cours";
     static get DownloadXMLAttachments(): string;
     static get Draft(): string;
@@ -280,6 +283,7 @@ export declare class SDKUI_Localizator {
     static get Edit_ConfirmFor1(): "Are you sure you want to modify '{{0}}'?" | "Möchten Sie '{{0}}' ändern?" | "Sei sicuro di voler modificare '{{0}}'?" | "Você tem certeza que deseja modificar '{{0}}'?" | "¿Estás seguro de que deseas modificar '{{0}}'?" | "Êtes-vous sûr de vouloir modifier '{{0}}'?";
     static get Edit_ConfirmForN(): "{{0}} ausgewählte Objekte. Alle ändern?" | "{{0}} objetos seleccionados. ¿Modificar todos?" | "{{0}} objetos selecionados. Modificá-los todos?" | "{{0}} objets sélectionnés. Voulez-vous tous les modifier?" | "{{0}} oggetti selezionati. Modificare tutti?" | "{{0}} selected objects. Modify them all?";
     static get EditorConfiguration(): string;
+    static get Elapsed(): "decorridos" | "elapsed" | "transcurridos" | "trascorsi" | "vergangen" | "écoulés";
     static get ElectronicInvoice(): "Electronic invoice" | "Elektronische Rechnung" | "Factura electrónica" | "Facture électronique" | "Fattura elettronica" | "Fatura eletrônica";
     static get ElectronicOrder(): "Commande électronique" | "Electronic order" | "Elektronische Bestellung" | "Orden electrónica" | "Ordine elettronico" | "Pedido eletrônico";
     static get ElementNameConventionError(): string;
@@ -702,6 +706,8 @@ export declare class SDKUI_Localizator {
     static get RelationsNotFound(): "Aucune corrélation trouvée" | "Keine Korrelationen gefunden" | "Nenhuma correlação encontrada" | "Nessuna correlazione trovata" | "No correlations found" | "No se encontraron correlaciones";
     static get StopRelationsCalculation(): "Berechnung unterbrechen und die bereits berechneten Korrelationen anzeigen" | "Interromper o cálculo e mostrar as correlações já calculadas" | "Interrompi il calcolo e mostra le correlazioni già calcolate" | "Interrompre le calcul et afficher les corrélations déjà calculées" | "Interrumpir el cálculo y mostrar las correlaciones ya calculadas" | "Stop the calculation and show the already calculated correlations";
     static get RelationsCalculationStopped(): "Berechnung der Korrelationen unterbrochen: Es werden nur die bereits berechneten Korrelationen angezeigt." | "Calcolo delle correlazioni interrotto: vengono mostrate solo le correlazioni già calcolate." | "Calcul des corrélations interrompu : seules les corrélations déjà calculées sont affichées." | "Correlations calculation stopped: only the already calculated correlations are shown." | "Cálculo das correlações interrompido: são mostradas apenas as correlações já calculadas." | "Cálculo de correlaciones interrumpido: solo se muestran las correlaciones ya calculadas.";
+    static get RelationsCalculationStoppedProgress(): "Berechnung unterbrochen: {{0}} von {{1}} Dokumenten verarbeitet." | "Calcolo interrotto: elaborati {{0}} documenti su {{1}}." | "Calcul interrompu : {{0}} sur {{1}} documents traités." | "Calculation stopped: {{0}} of {{1}} documents processed." | "Cálculo interrompido: {{0}} de {{1}} documentos processados." | "Cálculo interrumpido: {{0}} de {{1}} documentos procesados.";
+    static get RelationsCalculationStoppedEmpty(): "Berechnung unterbrochen: kein Dokument verarbeitet." | "Calcolo interrotto: nessun documento elaborato." | "Calcul interrompu : aucun document traité." | "Calculation stopped: no documents processed." | "Cálculo interrompido: nenhum documento processado." | "Cálculo interrumpido: ningún documento procesado.";
     static get RelatedDcmtsNotFound(): "Aucun document associé n'a été trouvé pour le document sélectionné." | "Für das ausgewählte Dokument wurden keine zugehörigen Dokumente gefunden." | "Nenhum documento relacionado foi encontrado para o documento selecionado." | "No related documents were found for the selected document." | "No se encontraron documentos relacionados para el documento seleccionado." | "Non sono stati trovati documenti correlati per il documento selezionato.";
     static get RelationManyToMany(): "Correlación muchos a muchos" | "Correlazione molti a molti" | "Corrélation plusieurs à plusieurs" | "Folge viele mit vielen" | "Muitos para muitos relação" | "Relation many to many";
     static get RelationType(): "Art der Beziehung" | "Relation type" | "Tipo de relacionamento" | "Tipo de relación" | "Tipo di relazione" | "Type de relation";
@@ -728,6 +734,7 @@ export declare class SDKUI_Localizator {
     static get ValueMustBeDateOrTime(): "Der Wert muss ein Datum oder eine Uhrzeit sein" | "El valor debe ser una fecha o una hora" | "Il valore deve essere una data o un orario" | "La valeur doit être une date ou une heure" | "O valor deve ser uma data ou hora" | "Value must be a date or time";
     static get RequiredNOT(): "Nicht obligatorisch" | "No obligatorio" | "Non obbligatorio" | "Not mandatory" | "Não é obrigatório" | "Pas obligatoire";
     static get Refresh(): "Actualizar" | "Aggiorna" | "Aktualisieren" | "Mis à jour" | "Refrescar" | "Refresh";
+    static get Remaining(): "remaining" | "restantes" | "restants" | "rimanenti" | "verbleibend";
     static get Reminder(): "Erinnerung" | "Lembrete" | "Promemoria" | "Rappel" | "Recordatorio" | "Reminder";
     static get ReminderSetForToday(): "Es gibt eine Erinnerung, die für heute eingestellt ist und bis zum Ablaufdatum gültig ist" | "Hay un recordatorio establecido para hoy, válido hasta la fecha de vencimiento" | "Há um lembrete definido para hoje, válido até à data de expiração" | "Il y a un rappel réglé pour aujourd'hui, valable jusqu'à la date d'échéance" | "There is a reminder set for today, valid until the expiration date" | "È presente un promemoria impostato per oggi, valido fino alla data di scadenza";
     static get Remove(): "Entfernen" | "Quitar" | "Remove" | "Remover" | "Rimuovi" | "Supprime";

package/lib/helper/SDKUI_Localizator.js

@@ -48,6 +48,16 @@ export class SDKUI_Localizator {
             default: return "Interrompere l'elaborazione?";
         }
     }
+    static get Aborting() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Wird gestoppt...";
+            case CultureIDs.En_US: return "Aborting...";
+            case CultureIDs.Es_ES: return "Deteniendo...";
+            case CultureIDs.Fr_FR: return "Arrêt en cours...";
+            case CultureIDs.Pt_PT: return "A parar...";
+            default: return "Interruzione...";
+        }
+    }
     static get About() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Informationen";
@@ -2559,6 +2569,26 @@ export class SDKUI_Localizator {
             default: return "Download file";
         }
     }
+    static get DownloadInterrupted() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Download abgebrochen";
+            case CultureIDs.En_US: return "Download interrupted";
+            case CultureIDs.Es_ES: return "Descarga interrumpida";
+            case CultureIDs.Fr_FR: return "Téléchargement interrompu";
+            case CultureIDs.Pt_PT: return "Download interrompido";
+            default: return "Download interrotto";
+        }
+    }
+    static get DownloadInterruptedFiles() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Download abgebrochen: {{0}} von {{1}} Dateien heruntergeladen";
+            case CultureIDs.En_US: return "Download interrupted: {{0}} of {{1}} files downloaded";
+            case CultureIDs.Es_ES: return "Descarga interrumpida: {{0}} de {{1}} archivos descargados";
+            case CultureIDs.Fr_FR: return "Téléchargement interrompu : {{0}} fichiers sur {{1}} téléchargés";
+            case CultureIDs.Pt_PT: return "Download interrompido: {{0}} de {{1}} arquivos baixados";
+            default: return "Download interrotto: scaricati {{0}} file su {{1}}";
+        }
+    }
     static get Download_in_Process() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Download läuft";
@@ -2755,6 +2785,16 @@ export class SDKUI_Localizator {
             default: return "Configurazione Editor";
         }
     }
+    static get Elapsed() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "vergangen";
+            case CultureIDs.En_US: return "elapsed";
+            case CultureIDs.Es_ES: return "transcurridos";
+            case CultureIDs.Fr_FR: return "écoulés";
+            case CultureIDs.Pt_PT: return "decorridos";
+            default: return "trascorsi";
+        }
+    }
     static get ElectronicInvoice() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Elektronische Rechnung";
@@ -6993,6 +7033,26 @@ export class SDKUI_Localizator {
             default: return "Calcolo delle correlazioni interrotto: vengono mostrate solo le correlazioni già calcolate.";
         }
     }
+    static get RelationsCalculationStoppedProgress() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Berechnung unterbrochen: {{0}} von {{1}} Dokumenten verarbeitet.";
+            case CultureIDs.En_US: return "Calculation stopped: {{0}} of {{1}} documents processed.";
+            case CultureIDs.Es_ES: return "Cálculo interrumpido: {{0}} de {{1}} documentos procesados.";
+            case CultureIDs.Fr_FR: return "Calcul interrompu : {{0}} sur {{1}} documents traités.";
+            case CultureIDs.Pt_PT: return "Cálculo interrompido: {{0}} de {{1}} documentos processados.";
+            default: return "Calcolo interrotto: elaborati {{0}} documenti su {{1}}.";
+        }
+    }
+    static get RelationsCalculationStoppedEmpty() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Berechnung unterbrochen: kein Dokument verarbeitet.";
+            case CultureIDs.En_US: return "Calculation stopped: no documents processed.";
+            case CultureIDs.Es_ES: return "Cálculo interrumpido: ningún documento procesado.";
+            case CultureIDs.Fr_FR: return "Calcul interrompu : aucun document traité.";
+            case CultureIDs.Pt_PT: return "Cálculo interrompido: nenhum documento processado.";
+            default: return "Calcolo interrotto: nessun documento elaborato.";
+        }
+    }
     static get RelatedDcmtsNotFound() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Für das ausgewählte Dokument wurden keine zugehörigen Dokumente gefunden.";
@@ -7259,6 +7319,16 @@ export class SDKUI_Localizator {
             default: return "Aggiorna";
         }
     }
+    static get Remaining() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "verbleibend";
+            case CultureIDs.En_US: return "remaining";
+            case CultureIDs.Es_ES: return "restantes";
+            case CultureIDs.Fr_FR: return "restants";
+            case CultureIDs.Pt_PT: return "restantes";
+            default: return "rimanenti";
+        }
+    }
     static get Reminder() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Erinnerung";

package/lib/helper/TMAppUpdatedModal.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const TMAppUpdatedModal: () => React.JSX.Element | null;
+export declare const TMAppUpdatedModal: () => import("react/jsx-runtime").JSX.Element | null;

package/lib/helper/TMAppUpdatedModal.js

@@ -8,110 +8,110 @@ import { SDKUI_Globals } from './SDKUI_Globals';
 import { SDKUI_Localizator } from './SDKUI_Localizator';
 import { IconUpdate, IconOpenInNew } from './TMIcons';
 import { getAppModuleButtonColors } from './TMUtils';
-const Content = styled.div `
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    background-color: #ffffff;
+const Content = styled.div `
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    background-color: #ffffff;
 `;
-const Header = styled.div `
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 14px;
-    padding: 32px 30px 26px 30px;
-    background-color: ${({ $backgroundColor }) => $backgroundColor};
-    color: #ffffff;
-    text-align: center;
+const Header = styled.div `
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 14px;
+    padding: 32px 30px 26px 30px;
+    background-color: ${({ $backgroundColor }) => $backgroundColor};
+    color: #ffffff;
+    text-align: center;
 `;
-const HeaderIcon = styled.div `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 68px;
-    height: 68px;
-    border-radius: 50%;
-    background-color: rgba(255, 255, 255, 0.18);
-    border: 1px solid rgba(255, 255, 255, 0.35);
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
+const HeaderIcon = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 68px;
+    height: 68px;
+    border-radius: 50%;
+    background-color: rgba(255, 255, 255, 0.18);
+    border: 1px solid rgba(255, 255, 255, 0.35);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
 `;
-const HeaderTitle = styled.h2 `
-    margin: 0;
-    font-size: 22px;
-    font-weight: 600;
-    letter-spacing: 0.2px;
+const HeaderTitle = styled.h2 `
+    margin: 0;
+    font-size: 22px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
 `;
-const VersionBadge = styled.span `
-    display: inline-block;
-    padding: 4px 12px;
-    border-radius: 999px;
-    background-color: rgba(255, 255, 255, 0.22);
-    border: 1px solid rgba(255, 255, 255, 0.4);
-    font-size: 13px;
-    font-weight: 600;
-    letter-spacing: 0.3px;
+const VersionBadge = styled.span `
+    display: inline-block;
+    padding: 4px 12px;
+    border-radius: 999px;
+    background-color: rgba(255, 255, 255, 0.22);
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    font-size: 13px;
+    font-weight: 600;
+    letter-spacing: 0.3px;
 `;
-const Body = styled.div `
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    padding: 26px 30px 22px 30px;
-    text-align: center;
+const Body = styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 26px 30px 22px 30px;
+    text-align: center;
 `;
-const Message = styled.p `
-    margin: 0;
-    font-size: 15px;
-    line-height: 1.6;
-    color: #242424;
+const Message = styled.p `
+    margin: 0;
+    font-size: 15px;
+    line-height: 1.6;
+    color: #242424;
 `;
-const SubMessage = styled.p `
-    margin: 0;
-    font-size: 13px;
-    line-height: 1.6;
-    color: #6b6b6b;
+const SubMessage = styled.p `
+    margin: 0;
+    font-size: 13px;
+    line-height: 1.6;
+    color: #6b6b6b;
 `;
-const Footer = styled.div `
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 12px;
-    padding: 0 30px 28px 30px;
+const Footer = styled.div `
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 12px;
+    padding: 0 30px 28px 30px;
 `;
-const BaseButton = styled.button `
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    min-width: 150px;
-    padding: 10px 18px;
-    border-radius: 8px;
-    font-size: 14px;
-    font-weight: 600;
-    cursor: pointer;
-    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+const BaseButton = styled.button `
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    min-width: 150px;
+    padding: 10px 18px;
+    border-radius: 8px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
 `;
-const PrimaryButton = styled(BaseButton) `
-    border: 1px solid ${({ $base }) => $base};
-    background-color: ${({ $base }) => $base};
-    color: #ffffff;
-
-    &:hover {
-        background-color: ${({ $hover }) => $hover};
-        border-color: ${({ $hover }) => $hover};
-        box-shadow: 0 2px 8px ${({ $shadow }) => $shadow};
-    }
+const PrimaryButton = styled(BaseButton) `
+    border: 1px solid ${({ $base }) => $base};
+    background-color: ${({ $base }) => $base};
+    color: #ffffff;
+
+    &:hover {
+        background-color: ${({ $hover }) => $hover};
+        border-color: ${({ $hover }) => $hover};
+        box-shadow: 0 2px 8px ${({ $shadow }) => $shadow};
+    }
 `;
-const SecondaryButton = styled(BaseButton) `
-    border: 1px solid #d5d5d5;
-    background-color: #ffffff;
-    color: #444444;
-
-    &:hover {
-        background-color: #f3f3f3;
-        border-color: #bdbdbd;
-    }
+const SecondaryButton = styled(BaseButton) `
+    border: 1px solid #d5d5d5;
+    background-color: #ffffff;
+    color: #444444;
+
+    &:hover {
+        background-color: #f3f3f3;
+        border-color: #bdbdbd;
+    }
 `;
 export const TMAppUpdatedModal = () => {
     const deviceType = useDeviceType();

package/lib/helper/TMCommandsContextMenu.d.ts

@@ -12,5 +12,5 @@ interface TMCommandsContextMenuProps {
     trigger?: 'right' | 'left';
     children?: React.ReactNode;
 }
-export declare const TMCommandsContextMenu: React.MemoExoticComponent<({ target, menuItems, id, showEvent, onHiding, trigger, children }: TMCommandsContextMenuProps) => React.JSX.Element>;
+export declare const TMCommandsContextMenu: React.MemoExoticComponent<({ target, menuItems, id, showEvent, onHiding, trigger, children }: TMCommandsContextMenuProps) => import("react/jsx-runtime").JSX.Element>;
 export {};