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

package/dist/types/handlers/AsyncPanelHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncPanelHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/AsyncPanelHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,oBAAY,yBAAyB,GAAG,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,mBAAmB,CAAC,yBAAyB,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEvI,MAAM,WAAW,sBAAsB;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,yBAAyB,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAC5C;AA6CD,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,CAmEvE,CAAC"}
+{"version":3,"file":"AsyncPanelHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/AsyncPanelHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,yBAAyB,GAAG,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,mBAAmB,CAAC,yBAAyB,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEvI,MAAM,WAAW,sBAAsB;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,yBAAyB,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAC5C;AA6CD,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,CAmEvE,CAAC"}

package/dist/types/handlers/ButtonHandler.d.ts

@@ -1,6 +1,8 @@
+import React from 'react';
 import type { FunctionComponent } from 'react';
 import type { OnClickHandler } from './types';
 export interface ButtonHandlerProps extends OnClickHandler {
+    children?: React.ReactNode;
 }
 export declare const ButtonHandler: FunctionComponent<ButtonHandlerProps>;
 //# sourceMappingURL=ButtonHandler.d.ts.map

package/dist/types/handlers/ButtonHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/ButtonHandler.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,kBAAmB,SAAQ,cAAc;CAAG;AAE7D,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CA2B/D,CAAC"}
+{"version":3,"file":"ButtonHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/ButtonHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CA2B/D,CAAC"}

package/dist/types/handlers/LinkHandler.d.ts

@@ -1,7 +1,9 @@
+import React from 'react';
 import type { FunctionComponent } from 'react';
 import type { OnClickHandler } from './types';
 export interface LinkHandlerProps extends Partial<OnClickHandler> {
     href: string;
+    children?: React.ReactNode;
 }
 export declare const LinkHandler: FunctionComponent<LinkHandlerProps>;
 //# sourceMappingURL=LinkHandler.d.ts.map

package/dist/types/handlers/LinkHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/LinkHandler.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,gBAAiB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC7D,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CA4B3D,CAAC"}
+{"version":3,"file":"LinkHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/LinkHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,gBAAiB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CA4B3D,CAAC"}

package/dist/types/handlers/ModalHandler.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent } from 'react';
 import { ModalExtension } from '@atlassian/clientside-extensions';
