@topconsultnpm/sdkui-react 6.22.0-dev3.10 → 6.22.0-dev3.11

package/lib/components/base/TMTabControl.js

@@ -91,96 +91,96 @@ const VARIANTS = {
     })
 };
 /** Contenitore della barra: frecce ai lati e striscia dei tab in mezzo. */
-const TabsHeader = styled.div `
-    display: flex;
-    align-items: flex-end;
-    width: 100%;
-    flex-shrink: 0;
-    padding: 4px 4px 0 4px;
-    background: ${({ $v }) => $v.stripBg};
+const TabsHeader = styled.div `
+    display: flex;
+    align-items: flex-end;
+    width: 100%;
+    flex-shrink: 0;
+    padding: 4px 4px 0 4px;
+    background: ${({ $v }) => $v.stripBg};
 `;
 /** Striscia scorrevole dei tab: la scrollbar resta nascosta, si scorre con le frecce. */
-const TabsStrip = styled.div `
-    display: flex;
-    align-items: flex-end;
-    flex: 1;
-    min-width: 0;
-    gap: ${({ $v }) => $v.tabGap};
-    padding: ${({ $v }) => $v.stripPadding};
-    overflow-x: auto;
-    scroll-behavior: smooth;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    &::-webkit-scrollbar { display: none; }
+const TabsStrip = styled.div `
+    display: flex;
+    align-items: flex-end;
+    flex: 1;
+    min-width: 0;
+    gap: ${({ $v }) => $v.tabGap};
+    padding: ${({ $v }) => $v.stripPadding};
+    overflow-x: auto;
+    scroll-behavior: smooth;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    &::-webkit-scrollbar { display: none; }
 `;
 /** Freccia di scorrimento: compare solo se i tab non entrano nella barra. */
-const NavButton = styled.button `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 26px;
-    height: 28px;
-    margin-bottom: 3px;
-    flex-shrink: 0;
-    padding: 0;
-    border: none;
-    border-radius: 50%;
-    background: transparent;
-    color: ${({ $v }) => $v.idleTextColor};
-    cursor: pointer;
-    transition: background 0.18s ease-out, color 0.18s ease-out;
-    &:hover { background: ${({ $v }) => $v.buttonHover}; color: ${TEXT_ACTIVE}; }
-    &:focus, &:focus-visible { outline: none; }
+const NavButton = styled.button `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 28px;
+    margin-bottom: 3px;
+    flex-shrink: 0;
+    padding: 0;
+    border: none;
+    border-radius: 50%;
+    background: transparent;
+    color: ${({ $v }) => $v.idleTextColor};
+    cursor: pointer;
+    transition: background 0.18s ease-out, color 0.18s ease-out;
+    &:hover { background: ${({ $v }) => $v.buttonHover}; color: ${TEXT_ACTIVE}; }
+    &:focus, &:focus-visible { outline: none; }
 `;
 /** Pulsante '+' subito dopo l'ultimo tab, come il nuovo tab del browser. */
-const AddButton = styled.button `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    margin: 0 0 3px 4px;
-    flex-shrink: 0;
-    padding: 0;
-    border: none;
-    border-radius: 50%;
-    background: transparent;
-    color: ${({ $v }) => $v.idleTextColor};
-    cursor: pointer;
-    transition: background 0.18s ease-out, color 0.18s ease-out;
-    &:hover { background: ${({ $v }) => $v.buttonHover}; color: ${TEXT_ACTIVE}; }
-    &:active { background: ${({ $v }) => $v.buttonActive}; }
-    &:focus, &:focus-visible { outline: none; }
+const AddButton = styled.button `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    margin: 0 0 3px 4px;
+    flex-shrink: 0;
+    padding: 0;
+    border: none;
+    border-radius: 50%;
+    background: transparent;
+    color: ${({ $v }) => $v.idleTextColor};
+    cursor: pointer;
+    transition: background 0.18s ease-out, color 0.18s ease-out;
+    &:hover { background: ${({ $v }) => $v.buttonHover}; color: ${TEXT_ACTIVE}; }
+    &:active { background: ${({ $v }) => $v.buttonActive}; }
+    &:focus, &:focus-visible { outline: none; }
 `;
 /** Area del contenuto: fa da riferimento ai pannelli nascosti, che restano montati ma non impaginati. */
