@topconsultnpm/sdkui-react 6.22.0-dev4.22 → 6.22.0-dev4.23

package/lib/components/base/waitPanel/TMWaitPanelView.js

@@ -14,245 +14,245 @@ const getProgressColor = () => {
     catch { /* nessuna sessione: resta il default */ }
     return getAppModuleButtonColors(appModuleID).base;
 };
-const fadeIn = keyframes `
-    from { opacity: 0; }
-    to   { opacity: 1; }
+const fadeIn = keyframes `
+    from { opacity: 0; }
+    to   { opacity: 1; }
 `;
 // Sfondo su uno pseudo-elemento: il layer composito dell'animazione sgranerebbe Toppy.
-const StyledOverlay = styled.div `
-    position: fixed;
-    inset: 0;
-    z-index: ${props => props.$zIndex};
-
-    &::before {
-        content: '';
-        position: absolute;
-        inset: 0;
-        background-color: rgba(17, 24, 39, 0.16);
-        animation: ${fadeIn} 140ms ease-out;
-    }
+const StyledOverlay = styled.div `
+    position: fixed;
+    inset: 0;
+    z-index: ${props => props.$zIndex};
+
+    &::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background-color: rgba(17, 24, 39, 0.16);
+        animation: ${fadeIn} 140ms ease-out;
+    }
 `;
-const StyledCard = styled.div `
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 420px;
-    max-width: calc(100% - 24px);
-    max-height: calc(100% - 24px);
-    overflow-y: auto;
-    box-sizing: border-box;
-    padding: 22px 24px 18px 24px;
-    background: #ffffff;
-    border-radius: 16px;
-    box-shadow: 0 18px 48px rgba(16, 24, 40, 0.22);
-    font-family: inherit;
+const StyledCard = styled.div `
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 420px;
+    max-width: calc(100% - 24px);
+    max-height: calc(100% - 24px);
+    overflow-y: auto;
+    box-sizing: border-box;
+    padding: 22px 24px 18px 24px;
+    background: #ffffff;
+    border-radius: 16px;
+    box-shadow: 0 18px 48px rgba(16, 24, 40, 0.22);
+    font-family: inherit;
 `;
-const StyledHeader = styled.div `
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 16px;
+const StyledHeader = styled.div `
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 16px;
 `;
 // Ritaglio dal contenitore, non object-fit: cover darebbe un'altezza frazionaria e sgranerebbe l'immagine.
-const StyledToppyClip = styled.div `
-    height: 61px;
-    width: 68px;
-    overflow: hidden;
-    flex: 0 0 auto;
+const StyledToppyClip = styled.div `
+    height: 61px;
+    width: 68px;
+    overflow: hidden;
+    flex: 0 0 auto;
 `;
-const StyledToppy = styled.img `
-    display: block;
-    width: 68px;
-    height: 79px;
-    user-select: none;
-    -webkit-user-drag: none;
+const StyledToppy = styled.img `
+    display: block;
+    width: 68px;
+    height: 79px;
+    user-select: none;
+    -webkit-user-drag: none;
 `;
-const StyledHeaderText = styled.div `
-    flex: 1;
-    min-width: 0;
+const StyledHeaderText = styled.div `
+    flex: 1;
+    min-width: 0;
 `;
-const StyledTitle = styled.div `
-    font-size: 17px;
-    font-weight: 600;
-    color: #1f2937;
-    line-height: 1.3;
-    overflow-wrap: anywhere;
+const StyledTitle = styled.div `
+    font-size: 17px;
+    font-weight: 600;
+    color: #1f2937;
+    line-height: 1.3;
+    overflow-wrap: anywhere;
 `;
