@atlassian/clientside-extensions-components 4.0.0 → 5.0.0

package/dist/cjs/ExtensionPointInfo.js

@@ -13,7 +13,8 @@ const LinkToElement = ({ to }) => {
     // We are removing the e.g. "!" required syntax that is a suffix of the schema type
     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
     react_1.default.createElement(react_scroll_1.Link, { to: cleanTo, href: "", containerId: "___cse_info_container", offset: -20, smooth: true }, to));
 };
 const TypeRenderer = ({ objectType }) => (react_1.default.createElement(react_1.default.Fragment, null,
@@ -35,13 +36,13 @@ const TypeRenderer = ({ objectType }) => (react_1.default.createElement(react_1.
             react_1.default.createElement(styled_1.TableCell, null, descriptor.description))))))));
 const EnumTypeRenderer = ({ enumType }) => (react_1.default.createElement(react_1.default.Fragment, null,
     react_1.default.createElement("h3", null,
-        react_1.default.createElement(react_scroll_1.Element, { name: enumType.name }, enumType.name)),
+        react_1.default.createElement(react_scroll_1.Element, { id: enumType.name }, enumType.name)),
     enumType.description ? (react_1.default.createElement("p", null, enumType.description)) : (react_1.default.createElement("p", null,
         "Enum type with the following values: ",
         react_1.default.createElement("b", null, enumType.values.join(', '))))));
 const UnionTypeRenderer = ({ unionType }) => (react_1.default.createElement(react_1.default.Fragment, null,
     react_1.default.createElement("h3", null,
-        react_1.default.createElement(react_scroll_1.Element, { name: unionType.name }, unionType.name)),
+        react_1.default.createElement(react_scroll_1.Element, { id: unionType.name }, unionType.name)),
     unionType.description ? (react_1.default.createElement("p", null, unionType.description)) : (react_1.default.createElement("p", null,
         "Union of the following types:",
         ' ',
@@ -50,7 +51,7 @@ const UnionTypeRenderer = ({ unionType }) => (react_1.default.createElement(reac
             react_1.default.createElement(LinkToElement, { to: _type }))))))));
 const ScalarRenderer = ({ scalar }) => (react_1.default.createElement(react_1.default.Fragment, null,
     react_1.default.createElement("h3", null,
-        react_1.default.createElement(react_scroll_1.Element, { name: scalar.name }, scalar.name)),
+        react_1.default.createElement(react_scroll_1.Element, { id: scalar.name }, scalar.name)),
     react_1.default.createElement("p", null, scalar.description)));
 const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }) => {
     const { objectTypes: { Schema: attributesDocument, ...attributeObjectTypes } = { Schema: null }, scalars: attributeScalars, enumTypes: attributesEnumTypes, unionTypes: attributesUnionTypes, } = schema || {};
@@ -72,7 +73,7 @@ const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }) => {
         objectTypeEntries &&
             objectTypeEntries.map((objectType) => (react_1.default.createElement(react_1.default.Fragment, { key: objectType.name },
                 react_1.default.createElement("h3", null,
-                    react_1.default.createElement(react_scroll_1.Element, { name: objectType.name }, objectType.name)),
+                    react_1.default.createElement(react_scroll_1.Element, { id: objectType.name }, objectType.name)),
                 react_1.default.createElement(TypeRenderer, { objectType: objectType })))),
         enumTypes && enumTypes.map((enumType) => react_1.default.createElement(EnumTypeRenderer, { key: enumType.name, enumType: enumType })),
         unionTypes && unionTypes.map((unionType) => react_1.default.createElement(UnionTypeRenderer, { key: unionType.name, unionType: unionType })),