-const ContentArea = styled.div `
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    min-height: 0;
+const ContentArea = styled.div `
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
 `;
-const ANIM_FADE = keyframes `
-    from { opacity: 0; transform: translate3d(0, 10px, 0); }
-    50% { opacity: 1; }
-    to { opacity: 1; transform: translate3d(0, 0, 0); }
+const ANIM_FADE = keyframes `
+    from { opacity: 0; transform: translate3d(0, 10px, 0); }
+    50% { opacity: 1; }
+    to { opacity: 1; transform: translate3d(0, 0, 0); }
 `;
 // Entra appena piu piccolo e leggermente piu in basso: sembra posarsi al suo posto invece di comparire
-const ANIM_ZOOM = keyframes `
-    from { opacity: 0; transform: translate3d(0, 6px, 0) scale3d(0.985, 0.985, 1); }
-    50% { opacity: 1; }
-    to { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
+const ANIM_ZOOM = keyframes `
+    from { opacity: 0; transform: translate3d(0, 6px, 0) scale3d(0.985, 0.985, 1); }
+    50% { opacity: 1; }
+    to { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
 `;
 // Lo scorrimento segue il verso dello spostamento: da destra andando avanti, da sinistra tornando indietro
-const ANIM_SLIDE_FORWARD = keyframes `
-    from { opacity: 0; transform: translate3d(24px, 0, 0); }
-    50% { opacity: 1; }
-    to { opacity: 1; transform: translate3d(0, 0, 0); }
+const ANIM_SLIDE_FORWARD = keyframes `
+    from { opacity: 0; transform: translate3d(24px, 0, 0); }
+    50% { opacity: 1; }
+    to { opacity: 1; transform: translate3d(0, 0, 0); }
 `;
-const ANIM_SLIDE_BACK = keyframes `
-    from { opacity: 0; transform: translate3d(-24px, 0, 0); }
-    50% { opacity: 1; }
-    to { opacity: 1; transform: translate3d(0, 0, 0); }
+const ANIM_SLIDE_BACK = keyframes `
+    from { opacity: 0; transform: translate3d(-24px, 0, 0); }
+    50% { opacity: 1; }
+    to { opacity: 1; transform: translate3d(0, 0, 0); }
 `;
 const pickAnimation = (animation, forward) => {
     switch (animation) {
@@ -191,141 +191,141 @@ const pickAnimation = (animation, forward) => {
     }
 };
 /** Contenitore di un singolo tab: l'animazione parte da sola perche il pannello inattivo non ne ha nessuna. */
-const ContentPane = styled.div `
-    ${({ $active, $anim, $duration, $phase }) => $active && $anim && $phase !== 'done' && css `
-        /* Livello grafico dedicato creato subito, mentre il pannello e ancora trasparente: quando il
-           movimento parte non resta nulla da ridisegnare e l'effetto scorre senza perdere fotogrammi */
-        will-change: opacity, transform;
-        backface-visibility: hidden;
-        transform: translateZ(0);
-        opacity: 0;
-
-        /* Decelerazione lunga e continua: parte deciso e si posa, senza strappi ne rimbalzi */
-        ${$phase === 'run' && css `animation: ${$anim} ${$duration}ms cubic-bezier(0.32, 0.72, 0, 1) both;`}
-
-        /* Chi ha chiesto meno animazioni nel sistema vede il cambio tab immediato */
-        @media (prefers-reduced-motion: reduce) { animation: none; opacity: 1; transform: none; }
-    `}
+const ContentPane = styled.div `
+    ${({ $active, $anim, $duration, $phase }) => $active && $anim && $phase !== 'done' && css `
+        /* Livello grafico dedicato creato subito, mentre il pannello e ancora trasparente: quando il
+           movimento parte non resta nulla da ridisegnare e l'effetto scorre senza perdere fotogrammi */
+        will-change: opacity, transform;
+        backface-visibility: hidden;
+        transform: translateZ(0);
+        opacity: 0;
+
+        /* Decelerazione lunga e continua: parte deciso e si posa, senza strappi ne rimbalzi */
+        ${$phase === 'run' && css `animation: ${$anim} ${$duration}ms cubic-bezier(0.32, 0.72, 0, 1) both;`}
+
+        /* Chi ha chiesto meno animazioni nel sistema vede il cambio tab immediato */
+        @media (prefers-reduced-motion: reduce) { animation: none; opacity: 1; transform: none; }
+    `}
 `;
-const TabSeparator = styled.div `
-    width: 1px;
-    height: 18px;
-    margin-bottom: 8px;
-    flex-shrink: 0;
-    background: ${({ $v }) => $v.divider};
+const TabSeparator = styled.div `
+    width: 1px;
+    height: 18px;
+    margin-bottom: 8px;
+    flex-shrink: 0;
+    background: ${({ $v }) => $v.divider};
 `;
-const DropMark = styled.div `
-    position: absolute;
-    top: 2px;
-    bottom: 0;
-    width: 3px;
-    border-radius: 2px;
-    background: ${ACCENT};
-    left: ${({ $side }) => ($side === 'left' ? '-2px' : 'auto')};
-    right: ${({ $side }) => ($side === 'right' ? '-2px' : 'auto')};
+const DropMark = styled.div `
+    position: absolute;
+    top: 2px;
+    bottom: 0;
+    width: 3px;
+    border-radius: 2px;
+    background: ${ACCENT};
+    left: ${({ $side }) => ($side === 'left' ? '-2px' : 'auto')};
+    right: ${({ $side }) => ($side === 'right' ? '-2px' : 'auto')};
 `;
-const TabItem = styled.div `
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    gap: 2px;
-    height: 32px;
-    padding: 0 6px 0 12px;
-    max-width: 330px;
-    user-select: none;
-    border-radius: ${({ $v }) => $v.tabRadius};
-    background: ${({ $active, $v }) => ($active ? $v.tabBg : $v.idleTabBg)};
-    /* Stile card: ombra verso l'alto, sotto il tab poggia sul contenuto */
-    box-shadow: ${({ $active, $v }) => ($active ? $v.tabShadow : 'none')};
-    opacity: ${({ $dragging }) => ($dragging ? 0.4 : 1)};
-    z-index: ${({ $active }) => ($active ? 2 : 1)};
-    transition: background 0.18s ease-out, box-shadow 0.18s ease-out, opacity 0.18s ease-out;
-    &:hover { background: ${({ $active, $v }) => ($active ? $v.tabBg : $v.tabHover)}; }
-    &::before, &::after {
-        content: '';
-        position: absolute;
-        bottom: 0;
-        width: ${TAB_RADIUS}px;
-        height: ${TAB_RADIUS}px;
-        display: ${({ $active, $v }) => ($active && $v.joins ? 'block' : 'none')};
-    }
-    &::before {
-        left: -${TAB_RADIUS}px;
-        background: ${({ $v }) => $v.joins ? `radial-gradient(circle at 0 0, transparent ${TAB_RADIUS - 0.5}px, ${$v.tabBg} ${TAB_RADIUS}px)` : 'none'};
-    }
-    &::after {
-        right: -${TAB_RADIUS}px;
-        background: ${({ $v }) => $v.joins ? `radial-gradient(circle at ${TAB_RADIUS}px 0, transparent ${TAB_RADIUS - 0.5}px, ${$v.tabBg} ${TAB_RADIUS}px)` : 'none'};
-    }
+const TabItem = styled.div `
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    gap: 2px;
+    height: 32px;
+    padding: 0 6px 0 12px;
+    max-width: 330px;
+    user-select: none;
+    border-radius: ${({ $v }) => $v.tabRadius};
+    background: ${({ $active, $v }) => ($active ? $v.tabBg : $v.idleTabBg)};
+    /* Stile card: ombra verso l'alto, sotto il tab poggia sul contenuto */
+    box-shadow: ${({ $active, $v }) => ($active ? $v.tabShadow : 'none')};
+    opacity: ${({ $dragging }) => ($dragging ? 0.4 : 1)};
+    z-index: ${({ $active }) => ($active ? 2 : 1)};
+    transition: background 0.18s ease-out, box-shadow 0.18s ease-out, opacity 0.18s ease-out;
+    &:hover { background: ${({ $active, $v }) => ($active ? $v.tabBg : $v.tabHover)}; }
+    &::before, &::after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        width: ${TAB_RADIUS}px;
+        height: ${TAB_RADIUS}px;
+        display: ${({ $active, $v }) => ($active && $v.joins ? 'block' : 'none')};
+    }
+    &::before {
+        left: -${TAB_RADIUS}px;
+        background: ${({ $v }) => $v.joins ? `radial-gradient(circle at 0 0, transparent ${TAB_RADIUS - 0.5}px, ${$v.tabBg} ${TAB_RADIUS}px)` : 'none'};
+    }
+    &::after {
+        right: -${TAB_RADIUS}px;
+        background: ${({ $v }) => $v.joins ? `radial-gradient(circle at ${TAB_RADIUS}px 0, transparent ${TAB_RADIUS - 0.5}px, ${$v.tabBg} ${TAB_RADIUS}px)` : 'none'};
+    }
 `;
-const TabButton = styled.button `
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    max-width: 290px;
-    height: 100%;
-    padding: 0 8px 0 0;
-    border: none;
-    background: none;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: ${({ $active }) => ($active ? 600 : 500)};
-    /* !important perche contenitori come l'intestazione del TMPanel impongono il proprio colore
-       a tutti i discendenti con '*, & { color: ... !important }': senza, il titolo lo eredita da li */
-    color: ${({ $active, $textColor, $idleColor }) => ($active ? $textColor : $idleColor)} !important;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    cursor: pointer;
-    &:disabled { color: #BDBDBD !important; cursor: default; }
-    &:focus, &:focus-visible { outline: none; }
+const TabButton = styled.button `
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    max-width: 290px;
+    height: 100%;
+    padding: 0 8px 0 0;
+    border: none;
+    background: none;
+    font-family: inherit;
+    font-size: 13px;
+    font-weight: ${({ $active }) => ($active ? 600 : 500)};
+    /* !important perche contenitori come l'intestazione del TMPanel impongono il proprio colore
+       a tutti i discendenti con '*, & { color: ... !important }': senza, il titolo lo eredita da li */
+    color: ${({ $active, $textColor, $idleColor }) => ($active ? $textColor : $idleColor)} !important;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    cursor: pointer;
+    &:disabled { color: #BDBDBD !important; cursor: default; }
+    &:focus, &:focus-visible { outline: none; }
 `;
 /** Pulsante 'x' per chiudere il tab: stesso colore del titolo accanto. */
-const CloseButton = styled.button `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 18px;
-    height: 18px;
-    flex-shrink: 0;
-    padding: 0;
-    border: none;
-    border-radius: 4px;
-    background: none;
-    color: ${({ $color }) => $color} !important;
-    font-size: 14px;
-    line-height: 1;
-    font-family: inherit;
-    cursor: pointer;
-
-    &:hover { background: rgba(0, 0, 0, 0.15); }
-    &:focus, &:focus-visible { outline: none; }
+const CloseButton = styled.button `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    flex-shrink: 0;
+    padding: 0;
+    border: none;
+    border-radius: 4px;
+    background: none;
+    color: ${({ $color }) => $color} !important;
+    font-size: 14px;
+    line-height: 1;
+    font-family: inherit;
+    cursor: pointer;
+
+    &:hover { background: rgba(0, 0, 0, 0.15); }
+    &:focus, &:focus-visible { outline: none; }
 `;
 /** Casella di testo mostrata al posto del titolo durante la rinomina. */
-const RenameInput = styled.input `
-    margin: 4px 2px 4px 10px;
-    padding: 2px 4px;
-    width: 130px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 600;
-    color: ${TEXT_ACTIVE};
-    background: ${TAB_BG};
-    border: 1px solid ${ACCENT};
-    border-radius: 4px;
-    outline: none;
+const RenameInput = styled.input `
+    margin: 4px 2px 4px 10px;
+    padding: 2px 4px;
+    width: 130px;
+    font-family: inherit;
+    font-size: 13px;
+    font-weight: 600;
+    color: ${TEXT_ACTIVE};
+    background: ${TAB_BG};
+    border: 1px solid ${ACCENT};
+    border-radius: 4px;
+    outline: none;
 `;
 /** Badge numerico a pillola accanto al titolo (es. conteggio errori). */
-const TabBadge = styled.span `
-    background: ${({ $color }) => $color};
-    color: #fff !important;
-    font-size: 11px;
-    font-weight: 700;
-    line-height: 16px;
-    min-width: 16px;
-    padding: 0 5px;
-    border-radius: 999em;
-    text-align: center;
+const TabBadge = styled.span `
+    background: ${({ $color }) => $color};
+    color: #fff !important;
+    font-size: 11px;
+    font-weight: 700;
+    line-height: 16px;
+    min-width: 16px;
+    padding: 0 5px;
+    border-radius: 999em;
+    text-align: center;
 `;
 const MAX_LABEL_CHARS = 30;
 const LABEL_COUNTER = /\s*\(\d+\)$/;

package/lib/components/base/TMTooltip.d.ts

@@ -11,5 +11,5 @@ interface ITMTooltipProps extends ITooltipOptions {
     childStyle?: React.CSSProperties;
     allowContentInteraction?: boolean;
 }
-declare const TMTooltip: ({ children, position, content, hideAfterDelay, parentStyle, childStyle, allowContentInteraction }: ITMTooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTooltip: ({ children, position, content, hideAfterDelay, parentStyle, childStyle, allowContentInteraction }: ITMTooltipProps) => React.JSX.Element;
 export default TMTooltip;

package/lib/components/base/TMTreeView.d.ts

@@ -29,13 +29,19 @@ interface ITMTreeViewProps {
     showLoadMoreButton?: boolean;
     enableVirtualization?: boolean;
 }
-declare const TMTreeView: ({ dataSource, focusedItem, selectedItems, allowMultipleSelection, onDataChanged, calculateItemsForNode, itemRender, onNodeUpdate, onFocusedItemChanged, onSelectionChanged, shouldDelayFocusOnEvent, onItemContextMenu, autoSelectChildren, itemsPerPage, showLoadMoreButton, enableVirtualization }: ITMTreeViewProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTreeView: ({ dataSource, focusedItem, selectedItems, allowMultipleSelection, onDataChanged, calculateItemsForNode, itemRender, onNodeUpdate, onFocusedItemChanged, onSelectionChanged, shouldDelayFocusOnEvent, onItemContextMenu, autoSelectChildren, itemsPerPage, showLoadMoreButton, enableVirtualization }: ITMTreeViewProps) => React.JSX.Element;
 export default TMTreeView;
-export declare const StyledTreeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StyledItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StyledTreeNode: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isSelected"> & {
+export declare const StyledTreeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledTreeNode: 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;
+}, {
     $isSelected?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isSelected"> & {
-    $isSelected?: boolean;
-}, never>>> & string;
-export declare const StyledStickyPaginator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+}>> & string;
+export declare const StyledStickyPaginator: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/lib/components/base/TMUserAvatar.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface TMUserAvatarProps {
     displayName: string;
     nameForColorCalculation: string;
     tooltipName?: string;
     returnType?: 'jsx' | 'svg';
 }
-declare const TMUserAvatar: (props: TMUserAvatarProps) => string | import("react/jsx-runtime").JSX.Element;
+declare const TMUserAvatar: (props: TMUserAvatarProps) => string | React.JSX.Element;
 export default TMUserAvatar;

package/lib/components/base/TMVilViewer.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { ValidationItem } from '@topconsultnpm/sdk-ts';
 declare const TMVilViewer: ({ vil }: {
     vil?: ValidationItem[];
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 export default TMVilViewer;

package/lib/components/base/TMWaitPanel.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ITMLayoutContainerProps } from './TMLayout';
 interface ITMWaitPanelProps {
     title?: string;
@@ -14,7 +15,7 @@ interface ITMWaitPanelProps {
     onAbortClick?: (abortController: AbortController | undefined) => void;
     useHighZIndex?: boolean;
 }
-export declare const TMWaitPanel: (props: ITMWaitPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMWaitPanel: (props: ITMWaitPanelProps) => React.JSX.Element;
 interface ITMLayoutWaitingContainerProps extends ITMLayoutContainerProps {
     showWaitPanel?: boolean;
     waitPanelTitle?: string;
@@ -30,5 +31,5 @@ interface ITMLayoutWaitingContainerProps extends ITMLayoutContainerProps {
     abortController?: AbortController;
     usePortal?: boolean;
 }
-export declare const TMLayoutWaitingContainer: ({ showWaitPanel, showWaitPanelPrimary, showWaitPanelSecondary, waitPanelTitle, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, isCancelable, abortController, usePortal, gap, onClick, justifyContent, alignItems, children, direction }: ITMLayoutWaitingContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMLayoutWaitingContainer: ({ showWaitPanel, showWaitPanelPrimary, showWaitPanelSecondary, waitPanelTitle, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, isCancelable, abortController, usePortal, gap, onClick, justifyContent, alignItems, children, direction }: ITMLayoutWaitingContainerProps) => React.JSX.Element;
 export {};

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

@@ -41,4 +41,4 @@ interface ITMDynDataListItemChooserFormProps extends ITMChooserFormProps<DataLis
     /** Se presente, sono i parametri da passare alla query per recuperare il dataSource  */
     queryParamsDynDataList?: string[];
 }
-export declare const TMDynDataListItemChooserForm: (props: ITMDynDataListItemChooserFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMDynDataListItemChooserForm: (props: ITMDynDataListItemChooserFormProps) => React.JSX.Element;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { InvoiceRetrieveFormats } from '@topconsultnpm/sdk-ts';
 import { ITMEnumDataBinding } from '../../ts';
-declare const TMInvoiceRetrieveFormats: ({ value, valueOrig, onValueChanged, valuesToExclude, label, width }: ITMEnumDataBinding<InvoiceRetrieveFormats>) => import("react/jsx-runtime").JSX.Element;
+declare const TMInvoiceRetrieveFormats: ({ value, valueOrig, onValueChanged, valuesToExclude, label, width }: ITMEnumDataBinding<InvoiceRetrieveFormats>) => React.JSX.Element;
 export default TMInvoiceRetrieveFormats;

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { OrderRetrieveFormats } from '@topconsultnpm/sdk-ts';
 import { ITMEnumDataBinding } from '../../ts';
-declare const TMOrderRetrieveFormats: ({ value, valueOrig, onValueChanged, valuesToExclude, label, width }: ITMEnumDataBinding<OrderRetrieveFormats>) => import("react/jsx-runtime").JSX.Element;
+declare const TMOrderRetrieveFormats: ({ value, valueOrig, onValueChanged, valuesToExclude, label, width }: ITMEnumDataBinding<OrderRetrieveFormats>) => React.JSX.Element;
 export default TMOrderRetrieveFormats;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TMEditorButtonData } from '../base/TMEditorBase';
 interface ITMQuickSearchInfo {
     /** Tipo documento della ricerca rapida: serve a ricostruire la ricerca di sistema con tutti i documenti */
@@ -7,6 +8,6 @@ interface ITMQuickSearchInfo {
 }
 export declare const useTMQuickSearchInfo: ({ tid, sqdId }: ITMQuickSearchInfo) => {
     infoButton: TMEditorButtonData | undefined;
-    detailForm: import("react/jsx-runtime").JSX.Element | null;
+    detailForm: React.JSX.Element | null;
 };
 export {};

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

@@ -19,13 +19,13 @@ export declare const TMRelationIdViewer: ({ relationType, relationId, showIcon,
     relationId?: number;
     showIcon?: boolean;
     noneSelectionText?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const TMRelationIcon: ({ rd, relationType }: {
     rd: RelationDescriptor | undefined;
     relationType?: RelationTypes;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const TMRelationTooltip: ({ rd, relationType, children }: {
     rd?: RelationDescriptor;
     relationType: RelationTypes | undefined;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;

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

@@ -38,8 +38,8 @@ interface ITMUserChooserFormProps extends ITMChooserFormProps<UserDescriptor> {
 export declare const TMUserChooserForm: React.FunctionComponent<ITMUserChooserFormProps>;
 export declare const TMUserIcon: ({ ud }: {
     ud?: UserDescriptor;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 export declare const TMUserTooltip: ({ ud, children }: {
     ud?: UserDescriptor;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;