-const StyledSubtitle = styled.div `
-    margin-top: 3px;
-    font-size: 13px;
-    color: #6b7280;
-    line-height: 1.3;
-    font-variant-numeric: tabular-nums;
-    overflow-wrap: anywhere;
+const StyledSubtitle = styled.div `
+    margin-top: 3px;
+    font-size: 13px;
+    color: #6b7280;
+    line-height: 1.3;
+    font-variant-numeric: tabular-nums;
+    overflow-wrap: anywhere;
 `;
 // Didascalia di una barra: con due avanzamenti e' l'unica cosa che dice quale sia quale.
-const StyledBarLabel = styled.div `
-    margin-top: 18px;
-    font-size: 11px;
-    font-weight: 700;
-    letter-spacing: 0.04em;
-    text-transform: uppercase;
-    color: #9aa3b2;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+const StyledBarLabel = styled.div `
+    margin-top: 18px;
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: #9aa3b2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 `;
-const StyledPercentRow = styled.div `
-    display: flex;
-    flex-direction: row;
-    align-items: flex-end;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    gap: 8px 12px;
-    margin-top: ${props => (props.$hasLabel ? '4px' : '18px')};
+const StyledPercentRow = styled.div `
+    display: flex;
+    flex-direction: row;
+    align-items: flex-end;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: 8px 12px;
+    margin-top: ${props => (props.$hasLabel ? '4px' : '18px')};
 `;
-const StyledPercent = styled.div `
-    font-size: 34px;
-    font-weight: 700;
-    color: #111827;
-    line-height: 1;
-    font-variant-numeric: tabular-nums;
+const StyledPercent = styled.div `
+    font-size: 34px;
+    font-weight: 700;
+    color: #111827;
+    line-height: 1;
+    font-variant-numeric: tabular-nums;
 `;
-const StyledCounters = styled.div `
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 6px;
-    padding-bottom: 3px;
+const StyledCounters = styled.div `
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 6px;
+    padding-bottom: 3px;
 `;
-const StyledPill = styled.span `
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 4px;
-    padding: 2px 8px 2px 6px;
-    border-radius: 999px;
-    font-size: 12px;
-    font-weight: 600;
-    line-height: 18px;
-    color: ${props => props.$color};
-    background: ${props => props.$background};
-    font-variant-numeric: tabular-nums;
-
-    svg { flex: 0 0 auto; }
+const StyledPill = styled.span `
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 4px;
+    padding: 2px 8px 2px 6px;
+    border-radius: 999px;
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 18px;
+    color: ${props => props.$color};
+    background: ${props => props.$background};
+    font-variant-numeric: tabular-nums;
+
+    svg { flex: 0 0 auto; }
 `;
 // Fratello della card, non figlio: l'overflow della card lo taglierebbe. Coordinate dell'overlay, calcolate all'apertura.
