@guillotinaweb/react-gmi 0.34.2 → 0.35.0

package/README.md

@@ -9,7 +9,7 @@ All this with the flexibility to build it your way, adding your own content with
 ## Prerequisites
 
 - React 16.12+ / 17 / 18 / 19
-- Node.js 20+
+- Node.js 22.13+
 - TypeScript 5.4+
 
 ## Status
@@ -142,12 +142,18 @@ See the [Extension Guide](docs/extend.md) for detailed examples.
 - [Extension Guide](docs/extend.md) - How to extend and customize
 - [API Documentation](docs/api.md) - Component and hook reference
 
-## Development
+## Contributing
+
+Contributions are welcome. Before opening a PR, please read [CONTRIBUTING.md](CONTRIBUTING.md) and the full [Development Setup](docs/development-setup.md) guide.
+
+To start the project locally for development, follow the quick start below. Before submitting changes, run `pnpm lint`, `pnpm test`, and `pnpm build`.
+
+## Development Setup
 
 ### Prerequisites
 
-- Node.js 20+
-- pnpm 9+ (`npm install -g pnpm`)
+- Node.js 22.13+
+- pnpm 11+ (`corepack enable` or `npm install -g pnpm`)
 - Docker (for running Guillotina)
 
 ### Quick Start
@@ -157,15 +163,17 @@ See the [Extension Guide](docs/extend.md) for detailed examples.
 git clone git@github.com:guillotinaweb/guillotina_react.git
 cd guillotina_react
 pnpm install
+pnpm e2e:install
 
-# Start Guillotina backend (see docs/development-setup.md for details)
-docker run -d --name postgres -e POSTGRES_DB=guillotina -e POSTGRES_USER=guillotina -e POSTGRES_HOST_AUTH_METHOD=trust -p 5432:5432 postgres:18
-docker run --rm -it --link=postgres -p 8080:8080 plone/guillotina:latest
+# Start Guillotina + Postgres (Docker Compose; see docs/development-setup.md)
+pnpm guillotina:up
 
-# Start development server
+# Start development server (separate terminal)
 pnpm dev
 ```
 
+The playground will be available at `http://127.0.0.1:5173`.
+
 ### Available Scripts
 
 | Command | Description |
@@ -174,6 +182,10 @@ pnpm dev
 | `pnpm build` | Build the library (JS + CSS) using Vite |
 | `pnpm test` | Run unit tests (Vitest) |
 | `pnpm test:e2e` | Run E2E tests (Playwright) |
+| `pnpm e2e:install` | Install E2E deps + Playwright browsers |
+| `pnpm guillotina:up` | Start Postgres + example Guillotina (Compose, detached) |
+| `pnpm guillotina:logs` | Tail Compose logs |
+| `pnpm guillotina:down` | Stop Compose stack |
 | `pnpm lint` | Run ESLint |
 | `pnpm format` | Format with Prettier |
 

package/dist/index.d.ts

@@ -3,13 +3,15 @@ import { default as default_2 } from 'react';
 import { Dispatch } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { InputHTMLAttributes } from 'react';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { JSX as JSX_3 } from 'react/jsx-runtime.js';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react/jsx-runtime.js';
 import { MessageDescriptor } from 'react-intl';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { ReactElement } from 'react';
+import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
 
