@tsed/react-formio 2.1.2 → 2.1.4

package/dist/components/pagination/pagination.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Pagination } from "./pagination.component";
 declare const _default: {
     title: string;
@@ -6,7 +7,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         pageSizes: number[];
         pageCount: number;

package/dist/components/react-component/reactComponent.component.d.ts

@@ -70,7 +70,7 @@ export declare class ReactComponent<Data = any> extends Components.components.fi
      * @param value
      * @param flags
      */
-    updateValue: (value?: Data | undefined, flags?: Record<string, any> | undefined) => boolean;
+    updateValue: (value?: Data, flags?: Record<string, any>) => boolean;
     /**
      * Get the current value of the component. Should return the value set in the react component.
      *

package/dist/components/select/select.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Select } from "./select.component";
 declare const _default: {
     title: string;
@@ -49,7 +50,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: string;
@@ -62,7 +63,7 @@ export declare const Sandbox: {
     };
 };
 export declare const Choicesjs: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: string;
@@ -76,7 +77,7 @@ export declare const Choicesjs: {
     };
 };
 export declare const ChoicesjsPrefix: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         name: string;
@@ -91,7 +92,7 @@ export declare const ChoicesjsPrefix: {
     };
 };
 export declare const WithPrefix: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: string;
@@ -104,7 +105,7 @@ export declare const WithPrefix: {
     };
 };
 export declare const WithSuffix: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: string;
@@ -117,7 +118,7 @@ export declare const WithSuffix: {
     };
 };
 export declare const TypeMultiple: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         name: string;
@@ -133,7 +134,7 @@ export declare const TypeMultiple: {
     };
 };
 export declare const ChoicesjsMultiple: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: never[];
@@ -148,7 +149,7 @@ export declare const ChoicesjsMultiple: {
     };
 };
 export declare const Sizing: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         label: string;
         value: string;

package/dist/components/submissions-table/submissionsTable.component.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import { FormSchema, Submission } from "../../interfaces";
 import { TableProps } from "../table/hooks/useCustomTable.hook";
-export declare type SubmissionsTableProps = Omit<TableProps<Submission>, "columns"> & {
+export type SubmissionsTableProps = Omit<TableProps<Submission>, "columns"> & {
     form?: FormSchema;
 };
-export declare function SubmissionsTable({ form, ...props }: SubmissionsTableProps): JSX.Element;
+export declare function SubmissionsTable({ form, ...props }: SubmissionsTableProps): React.JSX.Element;

package/dist/components/submissions-table/submissionsTable.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { SubmissionsTable } from "./submissionsTable.component";
 declare const _default: {
     title: string;
@@ -43,7 +44,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         form: {
             _id: string;

package/dist/components/table/components/defaultArrowSort.component.d.ts

@@ -1 +1,2 @@
-export declare function DefaultArrowSort({ column }: any): JSX.Element;
+import React from "react";
+export declare function DefaultArrowSort({ column }: any): React.JSX.Element;

package/dist/components/table/components/defaultCellHeader.component.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 import { HeaderGroup } from "react-table";
 export interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {
     column: HeaderGroup<Data>;
 }
-export declare function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps<Data>): JSX.Element;
+export declare function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps<Data>): React.JSX.Element;

package/dist/components/table/components/defaultCellOperations.component.d.ts

@@ -1 +1,2 @@
-export declare function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: any): JSX.Element;
+import React from "react";
+export declare function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: any): React.JSX.Element;

package/dist/components/table/components/defaultCells.component.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import { Row } from "react-table";
 export declare function DefaultCells<Data extends object = {}>({ row }: {
     row: Row<Data>;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/components/table/components/defaultOperationButton.component.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface OperationButtonProps {
     className?: string;
     buttonType?: string;
@@ -10,4 +11,4 @@ export interface OperationButtonProps {
     title?: string;
     i18n?: (i18n: string) => string;
 }
-export declare function DefaultOperationButton(props: OperationButtonProps): JSX.Element;
+export declare function DefaultOperationButton(props: OperationButtonProps): React.JSX.Element;

package/dist/components/table/components/defaultRow.component.d.ts

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, HTMLAttributes } from "react";
+import React, { DetailedHTMLProps, HTMLAttributes } from "react";
 import { Row } from "react-table";
 export interface DefaultRowProps<Data extends object = {}> extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "onClick" | "onDrag" | "onDrop"> {
     onClick: (data: any, action: string) => void;
@@ -8,5 +8,5 @@ export interface DefaultRowProps<Data extends object = {}> extends Omit<Detailed
     onDrag: (index: number, hoverIndex: number) => void;
     enableDragNDrop?: boolean;
 }
-export declare function DefaultDndRow<Data extends object = {}>(props: DefaultRowProps<Data>): JSX.Element;
-export declare function DefaultRow<Data extends object = {}>({ onClick, row, enableDragNDrop, onDrop, onDrag, ...props }: DefaultRowProps<Data>): JSX.Element;
+export declare function DefaultDndRow<Data extends object = {}>(props: DefaultRowProps<Data>): React.JSX.Element;
+export declare function DefaultRow<Data extends object = {}>({ onClick, row, enableDragNDrop, onDrop, onDrag, ...props }: DefaultRowProps<Data>): React.JSX.Element;

package/dist/components/table/components/dragNDropContainer.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 export declare function DrapNDropContainer({ enableDragNDrop, children }: PropsWithChildren<{
     enableDragNDrop?: boolean;
-}>): JSX.Element;
+}>): React.JSX.Element;

package/dist/components/table/filters/defaultColumnFilter.component.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 import { FilterProps } from "react-table";
 export declare function DefaultColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D> & {
     filterId: string;
     setFilterId: any;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/components/table/filters/selectColumnFilter.component.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { FilterProps } from "react-table";
-export declare function SelectColumnFilter<D extends Record<string, unknown> = {}>({ column }: FilterProps<D>): JSX.Element;
+export declare function SelectColumnFilter<D extends Record<string, unknown> = {}>({ column }: FilterProps<D>): React.JSX.Element;

package/dist/components/table/filters/sliderColumnFilter.component.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { FilterProps } from "react-table";
-export declare function SliderColumnFilter<D extends Record<string, unknown> = {}>({ column: { filterValue, setFilter, preFilteredRows, id } }: FilterProps<D>): JSX.Element;
+export declare function SliderColumnFilter<D extends Record<string, unknown> = {}>({ column: { filterValue, setFilter, preFilteredRows, id } }: FilterProps<D>): React.JSX.Element;

package/dist/components/table/hooks/useCustomTable.hook.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { CellProps, FilterProps, Renderer, TableOptions } from "react-table";
+import { CellProps, FilterProps, Renderer, TableInstance, TableOptions } from "react-table";
 import { OnClickOperation, Operation, QueryOptions } from "../../../interfaces";
 import { Pagination as DefaultPagination } from "../../pagination/pagination.component";
 import { DefaultCellHeaderProps } from "../components/defaultCellHeader.component";
@@ -82,18 +82,17 @@ export interface TableProps<Data extends object = any> extends TableOptions<Data
     onDrop?: (item: Data) => void;
 }
 export declare function getOperationCallback(operations: Operation[], onClick: OnClickOperation): (data: any, action: string) => void;
-declare function DefaultLoader(): JSX.Element;
-declare function DefaultEmptyData(): JSX.Element;
+declare function DefaultLoader(): React.JSX.Element;
+declare function DefaultEmptyData(): React.JSX.Element;
 export declare function useCustomTable<Data extends object = {}>(props: PropsWithChildren<TableProps<Data>>): {
     className: string;
-    tableInstance: import("react-table").TableInstance<Data>;
+    tableInstance: TableInstance<Data>;
     CellHeader: any;
     isLoading: boolean | undefined;
-    onClick: (data: any, action: string) => void;
     Loader: React.ComponentType<{}> | typeof DefaultLoader;
     EmptyData: React.ComponentType<{}> | typeof DefaultEmptyData;
     Row: React.ComponentType<DefaultRowProps<Data>> | typeof DefaultRow;
-    data: Data[];
+    data: readonly Data[];
     disablePagination: boolean | undefined;
     Pagination: React.ComponentType<{}> | typeof DefaultPagination;
     pageIndex: number;
@@ -102,86 +101,9 @@ export declare function useCustomTable<Data extends object = {}>(props: PropsWit
     setPageSize: (pageSize: number) => void;
     i18n: (f: string) => string;
     children: React.ReactNode;
+    onClick: any;
     onDrag: (dragIndex: number, hoverIndex: number) => void;
     onDrop: (...args: any[]) => void;
-    /**
-     * Call the listener when a filter / pagination  / sort change.
-     */
-    onChange?: ((query: QueryOptions) => void) | undefined;
-    /**
-     * Custom ArrowSort
-     */
-    ArrowSort?: React.ComponentType<{}> | undefined;
-    /**
-     * Custom default ColumnFilter
-     */
-    ColumnFilter?: Renderer<FilterProps<Data>> | undefined;
-    /**
-     * Custom cell
-     */
-    Cell?: React.ComponentType<CellProps<Data, any>> | undefined;
-    /**
-     *
-     */
-    CellOperations?: React.ComponentType<{}> | undefined;
-    /**
-     * Disable filters
-     */
-    disableFilters?: boolean | undefined;
-    manualPagination?: boolean | undefined;
-    manualSortBy?: boolean | undefined;
-    manualFilters?: boolean | undefined;
-    /**
-     * Configuration operation for each line.
-     */
-    operations?: Operation<any>[] | undefined;
-    /**
-     * Enable drag and drop rows
-     */
-    enableDragNDrop?: boolean | undefined;
-    columns: import("react-table").Column<Data>[];
-    initialState?: Partial<import("react-table").TableState<Data>> | undefined;
-    stateReducer?: ((newState: import("react-table").TableState<Data>, action: import("react-table").ActionType, previousState: import("react-table").TableState<Data>, instance?: import("react-table").TableInstance<Data> | undefined) => import("react-table").TableState<Data>) | undefined;
-    useControlledState?: ((state: import("react-table").TableState<Data>, meta: import("react-table").MetaBase<Data>) => import("react-table").TableState<Data>) | undefined;
-    defaultColumn?: Partial<import("react-table").Column<Data>> | undefined;
-    getSubRows?: ((originalRow: Data, relativeIndex: number) => Data[]) | undefined;
-    getRowId?: ((originalRow: Data, relativeIndex: number, parent?: import("react-table").Row<Data> | undefined) => string) | undefined;
-    autoResetHiddenColumns?: boolean | undefined;
-    manualExpandedKey?: import("react-table").IdType<Data> | undefined;
-    paginateExpandedRows?: boolean | undefined;
-    expandSubRows?: boolean | undefined;
-    autoResetExpanded?: boolean | undefined;
-    defaultCanFilter?: boolean | undefined;
-    filterTypes?: import("react-table").FilterTypes<Data> | undefined;
-    autoResetFilters?: boolean | undefined;
-    globalFilter?: string | ((rows: import("react-table").Row<Data>[], columnIds: import("react-table").IdType<Data>[], filterValue: any) => import("react-table").Row<Data>[]) | undefined;
-    manualGlobalFilter?: boolean | undefined;
-    autoResetGlobalFilter?: boolean | undefined;
-    disableGlobalFilter?: boolean | undefined;
-    manualGroupBy?: boolean | undefined;
-    disableGroupBy?: boolean | undefined;
-    defaultCanGroupBy?: boolean | undefined;
-    aggregations?: Record<string, import("react-table").AggregatorFn<Data>> | undefined;
-    groupByFn?: ((rows: import("react-table").Row<Data>[], columnId: import("react-table").IdType<Data>) => Record<string, import("react-table").Row<Data>[]>) | undefined;
-    autoResetGroupBy?: boolean | undefined;
-    pageCount?: number | undefined;
-    autoResetPage?: boolean | undefined;
-    disableResizing?: boolean | undefined;
-    manualRowSelectedKey?: import("react-table").IdType<Data> | undefined;
-    autoResetSelectedRows?: boolean | undefined;
-    selectSubRows?: boolean | undefined;
-    disableSortBy?: boolean | undefined;
-    defaultCanSort?: boolean | undefined;
-    disableMultiSort?: boolean | undefined;
-    isMultiSortEvent?: ((e: React.MouseEvent<Element, MouseEvent>) => boolean) | undefined;
-    maxMultiSortColCount?: number | undefined;
-    disableSortRemove?: boolean | undefined;
-    disabledMultiRemove?: boolean | undefined;
-    orderByFn?: ((rows: import("react-table").Row<Data>[], sortFns: import("react-table").SortByFn<Data>[], directions: boolean[]) => import("react-table").Row<Data>[]) | undefined;
-    sortTypes?: Record<string, import("react-table").SortByFn<Data>> | undefined;
-    autoResetSortBy?: boolean | undefined;
-    sortBy?: import("../../../interfaces").ColumnIdentifier[] | undefined;
-    filters?: import("../../../interfaces").ColumnIdentifier[] | undefined;
-    filterId?: string | undefined;
+    enableDragNDrop: boolean | undefined;
 };
 export {};