-const StyledPopover = styled.div `
-    display: none;
-    position: absolute;
-    width: 320px;
-    max-width: calc(100% - 24px);
-    overflow-y: auto;
-    box-sizing: border-box;
-    padding: 10px 12px;
-    background: #ffffff;
-    border-left: 3px solid ${props => props.$accent};
-    border-radius: 10px;
-    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.22);
-    font-size: 12px;
-    color: #374151;
-
-    ul { margin: 6px 0 0 0; padding: 0; list-style: none; }
-    li { padding: 4px 0; border-top: 1px solid #eef1f6; overflow-wrap: anywhere; line-height: 1.35; }
-    li:first-child { border-top: none; }
-    li.tm-wait-panel-more { color: #8a94a6; font-style: italic; }
+const StyledPopover = styled.div `
+    display: none;
+    position: absolute;
+    width: 320px;
+    max-width: calc(100% - 24px);
+    overflow-y: auto;
+    box-sizing: border-box;
+    padding: 10px 12px;
+    background: #ffffff;
+    border-left: 3px solid ${props => props.$accent};
+    border-radius: 10px;
+    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.22);
+    font-size: 12px;
+    color: #374151;
+
+    ul { margin: 6px 0 0 0; padding: 0; list-style: none; }
+    li { padding: 4px 0; border-top: 1px solid #eef1f6; overflow-wrap: anywhere; line-height: 1.35; }
+    li:first-child { border-top: none; }
+    li.tm-wait-panel-more { color: #8a94a6; font-style: italic; }
 `;
-const StyledPopoverTitle = styled.div `
-    font-size: 11px;
-    font-weight: 700;
-    letter-spacing: 0.04em;
-    text-transform: uppercase;
-    color: ${props => props.$color};
+const StyledPopoverTitle = styled.div `
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: ${props => props.$color};
 `;
 /** Tempo per spostare il mouse dalla pill al popover. */
 const POPOVER_HIDE_DELAY_MS = 250;
-const StyledTrack = styled.div `
-    margin-top: 12px;
-    width: 100%;
-    height: 8px;
-    border-radius: 999px;
-    background: #e8edf4;
-    overflow: hidden;
+const StyledTrack = styled.div `
+    margin-top: 12px;
+    width: 100%;
+    height: 8px;
+    border-radius: 999px;
+    background: #e8edf4;
+    overflow: hidden;
 `;
-const StyledFill = styled.div `
-    width: 100%;
-    height: 100%;
-    background: ${props => props.$color};
-    transform: scaleX(0);
-    transform-origin: left center;
-    transition: transform 120ms linear;
-    will-change: transform;
+const StyledFill = styled.div `
+    width: 100%;
+    height: 100%;
+    background: ${props => props.$color};
+    transform: scaleX(0);
+    transform-origin: left center;
+    transition: transform 120ms linear;
+    will-change: transform;
 `;
-const StyledTimeRow = styled.div `
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    gap: 12px;
-    margin-top: 8px;
-    font-size: 12px;
-    color: #8a94a6;
-    font-variant-numeric: tabular-nums;
+const StyledTimeRow = styled.div `
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin-top: 8px;
+    font-size: 12px;
+    color: #8a94a6;
+    font-variant-numeric: tabular-nums;
 `;
 // Seconda barra: come la principale ma piu' piccola e in tono minore.
-const StyledSecondary = styled.div `
-    margin-top: ${props => (props.$hasLabel ? '4px' : '14px')};
+const StyledSecondary = styled.div `
+    margin-top: ${props => (props.$hasLabel ? '4px' : '14px')};
 `;
-const StyledSecondaryRow = styled.div `
-    display: flex;
-    flex-direction: row;
-    align-items: baseline;
-    justify-content: space-between;
-    gap: 12px;
-    font-size: 12px;
-    color: #6b7280;
-    font-variant-numeric: tabular-nums;
+const StyledSecondaryRow = styled.div `
+    display: flex;
+    flex-direction: row;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 12px;
+    font-size: 12px;
+    color: #6b7280;
+    font-variant-numeric: tabular-nums;
 `;
-const StyledSecondaryText = styled.span `
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+const StyledSecondaryText = styled.span `
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 `;
-const StyledSecondaryTrack = styled.div `
-    margin-top: 5px;
-    width: 100%;
-    height: 5px;
-    border-radius: 999px;
-    background: #eef1f6;
-    overflow: hidden;
+const StyledSecondaryTrack = styled.div `
+    margin-top: 5px;
+    width: 100%;
+    height: 5px;
+    border-radius: 999px;
+    background: #eef1f6;
+    overflow: hidden;
 `;
-const StyledSecondaryFill = styled.div `
-    width: 100%;
-    height: 100%;
-    background: ${props => props.$color};
-    opacity: 0.55;
-    transform: scaleX(0);
-    transform-origin: left center;
-    transition: transform 120ms linear;
-    will-change: transform;
+const StyledSecondaryFill = styled.div `
+    width: 100%;
+    height: 100%;
+    background: ${props => props.$color};
+    opacity: 0.55;
+    transform: scaleX(0);
+    transform-origin: left center;
+    transition: transform 120ms linear;
+    will-change: transform;
 `;
-const StyledFooter = styled.div `
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-end;
-    margin-top: 18px;
+const StyledFooter = styled.div `
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    margin-top: 18px;
 `;
-const StyledAbortButton = styled.button `
-    padding: 9px 18px;
-    border: 1px solid #d5dbe5;
-    border-radius: 10px;
-    background: #ffffff;
-    color: #374151;
-    font-size: 13px;
-    font-family: inherit;
-    cursor: pointer;
-    transition: background-color 120ms ease, border-color 120ms ease;
-
-    &:hover:not(:disabled) { background: #f3f5f9; border-color: #c3cbd8; }
-    &:active:not(:disabled) { background: #e9edf4; }
-    &:disabled { cursor: default; opacity: 0.55; }
+const StyledAbortButton = styled.button `
+    padding: 9px 18px;
+    border: 1px solid #d5dbe5;
+    border-radius: 10px;
+    background: #ffffff;
+    color: #374151;
+    font-size: 13px;
+    font-family: inherit;
+    cursor: pointer;
+    transition: background-color 120ms ease, border-color 120ms ease;
+
+    &:hover:not(:disabled) { background: #f3f5f9; border-color: #c3cbd8; }
+    &:active:not(:disabled) { background: #e9edf4; }
+    &:disabled { cursor: default; opacity: 0.55; }
 `;
 const IconOk = () => (_jsx("svg", { width: '13', height: '13', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '3', strokeLinecap: 'round', strokeLinejoin: 'round', children: _jsx("polyline", { points: '20 6 9 17 4 12' }) }));
 const IconWarning = () => (_jsxs("svg", { width: '13', height: '13', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2.4', strokeLinecap: 'round', strokeLinejoin: 'round', children: [_jsx("path", { d: 'M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z' }), _jsx("line", { x1: '12', y1: '9', x2: '12', y2: '13' }), _jsx("line", { x1: '12', y1: '17', x2: '12.01', y2: '17' })] }));

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,9 +38,9 @@ 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;
 export declare const User_IsExpired: (d: any) => boolean | undefined;

package/lib/components/editors/TMEditorStyled.d.ts

@@ -2,22 +2,14 @@ import { ValidationItem } from '@topconsultnpm/sdk-ts';
 export declare const TMEditorsDefaultBorderRadius = "5px";
 export declare const TMEditorsDefaultLabelFontSize = "0.9rem";
 export declare const editorColorManager: (validationItems: ValidationItem[]) => string;
-export declare const StyledEditorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width"> & {
+export declare const StyledEditorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $width: string;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width"> & {
-    $width: string;
-}, never>>> & string;
-export declare const StyledEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$borderRadius" | "$disabled" | "$fontSize" | "$isMobile" | "$isModified" | "$maxValue" | "$type" | "$vil" | "$width"> & {
-    $vil: ValidationItem[];
-    $width: string;
-    $type: string;
-    $isModified: boolean;
-    $maxValue: number;
-    $fontSize: string;
-    $disabled: boolean;
-    $isMobile?: boolean;
-    $borderRadius?: string;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$borderRadius" | "$disabled" | "$fontSize" | "$isMobile" | "$isModified" | "$maxValue" | "$type" | "$vil" | "$width"> & {
+}>> & string;
+export declare const StyledEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $vil: ValidationItem[];
     $width: string;
     $type: string;
@@ -27,40 +19,26 @@ export declare const StyledEditor: import("styled-components/dist/types").IStyle
     $disabled: boolean;
     $isMobile?: boolean;
     $borderRadius?: string;
-}, never>>> & string;
-export declare const StyledEditorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$disabled" | "$isModified" | "$vil"> & {
+}>> & string;
+export declare const StyledEditorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $vil: ValidationItem[];
     $disabled: boolean;
     $isModified: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$disabled" | "$isModified" | "$vil"> & {
-    $vil: ValidationItem[];
-    $disabled: boolean;
-    $isModified: boolean;
-}, never>>> & string;
-export declare const StyledEditorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color" | "$disabled" | "$fontSize" | "$isFocused" | "$labelPosition"> & {
+}>> & string;
+export declare const StyledEditorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $isFocused: boolean;
     $labelPosition: 'right' | 'left' | 'top';
     $disabled: boolean;
     $fontSize?: string;
     $color?: string;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color" | "$disabled" | "$fontSize" | "$isFocused" | "$labelPosition"> & {
-    $isFocused: boolean;
-    $labelPosition: 'right' | 'left' | 'top';
-    $disabled: boolean;
-    $fontSize?: string;
-    $color?: string;
-}, never>>> & string;
-export declare const StyledTextareaEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "$borderRadius" | "$disabled" | "$fontSize" | "$isMobile" | "$isModified" | "$maxHeight" | "$resize" | "$vil" | "$width"> & {
-    $vil: ValidationItem[];
-    $width: string;
-    $isModified: boolean;
-    $fontSize: string;
-    $disabled: boolean;
-    $isMobile?: boolean;
-    $maxHeight?: string;
-    $borderRadius?: string;
-    $resize?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "$borderRadius" | "$disabled" | "$fontSize" | "$isMobile" | "$isModified" | "$maxHeight" | "$resize" | "$vil" | "$width"> & {
+}>> & string;
+export declare const StyledTextareaEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $vil: ValidationItem[];
     $width: string;
     $isModified: boolean;
@@ -70,4 +48,4 @@ export declare const StyledTextareaEditor: import("styled-components/dist/types"
     $maxHeight?: string;
     $borderRadius?: string;
     $resize?: boolean;
-}, never>>> & string;
+}>> & string;