package/dist/cjs/ExtensionPointInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionPointInfo.js","sourceRoot":"","sources":["../../lib/ExtensionPointInfo.tsx"],"names":[],"mappings":";;;AACA,4DAA8C;AAC9C,oGAAsD;AACtD,oFAAsG;AACtG,+CAA6C;AAW7C,yDAAqD;AACrD,qFAAgD;AAChD,qCAAoG;AAOpG,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;IAC7C,8DAA8D;IAC9D,mFAAmF;IACnF,MAAM,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IAEhD,OAAO;IACH,oDAAoD;IACpD,8BAAC,mBAAI,IAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,EAAE,EAAC,WAAW,EAAC,uBAAuB,EAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,UAC7E,EAAE,CACA,CACV,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,YAAY,GAA4D,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAC9F;IACI,yCAAI,UAAU,CAAC,WAAW,CAAK;IAC/B,8BAAC,cAAK;QACF;YACI,8BAAC,gBAAO;gBACJ,8BAAC,iBAAQ,eAAgB;gBACzB,8BAAC,iBAAQ,eAAgB;gBACzB,8BAAC,iBAAQ,mBAAoB;gBAC7B,8BAAC,iBAAQ,sBAAuB,CAC1B,CACN;QACR,6CACK,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACxC,8BAAC,iBAAQ,IAAC,GAAG,EAAE,UAAU,CAAC,IAAI;YAC1B,8BAAC,kBAAS,IAAC,KAAK,EAAC,KAAK;;gBAAG,UAAU,CAAC,IAAI,CAAa;YACrD,8BAAC,kBAAS,IAAC,KAAK,EAAC,KAAK;gBAClB,8BAAC,aAAa,IAAC,EAAE,EAAE,UAAU,CAAC,IAAI,GAAI,CAC9B;YACZ,8BAAC,kBAAS,IAAC,KAAK,EAAC,KAAK,IAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAa;YAC3E,8BAAC,kBAAS,QAAE,UAAU,CAAC,WAAW,CAAa,CACxC,CACd,CAAC,CACE,CACJ,CACT,CACN,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAoC,EAAE,EAAE,CAAC,CACzE;IACI;QACI,8BAAC,sBAAO,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAG,QAAQ,CAAC,IAAI,CAAW,CACtD;IACJ,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CACpB,yCAAI,QAAQ,CAAC,WAAW,CAAK,CAChC,CAAC,CAAC,CAAC,CACA;;QACyC,yCAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAK,CACxE,CACP,CACF,CACN,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAsC,EAAE,EAAE,CAAC,CAC7E;IACI;QACI,8BAAC,sBAAO,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,IAAG,SAAS,CAAC,IAAI,CAAW,CACxD;IACJ,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CACrB,yCAAI,SAAS,CAAC,WAAW,CAAK,CACjC,CAAC,CAAC,CAAC,CACA;;QACkC,GAAG;QAChC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,KAAK,OAAO;YAC/B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;YACpB,8BAAC,aAAa,IAAC,EAAE,EAAE,KAAK,GAAI,CACf,CACpB,CAAC,CACF,CACP,CACF,CACN,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAAC,CACjE;IACI;QACI,8BAAC,sBAAO,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAG,MAAM,CAAC,IAAI,CAAW,CAClD;IACL,yCAAI,MAAM,CAAC,WAAW,CAAK,CAC5B,CACN,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,eAAe,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAyC,EAAE,EAAE;IAC9G,MAAM,EACF,WAAW,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,oBAAoB,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,EACvF,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,oBAAoB,GACnC,GAAG,MAAM,IAAI,EAAE,CAAC;IAEjB,MAAM,EACF,WAAW,EAAE,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,EAChG,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,gBAAgB,EAC3B,UAAU,EAAE,iBAAiB,GAChC,GAAG,aAAa,IAAI,EAAE,CAAC;IAExB,MAAM,iBAAiB,GAA2B,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,oBAAoB,EAAE,GAAG,kBAAkB,EAAE,CAAC,CAAC;IACpH,MAAM,OAAO,GAAuB,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,gBAAgB,EAAE,GAAG,cAAc,EAAE,CAAC,CAAC;IAC9F,MAAM,SAAS,GAAyB,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC,CAAC;IACvG,MAAM,UAAU,GAA0B,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,oBAAoB,EAAE,GAAG,iBAAiB,EAAE,CAAC,CAAC;IAE3G,OAAO,CACH;QACI,uDAAmB;QAClB,kBAAkB,CAAC,CAAC,CAAC,CAClB;YACI,iGAA4D;YAC5D,8BAAC,YAAY,IAAC,UAAU,EAAE,kBAAkB,GAAI,CACjD,CACN,CAAC,CAAC,CAAC,CACA,wGAAmE,CACtE;QAED,oDAAgB;QACf,eAAe,CAAC,CAAC,CAAC,CACf;YACI,uGAAkE;YAClE,8BAAC,YAAY,IAAC,UAAU,EAAE,eAAe,GAAI,CAC9C,CACN,CAAC,CAAC,CAAC,CACA,qGAAgE,CACnE;QAED,4DAAwB;QACvB,iBAAiB;YACd,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAClC,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,UAAU,CAAC,IAAI;gBAChC;oBACI,8BAAC,sBAAO,IAAC,IAAI,EAAE,UAAU,CAAC,IAAI,IAAG,UAAU,CAAC,IAAI,CAAW,CAC1D;gBACL,8BAAC,YAAY,IAAC,UAAU,EAAE,UAAU,GAAI,CAC3B,CACpB,CAAC;QAEL,SAAS,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,8BAAC,gBAAgB,IAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;QAEtG,UAAU,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,8BAAC,iBAAiB,IAAC,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;QAE7G,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,8BAAC,cAAc,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAC1F,CACN,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,GAAwB;IACpC,0EAA0E;IAC1E,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,QAAQ;IACnB,2FAA2F;IAC3F,OAAO,EAAE,IAAA,oBAAQ,GAAE,GAAG,CAAC;IACvB,IAAI,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,eAAe,GAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/C,OAAO,CACH,uCAAK,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAE,UAAU,IAC5C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAsC,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE;IACxF,MAAM,CAAC,sBAAsB,CAAC,GAAG,IAAA,sBAAY,GAAE,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAErD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAChD,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpC,8BAAC,yBAAgB;QACb,8BAAC,gBAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GAAI;QAC9D,8BAAC,8BAAe,QACX,UAAU,IAAI,CACX,8BAAC,sBAAK,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,SAAS;YACxC,8BAAC,0BAAW;gBACR,8BAAC,yBAAU,QAAE,oBAAoB,IAAI,EAAE,CAAc,CAC3C;YAEd,8BAAC,eAAe;gBACZ,8BAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI,CACvC;YAElB,8BAAC,0BAAW;gBAER,8BAAC,yBAAM,IAAC,UAAU,EAAC,SAAS,EAAC,SAAS,QAAC,OAAO,EAAE,WAAW,YAElD,CACC,CACV,CACX,CACa,CACH,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import type { FunctionComponent } from 'react';\nimport React, { memo, useState } from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport Modal, { ModalTransition, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';\nimport { Link, Element } from 'react-scroll';\n\nimport type {\n    SerializedDocument,\n    SerializedEnumType,\n    SerializedObjectType,\n    SerializedScalar,\n    SerializedUnionType,\n    // We only import types here\n    // eslint-disable-next-line node/no-unpublished-import\n} from '@atlassian/clientside-extensions-schema';\nimport { gridSize } from '@atlaskit/theme/constants';\nimport useDiscovery from './debug/useDiscovery';\nimport { Table, TableCell, TableRow, HeadRow, HeadCell, Blinker, BlinkerContainer } from './styled';\n\nexport type ExtensionPointInfoProps = {\n    name: string;\n    schemaDocuments: { schema: SerializedDocument; contextSchema: SerializedDocument };\n};\n\nconst LinkToElement = ({ to }: { to: string }) => {\n    // TODO: is there a way to get the clean type from the schema?\n    // We are removing the e.g. \"!\" required syntax that is a suffix of the schema type\n    const cleanTo = to.replace(/[^a-zA-Z0-9]/g, '');\n\n    return (\n        // eslint-disable-next-line jsx-a11y/anchor-is-valid\n        <Link to={cleanTo} href=\"\" containerId=\"___cse_info_container\" offset={-20} smooth>\n            {to}\n        </Link>\n    );\n};\n\nconst TypeRenderer: FunctionComponent<{ objectType: SerializedObjectType }> = ({ objectType }) => (\n    <>\n        <p>{objectType.description}</p>\n        <Table>\n            <thead>\n                <HeadRow>\n                    <HeadCell>Name</HeadCell>\n                    <HeadCell>Type</HeadCell>\n                    <HeadCell>Required</HeadCell>\n                    <HeadCell>Description</HeadCell>\n                </HeadRow>\n            </thead>\n            <tbody>\n                {objectType.descriptors.map((descriptor) => (\n                    <TableRow key={descriptor.name}>\n                        <TableCell width=\"15%\"> {descriptor.name}</TableCell>\n                        <TableCell width=\"15%\">\n                            <LinkToElement to={descriptor.type} />\n                        </TableCell>\n                        <TableCell width=\"10%\">{descriptor.required ? 'true' : 'false'}</TableCell>\n                        <TableCell>{descriptor.description}</TableCell>\n                    </TableRow>\n                ))}\n            </tbody>\n        </Table>\n    </>\n);\n\nconst EnumTypeRenderer = ({ enumType }: { enumType: SerializedEnumType }) => (\n    <>\n        <h3>\n            <Element name={enumType.name}>{enumType.name}</Element>\n        </h3>\n        {enumType.description ? (\n            <p>{enumType.description}</p>\n        ) : (\n            <p>\n                Enum type with the following values: <b>{enumType.values.join(', ')}</b>\n            </p>\n        )}\n    </>\n);\n\nconst UnionTypeRenderer = ({ unionType }: { unionType: SerializedUnionType }) => (\n    <>\n        <h3>\n            <Element name={unionType.name}>{unionType.name}</Element>\n        </h3>\n        {unionType.description ? (\n            <p>{unionType.description}</p>\n        ) : (\n            <p>\n                Union of the following types:{' '}\n                {unionType.types.map((_type, i) => (\n                    <React.Fragment key={`${_type}-link`}>\n                        {i === 0 ? '' : ', '}\n                        <LinkToElement to={_type} />\n                    </React.Fragment>\n                ))}\n            </p>\n        )}\n    </>\n);\n\nconst ScalarRenderer = ({ scalar }: { scalar: SerializedScalar }) => (\n    <>\n        <h3>\n            <Element name={scalar.name}>{scalar.name}</Element>\n        </h3>\n        <p>{scalar.description}</p>\n    </>\n);\n\nconst SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }: Omit<ExtensionPointInfoProps, 'name'>) => {\n    const {\n        objectTypes: { Schema: attributesDocument, ...attributeObjectTypes } = { Schema: null },\n        scalars: attributeScalars,\n        enumTypes: attributesEnumTypes,\n        unionTypes: attributesUnionTypes,\n    } = schema || {};\n\n    const {\n        objectTypes: { ContextSchema: contextDocument, ...contextObjectTypes } = { ContextSchema: null },\n        scalars: contextScalars,\n        enumTypes: contextEnumTypes,\n        unionTypes: contextUnionTypes,\n    } = contextSchema || {};\n\n    const objectTypeEntries: SerializedObjectType[] = Object.values({ ...attributeObjectTypes, ...contextObjectTypes });\n    const scalars: SerializedScalar[] = Object.values({ ...attributeScalars, ...contextScalars });\n    const enumTypes: SerializedEnumType[] = Object.values({ ...attributesEnumTypes, ...contextEnumTypes });\n    const unionTypes: SerializedUnionType[] = Object.values({ ...attributesUnionTypes, ...contextUnionTypes });\n\n    return (\n        <>\n            <h2>Attributes</h2>\n            {attributesDocument ? (\n                <>\n                    <p>List of attributes supported by this extension point.</p>\n                    <TypeRenderer objectType={attributesDocument} />\n                </>\n            ) : (\n                <p>No attributes information provided for this extension point.</p>\n            )}\n\n            <h2>Context</h2>\n            {contextDocument ? (\n                <>\n                    <p>List of values provided by this extension point as context.</p>\n                    <TypeRenderer objectType={contextDocument} />\n                </>\n            ) : (\n                <p>No context information provided for this extension point.</p>\n            )}\n\n            <h2>Types reference</h2>\n            {objectTypeEntries &&\n                objectTypeEntries.map((objectType) => (\n                    <React.Fragment key={objectType.name}>\n                        <h3>\n                            <Element name={objectType.name}>{objectType.name}</Element>\n                        </h3>\n                        <TypeRenderer objectType={objectType} />\n                    </React.Fragment>\n                ))}\n\n            {enumTypes && enumTypes.map((enumType) => <EnumTypeRenderer key={enumType.name} enumType={enumType} />)}\n\n            {unionTypes && unionTypes.map((unionType) => <UnionTypeRenderer key={unionType.name} unionType={unionType} />)}\n\n            {scalars && scalars.map((scalar) => <ScalarRenderer key={scalar.name} scalar={scalar} />)}\n        </>\n    );\n};\n\nconst bodyStyles: React.CSSProperties = {\n    // Styles required for the react-scroll to work when scrolling is animated\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    // The rest of the styles are copied from the @atlaskit/modal-dialog/dist/esm/modal-body.js\n    padding: gridSize() * 3,\n    flex: '1 1 auto',\n};\n\nconst CustomModalBody: React.FC = ({ children }) => {\n    return (\n        <div id=\"___cse_info_container\" style={bodyStyles}>\n            {children}\n        </div>\n    );\n};\n\nconst ExtensionPointInfo: React.FC<ExtensionPointInfoProps> = ({ name, schemaDocuments }) => {\n    const [showExtensionPointInfo] = useDiscovery();\n    const [dialogOpen, setDialogState] = useState(false);\n\n    const closeDialog = () => setDialogState(false);\n    return !showExtensionPointInfo ? null : (\n        <BlinkerContainer>\n            <Blinker type=\"button\" onClick={() => setDialogState(true)} />\n            <ModalTransition>\n                {dialogOpen && (\n                    <Modal onClose={closeDialog} width=\"x-large\">\n                        <ModalHeader>\n                            <ModalTitle>{`Extension point: ${name}`}</ModalTitle>\n                        </ModalHeader>\n\n                        <CustomModalBody>\n                            <SchemasRenderer schemaDocuments={schemaDocuments} />\n                        </CustomModalBody>\n\n                        <ModalFooter>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Button appearance=\"primary\" autoFocus onClick={closeDialog}>\n                                Close\n                            </Button>\n                        </ModalFooter>\n                    </Modal>\n                )}\n            </ModalTransition>\n        </BlinkerContainer>\n    );\n};\n\nexport default memo(ExtensionPointInfo);\n"]}
+{"version":3,"file":"ExtensionPointInfo.js","sourceRoot":"","sources":["../../lib/ExtensionPointInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent } from 'react';\nimport React, { memo, useState } from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport Modal, { ModalTransition, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';\nimport { Link, Element } from 'react-scroll';\n\nimport type {\n    SerializedDocument,\n    SerializedEnumType,\n    SerializedObjectType,\n    SerializedScalar,\n    SerializedUnionType,\n    // We only import types here\n    // eslint-disable-next-line node/no-unpublished-import\n} from '@atlassian/clientside-extensions-schema';\nimport { gridSize } from '@atlaskit/theme/constants';\nimport useDiscovery from './debug/useDiscovery';\nimport { Table, TableCell, TableRow, HeadRow, HeadCell, Blinker, BlinkerContainer } from './styled';\n\nexport type ExtensionPointInfoProps = {\n    name: string;\n    schemaDocuments: { schema: SerializedDocument; contextSchema: SerializedDocument };\n};\n\nconst LinkToElement = ({ to }: { to: string }) => {\n    // TODO: is there a way to get the clean type from the schema?\n    // We are removing the e.g. \"!\" required syntax that is a suffix of the schema type\n    const cleanTo = to.replace(/[^a-zA-Z0-9]/g, '');\n\n    return (\n        // eslint-disable-next-line jsx-a11y/anchor-is-valid, @typescript-eslint/ban-ts-comment\n        // @ts-ignore: react-scroll types are not up to date with the latest react version\n        <Link to={cleanTo} href=\"\" containerId=\"___cse_info_container\" offset={-20} smooth>\n            {to}\n        </Link>\n    );\n};\n\nconst TypeRenderer: FunctionComponent<{ objectType: SerializedObjectType }> = ({ objectType }) => (\n    <>\n        <p>{objectType.description}</p>\n        <Table>\n            <thead>\n                <HeadRow>\n                    <HeadCell>Name</HeadCell>\n                    <HeadCell>Type</HeadCell>\n                    <HeadCell>Required</HeadCell>\n                    <HeadCell>Description</HeadCell>\n                </HeadRow>\n            </thead>\n            <tbody>\n                {objectType.descriptors.map((descriptor) => (\n                    <TableRow key={descriptor.name}>\n                        <TableCell width=\"15%\"> {descriptor.name}</TableCell>\n                        <TableCell width=\"15%\">\n                            <LinkToElement to={descriptor.type} />\n                        </TableCell>\n                        <TableCell width=\"10%\">{descriptor.required ? 'true' : 'false'}</TableCell>\n                        <TableCell>{descriptor.description}</TableCell>\n                    </TableRow>\n                ))}\n            </tbody>\n        </Table>\n    </>\n);\n\nconst EnumTypeRenderer = ({ enumType }: { enumType: SerializedEnumType }) => (\n    <>\n        <h3>\n            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n            {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}\n            <Element id={enumType.name}>{enumType.name}</Element>\n        </h3>\n        {enumType.description ? (\n            <p>{enumType.description}</p>\n        ) : (\n            <p>\n                Enum type with the following values: <b>{enumType.values.join(', ')}</b>\n            </p>\n        )}\n    </>\n);\n\nconst UnionTypeRenderer = ({ unionType }: { unionType: SerializedUnionType }) => (\n    <>\n        <h3>\n            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n            {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}\n            <Element id={unionType.name}>{unionType.name}</Element>\n        </h3>\n        {unionType.description ? (\n            <p>{unionType.description}</p>\n        ) : (\n            <p>\n                Union of the following types:{' '}\n                {unionType.types.map((_type, i) => (\n                    <React.Fragment key={`${_type}-link`}>\n                        {i === 0 ? '' : ', '}\n                        <LinkToElement to={_type} />\n                    </React.Fragment>\n                ))}\n            </p>\n        )}\n    </>\n);\n\nconst ScalarRenderer = ({ scalar }: { scalar: SerializedScalar }) => (\n    <>\n        <h3>\n            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n            {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}\n            <Element id={scalar.name}>{scalar.name}</Element>\n        </h3>\n        <p>{scalar.description}</p>\n    </>\n);\n\nconst SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }: Omit<ExtensionPointInfoProps, 'name'>) => {\n    const {\n        objectTypes: { Schema: attributesDocument, ...attributeObjectTypes } = { Schema: null },\n        scalars: attributeScalars,\n        enumTypes: attributesEnumTypes,\n        unionTypes: attributesUnionTypes,\n    } = schema || {};\n\n    const {\n        objectTypes: { ContextSchema: contextDocument, ...contextObjectTypes } = { ContextSchema: null },\n        scalars: contextScalars,\n        enumTypes: contextEnumTypes,\n        unionTypes: contextUnionTypes,\n    } = contextSchema || {};\n\n    const objectTypeEntries: SerializedObjectType[] = Object.values({ ...attributeObjectTypes, ...contextObjectTypes });\n    const scalars: SerializedScalar[] = Object.values({ ...attributeScalars, ...contextScalars });\n    const enumTypes: SerializedEnumType[] = Object.values({ ...attributesEnumTypes, ...contextEnumTypes });\n    const unionTypes: SerializedUnionType[] = Object.values({ ...attributesUnionTypes, ...contextUnionTypes });\n\n    return (\n        <>\n            <h2>Attributes</h2>\n            {attributesDocument ? (\n                <>\n                    <p>List of attributes supported by this extension point.</p>\n                    <TypeRenderer objectType={attributesDocument} />\n                </>\n            ) : (\n                <p>No attributes information provided for this extension point.</p>\n            )}\n\n            <h2>Context</h2>\n            {contextDocument ? (\n                <>\n                    <p>List of values provided by this extension point as context.</p>\n                    <TypeRenderer objectType={contextDocument} />\n                </>\n            ) : (\n                <p>No context information provided for this extension point.</p>\n            )}\n\n            <h2>Types reference</h2>\n            {objectTypeEntries &&\n                objectTypeEntries.map((objectType) => (\n                    <React.Fragment key={objectType.name}>\n                        <h3>\n                            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n                            {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}\n                            <Element id={objectType.name}>{objectType.name}</Element>\n                        </h3>\n                        <TypeRenderer objectType={objectType} />\n                    </React.Fragment>\n                ))}\n\n            {enumTypes && enumTypes.map((enumType) => <EnumTypeRenderer key={enumType.name} enumType={enumType} />)}\n\n            {unionTypes && unionTypes.map((unionType) => <UnionTypeRenderer key={unionType.name} unionType={unionType} />)}\n\n            {scalars && scalars.map((scalar) => <ScalarRenderer key={scalar.name} scalar={scalar} />)}\n        </>\n    );\n};\n\nconst bodyStyles: React.CSSProperties = {\n    // Styles required for the react-scroll to work when scrolling is animated\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    // The rest of the styles are copied from the @atlaskit/modal-dialog/dist/esm/modal-body.js\n    padding: gridSize() * 3,\n    flex: '1 1 auto',\n};\n\nconst CustomModalBody: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    return (\n        <div id=\"___cse_info_container\" style={bodyStyles}>\n            {children}\n        </div>\n    );\n};\n\nconst ExtensionPointInfo: React.FC<ExtensionPointInfoProps> = ({ name, schemaDocuments }) => {\n    const [showExtensionPointInfo] = useDiscovery();\n    const [dialogOpen, setDialogState] = useState(false);\n\n    const closeDialog = () => setDialogState(false);\n    return !showExtensionPointInfo ? null : (\n        <BlinkerContainer>\n            <Blinker type=\"button\" onClick={() => setDialogState(true)} />\n            <ModalTransition>\n                {dialogOpen && (\n                    <Modal onClose={closeDialog} width=\"x-large\">\n                        <ModalHeader>\n                            <ModalTitle>{`Extension point: ${name}`}</ModalTitle>\n                        </ModalHeader>\n\n                        <CustomModalBody>\n                            <SchemasRenderer schemaDocuments={schemaDocuments} />\n                        </CustomModalBody>\n\n                        <ModalFooter>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Button appearance=\"primary\" autoFocus onClick={closeDialog}>\n                                Close\n                            </Button>\n                        </ModalFooter>\n                    </Modal>\n                )}\n            </ModalTransition>\n        </BlinkerContainer>\n    );\n};\n\nexport default memo(ExtensionPointInfo);\n"]}

package/dist/cjs/handlers/ButtonHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonHandler.js","sourceRoot":"","sources":["../../../lib/handlers/ButtonHandler.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,oGAAsD;AAM/C,MAAM,aAAa,GAA0C,CAAC,EACjE,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,IAAI,MAAM,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,8BAAC,yBAAM,IACH,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB","sourcesContent":["import React from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport type { FunctionComponent } from 'react';\nimport type { OnClickHandler } from './types';\n\nexport interface ButtonHandlerProps extends OnClickHandler {}\n\nexport const ButtonHandler: FunctionComponent<ButtonHandlerProps> = ({\n    appearance,\n    children,\n    disabled,\n    hidden,\n    iconAfter,\n    iconBefore,\n    onAction,\n    spacing,\n}) => {\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <Button\n            type=\"button\"\n            appearance={appearance}\n            iconAfter={iconAfter}\n            iconBefore={iconBefore}\n            isDisabled={disabled}\n            onClick={onAction}\n            spacing={spacing}\n        >\n            {children}\n        </Button>\n    );\n};\n"]}
+{"version":3,"file":"ButtonHandler.js","sourceRoot":"","sources":["../../../lib/handlers/ButtonHandler.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,oGAAsD;AAQ/C,MAAM,aAAa,GAA0C,CAAC,EACjE,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,IAAI,MAAM,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,8BAAC,yBAAM,IACH,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB","sourcesContent":["import React from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport type { FunctionComponent } from 'react';\nimport type { OnClickHandler } from './types';\n\nexport interface ButtonHandlerProps extends OnClickHandler {\n    children?: React.ReactNode;\n}\n\nexport const ButtonHandler: FunctionComponent<ButtonHandlerProps> = ({\n    appearance,\n    children,\n    disabled,\n    hidden,\n    iconAfter,\n    iconBefore,\n    onAction,\n    spacing,\n}) => {\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <Button\n            type=\"button\"\n            appearance={appearance}\n            iconAfter={iconAfter}\n            iconBefore={iconBefore}\n            isDisabled={disabled}\n            onClick={onAction}\n            spacing={spacing}\n        >\n            {children}\n        </Button>\n    );\n};\n"]}

package/dist/cjs/handlers/LinkHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkHandler.js","sourceRoot":"","sources":["../../../lib/handlers/LinkHandler.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,oGAAsD;AAQ/C,MAAM,WAAW,GAAwC,CAAC,EAC7D,UAAU,GAAG,MAAM,EACnB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,IAAI,MAAM,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,8BAAC,yBAAM,IACH,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC;AA5BW,QAAA,WAAW,eA4BtB","sourcesContent":["import React from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport type { FunctionComponent } from 'react';\nimport type { OnClickHandler } from './types';\n\nexport interface LinkHandlerProps extends Partial<OnClickHandler> {\n    href: string;\n}\n\nexport const LinkHandler: FunctionComponent<LinkHandlerProps> = ({\n    appearance = 'link',\n    children,\n    disabled,\n    hidden,\n    href,\n    iconAfter,\n    iconBefore,\n    onAction,\n    spacing,\n}) => {\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <Button\n            appearance={appearance}\n            href={href}\n            iconAfter={iconAfter}\n            iconBefore={iconBefore}\n            isDisabled={disabled}\n            onClick={onAction}\n            spacing={spacing}\n        >\n            {children}\n        </Button>\n    );\n};\n"]}
+{"version":3,"file":"LinkHandler.js","sourceRoot":"","sources":["../../../lib/handlers/LinkHandler.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,oGAAsD;AAS/C,MAAM,WAAW,GAAwC,CAAC,EAC7D,UAAU,GAAG,MAAM,EACnB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,IAAI,MAAM,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,8BAAC,yBAAM,IACH,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC;AA5BW,QAAA,WAAW,eA4BtB","sourcesContent":["import React from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport type { FunctionComponent } from 'react';\nimport type { OnClickHandler } from './types';\n\nexport interface LinkHandlerProps extends Partial<OnClickHandler> {\n    href: string;\n    children?: React.ReactNode;\n}\n\nexport const LinkHandler: FunctionComponent<LinkHandlerProps> = ({\n    appearance = 'link',\n    children,\n    disabled,\n    hidden,\n    href,\n    iconAfter,\n    iconBefore,\n    onAction,\n    spacing,\n}) => {\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <Button\n            appearance={appearance}\n            href={href}\n            iconAfter={iconAfter}\n            iconBefore={iconBefore}\n            isDisabled={disabled}\n            onClick={onAction}\n            spacing={spacing}\n        >\n            {children}\n        </Button>\n    );\n};\n"]}

package/dist/cjs/handlers/ModalHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHandler.js","sourceRoot":"","sources":["../../../lib/handlers/ModalHandler.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent } from 'react';\nimport React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport ModalDialog, { ModalTransition, ModalBody, ModalHeader, ModalFooter, ModalTitle } from '@atlaskit/modal-dialog';\nimport LoadingButton from '@atlaskit/button/loading-button';\nimport { ModalExtension } from '@atlassian/clientside-extensions';\nimport type { OnClickHandler } from './types';\nimport { ButtonHandler } from './ButtonHandler';\n\nconst ModalInnerBody: FunctionComponent<{ modalApi: ModalExtension.Api }> = ({ modalApi }) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const node = ref.current;\n\n        if (node) {\n            modalApi.getRenderCallback()(node);\n        }\n\n        return () => {\n            if (node) {\n                modalApi.getCleanupCallback()(node);\n            }\n        };\n    }, [modalApi]);\n\n    return <div ref={ref} />;\n};\n\nexport interface ModalHandlerProps {\n    render: ModalExtension.ModalRenderExtension;\n    isOpen: boolean;\n    onClose: () => void;\n    __withoutTransition?: boolean;\n    __disableFocusLock?: boolean;\n}\n\nexport const ModalHandler: FunctionComponent<ModalHandlerProps> = ({\n    render,\n    isOpen,\n    onClose,\n    __withoutTransition = false,\n    __disableFocusLock = false,\n}) => {\n    const [actions, setActions] = useState<ModalExtension.ModalAction[]>([]);\n    const modalApi = useMemo(() => {\n        const api = new ModalExtension.Api(onClose, setActions);\n        render(api);\n        return api;\n    }, [render, onClose]);\n\n    const Wrapper = __withoutTransition ? Fragment : ModalTransition;\n\n    // Here will be dragons. That's a fishy solution for programmatically disabling the focus lock of the Atlaskit Modal component.\n    // When the stackIndex > 0 this will disable the focus lock of the Modal. That's quite naive implementation since we are abusing\n    // the Atlaskit stacking mechanism.\n    const stackIndex = __disableFocusLock ? 1 : 0;\n\n    const onCloseHandler = useCallback(\n        (e) => {\n            const closeResult = modalApi.getOnCloseCallback()(e);\n            // prevent closing of modal if \"closeRequest\" is \"false\"\n            if (closeResult !== false) {\n                onClose();\n            }\n        },\n        [modalApi, onClose],\n    );\n\n    const actionsAsButtons: JSX.Element[] = useMemo<JSX.Element[]>(\n        () =>\n            actions.map(({ testId, isLoading, text, onClick, isDisabled }, index) => (\n                // eslint-disable-next-line react/no-array-index-key\n                <LoadingButton key={index} isLoading={isLoading} testId={testId} isDisabled={isDisabled} onClick={onClick}>\n                    {text}\n                </LoadingButton>\n            )),\n        [actions],\n    );\n\n    return (\n        <Wrapper>\n            {isOpen && (\n                <ModalDialog testId=\"client-extensions-modal\" width={modalApi.getWidth()} onClose={onCloseHandler} stackIndex={stackIndex}>\n                    <ModalHeader>\n                        <ModalTitle appearance={modalApi.getAppearance()}>{modalApi.getTitle()}</ModalTitle>\n                    </ModalHeader>\n                    <ModalBody>\n                        <ModalInnerBody modalApi={modalApi} />\n                    </ModalBody>\n                    <ModalFooter>{actionsAsButtons}</ModalFooter>\n                </ModalDialog>\n            )}\n        </Wrapper>\n    );\n};\n\nexport interface ModalWithActionHandlerProps extends Omit<OnClickHandler, 'onAction'> {\n    render: ModalExtension.ModalRenderExtension;\n    __withoutTransition?: boolean;\n    __disableFocusLock?: boolean;\n}\n\nexport const ModalWithActionHandler: FunctionComponent<ModalWithActionHandlerProps> = ({\n    // Action Handler Properties\n    appearance,\n    children,\n    disabled,\n    hidden,\n    iconAfter,\n    iconBefore,\n    spacing,\n\n    // Modal Handler Properties\n    render,\n    __withoutTransition,\n    __disableFocusLock,\n}) => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const openModal = useCallback(() => {\n        setIsOpen(true);\n    }, []);\n\n    const closeModal = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <>\n            <ButtonHandler\n                appearance={appearance}\n                iconAfter={iconAfter}\n                iconBefore={iconBefore}\n                disabled={disabled}\n                hidden={hidden}\n                onAction={openModal}\n                spacing={spacing}\n            >\n                {children}\n            </ButtonHandler>\n            <ModalHandler\n                isOpen={isOpen}\n                onClose={closeModal}\n                render={render}\n                __disableFocusLock={__disableFocusLock}\n                __withoutTransition={__withoutTransition}\n            />\n        </>\n    );\n};\n"]}
+{"version":3,"file":"ModalHandler.js","sourceRoot":"","sources":["../../../lib/handlers/ModalHandler.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent, ReactNode } from 'react';\nimport React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport ModalDialog, { ModalTransition, ModalBody, ModalHeader, ModalFooter, ModalTitle } from '@atlaskit/modal-dialog';\nimport type { KeyboardOrMouseEvent } from '@atlaskit/modal-dialog';\nimport LoadingButton from '@atlaskit/button/loading-button';\nimport { ModalExtension } from '@atlassian/clientside-extensions';\nimport type { OnClickHandler } from './types';\nimport { ButtonHandler } from './ButtonHandler';\n\nconst ModalInnerBody: FunctionComponent<{ modalApi: ModalExtension.Api }> = ({ modalApi }) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const node = ref.current;\n\n        if (node) {\n            modalApi.getRenderCallback()(node);\n        }\n\n        return () => {\n            if (node) {\n                modalApi.getCleanupCallback()(node);\n            }\n        };\n    }, [modalApi]);\n\n    return <div ref={ref} />;\n};\n\nexport interface ModalHandlerProps {\n    render: ModalExtension.ModalRenderExtension;\n    isOpen: boolean;\n    onClose: () => void;\n    __withoutTransition?: boolean;\n    __disableFocusLock?: boolean;\n}\n\nexport const ModalHandler: FunctionComponent<ModalHandlerProps> = ({\n    render,\n    isOpen,\n    onClose,\n    __withoutTransition = false,\n    __disableFocusLock = false,\n}) => {\n    const [actions, setActions] = useState<ModalExtension.ModalAction[]>([]);\n    const modalApi = useMemo(() => {\n        const api = new ModalExtension.Api(onClose, setActions);\n        render(api);\n        return api;\n    }, [render, onClose]);\n\n    const Wrapper = __withoutTransition ? Fragment : ModalTransition;\n\n    // Here will be dragons. That's a fishy solution for programmatically disabling the focus lock of the Atlaskit Modal component.\n    // When the stackIndex > 0 this will disable the focus lock of the Modal. That's quite naive implementation since we are abusing\n    // the Atlaskit stacking mechanism.\n    const stackIndex = __disableFocusLock ? 1 : 0;\n\n    const onCloseHandler = useCallback(\n        (e: KeyboardOrMouseEvent) => {\n            const closeResult = modalApi.getOnCloseCallback()(e);\n            // prevent closing of modal if \"closeRequest\" is \"false\"\n            if (closeResult !== false) {\n                onClose();\n            }\n        },\n        [modalApi, onClose],\n    );\n\n    const actionsAsButtons: JSX.Element[] = useMemo<JSX.Element[]>(\n        () =>\n            actions.map(({ testId, isLoading, text, onClick, isDisabled }, index) => (\n                // eslint-disable-next-line react/no-array-index-key\n                <LoadingButton key={index} isLoading={isLoading} testId={testId} isDisabled={isDisabled} onClick={onClick}>\n                    {text}\n                </LoadingButton>\n            )),\n        [actions],\n    );\n\n    return (\n        <Wrapper>\n            {isOpen && (\n                <ModalDialog testId=\"client-extensions-modal\" width={modalApi.getWidth()} onClose={onCloseHandler} stackIndex={stackIndex}>\n                    <ModalHeader>\n                        <ModalTitle appearance={modalApi.getAppearance()}>{modalApi.getTitle()}</ModalTitle>\n                    </ModalHeader>\n                    <ModalBody>\n                        <ModalInnerBody modalApi={modalApi} />\n                    </ModalBody>\n                    <ModalFooter>{actionsAsButtons}</ModalFooter>\n                </ModalDialog>\n            )}\n        </Wrapper>\n    );\n};\n\nexport interface ModalWithActionHandlerProps extends Omit<OnClickHandler, 'onAction'> {\n    children?: ReactNode;\n    render: ModalExtension.ModalRenderExtension;\n    __withoutTransition?: boolean;\n    __disableFocusLock?: boolean;\n}\n\nexport const ModalWithActionHandler: FunctionComponent<ModalWithActionHandlerProps> = ({\n    // Action Handler Properties\n    appearance,\n    children,\n    disabled,\n    hidden,\n    iconAfter,\n    iconBefore,\n    spacing,\n\n    // Modal Handler Properties\n    render,\n    __withoutTransition,\n    __disableFocusLock,\n}) => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const openModal = useCallback(() => {\n        setIsOpen(true);\n    }, []);\n\n    const closeModal = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <>\n            <ButtonHandler\n                appearance={appearance}\n                iconAfter={iconAfter}\n                iconBefore={iconBefore}\n                disabled={disabled}\n                hidden={hidden}\n                onAction={openModal}\n                spacing={spacing}\n            >\n                {children}\n            </ButtonHandler>\n            <ModalHandler\n                isOpen={isOpen}\n                onClose={closeModal}\n                render={render}\n                __disableFocusLock={__disableFocusLock}\n                __withoutTransition={__withoutTransition}\n            />\n        </>\n    );\n};\n"]}

package/dist/cjs/handlers/SectionHandler.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionHandler = void 0;
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
-// eslint-disable-next-line import/prefer-default-export
 const SectionHandler = ({ children }) => {
     return react_1.default.createElement(react_1.default.Fragment, null, children);
 };

package/dist/cjs/handlers/SectionHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHandler.js","sourceRoot":"","sources":["../../../lib/handlers/SectionHandler.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAG1B,wDAAwD;AACjD,MAAM,cAAc,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,OAAO,8DAAG,QAAQ,CAAI,CAAC;AAC3B,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB","sourcesContent":["import React from 'react';\nimport type { FunctionComponent } from 'react';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const SectionHandler: FunctionComponent = ({ children }) => {\n    return <>{children}</>;\n};\n"]}
+{"version":3,"file":"SectionHandler.js","sourceRoot":"","sources":["../../../lib/handlers/SectionHandler.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAQnB,MAAM,cAAc,GAA2C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnF,OAAO,8DAAG,QAAQ,CAAI,CAAC;AAC3B,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB","sourcesContent":["import React from 'react';\nimport type { FunctionComponent } from 'react';\n\n// eslint-disable-next-line import/prefer-default-export\ninterface SectionHandlerProps {\n    children: React.ReactNode;\n}\n\nexport const SectionHandler: FunctionComponent<SectionHandlerProps> = ({ children }) => {\n    return <>{children}</>;\n};\n"]}

package/dist/cjs/renderElementAsReact.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderElementAsReact.js","sourceRoot":"","sources":["../../lib/renderElementAsReact.tsx"],"names":[],"mappings":";;;AAAA,uEAAiC;AAEjC,+DAA0B;AAG1B,SAAS,oBAAoB,CAAS,SAA6B,EAAE,aAAoC,EAAE,eAAwB;IAC/H,SAAS;SACJ,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACjB,wDAAwD;QACxD,mBAAQ,CAAC,MAAM,CAAC,8BAAC,aAAa,OAAM,eAA0B,GAAI,EAAE,OAAO,CAAC,CAAC;IACjF,CAAC,CAAC;SACD,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QACnB,mBAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACX,CAAC;AAED,kBAAe,oBAAoB,CAAC","sourcesContent":["import ReactDOM from 'react-dom';\nimport type { ComponentType } from 'react';\nimport React from 'react';\nimport type { MountableExtension } from '@atlassian/clientside-extensions';\n\nfunction renderElementAsReact<PropsT>(renderApi: MountableExtension, RenderElement: ComponentType<PropsT>, additionalProps?: PropsT) {\n    renderApi\n        .onMount((element) => {\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            ReactDOM.render(<RenderElement {...(additionalProps as PropsT)} />, element);\n        })\n        .onUnmount((element) => {\n            ReactDOM.unmountComponentAtNode(element);\n        });\n}\n\nexport default renderElementAsReact;\n"]}
+{"version":3,"file":"renderElementAsReact.js","sourceRoot":"","sources":["../../lib/renderElementAsReact.tsx"],"names":[],"mappings":";;;AAAA,uEAAiC;AAEjC,+DAA0B;AAG1B,SAAS,oBAAoB,CACzB,SAA6B,EAC7B,aAAoC,EACpC,eAAyB;IAEzB,SAAS;SACJ,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACjB,wDAAwD;QACxD,mBAAQ,CAAC,MAAM,CAAC,8BAAC,aAAa,OAAM,eAA0B,GAAI,EAAE,OAAO,CAAC,CAAC;IACjF,CAAC,CAAC;SACD,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QACnB,mBAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACX,CAAC;AAED,kBAAe,oBAAoB,CAAC","sourcesContent":["import ReactDOM from 'react-dom';\nimport type { ComponentType } from 'react';\nimport React from 'react';\nimport type { MountableExtension } from '@atlassian/clientside-extensions';\n\nfunction renderElementAsReact<PropsT extends React.JSX.IntrinsicAttributes>(\n    renderApi: MountableExtension,\n    RenderElement: ComponentType<PropsT>,\n    additionalProps?: unknown,\n) {\n    renderApi\n        .onMount((element) => {\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            ReactDOM.render(<RenderElement {...(additionalProps as PropsT)} />, element);\n        })\n        .onUnmount((element) => {\n            ReactDOM.unmountComponentAtNode(element);\n        });\n}\n\nexport default renderElementAsReact;\n"]}

package/dist/cjs/styled.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableCell = exports.TableRow = exports.HeadCell = exports.HeadRow = exports.Table = exports.Blinker = exports.BlinkerContainer = void 0;
 const tslib_1 = require("tslib");
 const styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
-const core_1 = require("@emotion/core");
+const react_1 = require("@emotion/react");
 const colors = (0, tslib_1.__importStar)(require("@atlaskit/theme/colors"));
 const components_1 = require("@atlaskit/theme/components");
 const constants_1 = require("@atlaskit/theme/constants");
 exports.BlinkerContainer = styled_1.default.span `
     position: relative;
 `;
-const blinkAnimation = (0, core_1.keyframes) `
+const blinkAnimation = (0, react_1.keyframes) `
     from {
         transform: scale(1);
     }

package/dist/cjs/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../lib/styled.ts"],"names":[],"mappings":";;;;AAAA,0EAAqC;AACrC,wCAA0C;AAC1C,4EAAiD;AACjD,2DAAoD;AACpD,yDAAqD;AAExC,QAAA,gBAAgB,GAAG,gBAAM,CAAC,IAAI,CAAA;;CAE1C,CAAC;AAEF,MAAM,cAAc,GAAG,IAAA,gBAAS,EAAA;;;;;;;;CAQ/B,CAAC;AAEW,QAAA,OAAO,GAAG,gBAAM,CAAC,MAAM,CAAA;;;;;iBAKnB,cAAc;;;;;;;;;;;;;;;;;CAiB9B,CAAC;AAEF,qDAAqD;AACrD,wDAAwD;AACxD,qIAAqI;AACrI,MAAM,QAAQ,GAAG;IACb,YAAY,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC/D,WAAW,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC7D,qBAAqB,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IACvE,eAAe,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IACjE,0BAA0B,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;CAC/E,CAAC;AAEF,MAAM,SAAS,GAAG;IACd,YAAY,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC/D,WAAW,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC7D,SAAS,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;CAChE,CAAC;AAEW,QAAA,KAAK,GAAG,gBAAM,CAAC,KAAK,CAAA;;;CAGhC,CAAC;AAEW,QAAA,OAAO,GAAG,gBAAM,CAAC,EAAE,CAAA;+BACD,SAAS,CAAC,WAAW;CACnD,CAAC;AAEW,QAAA,QAAQ,GAAG,gBAAM,CAAC,EAAE,CAAA;eAClB,IAAA,oBAAQ,GAAE,GAAG,CAAC,MAAM,oBAAQ;;;;;;;;aAQ9B,SAAS,CAAC,SAAS;;;;;;;;6BAQH,SAAS,CAAC,YAAY;;CAElD,CAAC;AAEF,MAAM,YAAY,GAAG,KAAK,CAAC;AAEd,QAAA,QAAQ,GAAG,gBAAM,CAAC,EAAE,CAAA;+BACF,QAAQ,CAAC,WAAW;;4BAEvB,QAAQ,CAAC,eAAe;;;mBAGjC,YAAY,UAAU,QAAQ,CAAC,YAAY;2BACnC,YAAY;;CAEtC,CAAC;AAEW,QAAA,SAAS,GAAG,gBAAM,CAAC,EAAE,CAAA;;eAEnB,IAAA,oBAAQ,GAAE,GAAG,GAAG,MAAM,oBAAQ;;;;;;;;;CAS5C,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport { keyframes } from '@emotion/core';\nimport * as colors from '@atlaskit/theme/colors';\nimport { themed } from '@atlaskit/theme/components';\nimport { gridSize } from '@atlaskit/theme/constants';\n\nexport const BlinkerContainer = styled.span`\n    position: relative;\n`;\n\nconst blinkAnimation = keyframes`\n    from {\n        transform: scale(1);\n    }\n\n    to {\n        transform: scale(1.3);\n    }\n`;\n\nexport const Blinker = styled.button`\n    height: 22px;\n    width: 22px;\n    background: rgba(7, 71, 166, 0.5);\n    border-radius: 50%;\n    animation: ${blinkAnimation} 1s ease-in-out infinite;\n    animation-direction: alternate;\n    cursor: pointer;\n    border: none;\n\n    &:after {\n        display: block;\n        background: rgb(7, 71, 166, 0.8);\n        position: absolute;\n        height: 12px;\n        width: 12px;\n        content: '';\n        left: 50%;\n        top: 50%;\n        margin: -6px 0 0 -6px;\n        border-radius: 50%;\n    }\n`;\n\n// AK doesn't provide a plain Table styled component.\n// Using AK theme to be compatible with their dark mode.\n// Styles copied from: https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/design-system/dynamic-table/src/styled/\nconst rowTheme = {\n    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),\n    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),\n    highlightedBackground: themed({ light: colors.N20, dark: colors.DN50 }),\n    hoverBackground: themed({ light: colors.N10, dark: colors.DN40 }),\n    hoverHighlightedBackground: themed({ light: colors.N30, dark: colors.DN60 }),\n};\n\nconst headTheme = {\n    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),\n    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),\n    textColor: themed({ light: colors.N300, dark: colors.DN300 }),\n};\n\nexport const Table = styled.table`\n    border-collapse: collapse;\n    width: 100%;\n`;\n\nexport const HeadRow = styled.tr`\n    border-bottom: 2px solid ${headTheme.borderColor};\n`;\n\nexport const HeadCell = styled.th`\n    padding: ${gridSize() / 2}px ${gridSize}px;\n    &:first-of-type {\n        padding-left: 0;\n    }\n    &:last-of-type {\n        padding-right: 0;\n    }\n    border: none;\n    color: ${headTheme.textColor};\n    box-sizing: border-box;\n    font-size: 12px;\n    font-weight: bold;\n    position: relative;\n    text-align: left;\n    vertical-align: top;\n    &:focus {\n        outline: solid 2px ${headTheme.focusOutline};\n    }\n`;\n\nconst outlineWidth = '2px';\n\nexport const TableRow = styled.tr`\n    border-bottom: 2px solid ${rowTheme.borderColor};\n    &:hover {\n        background-color: ${rowTheme.hoverBackground};\n    }\n    &:focus {\n        outline: ${outlineWidth} solid ${rowTheme.focusOutline};\n        outline-offset: -${outlineWidth};\n    }\n`;\n\nexport const TableCell = styled.td`\n    border: none;\n    padding: ${gridSize() / 1.2}px ${gridSize}px;\n    text-align: left;\n\n    &:first-of-type {\n        padding-left: 0;\n    }\n    &:last-of-type {\n        padding-right: 0;\n    }\n`;\n"]}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../lib/styled.ts"],"names":[],"mappings":";;;;AAAA,0EAAqC;AACrC,0CAA2C;AAC3C,4EAAiD;AACjD,2DAAoD;AACpD,yDAAqD;AAExC,QAAA,gBAAgB,GAAG,gBAAM,CAAC,IAAI,CAAA;;CAE1C,CAAC;AAEF,MAAM,cAAc,GAAG,IAAA,iBAAS,EAAA;;;;;;;;CAQ/B,CAAC;AAEW,QAAA,OAAO,GAAG,gBAAM,CAAC,MAAM,CAAA;;;;;iBAKnB,cAAc;;;;;;;;;;;;;;;;;CAiB9B,CAAC;AAEF,qDAAqD;AACrD,wDAAwD;AACxD,qIAAqI;AACrI,MAAM,QAAQ,GAAG;IACb,YAAY,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC/D,WAAW,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC7D,qBAAqB,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IACvE,eAAe,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IACjE,0BAA0B,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;CAC/E,CAAC;AAEF,MAAM,SAAS,GAAG;IACd,YAAY,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC/D,WAAW,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC7D,SAAS,EAAE,IAAA,mBAAM,EAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;CAChE,CAAC;AAEW,QAAA,KAAK,GAAG,gBAAM,CAAC,KAAK,CAAA;;;CAGhC,CAAC;AAEW,QAAA,OAAO,GAAG,gBAAM,CAAC,EAAE,CAAA;+BACD,SAAS,CAAC,WAAW;CACnD,CAAC;AAEW,QAAA,QAAQ,GAAG,gBAAM,CAAC,EAAE,CAAA;eAClB,IAAA,oBAAQ,GAAE,GAAG,CAAC,MAAM,oBAAQ;;;;;;;;aAQ9B,SAAS,CAAC,SAAS;;;;;;;;6BAQH,SAAS,CAAC,YAAY;;CAElD,CAAC;AAEF,MAAM,YAAY,GAAG,KAAK,CAAC;AAEd,QAAA,QAAQ,GAAG,gBAAM,CAAC,EAAE,CAAA;+BACF,QAAQ,CAAC,WAAW;;4BAEvB,QAAQ,CAAC,eAAe;;;mBAGjC,YAAY,UAAU,QAAQ,CAAC,YAAY;2BACnC,YAAY;;CAEtC,CAAC;AAEW,QAAA,SAAS,GAAG,gBAAM,CAAC,EAAE,CAAA;;eAEnB,IAAA,oBAAQ,GAAE,GAAG,GAAG,MAAM,oBAAQ;;;;;;;;;CAS5C,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport * as colors from '@atlaskit/theme/colors';\nimport { themed } from '@atlaskit/theme/components';\nimport { gridSize } from '@atlaskit/theme/constants';\n\nexport const BlinkerContainer = styled.span`\n    position: relative;\n`;\n\nconst blinkAnimation = keyframes`\n    from {\n        transform: scale(1);\n    }\n\n    to {\n        transform: scale(1.3);\n    }\n`;\n\nexport const Blinker = styled.button`\n    height: 22px;\n    width: 22px;\n    background: rgba(7, 71, 166, 0.5);\n    border-radius: 50%;\n    animation: ${blinkAnimation} 1s ease-in-out infinite;\n    animation-direction: alternate;\n    cursor: pointer;\n    border: none;\n\n    &:after {\n        display: block;\n        background: rgb(7, 71, 166, 0.8);\n        position: absolute;\n        height: 12px;\n        width: 12px;\n        content: '';\n        left: 50%;\n        top: 50%;\n        margin: -6px 0 0 -6px;\n        border-radius: 50%;\n    }\n`;\n\n// AK doesn't provide a plain Table styled component.\n// Using AK theme to be compatible with their dark mode.\n// Styles copied from: https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/design-system/dynamic-table/src/styled/\nconst rowTheme = {\n    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),\n    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),\n    highlightedBackground: themed({ light: colors.N20, dark: colors.DN50 }),\n    hoverBackground: themed({ light: colors.N10, dark: colors.DN40 }),\n    hoverHighlightedBackground: themed({ light: colors.N30, dark: colors.DN60 }),\n};\n\nconst headTheme = {\n    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),\n    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),\n    textColor: themed({ light: colors.N300, dark: colors.DN300 }),\n};\n\nexport const Table = styled.table`\n    border-collapse: collapse;\n    width: 100%;\n`;\n\nexport const HeadRow = styled.tr`\n    border-bottom: 2px solid ${headTheme.borderColor};\n`;\n\nexport const HeadCell = styled.th`\n    padding: ${gridSize() / 2}px ${gridSize}px;\n    &:first-of-type {\n        padding-left: 0;\n    }\n    &:last-of-type {\n        padding-right: 0;\n    }\n    border: none;\n    color: ${headTheme.textColor};\n    box-sizing: border-box;\n    font-size: 12px;\n    font-weight: bold;\n    position: relative;\n    text-align: left;\n    vertical-align: top;\n    &:focus {\n        outline: solid 2px ${headTheme.focusOutline};\n    }\n`;\n\nconst outlineWidth = '2px';\n\nexport const TableRow = styled.tr`\n    border-bottom: 2px solid ${rowTheme.borderColor};\n    &:hover {\n        background-color: ${rowTheme.hoverBackground};\n    }\n    &:focus {\n        outline: ${outlineWidth} solid ${rowTheme.focusOutline};\n        outline-offset: -${outlineWidth};\n    }\n`;\n\nexport const TableCell = styled.td`\n    border: none;\n    padding: ${gridSize() / 1.2}px ${gridSize}px;\n    text-align: left;\n\n    &:first-of-type {\n        padding-left: 0;\n    }\n    &:last-of-type {\n        padding-right: 0;\n    }\n`;\n"]}

package/dist/esm/ExtensionPointInfo.js

@@ -10,7 +10,8 @@ const LinkToElement = ({ to }) => {
     // We are removing the e.g. "!" required syntax that is a suffix of the schema type
     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
     React.createElement(Link, { to: cleanTo, href: "", containerId: "___cse_info_container", offset: -20, smooth: true }, to));
 };
 const TypeRenderer = ({ objectType }) => (React.createElement(React.Fragment, null,
@@ -32,13 +33,13 @@ const TypeRenderer = ({ objectType }) => (React.createElement(React.Fragment, nu
             React.createElement(TableCell, null, descriptor.description))))))));
 const EnumTypeRenderer = ({ enumType }) => (React.createElement(React.Fragment, null,
     React.createElement("h3", null,
-        React.createElement(Element, { name: enumType.name }, enumType.name)),
+        React.createElement(Element, { id: enumType.name }, enumType.name)),
     enumType.description ? (React.createElement("p", null, enumType.description)) : (React.createElement("p", null,
         "Enum type with the following values: ",
         React.createElement("b", null, enumType.values.join(', '))))));
 const UnionTypeRenderer = ({ unionType }) => (React.createElement(React.Fragment, null,
     React.createElement("h3", null,
-        React.createElement(Element, { name: unionType.name }, unionType.name)),
+        React.createElement(Element, { id: unionType.name }, unionType.name)),
     unionType.description ? (React.createElement("p", null, unionType.description)) : (React.createElement("p", null,
         "Union of the following types:",
         ' ',
@@ -47,7 +48,7 @@ const UnionTypeRenderer = ({ unionType }) => (React.createElement(React.Fragment
             React.createElement(LinkToElement, { to: _type }))))))));
 const ScalarRenderer = ({ scalar }) => (React.createElement(React.Fragment, null,
     React.createElement("h3", null,
-        React.createElement(Element, { name: scalar.name }, scalar.name)),
+        React.createElement(Element, { id: scalar.name }, scalar.name)),
     React.createElement("p", null, scalar.description)));
 const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }) => {
     const { objectTypes: { Schema: attributesDocument, ...attributeObjectTypes } = { Schema: null }, scalars: attributeScalars, enumTypes: attributesEnumTypes, unionTypes: attributesUnionTypes, } = schema || {};
@@ -69,7 +70,7 @@ const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }) => {
         objectTypeEntries &&
             objectTypeEntries.map((objectType) => (React.createElement(React.Fragment, { key: objectType.name },
                 React.createElement("h3", null,
-                    React.createElement(Element, { name: objectType.name }, objectType.name)),
+                    React.createElement(Element, { id: objectType.name }, objectType.name)),
                 React.createElement(TypeRenderer, { objectType: objectType })))),
         enumTypes && enumTypes.map((enumType) => React.createElement(EnumTypeRenderer, { key: enumType.name, enumType: enumType })),
         unionTypes && unionTypes.map((unionType) => React.createElement(UnionTypeRenderer, { key: unionType.name, unionType: unionType })),

