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

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,0DAA0B;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/index.js

@@ -3,23 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDiscovery = exports.useValidation = exports.useLogging = exports.useDebug = exports.useWebPanelRenderer = exports.getValidatedExtensions = exports.renderElementAsReact = exports.ExtensionPointInfo = exports.ExtensionPoint = void 0;
 const tslib_1 = require("tslib");
 var ExtensionPoint_1 = require("./ExtensionPoint");
-Object.defineProperty(exports, "ExtensionPoint", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(ExtensionPoint_1).default; } });
+Object.defineProperty(exports, "ExtensionPoint", { enumerable: true, get: function () { return tslib_1.__importDefault(ExtensionPoint_1).default; } });
 var ExtensionPointInfo_1 = require("./ExtensionPointInfo");
-Object.defineProperty(exports, "ExtensionPointInfo", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(ExtensionPointInfo_1).default; } });
+Object.defineProperty(exports, "ExtensionPointInfo", { enumerable: true, get: function () { return tslib_1.__importDefault(ExtensionPointInfo_1).default; } });
 var renderElementAsReact_1 = require("./renderElementAsReact");
-Object.defineProperty(exports, "renderElementAsReact", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(renderElementAsReact_1).default; } });
+Object.defineProperty(exports, "renderElementAsReact", { enumerable: true, get: function () { return tslib_1.__importDefault(renderElementAsReact_1).default; } });
 var ExtensionsObservable_1 = require("./ExtensionsObservable");
 Object.defineProperty(exports, "getValidatedExtensions", { enumerable: true, get: function () { return ExtensionsObservable_1.getValidatedExtensions; } });
-(0, tslib_1.__exportStar)(require("./useExtensions"), exports);
-(0, tslib_1.__exportStar)(require("./handlers"), exports);
+tslib_1.__exportStar(require("./useExtensions"), exports);
+tslib_1.__exportStar(require("./handlers"), exports);
 var useWebPanelRenderer_1 = require("./useWebPanelRenderer");
-Object.defineProperty(exports, "useWebPanelRenderer", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useWebPanelRenderer_1).default; } });
+Object.defineProperty(exports, "useWebPanelRenderer", { enumerable: true, get: function () { return tslib_1.__importDefault(useWebPanelRenderer_1).default; } });
 var useDebug_1 = require("./debug/useDebug");
-Object.defineProperty(exports, "useDebug", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useDebug_1).default; } });
+Object.defineProperty(exports, "useDebug", { enumerable: true, get: function () { return tslib_1.__importDefault(useDebug_1).default; } });
 var useLogging_1 = require("./debug/useLogging");
-Object.defineProperty(exports, "useLogging", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useLogging_1).default; } });
+Object.defineProperty(exports, "useLogging", { enumerable: true, get: function () { return tslib_1.__importDefault(useLogging_1).default; } });
 var useValidation_1 = require("./debug/useValidation");
-Object.defineProperty(exports, "useValidation", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useValidation_1).default; } });
+Object.defineProperty(exports, "useValidation", { enumerable: true, get: function () { return tslib_1.__importDefault(useValidation_1).default; } });
 var useDiscovery_1 = require("./debug/useDiscovery");