package/lib/components/editors/TMFormulaEditor.d.ts

@@ -30,7 +30,7 @@ export declare class FormulaDescriptor {
     description?: string;
     syntax?: string;
 }
-export declare const renderFormulaIcon: (iconType: FormulaIconTypes, tid?: number, md?: MetadataDescriptor) => import("react/jsx-runtime").JSX.Element;
+export declare const renderFormulaIcon: (iconType: FormulaIconTypes, tid?: number, md?: MetadataDescriptor) => React.JSX.Element;
 declare const TMFormulaEditor: React.FunctionComponent<ITMApplyFormProps<FormulaDescriptor>>;
 export default TMFormulaEditor;
 export declare class FormulaHelper {

package/lib/components/editors/TMHtmlContentDisplay.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 interface IHtmlContentDisplay {
     markup: string;
     isSelected: boolean;
     searchText?: string;
 }
-declare const TMHtmlContentDisplay: (props: IHtmlContentDisplay) => import("react/jsx-runtime").JSX.Element;
+declare const TMHtmlContentDisplay: (props: IHtmlContentDisplay) => React.JSX.Element;
 export default TMHtmlContentDisplay;

package/lib/components/editors/TMHtmlEditor.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ValidationItem } from '@topconsultnpm/sdk-ts';
 export declare const sanitizeAndFormatComment: (raw?: string) => string;
 export interface ITMHtmlEditor {
@@ -34,5 +35,5 @@ export interface ITMHtmlEditor {
     /** If true, displays a character count below the editor */
     showCount?: boolean;
 }
-declare const TMHtmlEditor: (props: ITMHtmlEditor) => import("react/jsx-runtime").JSX.Element;
+declare const TMHtmlEditor: (props: ITMHtmlEditor) => React.JSX.Element;
 export default TMHtmlEditor;

package/lib/components/editors/TMTreeDropDown.d.ts

@@ -14,5 +14,5 @@ interface TMTreeDropDownProps {
     isValidKey?: (key: number) => boolean;
     elementStyle?: React.CSSProperties;
 }
-declare const TMTreeDropDown: (props: TMTreeDropDownProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTreeDropDown: (props: TMTreeDropDownProps) => React.JSX.Element;
 export default TMTreeDropDown;