package/dist/esm/ExtensionPointInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionPointInfo.js","sourceRoot":"","sources":["../../lib/ExtensionPointInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent } from 'react';\nimport React, { memo, useState } from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport Modal, { ModalTransition, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';\nimport { Link, Element } from 'react-scroll';\n\nimport type {\n    SerializedDocument,\n    SerializedEnumType,\n    SerializedObjectType,\n    SerializedScalar,\n    SerializedUnionType,\n    // We only import types here\n    // eslint-disable-next-line node/no-unpublished-import\n} from '@atlassian/clientside-extensions-schema';\nimport { gridSize } from '@atlaskit/theme/constants';\nimport useDiscovery from './debug/useDiscovery';\nimport { Table, TableCell, TableRow, HeadRow, HeadCell, Blinker, BlinkerContainer } from './styled';\n\nexport type ExtensionPointInfoProps = {\n    name: string;\n    schemaDocuments: { schema: SerializedDocument; contextSchema: SerializedDocument };\n};\n\nconst LinkToElement = ({ to }: { to: string }) => {\n    // TODO: is there a way to get the clean type from the schema?\n    // We are removing the e.g. \"!\" required syntax that is a suffix of the schema type\n    const cleanTo = to.replace(/[^a-zA-Z0-9]/g, '');\n\n    return (\n        // eslint-disable-next-line jsx-a11y/anchor-is-valid\n        <Link to={cleanTo} href=\"\" containerId=\"___cse_info_container\" offset={-20} smooth>\n            {to}\n        </Link>\n    );\n};\n\nconst TypeRenderer: FunctionComponent<{ objectType: SerializedObjectType }> = ({ objectType }) => (\n    <>\n        <p>{objectType.description}</p>\n        <Table>\n            <thead>\n                <HeadRow>\n                    <HeadCell>Name</HeadCell>\n                    <HeadCell>Type</HeadCell>\n                    <HeadCell>Required</HeadCell>\n                    <HeadCell>Description</HeadCell>\n                </HeadRow>\n            </thead>\n            <tbody>\n                {objectType.descriptors.map((descriptor) => (\n                    <TableRow key={descriptor.name}>\n                        <TableCell width=\"15%\"> {descriptor.name}</TableCell>\n                        <TableCell width=\"15%\">\n                            <LinkToElement to={descriptor.type} />\n                        </TableCell>\n                        <TableCell width=\"10%\">{descriptor.required ? 'true' : 'false'}</TableCell>\n                        <TableCell>{descriptor.description}</TableCell>\n                    </TableRow>\n                ))}\n            </tbody>\n        </Table>\n    </>\n);\n\nconst EnumTypeRenderer = ({ enumType }: { enumType: SerializedEnumType }) => (\n    <>\n        <h3>\n            <Element name={enumType.name}>{enumType.name}</Element>\n        </h3>\n        {enumType.description ? (\n            <p>{enumType.description}</p>\n        ) : (\n            <p>\n                Enum type with the following values: <b>{enumType.values.join(', ')}</b>\n            </p>\n        )}\n    </>\n);\n\nconst UnionTypeRenderer = ({ unionType }: { unionType: SerializedUnionType }) => (\n    <>\n        <h3>\n            <Element name={unionType.name}>{unionType.name}</Element>\n        </h3>\n        {unionType.description ? (\n            <p>{unionType.description}</p>\n        ) : (\n            <p>\n                Union of the following types:{' '}\n                {unionType.types.map((_type, i) => (\n                    <React.Fragment key={`${_type}-link`}>\n                        {i === 0 ? '' : ', '}\n                        <LinkToElement to={_type} />\n                    </React.Fragment>\n                ))}\n            </p>\n        )}\n    </>\n);\n\nconst ScalarRenderer = ({ scalar }: { scalar: SerializedScalar }) => (\n    <>\n        <h3>\n            <Element name={scalar.name}>{scalar.name}</Element>\n        </h3>\n        <p>{scalar.description}</p>\n    </>\n);\n\nconst SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }: Omit<ExtensionPointInfoProps, 'name'>) => {\n    const {\n        objectTypes: { Schema: attributesDocument, ...attributeObjectTypes } = { Schema: null },\n        scalars: attributeScalars,\n        enumTypes: attributesEnumTypes,\n        unionTypes: attributesUnionTypes,\n    } = schema || {};\n\n    const {\n        objectTypes: { ContextSchema: contextDocument, ...contextObjectTypes } = { ContextSchema: null },\n        scalars: contextScalars,\n        enumTypes: contextEnumTypes,\n        unionTypes: contextUnionTypes,\n    } = contextSchema || {};\n\n    const objectTypeEntries: SerializedObjectType[] = Object.values({ ...attributeObjectTypes, ...contextObjectTypes });\n    const scalars: SerializedScalar[] = Object.values({ ...attributeScalars, ...contextScalars });\n    const enumTypes: SerializedEnumType[] = Object.values({ ...attributesEnumTypes, ...contextEnumTypes });\n    const unionTypes: SerializedUnionType[] = Object.values({ ...attributesUnionTypes, ...contextUnionTypes });\n\n    return (\n        <>\n            <h2>Attributes</h2>\n            {attributesDocument ? (\n                <>\n                    <p>List of attributes supported by this extension point.</p>\n                    <TypeRenderer objectType={attributesDocument} />\n                </>\n            ) : (\n                <p>No attributes information provided for this extension point.</p>\n            )}\n\n            <h2>Context</h2>\n            {contextDocument ? (\n                <>\n                    <p>List of values provided by this extension point as context.</p>\n                    <TypeRenderer objectType={contextDocument} />\n                </>\n            ) : (\n                <p>No context information provided for this extension point.</p>\n            )}\n\n            <h2>Types reference</h2>\n            {objectTypeEntries &&\n                objectTypeEntries.map((objectType) => (\n                    <React.Fragment key={objectType.name}>\n                        <h3>\n                            <Element name={objectType.name}>{objectType.name}</Element>\n                        </h3>\n                        <TypeRenderer objectType={objectType} />\n                    </React.Fragment>\n                ))}\n\n            {enumTypes && enumTypes.map((enumType) => <EnumTypeRenderer key={enumType.name} enumType={enumType} />)}\n\n            {unionTypes && unionTypes.map((unionType) => <UnionTypeRenderer key={unionType.name} unionType={unionType} />)}\n\n            {scalars && scalars.map((scalar) => <ScalarRenderer key={scalar.name} scalar={scalar} />)}\n        </>\n    );\n};\n\nconst bodyStyles: React.CSSProperties = {\n    // Styles required for the react-scroll to work when scrolling is animated\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    // The rest of the styles are copied from the @atlaskit/modal-dialog/dist/esm/modal-body.js\n    padding: gridSize() * 3,\n    flex: '1 1 auto',\n};\n\nconst CustomModalBody: React.FC = ({ children }) => {\n    return (\n        <div id=\"___cse_info_container\" style={bodyStyles}>\n            {children}\n        </div>\n    );\n};\n\nconst ExtensionPointInfo: React.FC<ExtensionPointInfoProps> = ({ name, schemaDocuments }) => {\n    const [showExtensionPointInfo] = useDiscovery();\n    const [dialogOpen, setDialogState] = useState(false);\n\n    const closeDialog = () => setDialogState(false);\n    return !showExtensionPointInfo ? null : (\n        <BlinkerContainer>\n            <Blinker type=\"button\" onClick={() => setDialogState(true)} />\n            <ModalTransition>\n                {dialogOpen && (\n                    <Modal onClose={closeDialog} width=\"x-large\">\n                        <ModalHeader>\n                            <ModalTitle>{`Extension point: ${name}`}</ModalTitle>\n                        </ModalHeader>\n\n                        <CustomModalBody>\n                            <SchemasRenderer schemaDocuments={schemaDocuments} />\n                        </CustomModalBody>\n\n                        <ModalFooter>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Button appearance=\"primary\" autoFocus onClick={closeDialog}>\n                                Close\n                            </Button>\n                        </ModalFooter>\n                    </Modal>\n                )}\n            </ModalTransition>\n        </BlinkerContainer>\n    );\n};\n\nexport default memo(ExtensionPointInfo);\n"]}
+{"version":3,"file":"ExtensionPointInfo.js","sourceRoot":"","sources":["../../lib/ExtensionPointInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent } from 'react';\nimport React, { memo, useState } from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport Modal, { ModalTransition, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';\nimport { Link, Element } from 'react-scroll';\n\nimport type {\n    SerializedDocument,\n    SerializedEnumType,\n    SerializedObjectType,\n    SerializedScalar,\n    SerializedUnionType,\n    // We only import types here\n    // eslint-disable-next-line node/no-unpublished-import\n} from '@atlassian/clientside-extensions-schema';\nimport { gridSize } from '@atlaskit/theme/constants';\nimport useDiscovery from './debug/useDiscovery';\nimport { Table, TableCell, TableRow, HeadRow, HeadCell, Blinker, BlinkerContainer } from './styled';\n\nexport type ExtensionPointInfoProps = {\n    name: string;\n    schemaDocuments: { schema: SerializedDocument; contextSchema: SerializedDocument };\n};\n\nconst LinkToElement = ({ to }: { to: string }) => {\n    // TODO: is there a way to get the clean type from the schema?\n    // We are removing the e.g. \"!\" required syntax that is a suffix of the schema type\n    const cleanTo = to.replace(/[^a-zA-Z0-9]/g, '');\n\n    return (\n        // eslint-disable-next-line jsx-a11y/anchor-is-valid, @typescript-eslint/ban-ts-comment\n        // @ts-ignore: react-scroll types are not up to date with the latest react version\n        <Link to={cleanTo} href=\"\" containerId=\"___cse_info_container\" offset={-20} smooth>\n            {to}\n        </Link>\n    );\n};\n\nconst TypeRenderer: FunctionComponent<{ objectType: SerializedObjectType }> = ({ objectType }) => (\n    <>\n        <p>{objectType.description}</p>\n        <Table>\n            <thead>\n                <HeadRow>\n                    <HeadCell>Name</HeadCell>\n                    <HeadCell>Type</HeadCell>\n                    <HeadCell>Required</HeadCell>\n                    <HeadCell>Description</HeadCell>\n                </HeadRow>\n            </thead>\n            <tbody>\n                {objectType.descriptors.map((descriptor) => (\n                    <TableRow key={descriptor.name}>\n                        <TableCell width=\"15%\"> {descriptor.name}</TableCell>\n                        <TableCell width=\"15%\">\n                            <LinkToElement to={descriptor.type} />\n                        </TableCell>\n                        <TableCell width=\"10%\">{descriptor.required ? 'true' : 'false'}</TableCell>\n                        <TableCell>{descriptor.description}</TableCell>\n                    </TableRow>\n                ))}\n            </tbody>\n        </Table>\n    </>\n);\n\nconst EnumTypeRenderer = ({ enumType }: { enumType: SerializedEnumType }) => (\n    <>\n        <h3>\n            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n            {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}\n            <Element id={enumType.name}>{enumType.name}</Element>\n        </h3>\n        {enumType.description ? (\n            <p>{enumType.description}</p>\n        ) : (\n            <p>\n                Enum type with the following values: <b>{enumType.values.join(', ')}</b>\n            </p>\n        )}\n    </>\n);\n\nconst UnionTypeRenderer = ({ unionType }: { unionType: SerializedUnionType }) => (\n    <>\n        <h3>\n            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n            {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}\n            <Element id={unionType.name}>{unionType.name}</Element>\n        </h3>\n        {unionType.description ? (\n            <p>{unionType.description}</p>\n        ) : (\n            <p>\n                Union of the following types:{' '}\n                {unionType.types.map((_type, i) => (\n                    <React.Fragment key={`${_type}-link`}>\n                        {i === 0 ? '' : ', '}\n                        <LinkToElement to={_type} />\n                    </React.Fragment>\n                ))}\n            </p>\n        )}\n    </>\n);\n\nconst ScalarRenderer = ({ scalar }: { scalar: SerializedScalar }) => (\n    <>\n        <h3>\n            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n            {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}\n            <Element id={scalar.name}>{scalar.name}</Element>\n        </h3>\n        <p>{scalar.description}</p>\n    </>\n);\n\nconst SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }: Omit<ExtensionPointInfoProps, 'name'>) => {\n    const {\n        objectTypes: { Schema: attributesDocument, ...attributeObjectTypes } = { Schema: null },\n        scalars: attributeScalars,\n        enumTypes: attributesEnumTypes,\n        unionTypes: attributesUnionTypes,\n    } = schema || {};\n\n    const {\n        objectTypes: { ContextSchema: contextDocument, ...contextObjectTypes } = { ContextSchema: null },\n        scalars: contextScalars,\n        enumTypes: contextEnumTypes,\n        unionTypes: contextUnionTypes,\n    } = contextSchema || {};\n\n    const objectTypeEntries: SerializedObjectType[] = Object.values({ ...attributeObjectTypes, ...contextObjectTypes });\n    const scalars: SerializedScalar[] = Object.values({ ...attributeScalars, ...contextScalars });\n    const enumTypes: SerializedEnumType[] = Object.values({ ...attributesEnumTypes, ...contextEnumTypes });\n    const unionTypes: SerializedUnionType[] = Object.values({ ...attributesUnionTypes, ...contextUnionTypes });\n\n    return (\n        <>\n            <h2>Attributes</h2>\n            {attributesDocument ? (\n                <>\n                    <p>List of attributes supported by this extension point.</p>\n                    <TypeRenderer objectType={attributesDocument} />\n                </>\n            ) : (\n                <p>No attributes information provided for this extension point.</p>\n            )}\n\n            <h2>Context</h2>\n            {contextDocument ? (\n                <>\n                    <p>List of values provided by this extension point as context.</p>\n                    <TypeRenderer objectType={contextDocument} />\n                </>\n            ) : (\n                <p>No context information provided for this extension point.</p>\n            )}\n\n            <h2>Types reference</h2>\n            {objectTypeEntries &&\n                objectTypeEntries.map((objectType) => (\n                    <React.Fragment key={objectType.name}>\n                        <h3>\n                            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n                            {/* @ts-ignore: react-scroll types are not up to date with the latest react version*/}\n                            <Element id={objectType.name}>{objectType.name}</Element>\n                        </h3>\n                        <TypeRenderer objectType={objectType} />\n                    </React.Fragment>\n                ))}\n\n            {enumTypes && enumTypes.map((enumType) => <EnumTypeRenderer key={enumType.name} enumType={enumType} />)}\n\n            {unionTypes && unionTypes.map((unionType) => <UnionTypeRenderer key={unionType.name} unionType={unionType} />)}\n\n            {scalars && scalars.map((scalar) => <ScalarRenderer key={scalar.name} scalar={scalar} />)}\n        </>\n    );\n};\n\nconst bodyStyles: React.CSSProperties = {\n    // Styles required for the react-scroll to work when scrolling is animated\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    // The rest of the styles are copied from the @atlaskit/modal-dialog/dist/esm/modal-body.js\n    padding: gridSize() * 3,\n    flex: '1 1 auto',\n};\n\nconst CustomModalBody: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    return (\n        <div id=\"___cse_info_container\" style={bodyStyles}>\n            {children}\n        </div>\n    );\n};\n\nconst ExtensionPointInfo: React.FC<ExtensionPointInfoProps> = ({ name, schemaDocuments }) => {\n    const [showExtensionPointInfo] = useDiscovery();\n    const [dialogOpen, setDialogState] = useState(false);\n\n    const closeDialog = () => setDialogState(false);\n    return !showExtensionPointInfo ? null : (\n        <BlinkerContainer>\n            <Blinker type=\"button\" onClick={() => setDialogState(true)} />\n            <ModalTransition>\n                {dialogOpen && (\n                    <Modal onClose={closeDialog} width=\"x-large\">\n                        <ModalHeader>\n                            <ModalTitle>{`Extension point: ${name}`}</ModalTitle>\n                        </ModalHeader>\n\n                        <CustomModalBody>\n                            <SchemasRenderer schemaDocuments={schemaDocuments} />\n                        </CustomModalBody>\n\n                        <ModalFooter>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Button appearance=\"primary\" autoFocus onClick={closeDialog}>\n                                Close\n                            </Button>\n                        </ModalFooter>\n                    </Modal>\n                )}\n            </ModalTransition>\n        </BlinkerContainer>\n    );\n};\n\nexport default memo(ExtensionPointInfo);\n"]}

package/dist/esm/handlers/ButtonHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonHandler.js","sourceRoot":"","sources":["../../../lib/handlers/ButtonHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAMtD,MAAM,CAAC,MAAM,aAAa,GAA0C,CAAC,EACjE,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,IAAI,MAAM,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,oBAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport type { FunctionComponent } from 'react';\nimport type { OnClickHandler } from './types';\n\nexport interface ButtonHandlerProps extends OnClickHandler {}\n\nexport const ButtonHandler: FunctionComponent<ButtonHandlerProps> = ({\n    appearance,\n    children,\n    disabled,\n    hidden,\n    iconAfter,\n    iconBefore,\n    onAction,\n    spacing,\n}) => {\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <Button\n            type=\"button\"\n            appearance={appearance}\n            iconAfter={iconAfter}\n            iconBefore={iconBefore}\n            isDisabled={disabled}\n            onClick={onAction}\n            spacing={spacing}\n        >\n            {children}\n        </Button>\n    );\n};\n"]}
+{"version":3,"file":"ButtonHandler.js","sourceRoot":"","sources":["../../../lib/handlers/ButtonHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAQtD,MAAM,CAAC,MAAM,aAAa,GAA0C,CAAC,EACjE,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,IAAI,MAAM,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,oBAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport type { FunctionComponent } from 'react';\nimport type { OnClickHandler } from './types';\n\nexport interface ButtonHandlerProps extends OnClickHandler {\n    children?: React.ReactNode;\n}\n\nexport const ButtonHandler: FunctionComponent<ButtonHandlerProps> = ({\n    appearance,\n    children,\n    disabled,\n    hidden,\n    iconAfter,\n    iconBefore,\n    onAction,\n    spacing,\n}) => {\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <Button\n            type=\"button\"\n            appearance={appearance}\n            iconAfter={iconAfter}\n            iconBefore={iconBefore}\n            isDisabled={disabled}\n            onClick={onAction}\n            spacing={spacing}\n        >\n            {children}\n        </Button>\n    );\n};\n"]}