-export declare function AddItem(props: Props): JSX_2.Element;
+export declare function AddItem(props: Props): JSX.Element;
 
 export declare interface AddonAvailable {
     id: string;
@@ -22,7 +24,7 @@ export declare interface Addons {
     installed: string[];
 }
 
-export declare function AddPermission({ refresh, reset }: AddPermissionProps): JSX_2.Element;
+export declare function AddPermission({ refresh, reset }: AddPermissionProps): JSX.Element;
 
 declare interface AddPermissionProps {
     refresh: (state: number) => void;
@@ -35,7 +37,7 @@ declare interface AddPermissionProps {
  */
 export declare function AllItemsCheckbox({ dataTest }: {
     dataTest?: string;
-}): JSX_2.Element;
+}): JSX.Element;
 
 export declare interface AllPermissions {
     [key: string]: AllPermissionsItem;
@@ -48,7 +50,7 @@ export declare interface AllPermissionsItem {
     perminhe?: Perminhe[];
 }
 
-export declare function ApplicationCtx(): JSX_2.Element;
+export declare function ApplicationCtx(): JSX.Element;
 
 export declare class Auth {
     maxRetry: number;
@@ -81,7 +83,7 @@ export declare const AuthContext: Context<    {}>;
 
 export declare function base64ToArrayBuffer(base64: string): Uint8Array<ArrayBuffer>;
 
-export declare function BaseForm({ onSubmit, actionName, title, dataTest, loading, }: BaseFormProps): JSX_2.Element;
+export declare function BaseForm({ onSubmit, actionName, title, dataTest, loading, }: BaseFormProps): JSX.Element;
 
 export declare interface BaseFormProps {
     onSubmit: (data: {
@@ -95,23 +97,23 @@ export declare interface BaseFormProps {
     type: string;
 }
 
-export declare function BehaviorNotImplemented(): JSX_2.Element;
+export declare function BehaviorNotImplemented(): JSX.Element;
 
-export declare function BehaviorsView({ context, schema }: Props_34): JSX_2.Element;
+export declare function BehaviorsView({ context, schema }: Props_34): JSX.Element;
 
 export declare function buildQs(parsedQuery: string[][]): string;
 
-export declare const Button: ({ children, className, onClick, type, loading, disabled, dataTest, }: Props_3) => JSX_2.Element;
+export declare const Button: ({ children, className, onClick, type, loading, disabled, dataTest, }: Props_3) => JSX.Element;
 
-export declare const Checkbox: ({ id, className, classNameInput, loading, disabled, indeterminate, checked, children, placeholder, onChange, dataTest, }: Props_4) => JSX_2.Element;
+export declare const Checkbox: ({ id, className, classNameInput, loading, disabled, indeterminate, checked, children, placeholder, onChange, dataTest, }: Props_4) => JSX.Element;
 
 export declare const classnames: (classNames: (string | boolean)[]) => string;
 
 export declare const ClientContext: Context<GuillotinaClient | null>;
 
-export declare function ClientProvider({ children, client }: PropsClient): JSX_3.Element;
+export declare function ClientProvider({ children, client }: PropsClient): JSX_2.Element;
 
-export declare function Confirm({ message, onCancel, onConfirm, loading, }: ConfirmProps): JSX_2.Element;
+export declare function Confirm({ message, onCancel, onConfirm, loading, }: ConfirmProps): JSX.Element;
 
 declare interface ConfirmProps {
     message?: React.ReactNode;
@@ -120,19 +122,19 @@ declare interface ConfirmProps {
     loading?: boolean;
 }
 
-export declare function ContainerCtx(): JSX_2.Element;
+export declare function ContainerCtx(): JSX.Element;
 
-export declare function ContextToolbar({ AddButton }: Props_35): JSX_2.Element;
+export declare function ContextToolbar({ AddButton }: Props_35): JSX.Element;
 
-export declare function CreateButton({ types }: CreateButtonProps): JSX_2.Element | null;
+export declare function CreateButton({ types }: CreateButtonProps): JSX.Element | null;
 
 declare interface CreateButtonProps {
     types: string[];
 }
 
-export declare function CreateContainer(): JSX_2.Element;
+export declare function CreateContainer(): JSX.Element;
 
-export declare function DatabaseCtx(): JSX_2.Element;
+export declare function DatabaseCtx(): JSX.Element;
 
 export declare function debounce<T extends unknown[], U>(callback: (...args: T) => PromiseLike<U> | U, wait: number): (...args: T) => Promise<U>;
 
@@ -150,9 +152,9 @@ export declare interface Definitions {
     };
 }
 
-export declare function Delete({ onClick, className, children }: Props_30): JSX_2.Element;
+export declare function Delete({ onClick, className, children }: Props_30): JSX.Element;
 
-export declare const DownloadField: ({ value }: DownloadFieldProps) => JSX_2.Element;
+export declare const DownloadField: ({ value }: DownloadFieldProps) => JSX.Element;
 
 declare interface DownloadFieldProps {
     value: {
@@ -164,25 +166,25 @@ declare interface DownloadFieldProps {
     };
 }
 
-export declare function EditableField({ field, value, ns, schema, modifyContent, required, }: Props_17): JSX_2.Element;
+export declare function EditableField({ field, value, ns, schema, modifyContent, required, }: Props_17): JSX.Element;
 
 declare type EditableFieldValue = GuillotinaFile | LightFile | IndexSignature | string | string[] | boolean | Date | undefined | null;
 
 export declare const EditComponent: ForwardRefExoticComponent<Props_18 & RefAttributes<unknown>>;
 
-export declare const EmailInput: ({ value, dataTest, placeholder, id, onChange, required, }: Props_5) => JSX_2.Element;
+export declare const EmailInput: ({ value, dataTest, placeholder, id, onChange, required, }: Props_5) => JSX.Element;
 
-export declare function FileUpload({ label, onChange, dataTest }: Props_12): JSX_3.Element;
+export declare function FileUpload({ label, onChange, dataTest }: Props_12): JSX_2.Element;
 
-export declare function Flash(): JSX_2.Element | null;
+export declare function Flash(): JSX.Element | null;
 
-export declare function FolderCtx(): JSX_2.Element;
+export declare function FolderCtx(): JSX.Element;
 
-export declare const Form: ({ children, className, onSubmit, onReset, autoComplete, title, error, dataTest, }: Props_7) => JSX_2.Element;
+export declare const Form: ({ children, className, onSubmit, onReset, autoComplete, title, error, dataTest, }: Props_7) => JSX.Element;
 
 export declare const formatDate: (str: string) => string;
 
-export declare function FormBuilder({ schema, formData, onSubmit, actionName, children, exclude, remotes, submitButton, }: Props_6): JSX_2.Element;
+export declare function FormBuilder({ schema, formData, onSubmit, actionName, children, exclude, remotes, submitButton, }: Props_6): JSX.Element;
 
 export declare const generateUID: (prefix?: string) => string;
 
@@ -450,13 +452,13 @@ export declare function getClient(url: string, container: string, auth: Auth): G
 
 export declare function getNewId(id?: string): string;
 
-export declare function GroupCtx(): JSX_2.Element;
+export declare function GroupCtx(): JSX.Element;
 
-export declare function GroupsCtx(): JSX_2.Element;
+export declare function GroupsCtx(): JSX.Element;
 
-export declare function GroupToolbar(): JSX_2.Element;
+export declare function GroupToolbar(): JSX.Element;
 
-export declare function Guillotina({ auth, locale, ...props }: GuillotinaProps): JSX_2.Element;
+export declare function Guillotina({ auth, locale, ...props }: GuillotinaProps): JSX.Element;
 
 export declare type GuillotinaApplication = {
     databases: string[];
@@ -693,7 +695,7 @@ export declare interface GuillotinaVocabularyItem {
     token: string;
 }
 
-export declare function IAttachment({ properties, values }: Props_19): JSX_2.Element;
+export declare function IAttachment({ properties, values }: Props_19): JSX.Element;
 
 export declare interface IBehaviorDublinCore {
     title: string;
@@ -708,7 +710,7 @@ export declare interface IBehaviorDublinCore {
     contributors: string[];
 }
 
-export declare const Icon: ({ icon, className, align }: Props_27) => JSX_2.Element;
+export declare const Icon: ({ icon, className, align }: Props_27) => JSX.Element;
 
 export declare interface IConfig {
     DisabledTypes: string[];
@@ -726,7 +728,7 @@ export declare interface IConfig {
     flash?: (message: string, type: string) => void;
 }
 
-export declare function IImageAttachment({ properties, values }: Props_21): JSX_2.Element;
+export declare function IImageAttachment({ properties, values }: Props_21): JSX.Element;
 
 export declare interface IManageRegistry {
     registry: IRegistry;
@@ -752,11 +754,11 @@ export declare interface IManageRegistry {
     };
 }
 
-export declare function IMultiAttachment({ properties, values }: Props_20): JSX_2.Element;
+export declare function IMultiAttachment({ properties, values }: Props_20): JSX.Element;
 
-export declare function IMultiImageAttachment({ properties, values }: Props_22): JSX_2.Element;
+export declare function IMultiImageAttachment({ properties, values }: Props_22): JSX.Element;
 
-export declare function IMultiImageOrderedAttachment({ properties, values }: Props_23): JSX_2.Element;
+export declare function IMultiImageOrderedAttachment({ properties, values }: Props_23): JSX.Element;
 
 declare interface IndexSignature<T = any> {
     [key: string]: T;
@@ -774,13 +776,13 @@ export declare interface IRegistry {
         [key: string]: default_2.ComponentType<any>;
     };
     actions: {
-        [key: string]: (props: any) => JSX.Element;
+        [key: string]: (props: any) => default_2.ReactElement;
     };
     forms: {
-        [key: string]: (props: any) => JSX.Element;
+        [key: string]: (props: any) => default_2.ReactElement;
     };
     behaviors: {
-        [key: string]: (props: any | undefined) => JSX.Element | null;
+        [key: string]: (props: any | undefined) => default_2.ReactElement | null;
     };
     itemsColumn: {
         [key: string]: <T extends SearchOrCommonObject = SearchOrCommonObject>() => ItemColumn<T>[];
@@ -827,9 +829,9 @@ export declare const isNumber: (value?: string) => boolean;
 
 export declare const isURL: (value?: string) => boolean;
 
-export declare function Item({ item, icon }: ItemProps): JSX_2.Element;
+export declare function Item({ item, icon }: ItemProps): JSX.Element;
 
-export declare function ItemCheckbox({ item, dataTest }: PropsItemCheckbox): JSX_2.Element;
+export declare function ItemCheckbox({ item, dataTest }: PropsItemCheckbox): JSX.Element;
 
 export declare interface ItemColumn<T extends SearchOrCommonObject = SearchOrCommonObject> {
     key: string;
@@ -844,7 +846,7 @@ export declare interface ItemColumnChild<T extends SearchOrCommonObject = Search
     search?: string;
 }
 
-export declare function ItemCtx(): JSX_2.Element;
+export declare function ItemCtx(): JSX.Element;
 
 export declare class ItemModel<T extends SearchItem | GuillotinaCommonObject = SearchItem | GuillotinaCommonObject> {
     item: T;
@@ -883,9 +885,9 @@ onAction?: (action: string) => void;
 /**
  * Dropdown to choose some action to apply to the selected items.
  */
-export declare function ItemsActionsDropdown(): JSX_2.Element;
+export declare function ItemsActionsDropdown(): JSX.Element;
 
-export declare function ItemsActionsProvider({ items, children, }: PropsItemsActionsProvider): JSX_2.Element;
+export declare function ItemsActionsProvider({ items, children, }: PropsItemsActionsProvider): JSX.Element;
 
 declare type ItemsPropertyObject = {
     '@id': string;
@@ -900,21 +902,21 @@ declare type ItemsPropertyObject = {
     type_name: string;
 };
 
-export declare function ItemTitle({ title, actions }: ItemTitleProps): JSX_2.Element;
+export declare function ItemTitle({ title, actions }: ItemTitleProps): JSX.Element;
 
 declare interface ItemTitleProps {
     title: string;
     actions?: default_2.ReactNode;
 }
 
-export declare function IWorkflow(): JSX_2.Element | null;
+export declare function IWorkflow(): JSX.Element | null;
 
 export declare interface IWorkflowBehavior {
     review_state: string;
     history: WorkflowHistory[];
 }
 
-export declare function Layout({ children, onLogout, auth }: Props_37): JSX_2.Element;
+export declare function Layout({ children, onLogout, auth }: Props_37): JSX.Element;
 
 declare interface LightFile {
     filename: string;
@@ -924,11 +926,11 @@ declare interface LightFile {
 
 export declare const lightFileReader: (file: File) => Promise<LightFile>;
 
-export declare function Link({ aRef, model, children, ...props }: Props_36): JSX_2.Element;
+export declare function Link({ aRef, model, children, ...props }: Props_36): JSX.Element;
 
-export declare const Loading: ({ style }: Props_28) => JSX_2.Element;
+export declare const Loading: ({ style }: Props_28) => JSX.Element;
 
-export declare const Login: ({ currentSchema, setCurrentSchema, schemas, auth, onLogin, }: Props_38) => JSX_2.Element;
+export declare const Login: ({ currentSchema, setCurrentSchema, schemas, auth, onLogin, }: Props_38) => JSX.Element;
 
 export declare const maxLength: (value?: string, limit?: number) => boolean;
 
@@ -945,7 +947,7 @@ export declare const messages: {
 
 export declare const minLength: (value?: string, limit?: number) => boolean;
 
-export declare function Modal(props: ModalProps): JSX_2.Element;
+export declare function Modal(props: ModalProps): ReactPortal;
 
 declare interface ModalProps {
     isActive: boolean;
@@ -956,36 +958,36 @@ declare interface ModalProps {
 
 export declare const noop: () => void;
 
-export declare function NotAllowed(): JSX_2.Element;
+export declare function NotAllowed(): JSX.Element;
 
 export declare const notEmpty: (value: string) => boolean;
 
-declare function Notification_2({ isColor, children }: Props_32): JSX_2.Element;
+declare function Notification_2({ isColor, children }: Props_32): JSX.Element;
 export { Notification_2 as Notification }
 
-export declare function Pagination({ current, total, doPaginate, pager }: Props_39): JSX_2.Element | null;
+export declare function Pagination({ current, total, doPaginate, pager }: Props_39): JSX.Element | null;
 
-export declare function PanelActions(): JSX_2.Element;
+export declare function PanelActions(): JSX.Element;
 
-export declare function PanelAddons(): JSX_2.Element;
+export declare function PanelAddons(): JSX.Element;
 
-export declare function PanelBehaviors(): JSX_2.Element;
+export declare function PanelBehaviors(): JSX.Element;
 
-export declare function PanelItems(): JSX_2.Element;
+export declare function PanelItems(): JSX.Element;
 
-export declare function PanelNotImplemented(props: Props_46): JSX_2.Element;
+export declare function PanelNotImplemented(props: Props_46): JSX.Element;
 
-export declare function PanelPermissions(): JSX_2.Element | null;
+export declare function PanelPermissions(): JSX.Element | null;
 
-export declare function PanelProperties(): JSX_2.Element;
+export declare function PanelProperties(): JSX.Element;
 
 export declare function parser(qs: string, defaultField?: string | string[] | undefined): string[][];
 
-export declare const PasswordInput: ({ value, dataTest, onChange, placeholder, id, required, }: Props_9 & InputHTMLAttributes<HTMLInputElement>) => JSX_2.Element;
+export declare const PasswordInput: ({ value, dataTest, onChange, placeholder, id, required, }: Props_9 & InputHTMLAttributes<HTMLInputElement>) => JSX.Element;
 
-export declare function Path(): JSX_2.Element | null;
+export declare function Path(): JSX.Element | null;
 
-export declare function PathTree({ title, defaultPath, children, onConfirm, onCancel, }: PathTreeProps): JSX_2.Element;
+export declare function PathTree({ title, defaultPath, children, onConfirm, onCancel, }: PathTreeProps): JSX.Element;
 
 declare interface PathTreeProps {
     title: string;
@@ -1000,11 +1002,11 @@ export declare interface Perminhe {
     setting: Setting;
 }
 
-export declare function PermissionPrinperm({ principals, permissions, operations, refresh, }: Props_24): JSX_2.Element;
+export declare function PermissionPrinperm({ principals, permissions, operations, refresh, }: Props_24): JSX.Element;
 
-export declare function PermissionPrinrole({ principals, roles, operations, refresh, }: Props_25): JSX_2.Element;
+export declare function PermissionPrinrole({ principals, roles, operations, refresh, }: Props_25): JSX.Element;
 
-export declare function PermissionRoleperm({ roles, permissions, operations, refresh, }: Props_26): JSX_2.Element;
+export declare function PermissionRoleperm({ roles, permissions, operations, refresh, }: Props_26): JSX.Element;
 
 declare const Permissions_2: string[];
 export { Permissions_2 as Permissions }
@@ -1436,7 +1438,7 @@ declare interface Props_7 {
 
 declare interface Props_8 {
     name?: string;
-    icon?: JSX.Element;
+    icon?: ReactElement;
     iconPosition?: 'has-icons-left' | 'has-icons-right';
     error?: string;
     errorZoneClassName?: string;
@@ -1543,11 +1545,11 @@ export declare interface RegistrySortValue {
     key: string;
 }
 
-export declare function RemoveItems(props: Props_2): JSX_2.Element;
+export declare function RemoveItems(props: Props_2): JSX.Element;
 
-export declare function RenderField({ value, Widget, schema }: RenderFieldProps): JSX_2.Element | JSX_2.Element[] | PlainType;
+export declare function RenderField({ value, Widget, schema }: RenderFieldProps): JSX.Element | JSX.Element[] | PlainType;
 
-export declare function RenderFieldComponent({ schema, field, val, modifyContent, }: RenderFieldComponentProps): JSX_2.Element;
+export declare function RenderFieldComponent({ schema, field, val, modifyContent, }: RenderFieldComponentProps): JSX.Element;
 
 declare interface RenderFieldComponentProps {
     schema: GuillotinaSchemaProperty;
@@ -1566,7 +1568,7 @@ declare interface RenderFieldProps {
     schema?: GuillotinaSchemaProperty;
 }
 
-export declare function RequiredFieldsForm({ loading, onSubmit, actionName, title, dataTest, type, }: Props_45): JSX_2.Element;
+export declare function RequiredFieldsForm({ loading, onSubmit, actionName, title, dataTest, type, }: Props_45): JSX.Element;
 
 export declare class RestClient {
     url: string;
@@ -1595,7 +1597,7 @@ export declare type ReturnSearchCompatible<T> = {
     items_total: number;
 };
 
-export declare function RItem({ item, search, columns }: RItemProps): JSX_2.Element;
+export declare function RItem({ item, search, columns }: RItemProps): JSX.Element;
 
 declare interface RItemProps {
     item: SearchItem;
@@ -1609,9 +1611,9 @@ export declare interface Roleperm {
     setting: Setting;
 }
 
-export declare const SearchInput: ({ onChange, error, errorZoneClassName, traversal, path, qs, queryCondition, value, btnClass, dataTestWrapper, dataTestSearchInput, dataTestItem, renderTextItemOption, typeNameQuery, labelProperty, }: Props_14) => JSX_2.Element;
+export declare const SearchInput: ({ onChange, error, errorZoneClassName, traversal, path, qs, queryCondition, value, btnClass, dataTestWrapper, dataTestSearchInput, dataTestItem, renderTextItemOption, typeNameQuery, labelProperty, }: Props_14) => JSX.Element;
 
-export declare const SearchInputList: ({ onChange, error, errorZoneClassName, traversal, path, qs, queryCondition, value, btnClass, dataTestWrapper, dataTestSearchInput, dataTestItem, renderTextItemOption, typeNameQuery, labelProperty, }: Props_15) => JSX_2.Element;
+export declare const SearchInputList: ({ onChange, error, errorZoneClassName, traversal, path, qs, queryCondition, value, btnClass, dataTestWrapper, dataTestSearchInput, dataTestItem, renderTextItemOption, typeNameQuery, labelProperty, }: Props_15) => JSX.Element;
 
 export declare type SearchItem = {
     id: string;
@@ -1627,13 +1629,13 @@ export declare type SearchItem = {
     creators: string[];
 } & ItemsPropertyObject;
 
-export declare function SearchLabels({ query }: Props_40): JSX_2.Element | null;
+export declare function SearchLabels({ query }: Props_40): JSX.Element | null;
 
-export declare function SearchOptionsLabels({ query, options }: Props_41): JSX_2.Element | null;
+export declare function SearchOptionsLabels({ query, options }: Props_41): JSX.Element | null;
 
 export declare type SearchOrCommonObject = SearchItem | GuillotinaCommonObject;
 
-export declare const SearchRenderField: ({ schema, value, modifyContent, }: SearchRenderFieldProps) => JSX_2.Element;
+export declare const SearchRenderField: ({ schema, value, modifyContent, }: SearchRenderFieldProps) => JSX.Element;
 
 declare interface SearchRenderFieldProps {
     schema: GuillotinaSchemaProperty;
@@ -1641,7 +1643,7 @@ declare interface SearchRenderFieldProps {
     modifyContent: boolean;
 }
 
-export declare function SearchVocabularyLabels({ query, vocabularyName }: Props_42): JSX_2.Element | null;
+export declare function SearchVocabularyLabels({ query, vocabularyName }: Props_42): JSX.Element | null;
 
 export declare const Select: ForwardRefExoticComponent<Props_10 & RefAttributes<HTMLSelectElement>>;
 
@@ -1684,9 +1686,9 @@ declare interface State_2 {
 
 export declare function stringToSlug(str: string): string;
 
-export declare function Table({ headers, children, className }: Props_31): JSX_2.Element;
+export declare function Table({ headers, children, className }: Props_31): JSX.Element;
 
-export declare function TabsPanel<T extends Record<string, unknown> = Record<string, unknown>>({ tabs, currentTab, rightToolbar, fallback, ...restProps }: TabsPanelPropsWithChildren<T>): JSX_2.Element;
+export declare function TabsPanel<T extends Record<string, unknown> = Record<string, unknown>>({ tabs, currentTab, rightToolbar, fallback, ...restProps }: TabsPanelPropsWithChildren<T>): JSX.Element;
 
 declare interface TabsPanelProps {
     tabs: IndexSignature;
@@ -1699,11 +1701,11 @@ declare interface TabsPanelProps {
 
 declare type TabsPanelPropsWithChildren<T = Record<string, unknown>> = TabsPanelProps & T;
 
-export declare const Tag: ({ name, id, onRemove, size, color, }: Props_29) => JSX_2.Element;
+export declare const Tag: ({ name, id, onRemove, size, color, }: Props_29) => JSX.Element;
 
-export declare function TagsWidget({ items, available, title, noData, onChange, loading, }: Props_33): JSX_2.Element;
+export declare function TagsWidget({ items, available, title, noData, onChange, loading, }: Props_33): JSX.Element;
 
-export declare function TdLink({ model, children, style }: Props_43): JSX_2.Element;
+export declare function TdLink({ model, children, style }: Props_43): JSX.Element;
 
 export declare const Textarea: ForwardRefExoticComponent<Props_13 & RefAttributes<HTMLTextAreaElement>>;
 
@@ -1743,7 +1745,7 @@ export declare const TraversalContext: Context<Traversal | null>;
 
 export declare function TraversalProvider({ children, ...props }: PropsTraversal & {
     children: React.ReactNode;
-}): JSX_3.Element;
+}): JSX_2.Element;
 
 export declare function useConfig(cfg?: {}): IConfig;
 
@@ -1774,23 +1776,23 @@ export declare const useItemsActions: () => {
 
 export declare const useLocation: () => [URLSearchParams, (to: IndexSignature, replace?: boolean) => void, (param: string) => void];
 
-export declare function UserCtx(): JSX_2.Element;
+export declare function UserCtx(): JSX.Element;
 
 export declare function useRegistry(data: Partial<IRegistry>): IManageRegistry;
 
 export declare const useRemoteField: (initial: IndexSignature<string[]>) => [IndexSignature<string[]>, (name: string) => (value: string[]) => void];
 
-export declare const UserForm: ({ children, actionName, onSubmit, formData, exclude, remotes, submitButton, }: Props_44) => JSX_2.Element;
+export declare const UserForm: ({ children, actionName, onSubmit, formData, exclude, remotes, submitButton, }: Props_44) => JSX.Element;
 
-export declare function UsersCtx(): JSX_2.Element;
+export declare function UsersCtx(): JSX.Element;
 
-export declare function UsersToolbar(): JSX_2.Element;
+export declare function UsersToolbar(): JSX.Element;
 
 export declare function useTraversal(): Traversal;
 
 export declare function useVocabulary(vocabularyName: string, path?: string): State_2;
 
-export declare const VocabularyRenderField: ({ schema, value, modifyContent, }: VocabularyRenderFieldProps) => JSX_2.Element;
+export declare const VocabularyRenderField: ({ schema, value, modifyContent, }: VocabularyRenderFieldProps) => JSX.Element;
 
 declare interface VocabularyRenderFieldProps {
     schema: GuillotinaSchemaProperty;