+import type { FunctionComponent, ReactNode } from 'react';
 import type { OnClickHandler } from './types';
 export interface ModalHandlerProps {
     render: ModalExtension.ModalRenderExtension;
@@ -10,6 +10,7 @@ export interface ModalHandlerProps {
 }
 export declare const ModalHandler: FunctionComponent<ModalHandlerProps>;
 export interface ModalWithActionHandlerProps extends Omit<OnClickHandler, 'onAction'> {
+    children?: ReactNode;
     render: ModalExtension.ModalRenderExtension;
     __withoutTransition?: boolean;
     __disableFocusLock?: boolean;

package/dist/types/handlers/ModalHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/ModalHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAuB9C,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,cAAc,CAAC,oBAAoB,CAAC;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA0D7D,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACjF,MAAM,EAAE,cAAc,CAAC,oBAAoB,CAAC;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,2BAA2B,CAmDjF,CAAC"}
+{"version":3,"file":"ModalHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/ModalHandler.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAsB9C,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,cAAc,CAAC,oBAAoB,CAAC;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA0D7D,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC,oBAAoB,CAAC;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,2BAA2B,CAmDjF,CAAC"}

package/dist/types/handlers/SectionHandler.d.ts

@@ -1,3 +1,8 @@
+import React from 'react';
 import type { FunctionComponent } from 'react';
-export declare const SectionHandler: FunctionComponent;
+interface SectionHandlerProps {
+    children: React.ReactNode;
+}
+export declare const SectionHandler: FunctionComponent<SectionHandlerProps>;
+export {};
 //# sourceMappingURL=SectionHandler.d.ts.map

package/dist/types/handlers/SectionHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/SectionHandler.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,cAAc,EAAE,iBAE5B,CAAC"}
+{"version":3,"file":"SectionHandler.d.ts","sourceRoot":"","sources":["../../../lib/handlers/SectionHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,UAAU,mBAAmB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAEjE,CAAC"}

package/dist/types/renderElementAsReact.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentType } from 'react';
+import React from 'react';
 import type { MountableExtension } from '@atlassian/clientside-extensions';
-declare function renderElementAsReact<PropsT>(renderApi: MountableExtension, RenderElement: ComponentType<PropsT>, additionalProps?: PropsT): void;
+declare function renderElementAsReact<PropsT extends React.JSX.IntrinsicAttributes>(renderApi: MountableExtension, RenderElement: ComponentType<PropsT>, additionalProps?: unknown): void;
 export default renderElementAsReact;
 //# sourceMappingURL=renderElementAsReact.d.ts.map

package/dist/types/renderElementAsReact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderElementAsReact.d.ts","sourceRoot":"","sources":["../../lib/renderElementAsReact.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAE3E,iBAAS,oBAAoB,CAAC,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC,EAAE,MAAM,QASlI;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"renderElementAsReact.d.ts","sourceRoot":"","sources":["../../lib/renderElementAsReact.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAE3E,iBAAS,oBAAoB,CAAC,MAAM,SAAS,KAAK,CAAC,GAAG,CAAC,mBAAmB,EACtE,SAAS,EAAE,kBAAkB,EAC7B,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,EACpC,eAAe,CAAC,EAAE,OAAO,QAe5B;AAED,eAAe,oBAAoB,CAAC"}

package/dist/types/styled.d.ts

@@ -1,15 +1,34 @@
-/// <reference types="react" />
-export declare const BlinkerContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
-export declare const Blinker: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, object>;
-export declare const Table: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Pick<import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement>, keyof import("react").TableHTMLAttributes<HTMLTableElement>>, object>;
-export declare const HeadRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("@atlaskit/theme/dist/types/types").ThemeProps | undefined>, never>, {
-    __ATLASKIT_THEME__: import("@atlaskit/theme/dist/types/types").Theme;
-}>;
-export declare const HeadCell: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, import("@atlaskit/theme/dist/types/types").ThemeProps | undefined>, never>, {
-    __ATLASKIT_THEME__: import("@atlaskit/theme/dist/types/types").Theme;
-}>;
-export declare const TableRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("@atlaskit/theme/dist/types/types").ThemeProps | undefined>, never>, {
-    __ATLASKIT_THEME__: import("@atlaskit/theme/dist/types/types").Theme;
-}>;
-export declare const TableCell: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, Pick<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement>, keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>>, object>;
+export declare const GRID_SIZE = 8;
+export declare const BlinkerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Blinker: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const Table: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const HeadRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const HeadCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+export declare const TableRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const TableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const HeadingWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styled.d.ts.map

package/dist/types/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../lib/styled.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB,8TAE5B,CAAC;AAYF,eAAO,MAAM,OAAO,0VAsBnB,CAAC;AAmBF,eAAO,MAAM,KAAK,kVAGjB,CAAC;AAEF,eAAO,MAAM,OAAO;;EAEnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;EAmBpB,CAAC;AAIF,eAAO,MAAM,QAAQ;;EASpB,CAAC;AAEF,eAAO,MAAM,SAAS,iXAWrB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../lib/styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,IAAI,CAAC;AAE3B,eAAO,MAAM,gBAAgB;;SAmBzB,MAAI,WAAW;2GAjBlB,CAAC;AAaF,eAAO,MAAM,OAAO;;eAIZ,WAAW;qHAkBlB,CAAC;AAKF,eAAO,MAAM,KAAK;;eAvBV,WAAW;kHA0BlB,CAAC;AAEF,eAAO,MAAM,OAAO;;eA5BZ,WAAW;mHA8BlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;eAhCb,WAAW;mIA0ClB,CAAC;AAEF,eAAO,MAAM,QAAQ;;eA5Cb,WAAW;mHAiDlB,CAAC;AAEF,eAAO,MAAM,SAAS;;eAnDd,WAAW;+HAuDlB,CAAC;AAEF,eAAO,MAAM,cAAc;;eAzDnB,WAAW;yGA2DlB,CAAC"}

package/dist/types/types.d.ts

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
 import type { ExtensionAttributes, ExtensionDescriptor } from '@atlassian/clientside-extensions-registry';
 import type { Validator } from '@atlassian/clientside-extensions-schema';
-export declare type ExtensionState<T extends ExtensionAttributes> = [ExtensionDescriptor<T>[], ExtensionDescriptor<T>[], boolean];
-export declare type ExtensionPointCallback<T> = (supportedDescriptors: T[], unsupportedDescriptors: T[], loading: boolean) => ReactNode;
-export declare type ExtensionPointState<T extends ExtensionAttributes = ExtensionAttributes> = {
+export type ExtensionState<T extends ExtensionAttributes> = [ExtensionDescriptor<T>[], ExtensionDescriptor<T>[], boolean];
+export type ExtensionPointCallback<T> = (supportedDescriptors: T[], unsupportedDescriptors: T[], loading: boolean) => ReactNode;
+export type ExtensionPointState<T extends ExtensionAttributes = ExtensionAttributes> = {
     descriptors: ExtensionDescriptor<T>[];
     loadingState: boolean;
 };
-export declare type ExtensionPointUpdate<T extends ExtensionAttributes = ExtensionAttributes> = {
+export type ExtensionPointUpdate<T extends ExtensionAttributes = ExtensionAttributes> = {
     state: ExtensionPointState<T>;
     update: ExtensionDescriptor<T>[];
 };

package/dist/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAG1G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,oBAAY,cAAc,CAAC,CAAC,SAAS,mBAAmB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AAC1H,oBAAY,sBAAsB,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,EAAE,EAAE,sBAAsB,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;AAChI,oBAAY,mBAAmB,CAAC,CAAC,SAAS,mBAAmB,GAAG,mBAAmB,IAAI;IACnF,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC;AACF,oBAAY,oBAAoB,CAAC,CAAC,SAAS,mBAAmB,GAAG,mBAAmB,IAAI;IACpF,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;CACpC,CAAC;AAEF,MAAM,WAAW,OAAO;IACpB,kBAAkB,EAAE,SAAS,CAAC;IAC9B,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,CAAC,GAAG,KAAK,IAAI,CAAC,CAE/E"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAG1G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,mBAAmB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AAC1H,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,EAAE,EAAE,sBAAsB,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;AAChI,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,mBAAmB,GAAG,mBAAmB,IAAI;IACnF,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC;AACF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,mBAAmB,GAAG,mBAAmB,IAAI;IACpF,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;CACpC,CAAC;AAEF,MAAM,WAAW,OAAO;IACpB,kBAAkB,EAAE,SAAS,CAAC;IAC9B,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,CAAC,GAAG,KAAK,IAAI,CAAC,CAE/E"}

package/dist/types/useExtensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExtensions.d.ts","sourceRoot":"","sources":["../../lib/useExtensions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AAG9F,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAYvD,eAAO,MAAM,gBAAgB,8HACT,MAAM,8BAEb,OAAO,gCA4BnB,CAAC;AAEF,eAAO,MAAM,aAAa,8HACN,MAAM,8BAEb,OAAO,6MAInB,CAAC;AAEF,eAAO,MAAM,wBAAwB,oHAI3B,MAAM,8BAEH,OAAO,6MAInB,CAAC;AAEF,eAAO,MAAM,yBAAyB,oHAI5B,MAAM,8BAEH,OAAO,YAInB,CAAC"}
+{"version":3,"file":"useExtensions.d.ts","sourceRoot":"","sources":["../../lib/useExtensions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AAG9F,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAYvD,eAAO,MAAM,gBAAgB,GAAI,QAAQ,SAAS,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,SAAS,WAAW,SAAS,mBAAmB,wCAChG,MAAM,WACb,QAAQ,WACR,OAAO,KACjB,cAAc,CAAC,WAAW,CA2B5B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,SAAS,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,SAAS,WAAW,SAAS,mBAAmB,wCAC7F,MAAM,WACb,QAAQ,WACR,OAAO,6MAInB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACjC,QAAQ,SAAS,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,SACnC,WAAW,SAAS,mBAAmB,8BAEjC,MAAM,WACH,QAAQ,WACR,OAAO,6MAInB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAClC,QAAQ,SAAS,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,SACnC,WAAW,SAAS,mBAAmB,8BAEjC,MAAM,WACH,QAAQ,WACR,OAAO,YAInB,CAAC"}

package/lib/ExtensionPoint.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { mocked } from 'ts-jest/utils';
+import { mocked } from 'jest-mock';
 import { act, render } from '@testing-library/react';
 import type { ExtensionDescriptor } from '@atlassian/clientside-extensions-registry';
 import registry from '@atlassian/clientside-extensions-registry';

package/lib/ExtensionPointInfo.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { mocked } from 'ts-jest/utils';
+import { mocked } from 'jest-mock';
 import { render, fireEvent, screen, findByRole as findByRoleInContainer } from '@testing-library/react';
 
 import type { SerializedDocument } from '@atlassian/clientside-extensions-schema';

package/lib/ExtensionPointInfo.tsx

@@ -1,8 +1,9 @@
+import Button from '@atlaskit/button/new';
+import Heading from '@atlaskit/heading';
+import Modal, { ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import type { FunctionComponent } from 'react';
 import React, { memo, useState } from 'react';
-import Button from '@atlaskit/button/standard-button';
-import Modal, { ModalTransition, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';
-import { Link, Element } from 'react-scroll';
+import { Element, Link } from 'react-scroll';
 
 import type {
     SerializedDocument,
@@ -13,9 +14,8 @@ import type {
     // We only import types here
     // eslint-disable-next-line node/no-unpublished-import
 } from '@atlassian/clientside-extensions-schema';
-import { gridSize } from '@atlaskit/theme/constants';
 import useDiscovery from './debug/useDiscovery';
-import { Table, TableCell, TableRow, HeadRow, HeadCell, Blinker, BlinkerContainer } from './styled';
+import { Blinker, BlinkerContainer, GRID_SIZE, HeadCell, HeadingWrapper, HeadRow, Table, TableCell, TableRow } from './styled';
 
 export type ExtensionPointInfoProps = {
     name: string;
@@ -28,7 +28,8 @@ const LinkToElement = ({ to }: { to: string }) => {
     const cleanTo = to.replace(/[^a-zA-Z0-9]/g, '');
 
     return (
-        // eslint-disable-next-line jsx-a11y/anchor-is-valid
+        // eslint-disable-next-line jsx-a11y/anchor-is-valid, @typescript-eslint/ban-ts-comment
+        // @ts-ignore: react-scroll types are not up to date with the latest react version
         <Link to={cleanTo} href="" containerId="___cse_info_container" offset={-20} smooth>
             {to}
         </Link>
@@ -65,9 +66,13 @@ const TypeRenderer: FunctionComponent<{ objectType: SerializedObjectType }> = ({
 
 const EnumTypeRenderer = ({ enumType }: { enumType: SerializedEnumType }) => (
     <>
-        <h3>
-            <Element name={enumType.name}>{enumType.name}</Element>
-        </h3>
+        <HeadingWrapper>
+            <Heading size="small" as="h3">
+                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
+                {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}
+                <Element id={enumType.name}>{enumType.name}</Element>
+            </Heading>
+        </HeadingWrapper>
         {enumType.description ? (
             <p>{enumType.description}</p>
         ) : (
@@ -80,9 +85,13 @@ const EnumTypeRenderer = ({ enumType }: { enumType: SerializedEnumType }) => (
 
 const UnionTypeRenderer = ({ unionType }: { unionType: SerializedUnionType }) => (
     <>
-        <h3>
-            <Element name={unionType.name}>{unionType.name}</Element>
-        </h3>
+        <HeadingWrapper>
+            <Heading size="small" as="h3">
+                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
+                {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}
+                <Element id={unionType.name}>{unionType.name}</Element>
+            </Heading>
+        </HeadingWrapper>
         {unionType.description ? (
             <p>{unionType.description}</p>
         ) : (
@@ -101,9 +110,13 @@ const UnionTypeRenderer = ({ unionType }: { unionType: SerializedUnionType }) =>
 
 const ScalarRenderer = ({ scalar }: { scalar: SerializedScalar }) => (
     <>
-        <h3>
-            <Element name={scalar.name}>{scalar.name}</Element>
-        </h3>
+        <HeadingWrapper>
+            <Heading size="small" as="h3">
+                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
+                {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}
+                <Element id={scalar.name}>{scalar.name}</Element>
+            </Heading>
+        </HeadingWrapper>
         <p>{scalar.description}</p>
     </>
 );
@@ -130,7 +143,9 @@ const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }: Omit<Ex
 
     return (
         <>
-            <h2>Attributes</h2>
+            <Heading size="medium" as="h2">
+                Attributes
+            </Heading>
             {attributesDocument ? (
                 <>
                     <p>List of attributes supported by this extension point.</p>
@@ -140,7 +155,11 @@ const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }: Omit<Ex
                 <p>No attributes information provided for this extension point.</p>
             )}
 
-            <h2>Context</h2>
+            <HeadingWrapper>
+                <Heading size="medium" as="h2">
+                    Context
+                </Heading>
+            </HeadingWrapper>
             {contextDocument ? (
                 <>
                     <p>List of values provided by this extension point as context.</p>
@@ -150,13 +169,21 @@ const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }: Omit<Ex
                 <p>No context information provided for this extension point.</p>
             )}
 
-            <h2>Types reference</h2>
+            <HeadingWrapper>
+                <Heading size="medium" as="h2">
+                    Types reference
+                </Heading>
+            </HeadingWrapper>
             {objectTypeEntries &&
                 objectTypeEntries.map((objectType) => (
                     <React.Fragment key={objectType.name}>
-                        <h3>
-                            <Element name={objectType.name}>{objectType.name}</Element>
-                        </h3>
+                        <HeadingWrapper>
+                            <Heading size="small" as="h3">
+                                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
+                                {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}
+                                <Element id={objectType.name}>{objectType.name}</Element>
+                            </Heading>
+                        </HeadingWrapper>
                         <TypeRenderer objectType={objectType} />
                     </React.Fragment>
                 ))}
@@ -175,11 +202,11 @@ const bodyStyles: React.CSSProperties = {
     overflowY: 'auto',
     overflowX: 'hidden',
     // The rest of the styles are copied from the @atlaskit/modal-dialog/dist/esm/modal-body.js
-    padding: gridSize() * 3,
+    padding: GRID_SIZE * 3,
     flex: '1 1 auto',
 };
 
-const CustomModalBody: React.FC = ({ children }) => {
+const CustomModalBody: React.FC<{ children: React.ReactNode }> = ({ children }) => {
     return (
         <div id="___cse_info_container" style={bodyStyles}>
             {children}
@@ -198,7 +225,7 @@ const ExtensionPointInfo: React.FC<ExtensionPointInfoProps> = ({ name, schemaDoc
             <ModalTransition>
                 {dialogOpen && (
                     <Modal onClose={closeDialog} width="x-large">
-                        <ModalHeader>
+                        <ModalHeader hasCloseButton>
                             <ModalTitle>{`Extension point: ${name}`}</ModalTitle>
                         </ModalHeader>
 

package/lib/ExtensionsObservable.test.ts

@@ -1,4 +1,4 @@
-import { mocked } from 'ts-jest/utils';
+import { mocked } from 'jest-mock';
 import registry from '@atlassian/clientside-extensions-registry';
 import * as debug from '@atlassian/clientside-extensions-debug';
 import type { ExtensionAPI, ExtensionDescriptor } from '@atlassian/clientside-extensions-registry';