@atlassian/clientside-extensions-components 3.1.2-test9-85e70efb → 3.1.3

package/README.md

@@ -2,9 +2,9 @@
 
 ## Provider Components
 
-React components to assist in the authoring of plugin points that work at product runtime.
+React components to assist in the authoring of extension points that work at product runtime.
 
 Use of these components is optional, but makes rendering client-side extensions much easier,
-since it provides default handlers for each plugin type that already implement Atlaskit.
+since it provides default handlers for each extension type that already implement Atlaskit.
 
 Refer to the [official documentation](https://developer.atlassian.com/server/framework/clientside-extensions) for more information.

package/dist/cjs/ExtensionPoint.js

@@ -1,30 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var clientside_extensions_debug_1 = require("@atlassian/clientside-extensions-debug");
-var react_1 = tslib_1.__importDefault(require("react"));
-var useExtensions_1 = require("./useExtensions");
-function ExtensionPoint(_a) {
-    var name = _a.name, context = _a.context, options = _a.options, children = _a.children;
-    var _b = useExtensions_1.useExtensionsAll(name, context, options), supportedDescriptors = _b[0], unsupportedDescriptors = _b[1], isLoading = _b[2];
+const tslib_1 = require("tslib");
+const clientside_extensions_debug_1 = require("@atlassian/clientside-extensions-debug");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const useExtensions_1 = require("./useExtensions");
+const ExtensionPoint = ({ name, context = null, options, children }) => {
+    const [supportedDescriptors, unsupportedDescriptors, isLoading] = (0, useExtensions_1.useExtensionsAll)(name, context, options);
     if (typeof children !== 'function') {
-        clientside_extensions_debug_1.onDebug(function (_a) {
-            var error = _a.error;
+        (0, clientside_extensions_debug_1.onDebug)(({ error }) => {
             return {
                 level: error,
-                // eslint-disable-next-line max-len
-                message: "ExtensionPoint expects a render-child.\nThe \"children\"-property passed for extension point \"" + name + "\" is not a function.",
+                message: `ExtensionPoint expects a render-child.\nThe "children"-property passed for extension point "${name}" is not a function.`,
                 components: 'ExtensionPoint',
                 meta: {
-                    name: name,
-                    context: context,
-                    options: options,
+                    name,
+                    context,
+                    options,
                 },
             };
         });
         return null;
     }
     return react_1.default.createElement(react_1.default.Fragment, null, children(supportedDescriptors, unsupportedDescriptors, isLoading));
-}
-exports.default = ExtensionPoint;
+};
+exports.default = (0, react_1.memo)(ExtensionPoint);
 //# sourceMappingURL=ExtensionPoint.js.map

package/dist/cjs/ExtensionPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionPoint.js","sourceRoot":"","sources":["../../lib/ExtensionPoint.tsx"],"names":[],"mappings":";;;AACA,sFAAiE;AACjE,wDAA0B;AAC1B,iDAA4D;AAW5D,SAAS,cAAc,CAAC,EAAyD;QAAvD,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IAChD,IAAA,KAA4D,gCAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,EAAnG,oBAAoB,QAAA,EAAE,sBAAsB,QAAA,EAAE,SAAS,QAA4C,CAAC;IAE3G,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChC,qCAAO,CAAC,UAAC,EAAS;gBAAP,KAAK,WAAA;YACZ,OAAO;gBACH,KAAK,EAAE,KAAK;gBACZ,mCAAmC;gBACnC,OAAO,EAAE,oGAA+F,IAAI,0BAAsB;gBAClI,UAAU,EAAE,gBAAgB;gBAC5B,IAAI,EAAE;oBACF,IAAI,MAAA;oBACJ,OAAO,SAAA;oBACP,OAAO,SAAA;iBACV;aACJ,CAAC;QACN,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;KACf;IAED,OAAO,8DAAG,QAAQ,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,SAAS,CAAC,CAAI,CAAC;AACpF,CAAC;AAED,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"ExtensionPoint.js","sourceRoot":"","sources":["../../lib/ExtensionPoint.tsx"],"names":[],"mappings":";;;AACA,wFAAiE;AACjE,4DAAoC;AACpC,mDAAmD;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,IAAA,gCAAgB,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAE3G,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChC,IAAA,qCAAO,EAAC,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,8DAAG,QAAQ,CAAC,oBAAoB,EAAE,sBAAsB,EAAE,SAAS,CAAC,CAAI,CAAC;AACpF,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAAC,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/cjs/ExtensionPointInfo.js

@@ -1,69 +1,107 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var modal_dialog_1 = tslib_1.__importStar(require("@atlaskit/modal-dialog"));
-var core_1 = require("@emotion/core");
-var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
-var useDiscovery_1 = tslib_1.__importDefault(require("./debug/useDiscovery"));
-var InfoContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    max-height: 448px;\n    overflow: auto;\n"], ["\n    max-height: 448px;\n    overflow: auto;\n"])));
-var ExtensionPointName = styled_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    font-size: 18px;\n    font-style: italic;\n    margin: 0 0 12px;\n"], ["\n    font-size: 18px;\n    font-style: italic;\n    margin: 0 0 12px;\n"])));
-var BlinkerContainer = styled_1.default.span(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    position: relative;\n"], ["\n    position: relative;\n"])));
-var blinkAnimation = core_1.keyframes(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    from {\n        transform: scale(1);\n    }\n\n    to {\n        transform: scale(1.3);\n    }\n"], ["\n    from {\n        transform: scale(1);\n    }\n\n    to {\n        transform: scale(1.3);\n    }\n"])));
-var Blinker = styled_1.default.button(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n    height: 22px;\n    width: 22px;\n    background: rgba(7, 71, 166, 0.5);\n    border-radius: 50%;\n    animation: ", " 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    height: 22px;\n    width: 22px;\n    background: rgba(7, 71, 166, 0.5);\n    border-radius: 50%;\n    animation: ", " 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"])), blinkAnimation);
-var Property = styled_1.default.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n    margin: 0 0 10px;\n    border-bottom: 1px solid #ccc;\n"], ["\n    margin: 0 0 10px;\n    border-bottom: 1px solid #ccc;\n"])));
-var PropertyName = styled_1.default.div(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n    font-size: 16px;\n    margin: 0 0 10px;\n"], ["\n    font-size: 16px;\n    margin: 0 0 10px;\n"])));
-var PropertyDescriptorContainer = styled_1.default.div(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n    margin: 6px 0;\n    font-size: 12px;\n"], ["\n    margin: 6px 0;\n    font-size: 12px;\n"])));
-var PropertyValue = styled_1.default.span(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n    color: #828282;\n"], ["\n    color: #828282;\n"])));
-var NestedProperty = styled_1.default.div(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n    margin: 0 0 0 8px;\n"], ["\n    margin: 0 0 0 8px;\n"])));
-// eslint-disable-next-line react/require-default-props
-var PropertyDescriptor = function (_a) {
-    var label = _a.label, value = _a.value;
-    if (!value) {
-        return null;
-    }
-    return (react_1.default.createElement(PropertyDescriptorContainer, null,
-        label,
-        ": ",
-        react_1.default.createElement(PropertyValue, null, value)));
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const standard_button_1 = (0, tslib_1.__importDefault)(require("@atlaskit/button/standard-button"));
+const modal_dialog_1 = (0, tslib_1.__importStar)(require("@atlaskit/modal-dialog"));
+const react_scroll_1 = require("react-scroll");
+const constants_1 = require("@atlaskit/theme/constants");
+const useDiscovery_1 = (0, tslib_1.__importDefault)(require("./debug/useDiscovery"));
+const styled_1 = require("./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
+    react_1.default.createElement(react_scroll_1.Link, { to: cleanTo, href: "", containerId: "___cse_info_container", offset: -20, smooth: true }, to));
 };
-function renderSchemaNode(node) {
-    var properties = node.properties;
-    var required = node.required || [];
-    return Object.keys(properties).map(function (propertyName) {
-        var property = properties[propertyName];
-        return (react_1.default.createElement(Property, { key: propertyName },
-            react_1.default.createElement(PropertyName, null, propertyName),
-            react_1.default.createElement(PropertyDescriptor, { label: "Type", value: property.type }),
-            react_1.default.createElement(PropertyDescriptor, { label: "Required", value: required.includes(propertyName) ? 'true' : 'false' }),
-            react_1.default.createElement(PropertyDescriptor, { label: "Description", value: property.description }),
-            react_1.default.createElement(PropertyDescriptor, { label: "Values", value: property.enum ? "[ " + property.enum.join(', ') + " ]" : null }),
-            property.type === 'object' ? react_1.default.createElement(NestedProperty, null, renderSchemaNode(property)) : null));
-    });
-}
-var getExtensionPointInfo = function (name, schemas) {
-    if (!schemas) {
-        return react_1.default.createElement("p", null, "No schema information available for this extension point");
-    }
-    var extensionsContent = schemas.schema ? renderSchemaNode(schemas.schema) : react_1.default.createElement("p", null, "No schema available for this extension point");
-    var contextContent = schemas.contextSchema ? (renderSchemaNode(schemas.contextSchema)) : (react_1.default.createElement("p", null, "No context available for this extension point"));
-    return (react_1.default.createElement(InfoContainer, null,
-        react_1.default.createElement(ExtensionPointName, null, name),
-        react_1.default.createElement("h2", null, "Provided context"),
-        contextContent,
-        react_1.default.createElement("h2", null, "Supported attributes"),
-        extensionsContent));
+const TypeRenderer = ({ objectType }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("p", null, objectType.description),
+    react_1.default.createElement(styled_1.Table, null,
+        react_1.default.createElement("thead", null,
+            react_1.default.createElement(styled_1.HeadRow, null,
+                react_1.default.createElement(styled_1.HeadCell, null, "Name"),
+                react_1.default.createElement(styled_1.HeadCell, null, "Type"),
+                react_1.default.createElement(styled_1.HeadCell, null, "Required"),
+                react_1.default.createElement(styled_1.HeadCell, null, "Description"))),
+        react_1.default.createElement("tbody", null, objectType.descriptors.map((descriptor) => (react_1.default.createElement(styled_1.TableRow, { key: descriptor.name },
+            react_1.default.createElement(styled_1.TableCell, { width: "15%" },
+                " ",
+                descriptor.name),
+            react_1.default.createElement(styled_1.TableCell, { width: "15%" },
+                react_1.default.createElement(LinkToElement, { to: descriptor.type })),
+            react_1.default.createElement(styled_1.TableCell, { width: "10%" }, descriptor.required ? 'true' : 'false'),
+            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)),
+    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)),
+    unionType.description ? (react_1.default.createElement("p", null, unionType.description)) : (react_1.default.createElement("p", null,
+        "Union of the following types:",
+        ' ',
+        unionType.types.map((_type, i) => (react_1.default.createElement(react_1.default.Fragment, { key: `${_type}-link` },
+            i === 0 ? '' : ', ',
+            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("p", null, scalar.description)));
+const SchemasRenderer = ({ schemaDocuments: { schema, contextSchema } }) => {
+    const { objectTypes: { Schema: attributesDocument, ...attributeObjectTypes } = { Schema: null }, scalars: attributeScalars, enumTypes: attributesEnumTypes, unionTypes: attributesUnionTypes, } = schema || {};
+    const { objectTypes: { ContextSchema: contextDocument, ...contextObjectTypes } = { ContextSchema: null }, scalars: contextScalars, enumTypes: contextEnumTypes, unionTypes: contextUnionTypes, } = contextSchema || {};
+    const objectTypeEntries = Object.values({ ...attributeObjectTypes, ...contextObjectTypes });
+    const scalars = Object.values({ ...attributeScalars, ...contextScalars });
+    const enumTypes = Object.values({ ...attributesEnumTypes, ...contextEnumTypes });
+    const unionTypes = Object.values({ ...attributesUnionTypes, ...contextUnionTypes });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("h2", null, "Attributes"),
+        attributesDocument ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("p", null, "List of attributes supported by this extension point."),
+            react_1.default.createElement(TypeRenderer, { objectType: attributesDocument }))) : (react_1.default.createElement("p", null, "No attributes information provided for this extension point.")),
+        react_1.default.createElement("h2", null, "Context"),
+        contextDocument ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("p", null, "List of values provided by this extension point as context."),
+            react_1.default.createElement(TypeRenderer, { objectType: contextDocument }))) : (react_1.default.createElement("p", null, "No context information provided for this extension point.")),
+        react_1.default.createElement("h2", null, "Types reference"),
+        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(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 })),
+        scalars && scalars.map((scalar) => react_1.default.createElement(ScalarRenderer, { key: scalar.name, scalar: scalar }))));
 };
-var ExtensionPointInfo = function (props) {
-    var showExtensionPointInfo = useDiscovery_1.default()[0];
-    var name = props.name, schemas = props.schemas;
-    var _a = react_1.useState(false), dialogOpen = _a[0], setDialogState = _a[1];
-    var content = getExtensionPointInfo(name, schemas);
-    var closeDialog = function () { return setDialogState(false); };
-    return !showExtensionPointInfo ? null : (react_1.default.createElement(BlinkerContainer, null,
-        react_1.default.createElement(Blinker, { onClick: function () { return setDialogState(true); } }),
-        react_1.default.createElement(modal_dialog_1.ModalTransition, null, dialogOpen && (react_1.default.createElement(modal_dialog_1.default, { actions: [{ text: 'Close', onClick: closeDialog }], onClose: closeDialog, heading: "Extension Point information" }, content)))));
+const bodyStyles = {
+    // Styles required for the react-scroll to work when scrolling is animated
+    overflowY: 'auto',
+    overflowX: 'hidden',
+    // The rest of the styles are copied from the @atlaskit/modal-dialog/dist/esm/modal-body.js
+    padding: (0, constants_1.gridSize)() * 3,
+    flex: '1 1 auto',
 };
-exports.default = ExtensionPointInfo;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+const CustomModalBody = ({ children }) => {
+    return (react_1.default.createElement("div", { id: "___cse_info_container", style: bodyStyles }, children));
+};
+const ExtensionPointInfo = ({ name, schemaDocuments }) => {
+    const [showExtensionPointInfo] = (0, useDiscovery_1.default)();
+    const [dialogOpen, setDialogState] = (0, react_1.useState)(false);
+    const closeDialog = () => setDialogState(false);
+    return !showExtensionPointInfo ? null : (react_1.default.createElement(styled_1.BlinkerContainer, null,
+        react_1.default.createElement(styled_1.Blinker, { type: "button", onClick: () => setDialogState(true) }),
+        react_1.default.createElement(modal_dialog_1.ModalTransition, null, dialogOpen && (react_1.default.createElement(modal_dialog_1.default, { onClose: closeDialog, width: "x-large" },
+            react_1.default.createElement(modal_dialog_1.ModalHeader, null,
+                react_1.default.createElement(modal_dialog_1.ModalTitle, null, `Extension point: ${name}`)),
+            react_1.default.createElement(CustomModalBody, null,
+                react_1.default.createElement(SchemasRenderer, { schemaDocuments: schemaDocuments })),
+            react_1.default.createElement(modal_dialog_1.ModalFooter, null,
+                react_1.default.createElement(standard_button_1.default, { appearance: "primary", autoFocus: true, onClick: closeDialog }, "Close")))))));
+};
+exports.default = (0, react_1.memo)(ExtensionPointInfo);
 //# sourceMappingURL=ExtensionPointInfo.js.map

package/dist/cjs/ExtensionPointInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionPointInfo.js","sourceRoot":"","sources":["../../lib/ExtensionPointInfo.tsx"],"names":[],"mappings":"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"}
+{"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"]}