package/dist/components/table/hooks/useDragnDropRow.hook.d.ts

@@ -15,6 +15,7 @@ export declare function useDndRow<Data extends object = {}>({ onDrag, onDrop, in
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
@@ -23,6 +24,7 @@ export declare function useDndRow<Data extends object = {}>({ onDrag, onDrop, in
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    nonce?: string | undefined;
     placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
@@ -31,13 +33,16 @@ export declare function useDndRow<Data extends object = {}>({ onDrag, onDrop, in
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
-    role?: string | undefined;
+    role?: import("react").AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -52,12 +57,12 @@ export declare function useDndRow<Data extends object = {}>({ onDrag, onDrop, in
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: boolean | "true" | "false" | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: boolean | "true" | "false" | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
@@ -66,36 +71,36 @@ export declare function useDndRow<Data extends object = {}>({ onDrag, onDrop, in
     'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "true" | "false" | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "true" | "false" | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "true" | "false" | undefined;
-    'aria-haspopup'?: boolean | "true" | "false" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden'?: boolean | "true" | "false" | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     'aria-level'?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: boolean | "true" | "false" | undefined;
-    'aria-multiline'?: boolean | "true" | "false" | undefined;
-    'aria-multiselectable'?: boolean | "true" | "false" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined;
     'aria-owns'?: string | undefined;
     'aria-placeholder'?: string | undefined;
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-readonly'?: boolean | "true" | "false" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
     'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: boolean | "true" | "false" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
     'aria-rowspan'?: number | undefined;
-    'aria-selected'?: boolean | "true" | "false" | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;
     'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
     'aria-valuemax'?: number | undefined;
@@ -104,7 +109,7 @@ export declare function useDndRow<Data extends object = {}>({ onDrag, onDrop, in
     'aria-valuetext'?: string | undefined;
     children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;
@@ -174,6 +179,8 @@ export declare function useDndRow<Data extends object = {}>({ onDrag, onDrop, in
     onProgressCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;

package/dist/components/table/hooks/useOperations.hook.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Hooks } from "react-table";
 import { Operation } from "../../../interfaces";
-export declare type UseOperationsHookProps = {
+export type UseOperationsHookProps = {
     CellOperations?: React.ComponentType;
     operations: Operation[];
     onClick?: (data: any, event: string) => void;

package/dist/components/table/table.component.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from "react";
 import { TableProps } from "./hooks/useCustomTable.hook";
-export declare function Table<Data extends object = any>(props: PropsWithChildren<TableProps<Data>>): JSX.Element;
+export declare function Table<Data extends object = any>(props: PropsWithChildren<TableProps<Data>>): React.JSX.Element;

package/dist/components/table/table.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Table } from "./table.component";
 declare const _default: {
     title: string;
@@ -7,7 +8,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         data: {
             _id: string;
@@ -44,7 +45,7 @@ export declare const Sandbox: {
     };
 };
 export declare const TableWithDragNDrop: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         enableDragNDrop: boolean;
         data: never[];

package/dist/components/tabs/tabs.component.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-export declare function ButtonTab({ icon, back, onClick, isActive, reverse, children, className, after }: PropsWithChildren<any>): JSX.Element;
+import React, { PropsWithChildren } from "react";
+export declare function ButtonTab({ icon, back, onClick, isActive, reverse, children, className, after }: PropsWithChildren<any>): React.JSX.Element;
 export interface TabsItemProps extends Record<string, any> {
     label?: string;
     icon?: string;
@@ -16,4 +16,4 @@ export interface TabsProps extends Record<string, any> {
     onClick?: (item: TabsItemProps) => void;
     i18n?: (f: string) => string;
 }
-export declare function Tabs({ style, current, items, children, HeaderChildren, AddButton, Button, className, onClick, i18n, ...additionalProps }: PropsWithChildren<TabsProps>): JSX.Element;
+export declare function Tabs({ style, current, items, children, HeaderChildren, AddButton, Button, className, onClick, i18n, ...additionalProps }: PropsWithChildren<TabsProps>): React.JSX.Element;

package/dist/components/tabs/tabs.component.stories.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Tabs } from "./tabs.component";
 declare const _default: {
     title: string;
@@ -7,7 +8,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Sandbox: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         items: ({
             action: string;
@@ -34,7 +35,7 @@ export declare const Sandbox: {
     };
 };
 export declare const WithCloseable: {
-    (args: any): JSX.Element;
+    (args: any): React.JSX.Element;
     args: {
         reverse: boolean;
         items: {