@atlassian/clientside-extensions-components 2.4.1 → 2.5.0-84fa90d-kwd5ix2w

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

@@ -1 +1 @@
-{"version":3,"file":"AsyncPanelHandler.js","sourceRoot":"","sources":["../../../lib/handlers/AsyncPanelHandler.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent } from 'react';\nimport React, { useEffect, useRef, useState, useMemo } from 'react';\nimport type { AsyncPanelExtension } from '@atlassian/clientside-extensions';\nimport { onDebug } from '@atlassian/clientside-extensions-debug';\nimport type { Context } from '@atlassian/clientside-extensions-registry';\nimport type { PanelHandlerProps } from './PanelHandler';\nimport { PanelHandler } from './PanelHandler';\n\nexport type AsyncPanelRenderExtension = () => Promise<{ default: AsyncPanelExtension.AsyncPanelRenderExtension; __esModule: boolean }>;\n\nexport interface AsyncPanelHandlerProps {\n    fallback?: JSX.Element | string;\n    location: string;\n    pluginKey: string;\n    extensionKey?: string;\n    renderProvider: AsyncPanelRenderExtension;\n    contextProvider?: () => Context<{}>;\n    RootType?: PanelHandlerProps['RootType'];\n}\n\nconst noop = () => {};\n\nconst loadModule = async (\n    moduleProvider: () => Promise<{ default: AsyncPanelExtension.AsyncPanelRenderExtension; __esModule: boolean }>,\n    extensionKey: string,\n    location: string,\n): Promise<AsyncPanelExtension.AsyncPanelRenderExtension> => {\n    try {\n        const resolvedModule = await moduleProvider();\n        // eslint-disable-next-line no-underscore-dangle\n        if (!resolvedModule || !resolvedModule.__esModule || typeof resolvedModule.default !== 'function') {\n            onDebug(({ error }) => ({\n                level: error,\n\n                message: `The provided dynamic import of extension \"${extensionKey}\" at location \"${location}\" does not look like a module that can be asynchronously loaded.`,\n                components: ['AsyncPanelHandler'],\n                meta: {\n                    location,\n                    extension: extensionKey,\n                },\n            }));\n\n            return noop;\n        }\n\n        return resolvedModule.default;\n    } catch (e) {\n        onDebug(({ error }) => ({\n            level: error,\n\n            message: `Failed trying to execute the dynamic import from extension \"${extensionKey}\" for the async panel at location \"${location}\"`,\n            components: ['AsyncPanelHandler'],\n            meta: {\n                location,\n                extension: extensionKey,\n                error: e,\n            },\n        }));\n\n        return noop;\n    }\n};\n\nexport const AsyncPanelHandler: FunctionComponent<AsyncPanelHandlerProps> = ({\n    contextProvider,\n    fallback,\n    location,\n    pluginKey,\n    extensionKey = pluginKey,\n    renderProvider,\n    RootType,\n}) => {\n    const rendererRef = useRef<AsyncPanelExtension.AsyncPanelRenderExtension>();\n    const [isModuleLoaded, setIsModuleLoaded] = useState(false);\n\n    const context = useMemo<Context<{}>>(() => {\n        let contextValue: Context<{}> = {};\n\n        if (typeof contextProvider === 'function') {\n            try {\n                contextValue = contextProvider();\n            } catch (e) {\n                onDebug(({ error }) => ({\n                    level: error,\n\n                    message: `Failed to invoke \"contextProvider\" function for extension \"${extensionKey}\" at location \"${location}\".\\nError: ${e}`,\n                    components: ['AsyncPanelHandler'],\n                    meta: {\n                        location,\n                        extension: extensionKey,\n                    },\n                }));\n            }\n        }\n\n        return contextValue;\n    }, [contextProvider, location, extensionKey]);\n\n    useEffect(\n        function asyncLoadRendererModule() {\n            let didCancel = false;\n\n            async function loadRendererModule() {\n                setIsModuleLoaded(false);\n                rendererRef.current = undefined;\n\n                const resolvedRenderer = await loadModule(renderProvider, extensionKey, location);\n\n                if (didCancel) {\n                    return;\n                }\n\n                rendererRef.current = resolvedRenderer;\n                setIsModuleLoaded(true);\n            }\n\n            loadRendererModule();\n\n            return () => {\n                didCancel = true;\n            };\n        },\n        [renderProvider, extensionKey, location],\n    );\n\n    if (!isModuleLoaded || !rendererRef.current) {\n        return fallback ? <>{fallback}</> : null;\n    }\n\n    return <PanelHandler render={rendererRef.current} RootType={RootType} context={context} />;\n};\n"]}
+{"version":3,"file":"AsyncPanelHandler.js","sourceRoot":"","sources":["../../../lib/handlers/AsyncPanelHandler.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent } from 'react';\nimport React, { useEffect, useRef, useState, useMemo } from 'react';\nimport type { AsyncPanelExtension } from '@atlassian/clientside-extensions';\nimport { onDebug } from '@atlassian/clientside-extensions-debug';\nimport type { Context } from '@atlassian/clientside-extensions-registry';\nimport type { PanelHandlerProps } from './PanelHandler';\nimport { PanelHandler } from './PanelHandler';\n\nexport type AsyncPanelRenderExtension = () => Promise<{ default: AsyncPanelExtension.AsyncPanelRenderExtension; __esModule: boolean }>;\n\nexport interface AsyncPanelHandlerProps {\n    fallback?: JSX.Element | string;\n    location: string;\n    pluginKey: string;\n    extensionKey?: string;\n    renderProvider: AsyncPanelRenderExtension;\n    contextProvider?: () => Context<{}>;\n    RootType?: PanelHandlerProps['RootType'];\n}\n\nconst noop = () => {};\n\nconst loadModule = async (\n    moduleProvider: () => Promise<{ default: AsyncPanelExtension.AsyncPanelRenderExtension; __esModule: boolean }>,\n    extensionKey: string,\n    location: string,\n): Promise<AsyncPanelExtension.AsyncPanelRenderExtension> => {\n    try {\n        const resolvedModule = await moduleProvider();\n        // eslint-disable-next-line no-underscore-dangle\n        if (!resolvedModule || !resolvedModule.__esModule || typeof resolvedModule.default !== 'function') {\n            onDebug(({ error }) => ({\n                level: error,\n\n                message: `The provided dynamic import of extension \"${extensionKey}\" at location \"${location}\" does not look like a module that can be asynchronously loaded.`,\n                components: ['AsyncPanelHandler'],\n                meta: {\n                    location,\n                    extension: extensionKey,\n                },\n            }));\n\n            return noop;\n        }\n\n        return resolvedModule.default;\n    } catch (e) {\n        onDebug(({ error }) => ({\n            level: error,\n\n            message: `Failed trying to execute the dynamic import from extension \"${extensionKey}\" for the async panel at location \"${location}\"`,\n            components: ['AsyncPanelHandler'],\n            meta: {\n                location,\n                extension: extensionKey,\n                error: e,\n            },\n        }));\n\n        return noop;\n    }\n};\n\nexport const AsyncPanelHandler: FunctionComponent<AsyncPanelHandlerProps> = ({\n    contextProvider,\n    fallback,\n    location,\n    pluginKey,\n    extensionKey = pluginKey,\n    renderProvider,\n    RootType,\n}) => {\n    const rendererRef = useRef<AsyncPanelExtension.AsyncPanelRenderExtension>();\n    const [isModuleLoaded, setIsModuleLoaded] = useState(false);\n\n    const context = useMemo<Context<{}>>(() => {\n        let contextValue: Context<{}> = {};\n\n        if (typeof contextProvider === 'function') {\n            try {\n                contextValue = contextProvider();\n            } catch (e) {\n                onDebug(({ error }) => ({\n                    level: error,\n\n                    message: `Failed to invoke \"contextProvider\" function for extension \"${extensionKey}\" at location \"${location}\".\\nError: ${e}`,\n                    components: ['AsyncPanelHandler'],\n                    meta: {\n                        location,\n                        extension: extensionKey,\n                    },\n                }));\n            }\n        }\n\n        return contextValue;\n    }, [contextProvider, location, extensionKey]);\n\n    useEffect(\n        function asyncLoadRendererModule() {\n            let didCancel = false;\n\n            async function loadRendererModule() {\n                setIsModuleLoaded(false);\n                rendererRef.current = undefined;\n\n                const resolvedRenderer = await loadModule(renderProvider, extensionKey, location);\n\n                if (didCancel) {\n                    return;\n                }\n\n                rendererRef.current = resolvedRenderer;\n                setIsModuleLoaded(true);\n            }\n\n            loadRendererModule();\n\n            return () => {\n                didCancel = true;\n            };\n        },\n        [renderProvider, extensionKey, location],\n    );\n\n    if (!isModuleLoaded || !rendererRef.current) {\n        return fallback ? <>{fallback}</> : null;\n    }\n\n    return <PanelHandler render={rendererRef.current} RootType={RootType} context={context} />;\n};\n"]}