package/dist/esm/handlers/LinkHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkHandler.js","sourceRoot":"","sources":["../../../lib/handlers/LinkHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAQtD,MAAM,CAAC,MAAM,WAAW,GAAwC,CAAC,EAC7D,UAAU,GAAG,MAAM,EACnB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,IAAI,MAAM,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,oBAAC,MAAM,IACH,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport type { FunctionComponent } from 'react';\nimport type { OnClickHandler } from './types';\n\nexport interface LinkHandlerProps extends Partial<OnClickHandler> {\n    href: string;\n}\n\nexport const LinkHandler: FunctionComponent<LinkHandlerProps> = ({\n    appearance = 'link',\n    children,\n    disabled,\n    hidden,\n    href,\n    iconAfter,\n    iconBefore,\n    onAction,\n    spacing,\n}) => {\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <Button\n            appearance={appearance}\n            href={href}\n            iconAfter={iconAfter}\n            iconBefore={iconBefore}\n            isDisabled={disabled}\n            onClick={onAction}\n            spacing={spacing}\n        >\n            {children}\n        </Button>\n    );\n};\n"]}
+{"version":3,"file":"LinkHandler.js","sourceRoot":"","sources":["../../../lib/handlers/LinkHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAStD,MAAM,CAAC,MAAM,WAAW,GAAwC,CAAC,EAC7D,UAAU,GAAG,MAAM,EACnB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,IAAI,MAAM,EAAE;QACR,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,oBAAC,MAAM,IACH,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport Button from '@atlaskit/button/standard-button';\nimport type { FunctionComponent } from 'react';\nimport type { OnClickHandler } from './types';\n\nexport interface LinkHandlerProps extends Partial<OnClickHandler> {\n    href: string;\n    children?: React.ReactNode;\n}\n\nexport const LinkHandler: FunctionComponent<LinkHandlerProps> = ({\n    appearance = 'link',\n    children,\n    disabled,\n    hidden,\n    href,\n    iconAfter,\n    iconBefore,\n    onAction,\n    spacing,\n}) => {\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <Button\n            appearance={appearance}\n            href={href}\n            iconAfter={iconAfter}\n            iconBefore={iconBefore}\n            isDisabled={disabled}\n            onClick={onAction}\n            spacing={spacing}\n        >\n            {children}\n        </Button>\n    );\n};\n"]}

