@jobber/components 4.67.2-rm-investi.13 → 4.67.2

package/dist/{InputText-d8f8fa30.js → InputText-f7c45ee5.js}

@@ -1,8 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-acf48897.js');
-var FormField = require('./FormField-4fbb40e0.js');
+var FormField = require('./FormField-dfc061ca.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -35,7 +34,7 @@ function InputTextInternal(props, ref) {
             }
         },
     }));
-    useSafeLayoutEffect.useSafeLayoutEffect(() => {
+    React.useLayoutEffect(() => {
         if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
             resize(inputRef.current);
         }

package/dist/InputTime/index.js

@@ -6,8 +6,8 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var temporal = require('@std-proposal/temporal');
-var FormField = require('../FormField-4fbb40e0.js');
-var useSafeLayoutEffect = require('../useSafeLayoutEffect-acf48897.js');
+var FormField = require('../FormField-dfc061ca.js');
+require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
@@ -742,7 +742,7 @@ function InputTimeSafari(_a) {
     const debouncedHandleChange = debounce__default["default"](handleChange, 1000);
     const changeHandler = generateEventHandler(debouncedHandleChange);
     const blurHandler = generateEventHandler(handleChange);
-    useSafeLayoutEffect.useSafeLayoutEffect(() => {
+    React.useLayoutEffect(() => {
         const input = inputTime.current;
         new index_cjs(input);
         if (value) {
@@ -760,7 +760,7 @@ function InputTimeSafari(_a) {
             window.removeEventListener("blur", blurHandler);
         };
     }, []);
-    useSafeLayoutEffect.useSafeLayoutEffect(() => {
+    React.useLayoutEffect(() => {
         const input = inputTime.current;
         if (value) {
             input.value = civilTimeToHTMLTime(value);

package/dist/LightBox/LightBox.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 interface PresentedImage {
     title?: string;
     caption?: string;
@@ -33,5 +33,5 @@ interface LightBoxProps {
      */
     onRequestClose(options: RequestCloseOptions): void;
 }
-export declare function LightBox({ open, images, imageIndex, onRequestClose, }: LightBoxProps): JSX.Element;
+export declare function LightBox({ open, images, imageIndex, onRequestClose, }: LightBoxProps): React.ReactPortal;
 export {};

package/dist/LightBox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LightBox = require('../LightBox-5ffee235.js');
+var LightBox = require('../LightBox-3f4dbc33.js');
 require('react');
 require('framer-motion');
 require('react-dom');
@@ -11,7 +11,6 @@ require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
-require('../ClientOnly-ed1c24c0.js');
 require('../ButtonDismiss-2b98d075.js');
 require('../Button-163a0641.js');
 require('classnames');

package/dist/{LightBox-5ffee235.js → LightBox-3f4dbc33.js}

@@ -8,7 +8,6 @@ var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var ClientOnly = require('./ClientOnly-ed1c24c0.js');
 var ButtonDismiss = require('./ButtonDismiss-2b98d075.js');
 var Button = require('./Button-163a0641.js');
 
@@ -84,8 +83,7 @@ function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
             React__default["default"].createElement(NextButton, { onClick: debouncedHandleNext }))),
         React__default["default"].createElement("div", { className: styles.toolbar }, images[currentImageIndex].caption),
         React__default["default"].createElement("div", { className: styles.overlay, onClick: handleRequestClose })))));
-    return (React__default["default"].createElement(ClientOnly.ClientOnly, null, typeof document !== "undefined" &&
-        ReactDOM__default["default"].createPortal(template, document.body)));
+    return ReactDOM__default["default"].createPortal(template, document.body);
     function handleMovePrevious() {
         setDirection(-1);
         setCurrentImageIndex((currentImageIndex + images.length - 1) % images.length);

package/dist/List/index.js

@@ -11,11 +11,10 @@ var Icon = require('../Icon-405a216c.js');
 var Text = require('../Text-4a2bc89f.js');
 var Heading = require('../Heading-0f4ecb0c.js');
 var Typography = require('../Typography-973b122e.js');
-var Markdown = require('../Markdown-9a140a08.js');
+var Markdown = require('../Markdown-96070121.js');
 var Emphasis = require('../Emphasis-b2d1b3aa.js');
 require('@jobber/design');
-require('../tslib.es6-5b8768b7.js');
-require('markdown-to-jsx');
+require('react-markdown');
 require('../Content-2ca1ffe1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Markdown/Markdown.d.ts

@@ -14,5 +14,5 @@ interface MarkdownProps {
      */
     readonly basicUsage?: boolean;
 }
-export declare function Markdown({ content, externalLink, basicUsage, ...props }: MarkdownProps): JSX.Element;
+export declare function Markdown({ content, externalLink, basicUsage }: MarkdownProps): JSX.Element;
 export {};

package/dist/Markdown/index.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Markdown = require('../Markdown-9a140a08.js');
-require('../tslib.es6-5b8768b7.js');
+var Markdown = require('../Markdown-96070121.js');
 require('react');
-require('markdown-to-jsx');
+require('react-markdown');
 require('../Text-4a2bc89f.js');
 require('../Typography-973b122e.js');
 require('classnames');

package/dist/Markdown-96070121.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var React = require('react');
+var ReactMarkdown = require('react-markdown');
+var Text = require('./Text-4a2bc89f.js');
+var Emphasis = require('./Emphasis-b2d1b3aa.js');
+var Heading = require('./Heading-0f4ecb0c.js');
+var Content = require('./Content-2ca1ffe1.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactMarkdown);
+
+function Markdown({ content, externalLink, basicUsage }) {
+    const props = Object.assign({}, (basicUsage && {
+        disallowedElements: [
+            "p",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "table",
+            "ul",
+            "li",
+            "code",
+            "image",
+        ],
+        unwrapDisallowed: true,
+    }));
+    const Tag = basicUsage ? React__default["default"].Fragment : Content.Content;
+    return (React__default["default"].createElement(Tag, null,
+        React__default["default"].createElement(ReactMarkdown__default["default"], Object.assign({}, props, { linkTarget: externalLink ? "_blank" : undefined, components: {
+                p: renderParagraph,
+                strong: renderStrong,
+                em: renderEmphasis,
+                h1: renderHeading(1),
+                h2: renderHeading(2),
+                h3: renderHeading(3),
+                h4: renderHeading(4),
+                h5: renderHeading(5),
+            } }), content)));
+}
+function renderParagraph({ children }) {
+    return React__default["default"].createElement(Text.Text, null, children);
+}
+function renderStrong({ children }) {
+    return React__default["default"].createElement(Emphasis.Emphasis, { variation: "bold" }, children);
+}
+function renderEmphasis({ children }) {
+    return React__default["default"].createElement(Emphasis.Emphasis, { variation: "italic" }, children);
+}
+function renderHeading(level) {
+    function buildHeading({ children }) {
+        return React__default["default"].createElement(Heading.Heading, { level: level }, children);
+    }
+    return buildHeading;
+}
+
+exports.Markdown = Markdown;

package/dist/Menu/Menu.d.ts

@@ -25,15 +25,15 @@ export interface ActionProps {
     /**
      * Action label
      */
-    readonly label: string;
+    label: string;
     /**
      * Parent Section Label
      */
-    readonly sectionLabel?: string;
+    sectionLabel?: string;
     /**
      * Visual cue for the action label
      */
-    readonly icon?: IconNames;
+    icon?: IconNames;
     /**
      * Callback when an action gets clicked
      */
@@ -41,5 +41,5 @@ export interface ActionProps {
     /**
      * Focus on the action when rendered
      */
-    readonly shouldFocus?: boolean;
+    shouldFocus?: boolean;
 }

package/dist/Menu/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Menu = require('../Menu-f1ec7cdf.js');
+var Menu = require('../Menu-d7ea093c.js');
 require('react');
+require('uuid');
 require('classnames');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
@@ -14,7 +15,6 @@ require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-973b122e.js');
-require('../useSafeLayoutEffect-acf48897.js');
 
 
 

package/dist/{Menu-f1ec7cdf.js → Menu-d7ea093c.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var uuid = require('uuid');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
@@ -9,7 +10,6 @@ var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Button = require('./Button-163a0641.js');
 var Typography = require('./Typography-973b122e.js');
 var Icon = require('./Icon-405a216c.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-acf48897.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,10 +42,10 @@ function Menu({ activator, items }) {
         horizontal: "right",
     });
     const wrapperRef = React.createRef();
-    const buttonID = React.useId();
-    const menuID = React.useId();
+    const buttonID = uuid.v1();
+    const menuID = uuid.v1();
     useOnKeyDown.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
-    useSafeLayoutEffect.useSafeLayoutEffect(() => {
+    React.useLayoutEffect(() => {
         if (wrapperRef.current) {
             const bounds = wrapperRef.current.getBoundingClientRect();
             const newPosition = Object.assign({}, position);

package/dist/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import sizes from "./Sizes.css";
 import { ButtonProps } from "../Button";
 export interface ModalProps {
@@ -18,4 +18,4 @@ export interface ModalProps {
     readonly tertiaryAction?: ButtonProps;
     onRequestClose?(): void;
 }
-export declare function Modal({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalProps): JSX.Element;
+export declare function Modal({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalProps): React.ReactPortal;

package/dist/Modal/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal = require('../Modal-dd931b54.js');
+var Modal = require('../Modal-70daa0e2.js');
 require('react');
 require('react-dom');
 require('classnames');
@@ -18,7 +18,6 @@ require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../ButtonDismiss-2b98d075.js');
-require('../ClientOnly-ed1c24c0.js');
 
 
 

package/dist/{Modal-dd931b54.js → Modal-70daa0e2.js}

@@ -11,7 +11,6 @@ var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Heading = require('./Heading-0f4ecb0c.js');
 var Button = require('./Button-163a0641.js');
 var ButtonDismiss = require('./ButtonDismiss-2b98d075.js');
-var ClientOnly = require('./ClientOnly-ed1c24c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -41,8 +40,7 @@ function Modal({ open = false, title, size, dismissible = true, children, primar
             title != undefined && (React__default["default"].createElement(Header, { title: title, dismissible: dismissible, onRequestClose: onRequestClose })),
             children,
             React__default["default"].createElement(Actions, { primary: primaryAction, secondary: secondaryAction, tertiary: tertiaryAction }))))));
-    return (React__default["default"].createElement(ClientOnly.ClientOnly, null, typeof document !== "undefined" &&
-        ReactDOM__default["default"].createPortal(template, document.body)));
+    return ReactDOM__default["default"].createPortal(template, document.body);
     function handleRequestClose() {
         if (open && onRequestClose) {
             onRequestClose();

package/dist/{Option-8d140127.js → Option-469029b5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-4fbb40e0.js');
+var FormField = require('./FormField-dfc061ca.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Page/index.js

@@ -9,20 +9,19 @@ var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Heading = require('../Heading-0f4ecb0c.js');
 var Text = require('../Text-4a2bc89f.js');
 var Content = require('../Content-2ca1ffe1.js');
-var Markdown = require('../Markdown-9a140a08.js');
+var Markdown = require('../Markdown-96070121.js');
 var Button = require('../Button-163a0641.js');
-var Menu = require('../Menu-f1ec7cdf.js');
+var Menu = require('../Menu-d7ea093c.js');
 var Emphasis = require('../Emphasis-b2d1b3aa.js');
 require('../Typography-973b122e.js');
-require('../tslib.es6-5b8768b7.js');
-require('markdown-to-jsx');
+require('react-markdown');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
+require('uuid');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');
-require('../useSafeLayoutEffect-acf48897.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/RecurringSelect/index.js

@@ -9,11 +9,11 @@ var RadioGroup = require('../RadioGroup-ebaa4f87.js');
 var Text = require('../Text-4a2bc89f.js');
 require('classnames');
 require('../Typography-973b122e.js');
-var Option = require('../Option-8d140127.js');
-var InputNumber = require('../InputNumber-667f1330.js');
+var Option = require('../Option-469029b5.js');
+var InputNumber = require('../InputNumber-d9ebabaa.js');
 var InputGroup = require('../InputGroup-8d4fd4eb.js');
 var Content = require('../Content-2ca1ffe1.js');
-require('../FormField-4fbb40e0.js');
+require('../FormField-dfc061ca.js');
 require('../tslib.es6-5b8768b7.js');
 require('react-hook-form');
 require('../Button-163a0641.js');

package/dist/Select/index.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Option = require('../Option-8d140127.js');
+var Option = require('../Option-469029b5.js');
 require('react');
-require('../FormField-4fbb40e0.js');
+require('../FormField-dfc061ca.js');
 require('../tslib.es6-5b8768b7.js');
+require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');

package/dist/Tooltip/index.js

@@ -2,15 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tooltip = require('../Tooltip-1fea5901.js');
+var Tooltip = require('../Tooltip-6b12f1c2.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
 require('../style-inject.es-9d2f5f4e.js');
 require('react-popper');
-require('../ClientOnly-ed1c24c0.js');
-require('../useSafeLayoutEffect-acf48897.js');
 
 
 

package/dist/{Tooltip-1fea5901.js → Tooltip-6b12f1c2.js}

@@ -6,8 +6,6 @@ var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var reactPopper = require('react-popper');
-var ClientOnly = require('./ClientOnly-ed1c24c0.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-acf48897.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,14 +49,13 @@ function Tooltip({ message, children }) {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
         children,
-        React__default["default"].createElement(ClientOnly.ClientOnly, null,
-            React__default["default"].createElement(TooltipPortal, null, show && Boolean(message) && (React__default["default"].createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
-                React__default["default"].createElement(framerMotion.motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
-                        damping: 50,
-                        stiffness: 500,
-                    } },
-                    React__default["default"].createElement("p", { className: styles.tooltipMessage }, message),
-                    React__default["default"].createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow }))))))));
+        React__default["default"].createElement(TooltipPortal, null, show && Boolean(message) && (React__default["default"].createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
+            React__default["default"].createElement(framerMotion.motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
+                    damping: 50,
+                    stiffness: 500,
+                } },
+                React__default["default"].createElement("p", { className: styles.tooltipMessage }, message),
+                React__default["default"].createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))));
     function initializeListeners() {
         const showTooltip = () => {
             setShow(true);
@@ -98,7 +95,7 @@ function Tooltip({ message, children }) {
                 activator.removeEventListener("blur", hideTooltip);
             }
         };
-        useSafeLayoutEffect.useSafeLayoutEffect(() => {
+        React.useLayoutEffect(() => {
             injectAttributes();
             addListeners();
             return () => {
@@ -108,9 +105,7 @@ function Tooltip({ message, children }) {
     }
 }
 function TooltipPortal({ children }) {
-    return typeof document !== "undefined" ? (ReactDOM__default["default"].createPortal(children, document.body)) : (
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    React__default["default"].createElement(React__default["default"].Fragment, null));
+    return ReactDOM__default["default"].createPortal(children, document.body);
 }
 
 exports.Tooltip = Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.67.2-rm-investi.13+6577f72d",
+  "version": "4.67.2",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.51.0",
-    "@jobber/formatters": "^0.2.2",
+    "@jobber/formatters": "*",
     "@jobber/hooks": "^2.8.0",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -37,11 +37,11 @@
     "filesize": "^6.1.0",
     "framer-motion": "6.3.16",
     "lodash": "^4.17.21",
-    "markdown-to-jsx": "^7.3.2",
     "react-countdown": "^2.3.2",
     "react-datepicker": "~4.10.0",
     "react-dropzone": "^11.0.2",
     "react-hook-form": "^7.43.7",
+    "react-markdown": "^8.0.3",
     "react-popper": "^2.2.5",
     "react-router-dom": "^5.3.4",
     "time-input-polyfill": "^1.0.7",
@@ -83,5 +83,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "6577f72de5e3dcc55e7e062150718fde7f6ab1e4"
+  "gitHead": "d0abb1c783e77704ae9c670b2941d86812dbe318"
 }

package/rollup.config.js

@@ -49,7 +49,7 @@ export default {
     "react-hook-form",
     "react-router-dom",
     "react-dom",
-    "markdown-to-jsx",
+    "react-markdown",
     "react-countdown",
     "react-popper",
     "react-datepicker",

package/dist/ClientOnly-ed1c24c0.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-let hydrating = true;
-function useHydrated() {
-    const [hydrated, setHydrated] = React.useState(() => !hydrating);
-    React.useEffect(() => {
-        hydrating = false;
-        setHydrated(true);
-    }, []);
-    return hydrated;
-}
-function ClientOnly({ children, fallback = null, }) {
-    const hydrated = useHydrated();
-    return hydrated ? React__default["default"].createElement(React__default["default"].Fragment, null, children) : React__default["default"].createElement(React__default["default"].Fragment, null, fallback);
-}
-
-exports.ClientOnly = ClientOnly;

package/dist/InputText/useSafeLayoutEffect.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const useSafeLayoutEffect: typeof React.useLayoutEffect;

package/dist/LightBox/ClientOnly.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare function useHydrated(): boolean;
-export declare function ClientOnly({ children, fallback, }: {
-    readonly children: React.ReactNode;
-    readonly fallback?: React.ReactNode;
-}): JSX.Element;

package/dist/Markdown-9a140a08.js

@@ -1,90 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-5b8768b7.js');
-var React = require('react');
-var ReactMarkdown = require('markdown-to-jsx');
-var Text = require('./Text-4a2bc89f.js');
-var Emphasis = require('./Emphasis-b2d1b3aa.js');
-var Heading = require('./Heading-0f4ecb0c.js');
-var Content = require('./Content-2ca1ffe1.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactMarkdown);
-
-const NoSpan = {
-    component: ({ children }) => React__default["default"].createElement(React__default["default"].Fragment, null, children),
-    props: {},
-};
-function Markdown(_a) {
-    var { content, externalLink, basicUsage } = _a, props = tslib_es6.__rest(_a, ["content", "externalLink", "basicUsage"]);
-    const Tag = basicUsage ? React__default["default"].Fragment : Content.Content;
-    const basicOverrides = {
-        p: NoSpan,
-        h1: NoSpan,
-        div: NoSpan,
-        h2: NoSpan,
-        h3: NoSpan,
-        h4: NoSpan,
-        h5: NoSpan,
-        h6: NoSpan,
-        table: NoSpan,
-        ul: NoSpan,
-        li: NoSpan,
-        code: (children, ...args) => React__default["default"].createElement("code", Object.assign({}, args), children),
-        strong: renderStrong,
-        em: renderEmphasis,
-        image: NoSpan,
-        a: {
-            component: (_a) => {
-                var { children } = _a, rest = tslib_es6.__rest(_a, ["children"]);
-                return (React__default["default"].createElement("a", Object.assign({}, rest), children));
-            },
-            props: { target: externalLink ? "_blank" : undefined },
-        },
-    };
-    const defaultOverrides = {
-        code: (children, ...args) => React__default["default"].createElement("code", Object.assign({}, args), children),
-        p: renderParagraph,
-        strong: renderStrong,
-        span: NoSpan,
-        div: NoSpan,
-        em: renderEmphasis,
-        h1: renderHeading(1),
-        h2: renderHeading(2),
-        h3: renderHeading(3),
-        h4: renderHeading(4),
-        h5: renderHeading(5),
-        h6: renderHeading(6),
-        a: {
-            component: (_a) => {
-                var { children } = _a, rest = tslib_es6.__rest(_a, ["children"]);
-                return (React__default["default"].createElement("a", Object.assign({}, rest), children));
-            },
-            props: { target: externalLink ? "_blank" : undefined },
-        },
-    };
-    return (React__default["default"].createElement(Tag, null,
-        React__default["default"].createElement(ReactMarkdown__default["default"], Object.assign({}, props, { options: {
-                overrides: basicUsage ? basicOverrides : defaultOverrides,
-                forceBlock: true,
-            } }), content)));
-}
-function renderParagraph({ children }) {
-    return React__default["default"].createElement(Text.Text, null, children);
-}
-function renderStrong({ children }) {
-    return React__default["default"].createElement(Emphasis.Emphasis, { variation: "bold" }, children);
-}
-function renderEmphasis({ children }) {
-    return React__default["default"].createElement(Emphasis.Emphasis, { variation: "italic" }, children);
-}
-function renderHeading(level) {
-    function buildHeading({ children }) {
-        return React__default["default"].createElement(Heading.Heading, { level: level }, children);
-    }
-    return buildHeading;
-}
-
-exports.Markdown = Markdown;