-Object.defineProperty(exports, "useDiscovery", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useDiscovery_1).default; } });
+Object.defineProperty(exports, "useDiscovery", { enumerable: true, get: function () { return tslib_1.__importDefault(useDiscovery_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":";;;;AAAA,mDAAkF;AAAzE,8IAAA,OAAO,OAAkB;AAClC,2DAAqE;AAA5D,sJAAA,OAAO,OAAsB;AACtC,+DAAyE;AAAhE,0JAAA,OAAO,OAAwB;AACxC,+DAAgE;AAAvD,8HAAA,sBAAsB,OAAA;AAE/B,+DAAgC;AAChC,0DAA2B;AAE3B,6DAAuE;AAA9D,wJAAA,OAAO,OAAuB;AAIvC,6CAAuD;AAA9C,kIAAA,OAAO,OAAY;AAC5B,iDAA2D;AAAlD,sIAAA,OAAO,OAAc;AAC9B,uDAAiE;AAAxD,4IAAA,OAAO,OAAiB;AACjC,qDAA+D;AAAtD,0IAAA,OAAO,OAAgB","sourcesContent":["export { default as ExtensionPoint, ExtensionPointProps } from './ExtensionPoint';\nexport { default as ExtensionPointInfo } from './ExtensionPointInfo';\nexport { default as renderElementAsReact } from './renderElementAsReact';\nexport { getValidatedExtensions } from './ExtensionsObservable';\n\nexport * from './useExtensions';\nexport * from './handlers';\n\nexport { default as useWebPanelRenderer } from './useWebPanelRenderer';\n\nexport type { Options, ExtensionState } from './types';\n\nexport { default as useDebug } from './debug/useDebug';\nexport { default as useLogging } from './debug/useLogging';\nexport { default as useValidation } from './debug/useValidation';\nexport { default as useDiscovery } from './debug/useDiscovery';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":";;;;AAAA,mDAAkF;AAAzE,yIAAA,OAAO,OAAkB;AAClC,2DAAqE;AAA5D,iJAAA,OAAO,OAAsB;AACtC,+DAAyE;AAAhE,qJAAA,OAAO,OAAwB;AACxC,+DAAgE;AAAvD,8HAAA,sBAAsB,OAAA;AAE/B,0DAAgC;AAChC,qDAA2B;AAE3B,6DAAuE;AAA9D,mJAAA,OAAO,OAAuB;AAIvC,6CAAuD;AAA9C,6HAAA,OAAO,OAAY;AAC5B,iDAA2D;AAAlD,iIAAA,OAAO,OAAc;AAC9B,uDAAiE;AAAxD,uIAAA,OAAO,OAAiB;AACjC,qDAA+D;AAAtD,qIAAA,OAAO,OAAgB","sourcesContent":["export { default as ExtensionPoint, ExtensionPointProps } from './ExtensionPoint';\nexport { default as ExtensionPointInfo } from './ExtensionPointInfo';\nexport { default as renderElementAsReact } from './renderElementAsReact';\nexport { getValidatedExtensions } from './ExtensionsObservable';\n\nexport * from './useExtensions';\nexport * from './handlers';\n\nexport { default as useWebPanelRenderer } from './useWebPanelRenderer';\n\nexport type { Options, ExtensionState } from './types';\n\nexport { default as useDebug } from './debug/useDebug';\nexport { default as useLogging } from './debug/useLogging';\nexport { default as useValidation } from './debug/useValidation';\nexport { default as useDiscovery } from './debug/useDiscovery';\n"]}

package/dist/cjs/renderElementAsReact.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_dom_1 = (0, tslib_1.__importDefault)(require("react-dom"));
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const react_1 = tslib_1.__importStar(require("react"));
 function renderElementAsReact(renderApi, RenderElement, additionalProps) {
     renderApi
         .onMount((element) => {
         // eslint-disable-next-line react/jsx-props-no-spreading
-        react_dom_1.default.render(react_1.default.createElement(RenderElement, { ...additionalProps }), element);
+        react_dom_1.default.render(react_1.default.createElement(react_1.StrictMode, null,
+            react_1.default.createElement(RenderElement, { ...additionalProps })), element);
     })
         .onUnmount((element) => {
         react_dom_1.default.unmountComponentAtNode(element);

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,kEAAiC;AAEjC,uDAA0C;AAG1C,SAAS,oBAAoB,CACzB,SAA6B,EAC7B,aAAoC,EACpC,eAAyB;IAEzB,SAAS;SACJ,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACjB,wDAAwD;QACxD,mBAAQ,CAAC,MAAM,CACX,8BAAC,kBAAU;YACP,8BAAC,aAAa,OAAM,eAA0B,GAAI,CACzC,EACb,OAAO,CACV,CAAC;IACN,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, { StrictMode } 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(\n                <StrictMode>\n                    <RenderElement {...(additionalProps as PropsT)} />\n                </StrictMode>,\n                element,\n            );\n        })\n        .onUnmount((element) => {\n            ReactDOM.unmountComponentAtNode(element);\n        });\n}\n\nexport default renderElementAsReact;\n"]}

package/dist/cjs/styled.js

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

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,6CAAyC;AACzC,qEAAqC;AACrC,0CAA2C;AAE9B,QAAA,SAAS,GAAG,CAAC,CAAC;AAEd,QAAA,gBAAgB,GAAG,gBAAM,CAAC,IAAI,CAAA;;CAE1C,CAAC;AAEF,MAAM,cAAc,GAAG,IAAA,iBAAS,EAAA;;;;;;;;CAQ/B,CAAC;AAEF,gFAAgF;AACnE,QAAA,OAAO,GAAG,gBAAM,CAAC,MAAM,CAAA;;;kBAGlB,IAAA,cAAK,EAAC,wBAAwB,CAAC;;iBAEhC,cAAc;;;;;;;;;;;;;;;;;CAiB9B,CAAC;AAEF,qDAAqD;AACrD,wDAAwD;AACxD,qIAAqI;AACxH,QAAA,KAAK,GAAG,gBAAM,CAAC,KAAK,CAAA;;;CAGhC,CAAC;AAEW,QAAA,OAAO,GAAG,gBAAM,CAAC,EAAE,CAAA;+BACD,IAAA,cAAK,EAAC,cAAc,CAAC;CACnD,CAAC;AAEW,QAAA,QAAQ,GAAG,gBAAM,CAAC,EAAE,CAAA;eAClB,iBAAS,GAAG,CAAC,MAAM,iBAAS;;aAE9B,IAAA,cAAK,EAAC,YAAY,CAAC;;;;;;;CAO/B,CAAC;AAEW,QAAA,QAAQ,GAAG,gBAAM,CAAC,EAAE,CAAA;+BACF,IAAA,cAAK,EAAC,cAAc,CAAC;;4BAExB,IAAA,cAAK,EAAC,yCAAyC,CAAC;;CAE3E,CAAC;AAEW,QAAA,SAAS,GAAG,gBAAM,CAAC,EAAE,CAAA;;eAEnB,iBAAS,GAAG,GAAG,MAAM,iBAAS;;CAE5C,CAAC;AAEW,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC","sourcesContent":["import { token } from '@atlaskit/tokens';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\n\nexport const GRID_SIZE = 8;\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\n/* eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage */\nexport const Blinker = styled.button`\n    height: 22px;\n    width: 22px;\n    background: ${token('color.background.input')};\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/\nexport const Table = styled.table`\n    border-collapse: collapse;\n    width: 100%;\n`;\n\nexport const HeadRow = styled.tr`\n    border-bottom: 1px solid ${token('color.border')};\n`;\n\nexport const HeadCell = styled.th`\n    padding: ${GRID_SIZE / 2}px ${GRID_SIZE}px;\n    border: none;\n    color: ${token('color.text')};\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`;\n\nexport const TableRow = styled.tr`\n    border-bottom: 1px solid ${token('color.border')};\n    &:hover {\n        background-color: ${token('color.background.neutral.subtle.hovered')};\n    }\n`;\n\nexport const TableCell = styled.td`\n    border: none;\n    padding: ${GRID_SIZE / 1.2}px ${GRID_SIZE}px;\n    text-align: left;\n`;\n\nexport const HeadingWrapper = styled.div`\n    margin-top: 30px;\n`;\n"]}

package/dist/cjs/types.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNotNullOrUndefined = void 0;
+exports.isNotNullOrUndefined = isNotNullOrUndefined;
 function isNotNullOrUndefined(input) {
     return input !== undefined && input != null;
 }
-exports.isNotNullOrUndefined = isNotNullOrUndefined;
 //# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":";;;AAsBA,SAAgB,oBAAoB,CAAI,KAA2B;IAC/D,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,IAAI,IAAI,CAAC;AAChD,CAAC;AAFD,oDAEC","sourcesContent":["import type { ReactNode } from 'react';\nimport type { ExtensionAttributes, ExtensionDescriptor } from '@atlassian/clientside-extensions-registry';\n// We only import types here\n// eslint-disable-next-line node/no-unpublished-import\nimport type { Validator } from '@atlassian/clientside-extensions-schema';\n\nexport type ExtensionState<T extends ExtensionAttributes> = [ExtensionDescriptor<T>[], ExtensionDescriptor<T>[], boolean];\nexport type ExtensionPointCallback<T> = (supportedDescriptors: T[], unsupportedDescriptors: T[], loading: boolean) => ReactNode;\nexport type ExtensionPointState<T extends ExtensionAttributes = ExtensionAttributes> = {\n    descriptors: ExtensionDescriptor<T>[];\n    loadingState: boolean;\n};\nexport type ExtensionPointUpdate<T extends ExtensionAttributes = ExtensionAttributes> = {\n    state: ExtensionPointState<T>;\n    update: ExtensionDescriptor<T>[];\n};\n\nexport interface Options {\n    attributeValidator: Validator;\n    contextValidator?: Validator;\n}\n\nexport function isNotNullOrUndefined<T>(input: null | undefined | T): input is T {\n    return input !== undefined && input != null;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":";;AAsBA,oDAEC;AAFD,SAAgB,oBAAoB,CAAI,KAA2B;IAC/D,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,IAAI,IAAI,CAAC;AAChD,CAAC","sourcesContent":["import type { ReactNode } from 'react';\nimport type { ExtensionAttributes, ExtensionDescriptor } from '@atlassian/clientside-extensions-registry';\n// We only import types here\n// eslint-disable-next-line node/no-unpublished-import\nimport type { Validator } from '@atlassian/clientside-extensions-schema';\n\nexport type ExtensionState<T extends ExtensionAttributes> = [ExtensionDescriptor<T>[], ExtensionDescriptor<T>[], boolean];\nexport type ExtensionPointCallback<T> = (supportedDescriptors: T[], unsupportedDescriptors: T[], loading: boolean) => ReactNode;\nexport type ExtensionPointState<T extends ExtensionAttributes = ExtensionAttributes> = {\n    descriptors: ExtensionDescriptor<T>[];\n    loadingState: boolean;\n};\nexport type ExtensionPointUpdate<T extends ExtensionAttributes = ExtensionAttributes> = {\n    state: ExtensionPointState<T>;\n    update: ExtensionDescriptor<T>[];\n};\n\nexport interface Options {\n    attributeValidator: Validator;\n    contextValidator?: Validator;\n}\n\nexport function isNotNullOrUndefined<T>(input: null | undefined | T): input is T {\n    return input !== undefined && input != null;\n}\n"]}

package/dist/cjs/useExtensions.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExtensionsLoadingState = exports.useExtensionsUnsupported = exports.useExtensions = exports.useExtensionsAll = void 0;
 const tslib_1 = require("tslib");
 const react_1 = require("react");
-const lodash_isequal_1 = (0, tslib_1.__importDefault)(require("lodash.isequal"));
+const lodash_isequal_1 = tslib_1.__importDefault(require("lodash.isequal"));
 const clientside_extensions_debug_1 = require("@atlassian/clientside-extensions-debug");
 const ExtensionsObservable_1 = require("./ExtensionsObservable");
 const useDeepCompareMemoize = (value) => {

package/dist/cjs/useExtensions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExtensions.js","sourceRoot":"","sources":["../../lib/useExtensions.ts"],"names":[],"mappings":";;;;AAAA,iCAAoD;AACpD,iFAAqC;AAErC,wFAAiE;AACjE,iEAAgE;AAGhE,MAAM,qBAAqB,GAAG,CAAI,KAAQ,EAAK,EAAE;IAC7C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,EAAO,CAAC,CAAC;IAE/B,IAAI,CAAC,IAAA,wBAAO,EAAC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE;QAC9B,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;KACvB;IAED,OAAO,GAAG,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAC5B,cAAsB,EACtB,OAAiB,EACjB,OAAgB,EACW,EAAE;IAC7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAA8B,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACtG,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,YAAY,GAAG,IAAA,6CAAsB,EAAwB,cAAc,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,SAAS,CACtH,CAAC,MAAM,EAAE,EAAE;YACP,IAAA,qCAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;gBACpB,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,kDAAkD;gBAC3D,UAAU,EAAE,kBAAkB;gBAC9B,IAAI,EAAE;oBACF,cAAc;oBACd,OAAO,EAAE,aAAa;oBACtB,MAAM;iBACT;aACJ,CAAC,CAAC,CAAC;YAEJ,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC,CACJ,CAAC;QAEF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC5C,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAEnD,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC;AA/BW,QAAA,gBAAgB,oBA+B3B;AAEK,MAAM,aAAa,GAAG,CACzB,cAAsB,EACtB,OAAiB,EACjB,OAAgB,EAClB,EAAE;IACA,MAAM,iBAAiB,GAAG,IAAA,wBAAgB,EAAwB,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACpG,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAPW,QAAA,aAAa,iBAOxB;AAEK,MAAM,wBAAwB,GAAG,CAIpC,IAAY,EACZ,OAAiB,EACjB,OAAgB,EAClB,EAAE;IACA,MAAM,iBAAiB,GAAG,IAAA,wBAAgB,EAAwB,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1F,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAVW,QAAA,wBAAwB,4BAUnC;AAEK,MAAM,yBAAyB,GAAG,CAIrC,IAAY,EACZ,OAAiB,EACjB,OAAgB,EAClB,EAAE;IACA,MAAM,iBAAiB,GAAG,IAAA,wBAAgB,EAAwB,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1F,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAVW,QAAA,yBAAyB,6BAUpC","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport isEqual from 'lodash.isequal';\nimport type { ExtensionAttributes, Context } from '@atlassian/clientside-extensions-registry';\nimport { onDebug } from '@atlassian/clientside-extensions-debug';\nimport { getValidatedExtensions } from './ExtensionsObservable';\nimport type { ExtensionState, Options } from './types';\n\nconst useDeepCompareMemoize = <T>(value: T): T => {\n    const ref = useRef<T>({} as T);\n\n    if (!isEqual(value, ref.current)) {\n        ref.current = value;\n    }\n\n    return ref.current;\n};\n\nexport const useExtensionsAll = <ContextT extends Context<{}> | null = null, AttributesT extends ExtensionAttributes = ExtensionAttributes>(\n    extensionPoint: string,\n    context: ContextT,\n    options: Options,\n): ExtensionState<AttributesT> => {\n    const [descriptorsState, setDescriptorsState] = useState<ExtensionState<AttributesT>>([[], [], true]);\n    const cachedContext = useDeepCompareMemoize(context);\n    const cachedOptions = useDeepCompareMemoize(options);\n\n    useEffect(() => {\n        const subscription = getValidatedExtensions<ContextT, AttributesT>(extensionPoint, cachedContext, cachedOptions).subscribe(\n            (update) => {\n                onDebug(({ debug }) => ({\n                    level: debug,\n                    message: `useExtensionsAll React hook received a new state`,\n                    components: 'useExtensionsAll',\n                    meta: {\n                        extensionPoint,\n                        context: cachedContext,\n                        update,\n                    },\n                }));\n\n                setDescriptorsState(update);\n            },\n        );\n\n        return () => subscription.unsubscribe();\n    }, [extensionPoint, cachedContext, cachedOptions]);\n\n    return descriptorsState;\n};\n\nexport const useExtensions = <ContextT extends Context<{}> | null = null, AttributesT extends ExtensionAttributes = ExtensionAttributes>(\n    extensionPoint: string,\n    context: ContextT,\n    options: Options,\n) => {\n    const extensionsPayload = useExtensionsAll<ContextT, AttributesT>(extensionPoint, context, options);\n    return extensionsPayload[0];\n};\n\nexport const useExtensionsUnsupported = <\n    ContextT extends Context<{}> | null = null,\n    AttributesU extends ExtensionAttributes = ExtensionAttributes,\n>(\n    name: string,\n    context: ContextT,\n    options: Options,\n) => {\n    const extensionsPayload = useExtensionsAll<ContextT, AttributesU>(name, context, options);\n    return extensionsPayload[1];\n};\n\nexport const useExtensionsLoadingState = <\n    ContextT extends Context<{}> | null = null,\n    AttributesU extends ExtensionAttributes = ExtensionAttributes,\n>(\n    name: string,\n    context: ContextT,\n    options: Options,\n) => {\n    const extensionsPayload = useExtensionsAll<ContextT, AttributesU>(name, context, options);\n    return extensionsPayload[2];\n};\n"]}
+{"version":3,"file":"useExtensions.js","sourceRoot":"","sources":["../../lib/useExtensions.ts"],"names":[],"mappings":";;;;AAAA,iCAAoD;AACpD,4EAAqC;AAErC,wFAAiE;AACjE,iEAAgE;AAGhE,MAAM,qBAAqB,GAAG,CAAI,KAAQ,EAAK,EAAE;IAC7C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,EAAO,CAAC,CAAC;IAE/B,IAAI,CAAC,IAAA,wBAAO,EAAC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QAC/B,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,OAAO,GAAG,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAC5B,cAAsB,EACtB,OAAiB,EACjB,OAAgB,EACW,EAAE;IAC7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAA8B,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IACtG,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,YAAY,GAAG,IAAA,6CAAsB,EAAwB,cAAc,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,SAAS,CACtH,CAAC,MAAM,EAAE,EAAE;YACP,IAAA,qCAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;gBACpB,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,kDAAkD;gBAC3D,UAAU,EAAE,kBAAkB;gBAC9B,IAAI,EAAE;oBACF,cAAc;oBACd,OAAO,EAAE,aAAa;oBACtB,MAAM;iBACT;aACJ,CAAC,CAAC,CAAC;YAEJ,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC,CACJ,CAAC;QAEF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC5C,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAEnD,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC;AA/BW,QAAA,gBAAgB,oBA+B3B;AAEK,MAAM,aAAa,GAAG,CACzB,cAAsB,EACtB,OAAiB,EACjB,OAAgB,EAClB,EAAE;IACA,MAAM,iBAAiB,GAAG,IAAA,wBAAgB,EAAwB,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACpG,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAPW,QAAA,aAAa,iBAOxB;AAEK,MAAM,wBAAwB,GAAG,CAIpC,IAAY,EACZ,OAAiB,EACjB,OAAgB,EAClB,EAAE;IACA,MAAM,iBAAiB,GAAG,IAAA,wBAAgB,EAAwB,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1F,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAVW,QAAA,wBAAwB,4BAUnC;AAEK,MAAM,yBAAyB,GAAG,CAIrC,IAAY,EACZ,OAAiB,EACjB,OAAgB,EAClB,EAAE;IACA,MAAM,iBAAiB,GAAG,IAAA,wBAAgB,EAAwB,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1F,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAVW,QAAA,yBAAyB,6BAUpC","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport isEqual from 'lodash.isequal';\nimport type { ExtensionAttributes, Context } from '@atlassian/clientside-extensions-registry';\nimport { onDebug } from '@atlassian/clientside-extensions-debug';\nimport { getValidatedExtensions } from './ExtensionsObservable';\nimport type { ExtensionState, Options } from './types';\n\nconst useDeepCompareMemoize = <T>(value: T): T => {\n    const ref = useRef<T>({} as T);\n\n    if (!isEqual(value, ref.current)) {\n        ref.current = value;\n    }\n\n    return ref.current;\n};\n\nexport const useExtensionsAll = <ContextT extends Context<{}> | null = null, AttributesT extends ExtensionAttributes = ExtensionAttributes>(\n    extensionPoint: string,\n    context: ContextT,\n    options: Options,\n): ExtensionState<AttributesT> => {\n    const [descriptorsState, setDescriptorsState] = useState<ExtensionState<AttributesT>>([[], [], true]);\n    const cachedContext = useDeepCompareMemoize(context);\n    const cachedOptions = useDeepCompareMemoize(options);\n\n    useEffect(() => {\n        const subscription = getValidatedExtensions<ContextT, AttributesT>(extensionPoint, cachedContext, cachedOptions).subscribe(\n            (update) => {\n                onDebug(({ debug }) => ({\n                    level: debug,\n                    message: `useExtensionsAll React hook received a new state`,\n                    components: 'useExtensionsAll',\n                    meta: {\n                        extensionPoint,\n                        context: cachedContext,\n                        update,\n                    },\n                }));\n\n                setDescriptorsState(update);\n            },\n        );\n\n        return () => subscription.unsubscribe();\n    }, [extensionPoint, cachedContext, cachedOptions]);\n\n    return descriptorsState;\n};\n\nexport const useExtensions = <ContextT extends Context<{}> | null = null, AttributesT extends ExtensionAttributes = ExtensionAttributes>(\n    extensionPoint: string,\n    context: ContextT,\n    options: Options,\n) => {\n    const extensionsPayload = useExtensionsAll<ContextT, AttributesT>(extensionPoint, context, options);\n    return extensionsPayload[0];\n};\n\nexport const useExtensionsUnsupported = <\n    ContextT extends Context<{}> | null = null,\n    AttributesU extends ExtensionAttributes = ExtensionAttributes,\n>(\n    name: string,\n    context: ContextT,\n    options: Options,\n) => {\n    const extensionsPayload = useExtensionsAll<ContextT, AttributesU>(name, context, options);\n    return extensionsPayload[1];\n};\n\nexport const useExtensionsLoadingState = <\n    ContextT extends Context<{}> | null = null,\n    AttributesU extends ExtensionAttributes = ExtensionAttributes,\n>(\n    name: string,\n    context: ContextT,\n    options: Options,\n) => {\n    const extensionsPayload = useExtensionsAll<ContextT, AttributesU>(name, context, options);\n    return extensionsPayload[2];\n};\n"]}

package/dist/cjs/useWebPanelRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWebPanelRenderer.js","sourceRoot":"","sources":["../../lib/useWebPanelRenderer.tsx"],"names":[],"mappings":";;AAAA,wFAAiE;AACjE,iCAA4C;AAE5C,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAU,CAAC;AAErE,MAAM,eAAe,GAAG,CAAC,cAAiC,EAAE,EAAE;IAC1D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC;IAClC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC5B,6FAA6F;QAC7F,iFAAiF;QACjF,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE;YACtB,yEAAyE;YACzE,MAAM,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,IAAI,CAAE,CAAC;SACxC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI;QACA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;KACrC;IAAC,OAAO,CAAC,EAAE;QACR,IAAA,qCAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;YACpB,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,mDAAmD;YAC5D,IAAI,EAAE;gBACF,KAAK,EAAE,CAAC;aACX;SACJ,CAAC,CAAC,CAAC;KACP;IAED,IAAI;QACA,MAAM,CAAC,MAAM,EAAE,CAAC;KACnB;IAAC,OAAO,CAAC,EAAE;QACR,IAAA,qCAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;YACpB,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,0DAA0D;YACnE,IAAI,EAAE;gBACF,KAAK,EAAE,CAAC;aACX;SACJ,CAAC,CAAC,CAAC;KACP;AACL,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAG,CAAC,IAAiB,EAAE,IAAY,EAAE,EAAE;IACvE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC5D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAE7C,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEnC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC;AAIF,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,EAAE;IACzC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,IAAA,mBAAW,EACtB,CAAC,IAAI,EAAE,EAAE;;QACL,gDAAgD;QAChD,IAAI,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,0CAAE,0BAA0B,EAAE;YAC1C,OAAO;SACV;QAED,iCAAiC;QACjC,IAAI,IAAI,EAAE;YACN,8BAA8B,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC3C,gDAAgD;YAC/C,IAAyB,CAAC,0BAA0B,GAAG,IAAI,CAAC;SAChE;QAED,uFAAuF;QACvF,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,EACD,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC","sourcesContent":["import { onDebug } from '@atlassian/clientside-extensions-debug';\nimport { useCallback, useRef } from 'react';\n\nconst copyAttributes = ['type', 'src', 'nonce', 'noModule'] as const;\n\nconst evaluateScripts = (originalScript: HTMLScriptElement) => {\n    const script = document.createElement('script');\n    script.text = originalScript.text;\n    copyAttributes.forEach((attr) => {\n        // we cant just check if an attribute exists, as some of them are enforced to be \"properties\"\n        // see: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce\n        if (originalScript[attr]) {\n            // @ts-expect-error We want to assign whatever here, typescript be quiet!\n            script[attr] = originalScript[attr]!;\n        }\n    });\n\n    try {\n        document.head.appendChild(script);\n    } catch (e) {\n        onDebug(({ error }) => ({\n            level: error,\n            message: `An inline script in a WebPanel failed to execute.`,\n            meta: {\n                error: e,\n            },\n        }));\n    }\n\n    try {\n        script.remove();\n    } catch (e) {\n        onDebug(({ error }) => ({\n            level: error,\n            message: `Failed to remove inline script associated with WebPanel.`,\n            meta: {\n                error: e,\n            },\n        }));\n    }\n};\n\nconst injectAndEvaluateInlineScripts = (node: HTMLElement, html: string) => {\n    const template = document.createElement('template');\n    template.innerHTML = html;\n    const scripts = template.content.querySelectorAll('script');\n    scripts.forEach((script) => script.remove());\n\n    node.appendChild(template.content);\n\n    scripts.forEach((script) => evaluateScripts(script));\n};\n\ntype WebpanelRootNode = { __cse_webpanel_initialized: boolean } & HTMLElement;\n\nconst useWebPanelRenderer = (html: string) => {\n    const ref = useRef<WebpanelRootNode>(null);\n    const setRef = useCallback<(node: HTMLElement | null) => void>(\n        (node) => {\n            // eslint-disable-next-line no-underscore-dangle\n            if (ref?.current?.__cse_webpanel_initialized) {\n                return;\n            }\n\n            // where the actual work happens.\n            if (node) {\n                injectAndEvaluateInlineScripts(node, html);\n                // eslint-disable-next-line no-underscore-dangle\n                (node as WebpanelRootNode).__cse_webpanel_initialized = true;\n            }\n\n            // @ts-expect-error This is typed as a \"read-only\" property, but in fact it can be set.\n            ref.current = node;\n        },\n        [html],\n    );\n\n    return setRef;\n};\n\nexport default useWebPanelRenderer;\n"]}
+{"version":3,"file":"useWebPanelRenderer.js","sourceRoot":"","sources":["../../lib/useWebPanelRenderer.tsx"],"names":[],"mappings":";;AAAA,wFAAiE;AACjE,iCAA4C;AAE5C,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAU,CAAC;AAErE,MAAM,eAAe,GAAG,CAAC,cAAiC,EAAE,EAAE;IAC1D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC;IAClC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC5B,6FAA6F;QAC7F,iFAAiF;QACjF,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;YACvB,yEAAyE;YACzE,MAAM,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,IAAI,CAAE,CAAC;QACzC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,IAAA,qCAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;YACpB,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,mDAAmD;YAC5D,IAAI,EAAE;gBACF,KAAK,EAAE,CAAC;aACX;SACJ,CAAC,CAAC,CAAC;IACR,CAAC;IAED,IAAI,CAAC;QACD,MAAM,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,IAAA,qCAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;YACpB,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,0DAA0D;YACnE,IAAI,EAAE;gBACF,KAAK,EAAE,CAAC;aACX;SACJ,CAAC,CAAC,CAAC;IACR,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAG,CAAC,IAAiB,EAAE,IAAY,EAAE,EAAE;IACvE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC5D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAE7C,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEnC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC;AAIF,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,EAAE;IACzC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,IAAA,mBAAW,EACtB,CAAC,IAAI,EAAE,EAAE;;QACL,gDAAgD;QAChD,IAAI,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,0CAAE,0BAA0B,EAAE,CAAC;YAC3C,OAAO;QACX,CAAC;QAED,iCAAiC;QACjC,IAAI,IAAI,EAAE,CAAC;YACP,8BAA8B,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC3C,gDAAgD;YAC/C,IAAyB,CAAC,0BAA0B,GAAG,IAAI,CAAC;QACjE,CAAC;QAED,uFAAuF;QACvF,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,EACD,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC","sourcesContent":["import { onDebug } from '@atlassian/clientside-extensions-debug';\nimport { useCallback, useRef } from 'react';\n\nconst copyAttributes = ['type', 'src', 'nonce', 'noModule'] as const;\n\nconst evaluateScripts = (originalScript: HTMLScriptElement) => {\n    const script = document.createElement('script');\n    script.text = originalScript.text;\n    copyAttributes.forEach((attr) => {\n        // we cant just check if an attribute exists, as some of them are enforced to be \"properties\"\n        // see: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce\n        if (originalScript[attr]) {\n            // @ts-expect-error We want to assign whatever here, typescript be quiet!\n            script[attr] = originalScript[attr]!;\n        }\n    });\n\n    try {\n        document.head.appendChild(script);\n    } catch (e) {\n        onDebug(({ error }) => ({\n            level: error,\n            message: `An inline script in a WebPanel failed to execute.`,\n            meta: {\n                error: e,\n            },\n        }));\n    }\n\n    try {\n        script.remove();\n    } catch (e) {\n        onDebug(({ error }) => ({\n            level: error,\n            message: `Failed to remove inline script associated with WebPanel.`,\n            meta: {\n                error: e,\n            },\n        }));\n    }\n};\n\nconst injectAndEvaluateInlineScripts = (node: HTMLElement, html: string) => {\n    const template = document.createElement('template');\n    template.innerHTML = html;\n    const scripts = template.content.querySelectorAll('script');\n    scripts.forEach((script) => script.remove());\n\n    node.appendChild(template.content);\n\n    scripts.forEach((script) => evaluateScripts(script));\n};\n\ntype WebpanelRootNode = { __cse_webpanel_initialized: boolean } & HTMLElement;\n\nconst useWebPanelRenderer = (html: string) => {\n    const ref = useRef<WebpanelRootNode>(null);\n    const setRef = useCallback<(node: HTMLElement | null) => void>(\n        (node) => {\n            // eslint-disable-next-line no-underscore-dangle\n            if (ref?.current?.__cse_webpanel_initialized) {\n                return;\n            }\n\n            // where the actual work happens.\n            if (node) {\n                injectAndEvaluateInlineScripts(node, html);\n                // eslint-disable-next-line no-underscore-dangle\n                (node as WebpanelRootNode).__cse_webpanel_initialized = true;\n            }\n\n            // @ts-expect-error This is typed as a \"read-only\" property, but in fact it can be set.\n            ref.current = node;\n        },\n        [html],\n    );\n\n    return setRef;\n};\n\nexport default useWebPanelRenderer;\n"]}

package/dist/esm/ExtensionPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionPoint.js","sourceRoot":"","sources":["../../lib/ExtensionPoint.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAUnD,MAAM,cAAc,GAAkC,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClG,MAAM,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,SAAS,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAE3G,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YAClB,OAAO;gBACH,KAAK,EAAE,KAAK;gBAEZ,OAAO,EAAE,+FAA+F,IAAI,sBAAsB;gBAClI,UAAU,EAAE,gBAAgB;gBAC5B,IAAI,EAAE;oBACF,IAAI;oBACJ,OAAO;oBACP,OAAO;iBACV;aACJ,CAAC;QACN,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;KACf;IAED,OAAO,0CAAG,QAAQ,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,SAAS,CAAC,CAAI,CAAC;AACpF,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import type { Context, ExtensionDescriptor } from '@atlassian/clientside-extensions-registry';\nimport { onDebug } from '@atlassian/clientside-extensions-debug';\nimport React, { memo } from 'react';\nimport { useExtensionsAll } from './useExtensions';\nimport type { ExtensionPointCallback, Options } from './types';\n\nexport interface ExtensionPointProps {\n    name: string;\n    context?: Context<{}> | null;\n    options: Options;\n    children: ExtensionPointCallback<ExtensionDescriptor>;\n}\n\nconst ExtensionPoint: React.FC<ExtensionPointProps> = ({ name, context = null, options, children }) => {\n    const [supportedDescriptors, unsupportedDescriptors, isLoading] = useExtensionsAll(name, context, options);\n\n    if (typeof children !== 'function') {\n        onDebug(({ error }) => {\n            return {\n                level: error,\n\n                message: `ExtensionPoint expects a render-child.\\nThe \"children\"-property passed for extension point \"${name}\" is not a function.`,\n                components: 'ExtensionPoint',\n                meta: {\n                    name,\n                    context,\n                    options,\n                },\n            };\n        });\n        return null;\n    }\n\n    return <>{children(supportedDescriptors, unsupportedDescriptors, isLoading)}</>;\n};\n\nexport default memo(ExtensionPoint);\n"]}
+{"version":3,"file":"ExtensionPoint.js","sourceRoot":"","sources":["../../lib/ExtensionPoint.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAUnD,MAAM,cAAc,GAAkC,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClG,MAAM,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,SAAS,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAE3G,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACjC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YAClB,OAAO;gBACH,KAAK,EAAE,KAAK;gBAEZ,OAAO,EAAE,+FAA+F,IAAI,sBAAsB;gBAClI,UAAU,EAAE,gBAAgB;gBAC5B,IAAI,EAAE;oBACF,IAAI;oBACJ,OAAO;oBACP,OAAO;iBACV;aACJ,CAAC;QACN,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,0CAAG,QAAQ,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,SAAS,CAAC,CAAI,CAAC;AACpF,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import type { Context, ExtensionDescriptor } from '@atlassian/clientside-extensions-registry';\nimport { onDebug } from '@atlassian/clientside-extensions-debug';\nimport React, { memo } from 'react';\nimport { useExtensionsAll } from './useExtensions';\nimport type { ExtensionPointCallback, Options } from './types';\n\nexport interface ExtensionPointProps {\n    name: string;\n    context?: Context<{}> | null;\n    options: Options;\n    children: ExtensionPointCallback<ExtensionDescriptor>;\n}\n\nconst ExtensionPoint: React.FC<ExtensionPointProps> = ({ name, context = null, options, children }) => {\n    const [supportedDescriptors, unsupportedDescriptors, isLoading] = useExtensionsAll(name, context, options);\n\n    if (typeof children !== 'function') {\n        onDebug(({ error }) => {\n            return {\n                level: error,\n\n                message: `ExtensionPoint expects a render-child.\\nThe \"children\"-property passed for extension point \"${name}\" is not a function.`,\n                components: 'ExtensionPoint',\n                meta: {\n                    name,\n                    context,\n                    options,\n                },\n            };\n        });\n        return null;\n    }\n\n    return <>{children(supportedDescriptors, unsupportedDescriptors, isLoading)}</>;\n};\n\nexport default memo(ExtensionPoint);\n"]}

package/dist/esm/ExtensionPointInfo.js

@@ -1,16 +1,17 @@
+import Button from '@atlaskit/button/new';
+import Heading from '@atlaskit/heading';
+import Modal, { ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import React, { memo, useState } from 'react';
-import Button from '@atlaskit/button/standard-button';
-import Modal, { ModalTransition, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';
-import { Link, Element } from 'react-scroll';
-import { gridSize } from '@atlaskit/theme/constants';
+import { Element, Link } from 'react-scroll';
 import useDiscovery from './debug/useDiscovery';
-import { Table, TableCell, TableRow, HeadRow, HeadCell, Blinker, BlinkerContainer } from './styled';
+import { Blinker, BlinkerContainer, GRID_SIZE, HeadCell, HeadingWrapper, HeadRow, Table, TableCell, TableRow } from './styled';
 const LinkToElement = ({ to }) => {
     // TODO: is there a way to get the clean type from the schema?
     // 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,
@@ -31,14 +32,16 @@ const TypeRenderer = ({ objectType }) => (React.createElement(React.Fragment, nu
             React.createElement(TableCell, { width: "10%" }, descriptor.required ? 'true' : 'false'),
             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(HeadingWrapper, null,
+        React.createElement(Heading, { size: "small", as: "h3" },
+            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(HeadingWrapper, null,
+        React.createElement(Heading, { size: "small", as: "h3" },
+            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:",
         ' ',
@@ -46,8 +49,9 @@ const UnionTypeRenderer = ({ unionType }) => (React.createElement(React.Fragment
             i === 0 ? '' : ', ',
             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(HeadingWrapper, null,
+        React.createElement(Heading, { size: "small", as: "h3" },
+            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 || {};
@@ -57,19 +61,22 @@ const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }) => {
     const enumTypes = Object.values({ ...attributesEnumTypes, ...contextEnumTypes });
     const unionTypes = Object.values({ ...attributesUnionTypes, ...contextUnionTypes });
     return (React.createElement(React.Fragment, null,
-        React.createElement("h2", null, "Attributes"),
+        React.createElement(Heading, { size: "medium", as: "h2" }, "Attributes"),
         attributesDocument ? (React.createElement(React.Fragment, null,
             React.createElement("p", null, "List of attributes supported by this extension point."),
             React.createElement(TypeRenderer, { objectType: attributesDocument }))) : (React.createElement("p", null, "No attributes information provided for this extension point.")),
-        React.createElement("h2", null, "Context"),
+        React.createElement(HeadingWrapper, null,
+            React.createElement(Heading, { size: "medium", as: "h2" }, "Context")),
         contextDocument ? (React.createElement(React.Fragment, null,
             React.createElement("p", null, "List of values provided by this extension point as context."),
             React.createElement(TypeRenderer, { objectType: contextDocument }))) : (React.createElement("p", null, "No context information provided for this extension point.")),
-        React.createElement("h2", null, "Types reference"),
+        React.createElement(HeadingWrapper, null,
+            React.createElement(Heading, { size: "medium", as: "h2" }, "Types reference")),
         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(HeadingWrapper, null,
+                    React.createElement(Heading, { size: "small", as: "h3" },
+                        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 })),
@@ -80,7 +87,7 @@ const bodyStyles = {
     overflowY: 'auto',
     overflowX: 'hidden',
     // The rest of the styles are copied from the @atlaskit/modal-dialog/dist/esm/modal-body.js
-    padding: gridSize() * 3,
+    padding: GRID_SIZE * 3,
     flex: '1 1 auto',
 };
 const CustomModalBody = ({ children }) => {
@@ -93,7 +100,7 @@ const ExtensionPointInfo = ({ name, schemaDocuments }) => {
     return !showExtensionPointInfo ? null : (React.createElement(BlinkerContainer, null,
         React.createElement(Blinker, { type: "button", onClick: () => setDialogState(true) }),
         React.createElement(ModalTransition, null, dialogOpen && (React.createElement(Modal, { onClose: closeDialog, width: "x-large" },
-            React.createElement(ModalHeader, null,
+            React.createElement(ModalHeader, { hasCloseButton: true },
                 React.createElement(ModalTitle, null, `Extension point: ${name}`)),
             React.createElement(CustomModalBody, null,
                 React.createElement(SchemasRenderer, { schemaDocuments: schemaDocuments })),

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 Button from '@atlaskit/button/new';\nimport Heading from '@atlaskit/heading';\nimport Modal, { ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';\nimport type { FunctionComponent } from 'react';\nimport React, { memo, useState } from 'react';\nimport { Element, Link } 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 useDiscovery from './debug/useDiscovery';\nimport { Blinker, BlinkerContainer, GRID_SIZE, HeadCell, HeadingWrapper, HeadRow, Table, TableCell, TableRow } 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        <HeadingWrapper>\n            <Heading size=\"small\" as=\"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            </Heading>\n        </HeadingWrapper>\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        <HeadingWrapper>\n            <Heading size=\"small\" as=\"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            </Heading>\n        </HeadingWrapper>\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        <HeadingWrapper>\n            <Heading size=\"small\" as=\"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            </Heading>\n        </HeadingWrapper>\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            <Heading size=\"medium\" as=\"h2\">\n                Attributes\n            </Heading>\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            <HeadingWrapper>\n                <Heading size=\"medium\" as=\"h2\">\n                    Context\n                </Heading>\n            </HeadingWrapper>\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            <HeadingWrapper>\n                <Heading size=\"medium\" as=\"h2\">\n                    Types reference\n                </Heading>\n            </HeadingWrapper>\n            {objectTypeEntries &&\n                objectTypeEntries.map((objectType) => (\n                    <React.Fragment key={objectType.name}>\n                        <HeadingWrapper>\n                            <Heading size=\"small\" as=\"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                            </Heading>\n                        </HeadingWrapper>\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: GRID_SIZE * 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 hasCloseButton>\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"]}