package/dist/esm/handlers/ModalHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHandler.js","sourceRoot":"","sources":["../../../lib/handlers/ModalHandler.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent } from 'react';\nimport React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport ModalDialog, { ModalTransition, ModalBody, ModalHeader, ModalFooter, ModalTitle } from '@atlaskit/modal-dialog';\nimport LoadingButton from '@atlaskit/button/loading-button';\nimport { ModalExtension } from '@atlassian/clientside-extensions';\nimport type { OnClickHandler } from './types';\nimport { ButtonHandler } from './ButtonHandler';\n\nconst ModalInnerBody: FunctionComponent<{ modalApi: ModalExtension.Api }> = ({ modalApi }) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const node = ref.current;\n\n        if (node) {\n            modalApi.getRenderCallback()(node);\n        }\n\n        return () => {\n            if (node) {\n                modalApi.getCleanupCallback()(node);\n            }\n        };\n    }, [modalApi]);\n\n    return <div ref={ref} />;\n};\n\nexport interface ModalHandlerProps {\n    render: ModalExtension.ModalRenderExtension;\n    isOpen: boolean;\n    onClose: () => void;\n    __withoutTransition?: boolean;\n    __disableFocusLock?: boolean;\n}\n\nexport const ModalHandler: FunctionComponent<ModalHandlerProps> = ({\n    render,\n    isOpen,\n    onClose,\n    __withoutTransition = false,\n    __disableFocusLock = false,\n}) => {\n    const [actions, setActions] = useState<ModalExtension.ModalAction[]>([]);\n    const modalApi = useMemo(() => {\n        const api = new ModalExtension.Api(onClose, setActions);\n        render(api);\n        return api;\n    }, [render, onClose]);\n\n    const Wrapper = __withoutTransition ? Fragment : ModalTransition;\n\n    // Here will be dragons. That's a fishy solution for programmatically disabling the focus lock of the Atlaskit Modal component.\n    // When the stackIndex > 0 this will disable the focus lock of the Modal. That's quite naive implementation since we are abusing\n    // the Atlaskit stacking mechanism.\n    const stackIndex = __disableFocusLock ? 1 : 0;\n\n    const onCloseHandler = useCallback(\n        (e) => {\n            const closeResult = modalApi.getOnCloseCallback()(e);\n            // prevent closing of modal if \"closeRequest\" is \"false\"\n            if (closeResult !== false) {\n                onClose();\n            }\n        },\n        [modalApi, onClose],\n    );\n\n    const actionsAsButtons: JSX.Element[] = useMemo<JSX.Element[]>(\n        () =>\n            actions.map(({ testId, isLoading, text, onClick, isDisabled }, index) => (\n                // eslint-disable-next-line react/no-array-index-key\n                <LoadingButton key={index} isLoading={isLoading} testId={testId} isDisabled={isDisabled} onClick={onClick}>\n                    {text}\n                </LoadingButton>\n            )),\n        [actions],\n    );\n\n    return (\n        <Wrapper>\n            {isOpen && (\n                <ModalDialog testId=\"client-extensions-modal\" width={modalApi.getWidth()} onClose={onCloseHandler} stackIndex={stackIndex}>\n                    <ModalHeader>\n                        <ModalTitle appearance={modalApi.getAppearance()}>{modalApi.getTitle()}</ModalTitle>\n                    </ModalHeader>\n                    <ModalBody>\n                        <ModalInnerBody modalApi={modalApi} />\n                    </ModalBody>\n                    <ModalFooter>{actionsAsButtons}</ModalFooter>\n                </ModalDialog>\n            )}\n        </Wrapper>\n    );\n};\n\nexport interface ModalWithActionHandlerProps extends Omit<OnClickHandler, 'onAction'> {\n    render: ModalExtension.ModalRenderExtension;\n    __withoutTransition?: boolean;\n    __disableFocusLock?: boolean;\n}\n\nexport const ModalWithActionHandler: FunctionComponent<ModalWithActionHandlerProps> = ({\n    // Action Handler Properties\n    appearance,\n    children,\n    disabled,\n    hidden,\n    iconAfter,\n    iconBefore,\n    spacing,\n\n    // Modal Handler Properties\n    render,\n    __withoutTransition,\n    __disableFocusLock,\n}) => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const openModal = useCallback(() => {\n        setIsOpen(true);\n    }, []);\n\n    const closeModal = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <>\n            <ButtonHandler\n                appearance={appearance}\n                iconAfter={iconAfter}\n                iconBefore={iconBefore}\n                disabled={disabled}\n                hidden={hidden}\n                onAction={openModal}\n                spacing={spacing}\n            >\n                {children}\n            </ButtonHandler>\n            <ModalHandler\n                isOpen={isOpen}\n                onClose={closeModal}\n                render={render}\n                __disableFocusLock={__disableFocusLock}\n                __withoutTransition={__withoutTransition}\n            />\n        </>\n    );\n};\n"]}
+{"version":3,"file":"ModalHandler.js","sourceRoot":"","sources":["../../../lib/handlers/ModalHandler.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent, ReactNode } from 'react';\nimport React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport ModalDialog, { ModalTransition, ModalBody, ModalHeader, ModalFooter, ModalTitle } from '@atlaskit/modal-dialog';\nimport type { KeyboardOrMouseEvent } from '@atlaskit/modal-dialog';\nimport LoadingButton from '@atlaskit/button/loading-button';\nimport { ModalExtension } from '@atlassian/clientside-extensions';\nimport type { OnClickHandler } from './types';\nimport { ButtonHandler } from './ButtonHandler';\n\nconst ModalInnerBody: FunctionComponent<{ modalApi: ModalExtension.Api }> = ({ modalApi }) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const node = ref.current;\n\n        if (node) {\n            modalApi.getRenderCallback()(node);\n        }\n\n        return () => {\n            if (node) {\n                modalApi.getCleanupCallback()(node);\n            }\n        };\n    }, [modalApi]);\n\n    return <div ref={ref} />;\n};\n\nexport interface ModalHandlerProps {\n    render: ModalExtension.ModalRenderExtension;\n    isOpen: boolean;\n    onClose: () => void;\n    __withoutTransition?: boolean;\n    __disableFocusLock?: boolean;\n}\n\nexport const ModalHandler: FunctionComponent<ModalHandlerProps> = ({\n    render,\n    isOpen,\n    onClose,\n    __withoutTransition = false,\n    __disableFocusLock = false,\n}) => {\n    const [actions, setActions] = useState<ModalExtension.ModalAction[]>([]);\n    const modalApi = useMemo(() => {\n        const api = new ModalExtension.Api(onClose, setActions);\n        render(api);\n        return api;\n    }, [render, onClose]);\n\n    const Wrapper = __withoutTransition ? Fragment : ModalTransition;\n\n    // Here will be dragons. That's a fishy solution for programmatically disabling the focus lock of the Atlaskit Modal component.\n    // When the stackIndex > 0 this will disable the focus lock of the Modal. That's quite naive implementation since we are abusing\n    // the Atlaskit stacking mechanism.\n    const stackIndex = __disableFocusLock ? 1 : 0;\n\n    const onCloseHandler = useCallback(\n        (e: KeyboardOrMouseEvent) => {\n            const closeResult = modalApi.getOnCloseCallback()(e);\n            // prevent closing of modal if \"closeRequest\" is \"false\"\n            if (closeResult !== false) {\n                onClose();\n            }\n        },\n        [modalApi, onClose],\n    );\n\n    const actionsAsButtons: JSX.Element[] = useMemo<JSX.Element[]>(\n        () =>\n            actions.map(({ testId, isLoading, text, onClick, isDisabled }, index) => (\n                // eslint-disable-next-line react/no-array-index-key\n                <LoadingButton key={index} isLoading={isLoading} testId={testId} isDisabled={isDisabled} onClick={onClick}>\n                    {text}\n                </LoadingButton>\n            )),\n        [actions],\n    );\n\n    return (\n        <Wrapper>\n            {isOpen && (\n                <ModalDialog testId=\"client-extensions-modal\" width={modalApi.getWidth()} onClose={onCloseHandler} stackIndex={stackIndex}>\n                    <ModalHeader>\n                        <ModalTitle appearance={modalApi.getAppearance()}>{modalApi.getTitle()}</ModalTitle>\n                    </ModalHeader>\n                    <ModalBody>\n                        <ModalInnerBody modalApi={modalApi} />\n                    </ModalBody>\n                    <ModalFooter>{actionsAsButtons}</ModalFooter>\n                </ModalDialog>\n            )}\n        </Wrapper>\n    );\n};\n\nexport interface ModalWithActionHandlerProps extends Omit<OnClickHandler, 'onAction'> {\n    children?: ReactNode;\n    render: ModalExtension.ModalRenderExtension;\n    __withoutTransition?: boolean;\n    __disableFocusLock?: boolean;\n}\n\nexport const ModalWithActionHandler: FunctionComponent<ModalWithActionHandlerProps> = ({\n    // Action Handler Properties\n    appearance,\n    children,\n    disabled,\n    hidden,\n    iconAfter,\n    iconBefore,\n    spacing,\n\n    // Modal Handler Properties\n    render,\n    __withoutTransition,\n    __disableFocusLock,\n}) => {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const openModal = useCallback(() => {\n        setIsOpen(true);\n    }, []);\n\n    const closeModal = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n\n    if (hidden) {\n        return null;\n    }\n\n    return (\n        <>\n            <ButtonHandler\n                appearance={appearance}\n                iconAfter={iconAfter}\n                iconBefore={iconBefore}\n                disabled={disabled}\n                hidden={hidden}\n                onAction={openModal}\n                spacing={spacing}\n            >\n                {children}\n            </ButtonHandler>\n            <ModalHandler\n                isOpen={isOpen}\n                onClose={closeModal}\n                render={render}\n                __disableFocusLock={__disableFocusLock}\n                __withoutTransition={__withoutTransition}\n            />\n        </>\n    );\n};\n"]}

package/dist/esm/handlers/SectionHandler.js

@@ -1,5 +1,4 @@
 import React from 'react';
-// eslint-disable-next-line import/prefer-default-export
 export const SectionHandler = ({ children }) => {
     return React.createElement(React.Fragment, null, children);
 };

package/dist/esm/handlers/SectionHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHandler.js","sourceRoot":"","sources":["../../../lib/handlers/SectionHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wDAAwD;AACxD,MAAM,CAAC,MAAM,cAAc,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,OAAO,0CAAG,QAAQ,CAAI,CAAC;AAC3B,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport type { FunctionComponent } from 'react';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const SectionHandler: FunctionComponent = ({ children }) => {\n    return <>{children}</>;\n};\n"]}
+{"version":3,"file":"SectionHandler.js","sourceRoot":"","sources":["../../../lib/handlers/SectionHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,MAAM,cAAc,GAA2C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnF,OAAO,0CAAG,QAAQ,CAAI,CAAC;AAC3B,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport type { FunctionComponent } from 'react';\n\n// eslint-disable-next-line import/prefer-default-export\ninterface SectionHandlerProps {\n    children: React.ReactNode;\n}\n\nexport const SectionHandler: FunctionComponent<SectionHandlerProps> = ({ children }) => {\n    return <>{children}</>;\n};\n"]}

package/dist/esm/renderElementAsReact.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderElementAsReact.js","sourceRoot":"","sources":["../../lib/renderElementAsReact.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,SAAS,oBAAoB,CAAS,SAA6B,EAAE,aAAoC,EAAE,eAAwB;IAC/H,SAAS;SACJ,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACjB,wDAAwD;QACxD,QAAQ,CAAC,MAAM,CAAC,oBAAC,aAAa,OAAM,eAA0B,GAAI,EAAE,OAAO,CAAC,CAAC;IACjF,CAAC,CAAC;SACD,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QACnB,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACX,CAAC;AAED,eAAe,oBAAoB,CAAC","sourcesContent":["import ReactDOM from 'react-dom';\nimport type { ComponentType } from 'react';\nimport React from 'react';\nimport type { MountableExtension } from '@atlassian/clientside-extensions';\n\nfunction renderElementAsReact<PropsT>(renderApi: MountableExtension, RenderElement: ComponentType<PropsT>, additionalProps?: PropsT) {\n    renderApi\n        .onMount((element) => {\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            ReactDOM.render(<RenderElement {...(additionalProps as PropsT)} />, element);\n        })\n        .onUnmount((element) => {\n            ReactDOM.unmountComponentAtNode(element);\n        });\n}\n\nexport default renderElementAsReact;\n"]}
+{"version":3,"file":"renderElementAsReact.js","sourceRoot":"","sources":["../../lib/renderElementAsReact.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,SAAS,oBAAoB,CACzB,SAA6B,EAC7B,aAAoC,EACpC,eAAyB;IAEzB,SAAS;SACJ,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACjB,wDAAwD;QACxD,QAAQ,CAAC,MAAM,CAAC,oBAAC,aAAa,OAAM,eAA0B,GAAI,EAAE,OAAO,CAAC,CAAC;IACjF,CAAC,CAAC;SACD,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QACnB,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACX,CAAC;AAED,eAAe,oBAAoB,CAAC","sourcesContent":["import ReactDOM from 'react-dom';\nimport type { ComponentType } from 'react';\nimport React from 'react';\nimport type { MountableExtension } from '@atlassian/clientside-extensions';\n\nfunction renderElementAsReact<PropsT extends React.JSX.IntrinsicAttributes>(\n    renderApi: MountableExtension,\n    RenderElement: ComponentType<PropsT>,\n    additionalProps?: unknown,\n) {\n    renderApi\n        .onMount((element) => {\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            ReactDOM.render(<RenderElement {...(additionalProps as PropsT)} />, element);\n        })\n        .onUnmount((element) => {\n            ReactDOM.unmountComponentAtNode(element);\n        });\n}\n\nexport default renderElementAsReact;\n"]}

package/dist/esm/styled.js

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { keyframes } from '@emotion/core';
+import { keyframes } from '@emotion/react';
 import * as colors from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { gridSize } from '@atlaskit/theme/constants';

package/dist/esm/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../lib/styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE1C,CAAC;AAEF,MAAM,cAAc,GAAG,SAAS,CAAA;;;;;;;;CAQ/B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;iBAKnB,cAAc;;;;;;;;;;;;;;;;;CAiB9B,CAAC;AAEF,qDAAqD;AACrD,wDAAwD;AACxD,qIAAqI;AACrI,MAAM,QAAQ,GAAG;IACb,YAAY,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC/D,WAAW,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC7D,qBAAqB,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IACvE,eAAe,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IACjE,0BAA0B,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;CAC/E,CAAC;AAEF,MAAM,SAAS,GAAG;IACd,YAAY,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC/D,WAAW,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC7D,SAAS,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;CAChE,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;CAGhC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,CAAA;+BACD,SAAS,CAAC,WAAW;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;eAClB,QAAQ,EAAE,GAAG,CAAC,MAAM,QAAQ;;;;;;;;aAQ9B,SAAS,CAAC,SAAS;;;;;;;;6BAQH,SAAS,CAAC,YAAY;;CAElD,CAAC;AAEF,MAAM,YAAY,GAAG,KAAK,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;+BACF,QAAQ,CAAC,WAAW;;4BAEvB,QAAQ,CAAC,eAAe;;;mBAGjC,YAAY,UAAU,QAAQ,CAAC,YAAY;2BACnC,YAAY;;CAEtC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;eAEnB,QAAQ,EAAE,GAAG,GAAG,MAAM,QAAQ;;;;;;;;;CAS5C,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport { keyframes } from '@emotion/core';\nimport * as colors from '@atlaskit/theme/colors';\nimport { themed } from '@atlaskit/theme/components';\nimport { gridSize } from '@atlaskit/theme/constants';\n\nexport const BlinkerContainer = styled.span`\n    position: relative;\n`;\n\nconst blinkAnimation = keyframes`\n    from {\n        transform: scale(1);\n    }\n\n    to {\n        transform: scale(1.3);\n    }\n`;\n\nexport const Blinker = styled.button`\n    height: 22px;\n    width: 22px;\n    background: rgba(7, 71, 166, 0.5);\n    border-radius: 50%;\n    animation: ${blinkAnimation} 1s ease-in-out infinite;\n    animation-direction: alternate;\n    cursor: pointer;\n    border: none;\n\n    &:after {\n        display: block;\n        background: rgb(7, 71, 166, 0.8);\n        position: absolute;\n        height: 12px;\n        width: 12px;\n        content: '';\n        left: 50%;\n        top: 50%;\n        margin: -6px 0 0 -6px;\n        border-radius: 50%;\n    }\n`;\n\n// AK doesn't provide a plain Table styled component.\n// Using AK theme to be compatible with their dark mode.\n// Styles copied from: https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/design-system/dynamic-table/src/styled/\nconst rowTheme = {\n    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),\n    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),\n    highlightedBackground: themed({ light: colors.N20, dark: colors.DN50 }),\n    hoverBackground: themed({ light: colors.N10, dark: colors.DN40 }),\n    hoverHighlightedBackground: themed({ light: colors.N30, dark: colors.DN60 }),\n};\n\nconst headTheme = {\n    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),\n    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),\n    textColor: themed({ light: colors.N300, dark: colors.DN300 }),\n};\n\nexport const Table = styled.table`\n    border-collapse: collapse;\n    width: 100%;\n`;\n\nexport const HeadRow = styled.tr`\n    border-bottom: 2px solid ${headTheme.borderColor};\n`;\n\nexport const HeadCell = styled.th`\n    padding: ${gridSize() / 2}px ${gridSize}px;\n    &:first-of-type {\n        padding-left: 0;\n    }\n    &:last-of-type {\n        padding-right: 0;\n    }\n    border: none;\n    color: ${headTheme.textColor};\n    box-sizing: border-box;\n    font-size: 12px;\n    font-weight: bold;\n    position: relative;\n    text-align: left;\n    vertical-align: top;\n    &:focus {\n        outline: solid 2px ${headTheme.focusOutline};\n    }\n`;\n\nconst outlineWidth = '2px';\n\nexport const TableRow = styled.tr`\n    border-bottom: 2px solid ${rowTheme.borderColor};\n    &:hover {\n        background-color: ${rowTheme.hoverBackground};\n    }\n    &:focus {\n        outline: ${outlineWidth} solid ${rowTheme.focusOutline};\n        outline-offset: -${outlineWidth};\n    }\n`;\n\nexport const TableCell = styled.td`\n    border: none;\n    padding: ${gridSize() / 1.2}px ${gridSize}px;\n    text-align: left;\n\n    &:first-of-type {\n        padding-left: 0;\n    }\n    &:last-of-type {\n        padding-right: 0;\n    }\n`;\n"]}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../lib/styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE1C,CAAC;AAEF,MAAM,cAAc,GAAG,SAAS,CAAA;;;;;;;;CAQ/B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;iBAKnB,cAAc;;;;;;;;;;;;;;;;;CAiB9B,CAAC;AAEF,qDAAqD;AACrD,wDAAwD;AACxD,qIAAqI;AACrI,MAAM,QAAQ,GAAG;IACb,YAAY,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC/D,WAAW,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC7D,qBAAqB,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IACvE,eAAe,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IACjE,0BAA0B,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;CAC/E,CAAC;AAEF,MAAM,SAAS,GAAG;IACd,YAAY,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC/D,WAAW,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC7D,SAAS,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;CAChE,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;CAGhC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,CAAA;+BACD,SAAS,CAAC,WAAW;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;eAClB,QAAQ,EAAE,GAAG,CAAC,MAAM,QAAQ;;;;;;;;aAQ9B,SAAS,CAAC,SAAS;;;;;;;;6BAQH,SAAS,CAAC,YAAY;;CAElD,CAAC;AAEF,MAAM,YAAY,GAAG,KAAK,CAAC;AAE3B,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;+BACF,QAAQ,CAAC,WAAW;;4BAEvB,QAAQ,CAAC,eAAe;;;mBAGjC,YAAY,UAAU,QAAQ,CAAC,YAAY;2BACnC,YAAY;;CAEtC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;eAEnB,QAAQ,EAAE,GAAG,GAAG,MAAM,QAAQ;;;;;;;;;CAS5C,CAAC","sourcesContent":["import styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport * as colors from '@atlaskit/theme/colors';\nimport { themed } from '@atlaskit/theme/components';\nimport { gridSize } from '@atlaskit/theme/constants';\n\nexport const BlinkerContainer = styled.span`\n    position: relative;\n`;\n\nconst blinkAnimation = keyframes`\n    from {\n        transform: scale(1);\n    }\n\n    to {\n        transform: scale(1.3);\n    }\n`;\n\nexport const Blinker = styled.button`\n    height: 22px;\n    width: 22px;\n    background: rgba(7, 71, 166, 0.5);\n    border-radius: 50%;\n    animation: ${blinkAnimation} 1s ease-in-out infinite;\n    animation-direction: alternate;\n    cursor: pointer;\n    border: none;\n\n    &:after {\n        display: block;\n        background: rgb(7, 71, 166, 0.8);\n        position: absolute;\n        height: 12px;\n        width: 12px;\n        content: '';\n        left: 50%;\n        top: 50%;\n        margin: -6px 0 0 -6px;\n        border-radius: 50%;\n    }\n`;\n\n// AK doesn't provide a plain Table styled component.\n// Using AK theme to be compatible with their dark mode.\n// Styles copied from: https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/design-system/dynamic-table/src/styled/\nconst rowTheme = {\n    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),\n    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),\n    highlightedBackground: themed({ light: colors.N20, dark: colors.DN50 }),\n    hoverBackground: themed({ light: colors.N10, dark: colors.DN40 }),\n    hoverHighlightedBackground: themed({ light: colors.N30, dark: colors.DN60 }),\n};\n\nconst headTheme = {\n    focusOutline: themed({ light: colors.B100, dark: colors.B100 }),\n    borderColor: themed({ light: colors.N40, dark: colors.DN50 }),\n    textColor: themed({ light: colors.N300, dark: colors.DN300 }),\n};\n\nexport const Table = styled.table`\n    border-collapse: collapse;\n    width: 100%;\n`;\n\nexport const HeadRow = styled.tr`\n    border-bottom: 2px solid ${headTheme.borderColor};\n`;\n\nexport const HeadCell = styled.th`\n    padding: ${gridSize() / 2}px ${gridSize}px;\n    &:first-of-type {\n        padding-left: 0;\n    }\n    &:last-of-type {\n        padding-right: 0;\n    }\n    border: none;\n    color: ${headTheme.textColor};\n    box-sizing: border-box;\n    font-size: 12px;\n    font-weight: bold;\n    position: relative;\n    text-align: left;\n    vertical-align: top;\n    &:focus {\n        outline: solid 2px ${headTheme.focusOutline};\n    }\n`;\n\nconst outlineWidth = '2px';\n\nexport const TableRow = styled.tr`\n    border-bottom: 2px solid ${rowTheme.borderColor};\n    &:hover {\n        background-color: ${rowTheme.hoverBackground};\n    }\n    &:focus {\n        outline: ${outlineWidth} solid ${rowTheme.focusOutline};\n        outline-offset: -${outlineWidth};\n    }\n`;\n\nexport const TableCell = styled.td`\n    border: none;\n    padding: ${gridSize() / 1.2}px ${gridSize}px;\n    text-align: left;\n\n    &:first-of-type {\n        padding-left: 0;\n    }\n    &:last-of-type {\n        padding-right: 0;\n    }\n`;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ExtensionPointInfo.d.ts","sourceRoot":"","sources":["../../lib/ExtensionPointInfo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAK9C,OAAO,KAAK,EACR,kBAAkB,EAOrB,MAAM,yCAAyC,CAAC;AAKjD,oBAAY,uBAAuB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE;QAAE,MAAM,EAAE,kBAAkB,CAAC;QAAC,aAAa,EAAE,kBAAkB,CAAA;KAAE,CAAC;CACtF,CAAC;;AAuMF,wBAAwC"}
+{"version":3,"file":"ExtensionPointInfo.d.ts","sourceRoot":"","sources":["../../lib/ExtensionPointInfo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAK9C,OAAO,KAAK,EACR,kBAAkB,EAOrB,MAAM,yCAAyC,CAAC;AAKjD,oBAAY,uBAAuB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE;QAAE,MAAM,EAAE,kBAAkB,CAAC;QAAC,aAAa,EAAE,kBAAkB,CAAA;KAAE,CAAC;CACtF,CAAC;;AAgNF,wBAAwC"}

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,4 +1,4 @@
-import type { FunctionComponent } from 'react';
+import type { FunctionComponent, ReactNode } from 'react';
 import { ModalExtension } from '@atlassian/clientside-extensions';
 import type { OnClickHandler } from './types';
 export interface ModalHandlerProps {
@@ -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":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,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,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,KAAK,MAAM,OAAO,CAAC;AAC1B,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,QAU5B;AAED,eAAe,oBAAoB,CAAC"}

package/dist/types/styled.d.ts

@@ -1,15 +1,30 @@
 /// <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 BlinkerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Blinker: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const Table: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const HeadRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const HeadCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+export declare const TableRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const TableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
 //# 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":";AAMA,eAAO,MAAM,gBAAgB;;;2GAE5B,CAAC;AAYF,eAAO,MAAM,OAAO;;;qHAsBnB,CAAC;AAmBF,eAAO,MAAM,KAAK;;;kHAGjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;mHAEnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;mIAmBpB,CAAC;AAIF,eAAO,MAAM,QAAQ;;;mHASpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;+HAWrB,CAAC"}

package/lib/ExtensionPointInfo.tsx

@@ -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>
@@ -66,7 +67,9 @@ const TypeRenderer: FunctionComponent<{ objectType: SerializedObjectType }> = ({
 const EnumTypeRenderer = ({ enumType }: { enumType: SerializedEnumType }) => (
     <>
         <h3>
-            <Element name={enumType.name}>{enumType.name}</Element>
+            {/* 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>
         </h3>
         {enumType.description ? (
             <p>{enumType.description}</p>
@@ -81,7 +84,9 @@ const EnumTypeRenderer = ({ enumType }: { enumType: SerializedEnumType }) => (
 const UnionTypeRenderer = ({ unionType }: { unionType: SerializedUnionType }) => (
     <>
         <h3>
-            <Element name={unionType.name}>{unionType.name}</Element>
+            {/* 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>
         </h3>
         {unionType.description ? (
             <p>{unionType.description}</p>
@@ -102,7 +107,9 @@ const UnionTypeRenderer = ({ unionType }: { unionType: SerializedUnionType }) =>
 const ScalarRenderer = ({ scalar }: { scalar: SerializedScalar }) => (
     <>
         <h3>
-            <Element name={scalar.name}>{scalar.name}</Element>
+            {/* 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>
         </h3>
         <p>{scalar.description}</p>
     </>
@@ -155,7 +162,9 @@ const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }: Omit<Ex
                 objectTypeEntries.map((objectType) => (
                     <React.Fragment key={objectType.name}>
                         <h3>
-                            <Element name={objectType.name}>{objectType.name}</Element>
+                            {/* 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>
                         </h3>
                         <TypeRenderer objectType={objectType} />
                     </React.Fragment>
@@ -179,7 +188,7 @@ const bodyStyles: React.CSSProperties = {
     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}

package/lib/__snapshots__/ExtensionPointInfo.test.tsx.snap

@@ -292,7 +292,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </h2>
   <h3>
     <div
-      name="FooInput"
+      id="FooInput"
     >
       FooInput
     </div>
@@ -362,7 +362,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </table>
   <h3>
     <div
-      name="GlyphType"
+      id="GlyphType"
     >
       GlyphType
     </div>
@@ -375,7 +375,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </p>
   <h3>
     <div
-      name="AvailableTypes"
+      id="AvailableTypes"
     >
       AvailableTypes
     </div>
@@ -383,7 +383,6 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   <p>
     Union of the following types:
      
-    
     <a
       href=""
     >
@@ -410,7 +409,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </p>
   <h3>
     <div
-      name="ModalType"
+      id="ModalType"
     >
       ModalType
     </div>
@@ -420,7 +419,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </p>
   <h3>
     <div
-      name="LinkType"
+      id="LinkType"
     >
       LinkType
     </div>
@@ -430,7 +429,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </p>
   <h3>
     <div
-      name="ButtonType"
+      id="ButtonType"
     >
       ButtonType
     </div>
@@ -440,7 +439,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </p>
   <h3>
     <div
-      name="PanelType"
+      id="PanelType"
     >
       PanelType
     </div>
@@ -450,7 +449,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </p>
   <h3>
     <div
-      name="String"
+      id="String"
     >
       String
     </div>
@@ -460,7 +459,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </p>
   <h3>
     <div
-      name="Boolean"
+      id="Boolean"
     >
       Boolean
     </div>
@@ -470,7 +469,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </p>
   <h3>
     <div
-      name="Function"
+      id="Function"
     >
       Function
     </div>
@@ -480,7 +479,7 @@ exports[`ExtensionPointInfo should show the extension info in a modal when the i
   </p>
   <h3>
     <div
-      name="Number"
+      id="Number"
     >
       Number
     </div>

package/lib/handlers/ButtonHandler.test.tsx

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

package/lib/handlers/ButtonHandler.tsx

@@ -3,7 +3,9 @@ import Button from '@atlaskit/button/standard-button';
 import type { FunctionComponent } from 'react';
 import type { OnClickHandler } from './types';
 
-export interface ButtonHandlerProps extends OnClickHandler {}
+export interface ButtonHandlerProps extends OnClickHandler {
+    children?: React.ReactNode;
+}
 
 export const ButtonHandler: FunctionComponent<ButtonHandlerProps> = ({
     appearance,

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,6 +1,7 @@
-import type { FunctionComponent } from 'react';
+import type { FunctionComponent, ReactNode } from 'react';
 import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import ModalDialog, { ModalTransition, ModalBody, ModalHeader, ModalFooter, ModalTitle } from '@atlaskit/modal-dialog';
+import type { KeyboardOrMouseEvent } from '@atlaskit/modal-dialog';
 import LoadingButton from '@atlaskit/button/loading-button';
 import { ModalExtension } from '@atlassian/clientside-extensions';
 import type { OnClickHandler } from './types';
@@ -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) {
@@ -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

@@ -3,7 +3,11 @@ import type { ComponentType } from 'react';
 import React 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

package/lib/styled.ts

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { keyframes } from '@emotion/core';
+import { keyframes } from '@emotion/react';
 import * as colors from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { gridSize } from '@atlaskit/theme/constants';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@atlassian/clientside-extensions-components",
-    "version": "4.0.0",
+    "version": "5.0.0",
     "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",
@@ -66,39 +66,39 @@
         "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.0",
-        "@atlassian/clientside-extensions-base": "^4.0.0",
-        "@atlassian/clientside-extensions-debug": "^4.0.0",
-        "@atlassian/clientside-extensions-registry": "^4.0.0",
-        "@atlassian/clientside-extensions-schema": "^4.0.0",
-        "@emotion/core": "^10.1.1",
-        "@emotion/styled": "^10.0.27",
+        "@atlaskit/button": "20.3.1",
+        "@atlaskit/modal-dialog": "12.17.10",
+        "@atlaskit/theme": "14.0.0",
+        "@atlassian/clientside-extensions": "^5.0.0",
+        "@atlassian/clientside-extensions-base": "^5.0.0",
+        "@atlassian/clientside-extensions-debug": "^5.0.0",
+        "@atlassian/clientside-extensions-registry": "^5.0.0",
+        "@atlassian/clientside-extensions-schema": "^5.0.0",
+        "@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.0.1",
+        "@testing-library/react-hooks": "8.0.1",
         "@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",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
         "ts-jest": "27.0.7"
     },
     "engines": {
         "node": ">=20.16.0"
     },
-    "gitHead": "5d495e8aff856cb738b2a0bf0eb1d902e1fccc85"
+    "gitHead": "797ed863b536adc5806a0f9438ee9501d710a467"
 }