package/dist/cjs/handlers/ButtonHandler.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonHandler = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const standard_button_1 = tslib_1.__importDefault(require("@atlaskit/button/standard-button"));
-exports.ButtonHandler = ({ appearance, children, disabled, hidden, iconAfter, iconBefore, onAction, spacing, }) => {
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const standard_button_1 = (0, tslib_1.__importDefault)(require("@atlaskit/button/standard-button"));
+const ButtonHandler = ({ appearance, children, disabled, hidden, iconAfter, iconBefore, onAction, spacing, }) => {
     if (hidden) {
         return null;
     }
     return (react_1.default.createElement(standard_button_1.default, { type: "button", appearance: appearance, iconAfter: iconAfter, iconBefore: iconBefore, isDisabled: disabled, onClick: onAction, spacing: spacing }, children));
 };
+exports.ButtonHandler = ButtonHandler;
 //# sourceMappingURL=ButtonHandler.js.map

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

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

package/dist/cjs/handlers/LinkHandler.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkHandler = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const standard_button_1 = tslib_1.__importDefault(require("@atlaskit/button/standard-button"));
-exports.LinkHandler = ({ appearance = 'link', children, disabled, hidden, href, iconAfter, iconBefore, onAction, spacing, }) => {
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const standard_button_1 = (0, tslib_1.__importDefault)(require("@atlaskit/button/standard-button"));
+const LinkHandler = ({ appearance = 'link', children, disabled, hidden, href, iconAfter, iconBefore, onAction, spacing, }) => {
     if (hidden) {
         return null;
     }
     return (react_1.default.createElement(standard_button_1.default, { appearance: appearance, href: href, iconAfter: iconAfter, iconBefore: iconBefore, isDisabled: disabled, onClick: onAction, spacing: spacing }, children));
 };
+exports.LinkHandler = LinkHandler;
 //# sourceMappingURL=LinkHandler.js.map

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

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

package/dist/cjs/handlers/ModalHandler.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalWithActionHandler = exports.ModalHandler = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const modal_dialog_1 = tslib_1.__importStar(require("@atlaskit/modal-dialog"));
-const loading_button_1 = tslib_1.__importDefault(require("@atlaskit/button/loading-button"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
+const modal_dialog_1 = (0, tslib_1.__importStar)(require("@atlaskit/modal-dialog"));
+const loading_button_1 = (0, tslib_1.__importDefault)(require("@atlaskit/button/loading-button"));
 const clientside_extensions_1 = require("@atlassian/clientside-extensions");
 const ButtonHandler_1 = require("./ButtonHandler");
 const ModalInnerBody = ({ modalApi }) => {
-    const ref = react_1.useRef(null);
-    react_1.useEffect(() => {
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         const node = ref.current;
         if (node) {
             modalApi.getRenderCallback()(node);
@@ -22,9 +22,9 @@ const ModalInnerBody = ({ modalApi }) => {
     }, [modalApi]);
     return react_1.default.createElement("div", { ref: ref });
 };
-exports.ModalHandler = ({ render, isOpen, onClose, __withoutTransition = false, __disableFocusLock = false, }) => {
-    const [actions, setActions] = react_1.useState([]);
-    const modalApi = react_1.useMemo(() => {
+const ModalHandler = ({ render, isOpen, onClose, __withoutTransition = false, __disableFocusLock = false, }) => {
+    const [actions, setActions] = (0, react_1.useState)([]);
+    const modalApi = (0, react_1.useMemo)(() => {
         const api = new clientside_extensions_1.ModalExtension.Api(onClose, setActions);
         render(api);
         return api;
@@ -34,14 +34,14 @@ exports.ModalHandler = ({ render, isOpen, onClose, __withoutTransition = false,
     // When the stackIndex > 0 this will disable the focus lock of the Modal. That's quite naive implementation since we are abusing
     // the Atlaskit stacking mechanism.
     const stackIndex = __disableFocusLock ? 1 : 0;
-    const onCloseHandler = react_1.useCallback((e) => {
+    const onCloseHandler = (0, react_1.useCallback)((e) => {
         const closeResult = modalApi.getOnCloseCallback()(e);
         // prevent closing of modal if "closeRequest" is "false"
         if (closeResult !== false) {
             onClose();
         }
     }, [modalApi, onClose]);
-    const actionsAsButtons = react_1.useMemo(() => actions.map(({ testId, isLoading, text, onClick, isDisabled }, index) => (
+    const actionsAsButtons = (0, react_1.useMemo)(() => actions.map(({ testId, isLoading, text, onClick, isDisabled }, index) => (
     // eslint-disable-next-line react/no-array-index-key
     react_1.default.createElement(loading_button_1.default, { key: index, isLoading: isLoading, testId: testId, isDisabled: isDisabled, onClick: onClick }, text))), [actions]);
     return (react_1.default.createElement(Wrapper, null, isOpen && (react_1.default.createElement(modal_dialog_1.default, { testId: "client-extensions-modal", width: modalApi.getWidth(), onClose: onCloseHandler, stackIndex: stackIndex },
@@ -51,16 +51,17 @@ exports.ModalHandler = ({ render, isOpen, onClose, __withoutTransition = false,
             react_1.default.createElement(ModalInnerBody, { modalApi: modalApi })),
         react_1.default.createElement(modal_dialog_1.ModalFooter, null, actionsAsButtons)))));
 };
-exports.ModalWithActionHandler = ({ 
+exports.ModalHandler = ModalHandler;
+const ModalWithActionHandler = ({ 
 // Action Handler Properties
 appearance, children, disabled, hidden, iconAfter, iconBefore, spacing, 
 // Modal Handler Properties
 render, __withoutTransition, __disableFocusLock, }) => {
-    const [isOpen, setIsOpen] = react_1.useState(false);
-    const openModal = react_1.useCallback(() => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const openModal = (0, react_1.useCallback)(() => {
         setIsOpen(true);
     }, []);
-    const closeModal = react_1.useCallback(() => {
+    const closeModal = (0, react_1.useCallback)(() => {
         setIsOpen(false);
     }, []);
     if (hidden) {
@@ -70,4 +71,5 @@ render, __withoutTransition, __disableFocusLock, }) => {
         react_1.default.createElement(ButtonHandler_1.ButtonHandler, { appearance: appearance, iconAfter: iconAfter, iconBefore: iconBefore, disabled: disabled, hidden: hidden, onAction: openModal, spacing: spacing }, children),
         react_1.default.createElement(exports.ModalHandler, { isOpen: isOpen, onClose: closeModal, render: render, __disableFocusLock: __disableFocusLock, __withoutTransition: __withoutTransition })));
 };
+exports.ModalWithActionHandler = ModalWithActionHandler;
 //# sourceMappingURL=ModalHandler.js.map

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

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

package/dist/cjs/handlers/PanelHandler.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PanelHandler = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const clientside_extensions_1 = require("@atlassian/clientside-extensions");
 const isDiv = (RooType) => RooType === 'div';
-exports.PanelHandler = ({ render, RootType = 'div', context }) => {
-    const panelApi = react_1.useMemo(() => new clientside_extensions_1.PanelExtension.Api(), []);
-    const ref = react_1.useRef(null);
-    react_1.useEffect(function callMountAndUnmountLifecycleCallbacks() {
+const PanelHandler = ({ render, RootType = 'div', context }) => {
+    const panelApi = (0, react_1.useMemo)(() => new clientside_extensions_1.PanelExtension.Api(), []);
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function callMountAndUnmountLifecycleCallbacks() {
         const node = ref.current;
         if (render) {
             render(panelApi, context);
@@ -27,4 +27,5 @@ exports.PanelHandler = ({ render, RootType = 'div', context }) => {
     }
     return react_1.default.createElement(RootType, { ref: ref });
 };
+exports.PanelHandler = PanelHandler;
 //# sourceMappingURL=PanelHandler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHandler.js","sourceRoot":"","sources":["../../../lib/handlers/PanelHandler.tsx"],"names":[],"mappings":";;;;AACA,uDAA0D;AAE1D,4EAAkE;AAelE,MAAM,KAAK,GAAG,CAAC,OAAe,EAAoB,EAAE,CAAC,OAAO,KAAK,KAAK,CAAC;AAE1D,QAAA,YAAY,GAAyC,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACxG,MAAM,QAAQ,GAAG,eAAO,CAAC,GAAG,EAAE,CAAC,IAAI,sCAAc,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,GAAG,GAAG,cAAM,CAAmC,IAAI,CAAC,CAAC;IAE3D,iBAAS,CACL,SAAS,qCAAqC;QAC1C,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;QAEzB,IAAI,MAAM,EAAE;YACR,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;SAC7B;QAED,IAAI,IAAI,EAAE;YACN,QAAQ,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC;SACtC;QAED,OAAO,GAAG,EAAE;YACR,IAAI,IAAI,EAAE;gBACN,QAAQ,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC;aACvC;QACL,CAAC,CAAC;IACN,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAC9B,CAAC;IAEF,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;QACjB,OAAO,8BAAC,QAAQ,IAAC,GAAG,EAAE,GAAuC,GAAI,CAAC;KACrE;IAED,OAAO,8BAAC,QAAQ,IAAC,GAAG,EAAE,GAAwC,GAAI,CAAC;AACvE,CAAC,CAAC","sourcesContent":["import type { FunctionComponent, MutableRefObject } from 'react';\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport type { Context } from '@atlassian/clientside-extensions-registry';\nimport { PanelExtension } from '@atlassian/clientside-extensions';\n\nexport interface PanelHandlerProps {\n    render: PanelExtension.PanelRenderExtension;\n    RootType?: 'div' | 'span';\n    /*\n        Hello dear reader of inline comments. You might rightfully ask: what the hell is \"context\" doing here.\n        Well turns out you are not the first.\n        The reason is, that async-panel is reusing the panel handler under the hood. And the only way to let the panel have\n        access to the context is by passing it through via a \"contextProvider\" (check the AsyncPanelExtension).\n        So yeah, that is why we are here. And that is why \"context\" has to stay.\n     */\n    context?: Context<{}>;\n}\n\nconst isDiv = (RooType: string): RooType is 'div' => RooType === 'div';\n\nexport const PanelHandler: FunctionComponent<PanelHandlerProps> = ({ render, RootType = 'div', context }) => {\n    const panelApi = useMemo(() => new PanelExtension.Api(), []);\n    const ref = useRef<HTMLDivElement | HTMLSpanElement>(null);\n\n    useEffect(\n        function callMountAndUnmountLifecycleCallbacks() {\n            const node = ref.current;\n\n            if (render) {\n                render(panelApi, context);\n            }\n\n            if (node) {\n                panelApi.getRenderCallback()(node);\n            }\n\n            return () => {\n                if (node) {\n                    panelApi.getCleanupCallback()(node);\n                }\n            };\n        },\n        [panelApi, render, context],\n    );\n\n    if (isDiv(RootType)) {\n        return <RootType ref={ref as MutableRefObject<HTMLDivElement>} />;\n    }\n\n    return <RootType ref={ref as MutableRefObject<HTMLSpanElement>} />;\n};\n"]}
+{"version":3,"file":"PanelHandler.js","sourceRoot":"","sources":["../../../lib/handlers/PanelHandler.tsx"],"names":[],"mappings":";;;;AACA,4DAA0D;AAE1D,4EAAkE;AAelE,MAAM,KAAK,GAAG,CAAC,OAAe,EAAoB,EAAE,CAAC,OAAO,KAAK,KAAK,CAAC;AAEhE,MAAM,YAAY,GAAyC,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACxG,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,sCAAc,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAmC,IAAI,CAAC,CAAC;IAE3D,IAAA,iBAAS,EACL,SAAS,qCAAqC;QAC1C,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;QAEzB,IAAI,MAAM,EAAE;YACR,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;SAC7B;QAED,IAAI,IAAI,EAAE;YACN,QAAQ,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC;SACtC;QAED,OAAO,GAAG,EAAE;YACR,IAAI,IAAI,EAAE;gBACN,QAAQ,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC;aACvC;QACL,CAAC,CAAC;IACN,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAC9B,CAAC;IAEF,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;QACjB,OAAO,8BAAC,QAAQ,IAAC,GAAG,EAAE,GAAuC,GAAI,CAAC;KACrE;IAED,OAAO,8BAAC,QAAQ,IAAC,GAAG,EAAE,GAAwC,GAAI,CAAC;AACvE,CAAC,CAAC;AA9BW,QAAA,YAAY,gBA8BvB","sourcesContent":["import type { FunctionComponent, MutableRefObject } from 'react';\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport type { Context } from '@atlassian/clientside-extensions-registry';\nimport { PanelExtension } from '@atlassian/clientside-extensions';\n\nexport interface PanelHandlerProps {\n    render: PanelExtension.PanelRenderExtension;\n    RootType?: 'div' | 'span';\n    /*\n        Hello dear reader of inline comments. You might rightfully ask: what the hell is \"context\" doing here.\n        Well turns out you are not the first.\n        The reason is, that async-panel is reusing the panel handler under the hood. And the only way to let the panel have\n        access to the context is by passing it through via a \"contextProvider\" (check the AsyncPanelExtension).\n        So yeah, that is why we are here. And that is why \"context\" has to stay.\n     */\n    context?: Context<{}>;\n}\n\nconst isDiv = (RooType: string): RooType is 'div' => RooType === 'div';\n\nexport const PanelHandler: FunctionComponent<PanelHandlerProps> = ({ render, RootType = 'div', context }) => {\n    const panelApi = useMemo(() => new PanelExtension.Api(), []);\n    const ref = useRef<HTMLDivElement | HTMLSpanElement>(null);\n\n    useEffect(\n        function callMountAndUnmountLifecycleCallbacks() {\n            const node = ref.current;\n\n            if (render) {\n                render(panelApi, context);\n            }\n\n            if (node) {\n                panelApi.getRenderCallback()(node);\n            }\n\n            return () => {\n                if (node) {\n                    panelApi.getCleanupCallback()(node);\n                }\n            };\n        },\n        [panelApi, render, context],\n    );\n\n    if (isDiv(RootType)) {\n        return <RootType ref={ref as MutableRefObject<HTMLDivElement>} />;\n    }\n\n    return <RootType ref={ref as MutableRefObject<HTMLSpanElement>} />;\n};\n"]}

package/dist/cjs/handlers/SectionHandler.js

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

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

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

package/dist/cjs/handlers/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtensionType = exports.SectionHandler = exports.PanelHandler = exports.LinkHandler = exports.ButtonHandler = exports.ModalWithActionHandler = exports.ModalHandler = exports.AsyncPanelHandler = void 0;
 var AsyncPanelHandler_1 = require("./AsyncPanelHandler");
 Object.defineProperty(exports, "AsyncPanelHandler", { enumerable: true, get: function () { return AsyncPanelHandler_1.AsyncPanelHandler; } });
 var ModalHandler_1 = require("./ModalHandler");

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/handlers/index.ts"],"names":[],"mappings":";;AAAA,yDAA2G;AAAlG,sHAAA,iBAAiB,OAAA;AAC1B,+CAAsH;AAA7G,4GAAA,YAAY,OAAA;AAAqB,sHAAA,sBAAsB,OAAA;AAChE,iDAAoE;AAA3D,8GAAA,aAAa,OAAA;AACtB,6CAA8D;AAArD,0GAAA,WAAW,OAAA;AACpB,+CAAiE;AAAxD,4GAAA,YAAY,OAAA;AACrB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,0EAAiE;AAAxD,sHAAA,aAAa,OAAA","sourcesContent":["export { AsyncPanelHandler, AsyncPanelHandlerProps, AsyncPanelRenderExtension } from './AsyncPanelHandler';\nexport { ModalHandler, ModalHandlerProps, ModalWithActionHandler, ModalWithActionHandlerProps } from './ModalHandler';\nexport { ButtonHandler, ButtonHandlerProps } from './ButtonHandler';\nexport { LinkHandler, LinkHandlerProps } from './LinkHandler';\nexport { PanelHandler, PanelHandlerProps } from './PanelHandler';\nexport { SectionHandler } from './SectionHandler';\n\nexport { ExtensionType } from '@atlassian/clientside-extensions';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/handlers/index.ts"],"names":[],"mappings":";;;AAAA,yDAA2G;AAAlG,sHAAA,iBAAiB,OAAA;AAC1B,+CAAsH;AAA7G,4GAAA,YAAY,OAAA;AAAqB,sHAAA,sBAAsB,OAAA;AAChE,iDAAoE;AAA3D,8GAAA,aAAa,OAAA;AACtB,6CAA8D;AAArD,0GAAA,WAAW,OAAA;AACpB,+CAAiE;AAAxD,4GAAA,YAAY,OAAA;AACrB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,0EAAiE;AAAxD,sHAAA,aAAa,OAAA","sourcesContent":["export { AsyncPanelHandler, AsyncPanelHandlerProps, AsyncPanelRenderExtension } from './AsyncPanelHandler';\nexport { ModalHandler, ModalHandlerProps, ModalWithActionHandler, ModalWithActionHandlerProps } from './ModalHandler';\nexport { ButtonHandler, ButtonHandlerProps } from './ButtonHandler';\nexport { LinkHandler, LinkHandlerProps } from './LinkHandler';\nexport { PanelHandler, PanelHandlerProps } from './PanelHandler';\nexport { SectionHandler } from './SectionHandler';\n\nexport { ExtensionType } from '@atlassian/clientside-extensions';\n"]}

package/dist/cjs/index.js

@@ -1,24 +1,25 @@
 "use strict";
 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 ExtensionPoint_1.default; } });
+Object.defineProperty(exports, "ExtensionPoint", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(ExtensionPoint_1).default; } });
 var ExtensionPointInfo_1 = require("./ExtensionPointInfo");
-Object.defineProperty(exports, "ExtensionPointInfo", { enumerable: true, get: function () { return ExtensionPointInfo_1.default; } });
+Object.defineProperty(exports, "ExtensionPointInfo", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(ExtensionPointInfo_1).default; } });
 var renderElementAsReact_1 = require("./renderElementAsReact");
-Object.defineProperty(exports, "renderElementAsReact", { enumerable: true, get: function () { return renderElementAsReact_1.default; } });
+Object.defineProperty(exports, "renderElementAsReact", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(renderElementAsReact_1).default; } });
 var ExtensionsObservable_1 = require("./ExtensionsObservable");
 Object.defineProperty(exports, "getValidatedExtensions", { enumerable: true, get: function () { return ExtensionsObservable_1.getValidatedExtensions; } });
-tslib_1.__exportStar(require("./useExtensions"), exports);
-tslib_1.__exportStar(require("./handlers"), exports);
+(0, tslib_1.__exportStar)(require("./useExtensions"), exports);
+(0, tslib_1.__exportStar)(require("./handlers"), exports);
 var useWebPanelRenderer_1 = require("./useWebPanelRenderer");
-Object.defineProperty(exports, "useWebPanelRenderer", { enumerable: true, get: function () { return useWebPanelRenderer_1.default; } });
+Object.defineProperty(exports, "useWebPanelRenderer", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useWebPanelRenderer_1).default; } });
 var useDebug_1 = require("./debug/useDebug");
-Object.defineProperty(exports, "useDebug", { enumerable: true, get: function () { return useDebug_1.default; } });
+Object.defineProperty(exports, "useDebug", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useDebug_1).default; } });
 var useLogging_1 = require("./debug/useLogging");
-Object.defineProperty(exports, "useLogging", { enumerable: true, get: function () { return useLogging_1.default; } });
+Object.defineProperty(exports, "useLogging", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useLogging_1).default; } });
 var useValidation_1 = require("./debug/useValidation");
-Object.defineProperty(exports, "useValidation", { enumerable: true, get: function () { return useValidation_1.default; } });
+Object.defineProperty(exports, "useValidation", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(useValidation_1).default; } });
 var useDiscovery_1 = require("./debug/useDiscovery");
-Object.defineProperty(exports, "useDiscovery", { enumerable: true, get: function () { return useDiscovery_1.default; } });
+Object.defineProperty(exports, "useDiscovery", { enumerable: true, get: function () { return (0, 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,gHAAA,OAAO,OAAkB;AAClC,2DAAqE;AAA5D,wHAAA,OAAO,OAAsB;AACtC,+DAAyE;AAAhE,4HAAA,OAAO,OAAwB;AACxC,+DAAgE;AAAvD,8HAAA,sBAAsB,OAAA;AAE/B,0DAAgC;AAChC,qDAA2B;AAE3B,6DAAuE;AAA9D,0HAAA,OAAO,OAAuB;AAIvC,6CAAuD;AAA9C,oGAAA,OAAO,OAAY;AAC5B,iDAA2D;AAAlD,wGAAA,OAAO,OAAc;AAC9B,uDAAiE;AAAxD,8GAAA,OAAO,OAAiB;AACjC,qDAA+D;AAAtD,4GAAA,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,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"]}

package/dist/cjs/renderElementAsReact.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = (0, tslib_1.__importDefault)(require("react-dom"));
+const react_1 = (0, tslib_1.__importDefault)(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, Object.assign({}, additionalProps)), element);
+        react_dom_1.default.render(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,kEAAiC;AAEjC,0DAA0B;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,oBAAM,eAA0B,EAAI,EAAE,OAAO,CAAC,CAAC;IACjF,CAAC,CAAC;SACD,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QACnB,mBAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACX,CAAC;AAED,kBAAe,oBAAoB,CAAC","sourcesContent":["import ReactDOM from 'react-dom';\nimport type { ComponentType } from 'react';\nimport React from 'react';\nimport type { MountableExtension } from '@atlassian/clientside-extensions';\n\nfunction renderElementAsReact<PropsT>(renderApi: MountableExtension, RenderElement: ComponentType<PropsT>, additionalProps?: PropsT) {\n    renderApi\n        .onMount((element) => {\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            ReactDOM.render(<RenderElement {...(additionalProps as PropsT)} />, element);\n        })\n        .onUnmount((element) => {\n            ReactDOM.unmountComponentAtNode(element);\n        });\n}\n\nexport default renderElementAsReact;\n"]}
+{"version":3,"file":"renderElementAsReact.js","sourceRoot":"","sources":["../../lib/renderElementAsReact.tsx"],"names":[],"mappings":";;;AAAA,uEAAiC;AAEjC,+DAA0B;AAG1B,SAAS,oBAAoB,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"]}

package/dist/cjs/styled.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableCell = exports.TableRow = exports.HeadCell = exports.HeadRow = exports.Table = exports.Blinker = exports.BlinkerContainer = void 0;
 const tslib_1 = require("tslib");
-const styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
+const styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
 const core_1 = require("@emotion/core");
-const colors = tslib_1.__importStar(require("@atlaskit/theme/colors"));
+const colors = (0, tslib_1.__importStar)(require("@atlaskit/theme/colors"));
 const components_1 = require("@atlaskit/theme/components");
 const constants_1 = require("@atlaskit/theme/constants");
 exports.BlinkerContainer = styled_1.default.span `
     position: relative;
 `;
-const blinkAnimation = core_1.keyframes `
+const blinkAnimation = (0, core_1.keyframes) `
     from {
         transform: scale(1);
     }
@@ -46,16 +46,16 @@ exports.Blinker = styled_1.default.button `
 // 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: components_1.themed({ light: colors.B100, dark: colors.B100 }),
-    borderColor: components_1.themed({ light: colors.N40, dark: colors.DN50 }),
-    highlightedBackground: components_1.themed({ light: colors.N20, dark: colors.DN50 }),
-    hoverBackground: components_1.themed({ light: colors.N10, dark: colors.DN40 }),
-    hoverHighlightedBackground: components_1.themed({ light: colors.N30, dark: colors.DN60 }),
+    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: components_1.themed({ light: colors.B100, dark: colors.B100 }),
-    borderColor: components_1.themed({ light: colors.N40, dark: colors.DN50 }),
-    textColor: components_1.themed({ light: colors.N300, dark: colors.DN300 }),
+    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;
@@ -65,7 +65,7 @@ exports.HeadRow = styled_1.default.tr `
     border-bottom: 2px solid ${headTheme.borderColor};
 `;
 exports.HeadCell = styled_1.default.th `
-    padding: ${constants_1.gridSize() / 2}px ${constants_1.gridSize}px;
+    padding: ${(0, constants_1.gridSize)() / 2}px ${constants_1.gridSize}px;
     &:first-of-type {
         padding-left: 0;
     }
@@ -97,7 +97,7 @@ exports.TableRow = styled_1.default.tr `
 `;
 exports.TableCell = styled_1.default.td `
     border: none;
-    padding: ${constants_1.gridSize() / 1.2}px ${constants_1.gridSize}px;
+    padding: ${(0, constants_1.gridSize)() / 1.2}px ${constants_1.gridSize}px;
     text-align: left;
 
     &:first-of-type {

package/dist/cjs/styled.js.map

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

package/dist/cjs/useExtensions.js

@@ -3,23 +3,23 @@ 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 = tslib_1.__importDefault(require("lodash.isequal"));
+const lodash_isequal_1 = (0, tslib_1.__importDefault)(require("lodash.isequal"));
 const clientside_extensions_debug_1 = require("@atlassian/clientside-extensions-debug");
 const ExtensionsObservable_1 = require("./ExtensionsObservable");
 const useDeepCompareMemoize = (value) => {
-    const ref = react_1.useRef({});
-    if (!lodash_isequal_1.default(value, ref.current)) {
+    const ref = (0, react_1.useRef)({});
+    if (!(0, lodash_isequal_1.default)(value, ref.current)) {
         ref.current = value;
     }
     return ref.current;
 };
-exports.useExtensionsAll = (extensionPoint, context, options) => {
-    const [descriptorsState, setDescriptorsState] = react_1.useState([[], [], true]);
+const useExtensionsAll = (extensionPoint, context, options) => {
+    const [descriptorsState, setDescriptorsState] = (0, react_1.useState)([[], [], true]);
     const cachedContext = useDeepCompareMemoize(context);
     const cachedOptions = useDeepCompareMemoize(options);
-    react_1.useEffect(() => {
-        const subscription = ExtensionsObservable_1.getValidatedExtensions(extensionPoint, cachedContext, cachedOptions).subscribe((update) => {
-            clientside_extensions_debug_1.onDebug(({ debug }) => ({
+    (0, react_1.useEffect)(() => {
+        const subscription = (0, ExtensionsObservable_1.getValidatedExtensions)(extensionPoint, cachedContext, cachedOptions).subscribe((update) => {
+            (0, clientside_extensions_debug_1.onDebug)(({ debug }) => ({
                 level: debug,
                 message: `useExtensionsAll React hook received a new state`,
                 components: 'useExtensionsAll',
@@ -35,16 +35,20 @@ exports.useExtensionsAll = (extensionPoint, context, options) => {
     }, [extensionPoint, cachedContext, cachedOptions]);
     return descriptorsState;
 };
-exports.useExtensions = (extensionPoint, context, options) => {
-    const extensionsPayload = exports.useExtensionsAll(extensionPoint, context, options);
+exports.useExtensionsAll = useExtensionsAll;
+const useExtensions = (extensionPoint, context, options) => {
+    const extensionsPayload = (0, exports.useExtensionsAll)(extensionPoint, context, options);
     return extensionsPayload[0];
 };
-exports.useExtensionsUnsupported = (name, context, options) => {
-    const extensionsPayload = exports.useExtensionsAll(name, context, options);
+exports.useExtensions = useExtensions;
+const useExtensionsUnsupported = (name, context, options) => {
+    const extensionsPayload = (0, exports.useExtensionsAll)(name, context, options);
     return extensionsPayload[1];
 };
-exports.useExtensionsLoadingState = (name, context, options) => {
-    const extensionsPayload = exports.useExtensionsAll(name, context, options);
+exports.useExtensionsUnsupported = useExtensionsUnsupported;
+const useExtensionsLoadingState = (name, context, options) => {
+    const extensionsPayload = (0, exports.useExtensionsAll)(name, context, options);
     return extensionsPayload[2];
 };
+exports.useExtensionsLoadingState = useExtensionsLoadingState;
 //# sourceMappingURL=useExtensions.js.map

package/dist/cjs/useExtensions.js.map

@@ -1 +1 @@
-{"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,cAAM,CAAI,EAAO,CAAC,CAAC;IAE/B,IAAI,CAAC,wBAAO,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE;QAC9B,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;KACvB;IAED,OAAO,GAAG,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC;AAEW,QAAA,gBAAgB,GAAG,CAC5B,cAAsB,EACtB,OAAiB,EACjB,OAAgB,EACW,EAAE;IAC7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,gBAAQ,CAA8B,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,iBAAS,CAAC,GAAG,EAAE;QACX,MAAM,YAAY,GAAG,6CAAsB,CAAwB,cAAc,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,SAAS,CACtH,CAAC,MAAM,EAAE,EAAE;YACP,qCAAO,CAAC,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;AAEW,QAAA,aAAa,GAAG,CACzB,cAAsB,EACtB,OAAiB,EACjB,OAAgB,EAClB,EAAE;IACA,MAAM,iBAAiB,GAAG,wBAAgB,CAAwB,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACpG,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAEW,QAAA,wBAAwB,GAAG,CAIpC,IAAY,EACZ,OAAiB,EACjB,OAAgB,EAClB,EAAE;IACA,MAAM,iBAAiB,GAAG,wBAAgB,CAAwB,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1F,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAEW,QAAA,yBAAyB,GAAG,CAIrC,IAAY,EACZ,OAAiB,EACjB,OAAgB,EAClB,EAAE;IACA,MAAM,iBAAiB,GAAG,wBAAgB,CAAwB,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1F,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC","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,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"]}

package/dist/cjs/useWebPanelRenderer.js

@@ -18,7 +18,7 @@ const evaluateScripts = (originalScript) => {
         document.head.appendChild(script);
     }
     catch (e) {
-        clientside_extensions_debug_1.onDebug(({ error }) => ({
+        (0, clientside_extensions_debug_1.onDebug)(({ error }) => ({
             level: error,
             message: `An inline script in a WebPanel failed to execute.`,
             meta: {
@@ -30,7 +30,7 @@ const evaluateScripts = (originalScript) => {
         script.remove();
     }
     catch (e) {
-        clientside_extensions_debug_1.onDebug(({ error }) => ({
+        (0, clientside_extensions_debug_1.onDebug)(({ error }) => ({
             level: error,
             message: `Failed to remove inline script associated with WebPanel.`,
             meta: {
@@ -48,8 +48,8 @@ const injectAndEvaluateInlineScripts = (node, html) => {
     scripts.forEach((script) => evaluateScripts(script));
 };
 const useWebPanelRenderer = (html) => {
-    const ref = react_1.useRef(null);
-    const setRef = react_1.useCallback((node) => {
+    const ref = (0, react_1.useRef)(null);
+    const setRef = (0, react_1.useCallback)((node) => {
         var _a;
         // eslint-disable-next-line no-underscore-dangle
         if ((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.__cse_webpanel_initialized) {