@atlassian/clientside-extensions-components 4.0.2 → 5.1.0-5a180d69-mdyn784a

package/lib/handlers/LinkHandler.test.tsx

@@ -6,7 +6,11 @@ import type { FunctionComponent } from 'react';
 
 import { LinkHandler } from './LinkHandler';
 
-const TestComponent: FunctionComponent<{ url: string; attributes?: object }> = ({ url, attributes, children }) => {
+const TestComponent: FunctionComponent<{ url: string; attributes?: object; children?: React.ReactNode }> = ({
+    url,
+    attributes,
+    children,
+}) => {
     return (
         // eslint-disable-next-line react/jsx-props-no-spreading
         <LinkHandler href={url} {...attributes}>

package/lib/handlers/LinkHandler.tsx

@@ -5,6 +5,7 @@ import type { OnClickHandler } from './types';
 
 export interface LinkHandlerProps extends Partial<OnClickHandler> {
     href: string;
+    children?: React.ReactNode;
 }
 
 export const LinkHandler: FunctionComponent<LinkHandlerProps> = ({

package/lib/handlers/ModalHandler.test.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable jest/no-commented-out-tests */
 /* eslint-disable react/jsx-boolean-value */
 import * as React from 'react';
-import { render, fireEvent } from '@testing-library/react';
+import { render, fireEvent, waitFor } from '@testing-library/react';
 
 import type { ModalExtension } from '@atlassian/clientside-extensions';
 import type { FunctionComponent } from 'react';
@@ -53,14 +53,15 @@ describe('ModalHandler', () => {
     });
 
     describe('ModalHandler', () => {
-        it('should receive an isOpen prop to set the modal as open', () => {
+        it('should receive an isOpen prop to set the modal as open', async () => {
             const { rerender, queryByRole } = render(<TestComponent isOpen={false} />);
 
             expect(queryByRole('dialog')).toBeFalsy();
 
             rerender(<TestComponent isOpen={true} />);
-
-            expect(queryByRole('dialog')).toBeTruthy();
+            await waitFor(() => {
+                expect(queryByRole('dialog')).toBeTruthy();
+            });
         });
 
         it('should provide a closeModal API method to extension that executes a provided onClose prop to close the modal', () => {
@@ -262,14 +263,15 @@ describe('ModalHandler', () => {
             expect(queryByText(modalButtonText)).toBeTruthy();
         });
 
-        it('should receive an isOpen prop to set the modal as open', () => {
+        it('should receive an isOpen prop to set the modal as open', async () => {
             const { queryByRole, queryByText } = render(<TestComponentWithActionHandler>{modalButtonText}</TestComponentWithActionHandler>);
 
             expect(queryByRole('dialog')).toBeFalsy();
 
             queryByText(modalButtonText)?.click();
-
-            expect(queryByRole('dialog')).toBeTruthy();
+            await waitFor(() => {
+                expect(queryByRole('dialog')).toBeTruthy();
+            });
         });
     });
 });

package/lib/handlers/ModalHandler.tsx

@@ -1,10 +1,11 @@
-import type { FunctionComponent } from 'react';
-import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import ModalDialog, { ModalTransition, ModalBody, ModalHeader, ModalFooter, ModalTitle } from '@atlaskit/modal-dialog';
-import LoadingButton from '@atlaskit/button/loading-button';
+import Button from '@atlaskit/button/new';
+import type { KeyboardOrMouseEvent } from '@atlaskit/modal-dialog';
+import ModalDialog, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { ModalExtension } from '@atlassian/clientside-extensions';
-import type { OnClickHandler } from './types';
+import type { FunctionComponent, ReactNode } from 'react';
+import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { ButtonHandler } from './ButtonHandler';
+import type { OnClickHandler } from './types';
 
 const ModalInnerBody: FunctionComponent<{ modalApi: ModalExtension.Api }> = ({ modalApi }) => {
     const ref = useRef<HTMLDivElement>(null);
@@ -56,7 +57,7 @@ export const ModalHandler: FunctionComponent<ModalHandlerProps> = ({
     const stackIndex = __disableFocusLock ? 1 : 0;
 
     const onCloseHandler = useCallback(
-        (e) => {
+        (e: KeyboardOrMouseEvent) => {
             const closeResult = modalApi.getOnCloseCallback()(e);
             // prevent closing of modal if "closeRequest" is "false"
             if (closeResult !== false) {
@@ -70,9 +71,9 @@ export const ModalHandler: FunctionComponent<ModalHandlerProps> = ({
         () =>
             actions.map(({ testId, isLoading, text, onClick, isDisabled }, index) => (
                 // eslint-disable-next-line react/no-array-index-key
-                <LoadingButton key={index} isLoading={isLoading} testId={testId} isDisabled={isDisabled} onClick={onClick}>
+                <Button key={index} isLoading={isLoading} testId={testId} isDisabled={isDisabled} onClick={onClick}>
                     {text}
-                </LoadingButton>
+                </Button>
             )),
         [actions],
     );
@@ -81,7 +82,7 @@ export const ModalHandler: FunctionComponent<ModalHandlerProps> = ({
         <Wrapper>
             {isOpen && (
                 <ModalDialog testId="client-extensions-modal" width={modalApi.getWidth()} onClose={onCloseHandler} stackIndex={stackIndex}>
-                    <ModalHeader>
+                    <ModalHeader hasCloseButton>
                         <ModalTitle appearance={modalApi.getAppearance()}>{modalApi.getTitle()}</ModalTitle>
                     </ModalHeader>
                     <ModalBody>
@@ -95,6 +96,7 @@ export const ModalHandler: FunctionComponent<ModalHandlerProps> = ({
 };
 
 export interface ModalWithActionHandlerProps extends Omit<OnClickHandler, 'onAction'> {
+    children?: ReactNode;
     render: ModalExtension.ModalRenderExtension;
     __withoutTransition?: boolean;
     __disableFocusLock?: boolean;

package/lib/handlers/SectionHandler.test.tsx

@@ -4,7 +4,7 @@ import { render } from '@testing-library/react';
 
 import { SectionHandler } from './SectionHandler';
 
-const TestComponent: FunctionComponent = ({ children }) => {
+const TestComponent: FunctionComponent<{ children: React.ReactNode }> = ({ children }) => {
     return <SectionHandler>{children}</SectionHandler>;
 };
 

package/lib/handlers/SectionHandler.tsx

@@ -2,6 +2,10 @@ import React from 'react';
 import type { FunctionComponent } from 'react';
 
 // eslint-disable-next-line import/prefer-default-export
-export const SectionHandler: FunctionComponent = ({ children }) => {
+interface SectionHandlerProps {
+    children: React.ReactNode;
+}
+
+export const SectionHandler: FunctionComponent<SectionHandlerProps> = ({ children }) => {
     return <>{children}</>;
 };

package/lib/renderElementAsReact.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { queryByTestId } from '@testing-library/dom';
+import { queryByTestId, findByTestId } from '@testing-library/dom';
 
 import type { MountableExtension } from '@atlassian/clientside-extensions';
 import renderElementAsReact from './renderElementAsReact';
@@ -8,6 +8,7 @@ import renderElementAsReact from './renderElementAsReact';
 interface TestProps {
     name?: string;
     value?: number;
+    children?: React.ReactNode;
 }
 /* eslint-enable react/no-unused-prop-types */
 
@@ -27,7 +28,7 @@ describe('renderElementAsReact', () => {
         },
     };
 
-    const TestComponent: React.FC<TestProps> = (props) => (
+    const TestComponent = (props: unknown) => (
         <div data-testid="test-component">
             <h2>A test content</h2>
             <p data-testid="test-props">{JSON.stringify(props)}</p>
@@ -39,7 +40,7 @@ describe('renderElementAsReact', () => {
     });
 
     it('should use the renderApi to mount and unmount the given react component', () => {
-        const getTestComponent = () => queryByTestId(testContainer, 'test-component') as HTMLElement;
+        const getTestComponent = () => queryByTestId(testContainer, 'test-component');
 
         renderElementAsReact(testRenderAPI, TestComponent);
 
@@ -50,7 +51,7 @@ describe('renderElementAsReact', () => {
 
         // rendered using onMount
         expect(getTestComponent()).toBeTruthy();
-        expect(getTestComponent().textContent).toMatch('A test content');
+        expect(getTestComponent()?.textContent).toMatch('A test content');
 
         onUnmountCallback(testContainer);
 
@@ -58,7 +59,7 @@ describe('renderElementAsReact', () => {
         expect(getTestComponent()).toBeFalsy();
     });
 
-    it('should receive additional props to assing to the given react component', () => {
+    it('should receive additional props to assing to the given react component', async () => {
         const testProps: TestProps = {
             name: 'Meaning of life',
             value: 42,
@@ -67,7 +68,7 @@ describe('renderElementAsReact', () => {
         renderElementAsReact(testRenderAPI, TestComponent, testProps);
         onMountCallback(testContainer);
 
-        const testPropsElement = queryByTestId(testContainer, 'test-props') as HTMLElement;
+        const testPropsElement = await findByTestId(testContainer, 'test-props');
 
         // props applied to the component when rendering
         expect(testPropsElement).toBeTruthy();

package/lib/renderElementAsReact.tsx

@@ -1,13 +1,22 @@
 import ReactDOM from 'react-dom';
 import type { ComponentType } from 'react';
-import React from 'react';
+import React, { StrictMode } from 'react';
 import type { MountableExtension } from '@atlassian/clientside-extensions';
 
-function renderElementAsReact<PropsT>(renderApi: MountableExtension, RenderElement: ComponentType<PropsT>, additionalProps?: PropsT) {
+function renderElementAsReact<PropsT extends React.JSX.IntrinsicAttributes>(
+    renderApi: MountableExtension,
+    RenderElement: ComponentType<PropsT>,
+    additionalProps?: unknown,
+) {
     renderApi
         .onMount((element) => {
             // eslint-disable-next-line react/jsx-props-no-spreading
-            ReactDOM.render(<RenderElement {...(additionalProps as PropsT)} />, element);
+            ReactDOM.render(
+                <StrictMode>
+                    <RenderElement {...(additionalProps as PropsT)} />
+                </StrictMode>,
+                element,
+            );
         })
         .onUnmount((element) => {
             ReactDOM.unmountComponentAtNode(element);

package/lib/styled.ts

@@ -1,8 +1,8 @@
+import { token } from '@atlaskit/tokens';
 import styled from '@emotion/styled';
-import { keyframes } from '@emotion/core';
-import * as colors from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-import { gridSize } from '@atlaskit/theme/constants';
+import { keyframes } from '@emotion/react';
+
+export const GRID_SIZE = 8;
 
 export const BlinkerContainer = styled.span`
     position: relative;
@@ -18,10 +18,11 @@ const blinkAnimation = keyframes`
     }
 `;
 
+/* eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage */
 export const Blinker = styled.button`
     height: 22px;
     width: 22px;
-    background: rgba(7, 71, 166, 0.5);
+    background: ${token('color.background.input')};
     border-radius: 50%;
     animation: ${blinkAnimation} 1s ease-in-out infinite;
     animation-direction: alternate;
@@ -45,72 +46,40 @@ export const Blinker = styled.button`
 // AK doesn't provide a plain Table styled component.
 // Using AK theme to be compatible with their dark mode.
 // Styles copied from: https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/design-system/dynamic-table/src/styled/
-const rowTheme = {
-    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),
-    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),
-    highlightedBackground: themed({ light: colors.N20, dark: colors.DN50 }),
-    hoverBackground: themed({ light: colors.N10, dark: colors.DN40 }),
-    hoverHighlightedBackground: themed({ light: colors.N30, dark: colors.DN60 }),
-};
-
-const headTheme = {
-    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),
-    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),
-    textColor: themed({ light: colors.N300, dark: colors.DN300 }),
-};
-
 export const Table = styled.table`
     border-collapse: collapse;
     width: 100%;
 `;
 
 export const HeadRow = styled.tr`
-    border-bottom: 2px solid ${headTheme.borderColor};
+    border-bottom: 1px solid ${token('color.border')};
 `;
 
 export const HeadCell = styled.th`
-    padding: ${gridSize() / 2}px ${gridSize}px;
-    &:first-of-type {
-        padding-left: 0;
-    }
-    &:last-of-type {
-        padding-right: 0;
-    }
+    padding: ${GRID_SIZE / 2}px ${GRID_SIZE}px;
     border: none;
-    color: ${headTheme.textColor};
+    color: ${token('color.text')};
     box-sizing: border-box;
     font-size: 12px;
     font-weight: bold;
     position: relative;
     text-align: left;
     vertical-align: top;
-    &:focus {
-        outline: solid 2px ${headTheme.focusOutline};
-    }
 `;
 
-const outlineWidth = '2px';
-
 export const TableRow = styled.tr`
-    border-bottom: 2px solid ${rowTheme.borderColor};
+    border-bottom: 1px solid ${token('color.border')};
     &:hover {
-        background-color: ${rowTheme.hoverBackground};
-    }
-    &:focus {
-        outline: ${outlineWidth} solid ${rowTheme.focusOutline};
-        outline-offset: -${outlineWidth};
+        background-color: ${token('color.background.neutral.subtle.hovered')};
     }
 `;
 
 export const TableCell = styled.td`
     border: none;
-    padding: ${gridSize() / 1.2}px ${gridSize}px;
+    padding: ${GRID_SIZE / 1.2}px ${GRID_SIZE}px;
     text-align: left;
+`;
 
-    &:first-of-type {
-        padding-left: 0;
-    }
-    &:last-of-type {
-        padding-right: 0;
-    }
+export const HeadingWrapper = styled.div`
+    margin-top: 30px;
 `;

package/lib/useExtensions.test.ts

@@ -1,5 +1,5 @@
-import { mocked } from 'ts-jest/utils';
-import { act, renderHook } from '@testing-library/react-hooks';
+import { mocked } from 'jest-mock';
+import { act, renderHook, waitFor } from '@testing-library/react';
 import type { Context, ExtensionAPI, ExtensionAttributes, ExtensionDescriptor } from '@atlassian/clientside-extensions-registry';
 import registry from '@atlassian/clientside-extensions-registry';
 import * as debug from '@atlassian/clientside-extensions-debug';
@@ -27,7 +27,6 @@ type MockSubjectPayload = {
 type MockLocationObserver = (payload: MockSubjectPayload) => void;
 
 type ExtensionDescriptorWithContextInAttributes = ExtensionDescriptor<ExtensionAttributes & { context: Context<{}> }>;
-type UseExtensionsAllReturnType = ReturnType<typeof useExtensionsAll>;
 
 function applyAttributesProvider(descriptor: ExtensionDescriptor) {
     const { attributesProvider, ...restDescriptor } = descriptor;
@@ -288,7 +287,7 @@ describe('useExtensionsAll hook', () => {
                 onAction: () => updateAttributes({ label: 'a new fake label' }),
             }),
         };
-        const { result, waitForNextUpdate } = renderHook(() => useExtensionsAll('fake-location', null, options));
+        const { result } = renderHook(() => useExtensionsAll('fake-location', null, options));
 
         act(() => {
             locationObserver({ descriptors: [changeAttributesExtension], loadingState: false });
@@ -299,11 +298,12 @@ describe('useExtensionsAll hook', () => {
             const [testExtension] = extensions as ExtensionDescriptor<ExtensionAttributes & { onAction: () => void }>[];
             testExtension.attributes.onAction();
         });
-        await waitForNextUpdate();
 
-        const [extensionsUpdated] = result.current;
-        const [testExtensionChanged] = extensionsUpdated;
-        expect(testExtensionChanged.attributes.label).toBe('a new fake label');
+        await waitFor(() => {
+            const [extensionsUpdated] = result.current;
+            const [testExtensionChanged] = extensionsUpdated;
+            expect(testExtensionChanged.attributes.label).toBe('a new fake label');
+        });
     });
 
     it('should catch errors when calling update attributes API', () => {
@@ -344,7 +344,8 @@ describe('useExtensionsAll hook', () => {
                 message: expect.stringContaining('Updating attributes for extension fake-1 failed'),
             }),
         );
-        expect(result.error).toBeFalsy();
+        // The hook should not throw an error, so we just verify it renders successfully
+        expect(result.current).toBeDefined();
     });
 
     it('should add new attributes when using `updateAttributes` function', async () => {
@@ -364,7 +365,7 @@ describe('useExtensionsAll hook', () => {
             },
         };
 
-        const { result, waitForNextUpdate } = renderHook(() => useExtensions('fake-location', null, options));
+        const { result } = renderHook(() => useExtensions('fake-location', null, options));
 
         // First render
         act(() => {
@@ -380,10 +381,11 @@ describe('useExtensionsAll hook', () => {
                 beforeIcon: 'my-icon',
             }),
         );
-        await waitForNextUpdate();
 
-        const [extensionSecondRender] = result.current;
-        expect(extensionSecondRender.attributes).toHaveProperty('beforeIcon', 'my-icon');
+        await waitFor(() => {
+            const [extensionSecondRender] = result.current;
+            expect(extensionSecondRender.attributes).toHaveProperty('beforeIcon', 'my-icon');
+        });
     });
 
     it('should extend the existing attributes when using `updateAttributes` function with a functional update', async () => {
@@ -411,7 +413,7 @@ describe('useExtensionsAll hook', () => {
             },
         };
 
-        const { result, waitForNextUpdate } = renderHook(() => useExtensions('fake-location', null, options));
+        const { result } = renderHook(() => useExtensions('fake-location', null, options));
 
         // First render
         act(() => {
@@ -432,12 +434,12 @@ describe('useExtensionsAll hook', () => {
             }),
         );
 
-        await waitForNextUpdate();
-
-        expect(result.current[0].attributes).toEqual({
-            type: 'button',
-            label: 'bar',
-            counter: 1,
+        await waitFor(() => {
+            expect(result.current[0].attributes).toEqual({
+                type: 'button',
+                label: 'bar',
+                counter: 1,
+            });
         });
 
         // Second update with manual attributes merge
@@ -451,12 +453,12 @@ describe('useExtensionsAll hook', () => {
             }),
         );
 
-        await waitForNextUpdate();
-
-        expect(result.current[0].attributes).toEqual({
-            type: 'button',
-            label: 'baz',
-            counter: 2,
+        await waitFor(() => {
+            expect(result.current[0].attributes).toEqual({
+                type: 'button',
+                label: 'baz',
+                counter: 2,
+            });
         });
 
         // Third update with auto-merge
@@ -466,12 +468,12 @@ describe('useExtensionsAll hook', () => {
             })),
         );
 
-        await waitForNextUpdate();
-
-        expect(result.current[0].attributes).toEqual({
-            type: 'button',
-            label: 'baz',
-            counter: 4,
+        await waitFor(() => {
+            expect(result.current[0].attributes).toEqual({
+                type: 'button',
+                label: 'baz',
+                counter: 4,
+            });
         });
     });
 
@@ -599,9 +601,9 @@ describe('useExtensionsAll hook', () => {
     });
 
     it('should throw an error if no context schema is provided when providing context', () => {
-        const { result } = renderHook(() => useExtensionsAll('fake-location', { info: 'test-info' }, { attributeValidator }));
-
-        expect(result.error).toEqual(Error('No context validator specified for extension point "fake-location"'));
+        expect(() => {
+            renderHook(() => useExtensionsAll('fake-location', { info: 'test-info' }, { attributeValidator }));
+        }).toThrow('No context validator specified for extension point "fake-location"');
     });
 
     it('should call the attributes provider only once when passed context did not changed', () => {
@@ -621,9 +623,11 @@ describe('useExtensionsAll hook', () => {
             }),
         };
 
-        const { result, rerender } = renderHook<{ context: Context<{}> }, UseExtensionsAllReturnType>(({ context }) =>
-            useExtensionsAll('fake-location', context, options),
-        );
+        const { result, rerender } = renderHook(({ context }) => useExtensionsAll('fake-location', context, options), {
+            initialProps: {
+                context: stableContext,
+            },
+        });
 
         // First call
         rerender({
@@ -656,11 +660,11 @@ describe('useExtensionsAll hook', () => {
     });
 
     it('should call the attributes provider twice when passed context did changed', () => {
-        const firstContext = {
+        const firstContext: Context<{}> = {
             foo: 'bar',
         };
 
-        const secondContext = {
+        const secondContext: Context<{}> = {
             biz: 'baz',
         };
 
@@ -676,9 +680,11 @@ describe('useExtensionsAll hook', () => {
             }),
         };
 
-        const { result, rerender } = renderHook<{ context: Context<{}> }, UseExtensionsAllReturnType>(({ context }) =>
-            useExtensionsAll('fake-location', context, options),
-        );
+        const { result, rerender } = renderHook(({ context }) => useExtensionsAll('fake-location', context, options), {
+            initialProps: {
+                context: firstContext,
+            },
+        });
 
         // First update
         rerender({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@atlassian/clientside-extensions-components",
-    "version": "4.0.2",
+    "version": "5.1.0-5a180d69-mdyn784a",
     "description": "React components to assist in the authoring of extension points that work at product runtime.",
     "license": "BSD-3-Clause",
     "homepage": "https://bitbucket.org/atlassian/atlassian-clientside-extensions#readme",
@@ -53,7 +53,7 @@
     ],
     "publishConfig": {
         "access": "public",
-        "registry": "https://registry.npmjs.org/"
+        "registry": "https://packages.atlassian.com/api/npm/npm-public/"
     },
     "scripts": {
         "prepublish": "yarn build",
@@ -66,39 +66,40 @@
         "test:watch": "jest --watch"
     },
     "dependencies": {
-        "@atlaskit/button": "17.12.0",
-        "@atlaskit/modal-dialog": "12.10.11",
-        "@atlaskit/theme": "12.7.0",
-        "@atlassian/clientside-extensions": "^4.0.2",
-        "@atlassian/clientside-extensions-base": "^4.0.2",
-        "@atlassian/clientside-extensions-debug": "^4.0.2",
-        "@atlassian/clientside-extensions-registry": "^4.0.2",
-        "@atlassian/clientside-extensions-schema": "^4.0.2",
-        "@emotion/core": "^10.1.1",
-        "@emotion/styled": "^10.0.27",
+        "@atlaskit/button": "23.3.1",
+        "@atlaskit/heading": "5.2.3",
+        "@atlaskit/modal-dialog": "14.3.2",
+        "@atlaskit/tokens": "5.6.2",
+        "@atlassian/clientside-extensions": "^5.1.0-5a180d69-mdyn784a",
+        "@atlassian/clientside-extensions-base": "^5.1.0-5a180d69-mdyn784a",
+        "@atlassian/clientside-extensions-debug": "^5.1.0-5a180d69-mdyn784a",
+        "@atlassian/clientside-extensions-registry": "^5.1.0-5a180d69-mdyn784a",
+        "@atlassian/clientside-extensions-schema": "^5.1.0-5a180d69-mdyn784a",
+        "@emotion/react": "^11.13.5",
+        "@emotion/styled": "^11.13.5",
         "lodash.isequal": "^4.5.0",
-        "react-scroll": "^1.8.1",
+        "react-scroll": "^1.8.10",
         "tslib": "^2.2.0"
     },
     "peerDependencies": {
-        "react": "^16.9",
-        "react-dom": "^16.9"
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
     },
     "devDependencies": {
         "@testing-library/dom": "8.11.1",
         "@testing-library/jest-dom": "5.15.1",
-        "@testing-library/react": "12.1.2",
-        "@testing-library/react-hooks": "7.0.2",
+        "@testing-library/react": "16.3.0",
         "@types/lodash.isequal": "4.5.5",
-        "@types/react": "16.14.21",
-        "@types/react-scroll": "1.8.3",
+        "@types/react": "18.3.1",
+        "@types/react-scroll": "^1.8.10",
         "jest": "27.3.1",
-        "react": "16.14.0",
-        "react-dom": "16.14.0",
-        "ts-jest": "27.0.7"
+        "jest-mock": "30.0.5",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
+        "ts-jest": "29.4.1"
     },
     "engines": {
-        "node": ">=20.16.0"
+        "node": ">=20.18.1"
     },
-    "gitHead": "2d552dc8d3b5d2c9583a19324d5b7459f5db6afa"
+    "gitHead": "5a180d69885a02ac1d96b980893b6a5c77e9459a"
 }