@jobber/components 4.69.0 → 4.69.1-JOB-85843.0

package/dist/ConfirmationModal/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-189e107a.js');
+var ConfirmationModal = require('../ConfirmationModal-336b8917.js');
 require('react');
 require('@jobber/hooks/useOnKeyDown');
 require('../Modal-a0627c92.js');
@@ -21,8 +21,9 @@ require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../ButtonDismiss-350af163.js');
 require('../Content-2ca1ffe1.js');
-require('../Markdown-b80706ed.js');
-require('react-markdown');
+require('../Markdown-25be492a.js');
+require('../tslib.es6-5b8768b7.js');
+require('markdown-to-jsx');
 require('../Text-259af966.js');
 require('../Emphasis-bda56d3b.js');
 

package/dist/{ConfirmationModal-189e107a.js → ConfirmationModal-336b8917.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var Modal = require('./Modal-a0627c92.js');
 var Content = require('./Content-2ca1ffe1.js');
-var Markdown = require('./Markdown-b80706ed.js');
+var Markdown = require('./Markdown-25be492a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataList/components/DataListHeader/DataListHeaderCheckbox.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ReactElement } from "react-markdown/lib/react-markdown";
+import { ReactElement } from "react";
 interface DataListHeaderCheckbox {
     readonly children: ReactElement;
 }

package/dist/FeatureSwitch/index.js

@@ -12,13 +12,14 @@ var Content = require('../Content-2ca1ffe1.js');
 var Switch = require('../Switch-7d4aa7c3.js');
 var Button = require('../Button-b73a5e01.js');
 var Emphasis = require('../Emphasis-bda56d3b.js');
-var Markdown = require('../Markdown-b80706ed.js');
+var Markdown = require('../Markdown-25be492a.js');
 require('../Typography-c45bf216.js');
 require('../getAtlantisConfig-0f3e8af2.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('react-markdown');
+require('../tslib.es6-5b8768b7.js');
+require('markdown-to-jsx');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/FormatFile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-aae6c6e2.js');
+var FormatFile = require('../FormatFile-43b2c93a.js');
 require('react');
 require('classnames');
 require('filesize');
@@ -12,7 +12,7 @@ require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
-require('../ConfirmationModal-189e107a.js');
+require('../ConfirmationModal-336b8917.js');
 require('@jobber/hooks/useOnKeyDown');
 require('../Modal-a0627c92.js');
 require('react-dom');
@@ -23,12 +23,12 @@ require('../Heading-1e8e4bd3.js');
 require('../getAtlantisConfig-0f3e8af2.js');
 require('../ButtonDismiss-350af163.js');
 require('../Content-2ca1ffe1.js');
-require('../Markdown-b80706ed.js');
-require('react-markdown');
+require('../Markdown-25be492a.js');
+require('../tslib.es6-5b8768b7.js');
+require('markdown-to-jsx');
 require('../Text-259af966.js');
 require('../Emphasis-bda56d3b.js');
 require('../Glimmer-cfa92a88.js');
-require('../tslib.es6-5b8768b7.js');
 require('../ProgressBar-b68edc8f.js');
 
 

package/dist/{FormatFile-aae6c6e2.js → FormatFile-43b2c93a.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Button = require('./Button-b73a5e01.js');
-var ConfirmationModal = require('./ConfirmationModal-189e107a.js');
+var ConfirmationModal = require('./ConfirmationModal-336b8917.js');
 var Glimmer = require('./Glimmer-cfa92a88.js');
 var Icon = require('./Icon-405a216c.js');
 var Typography = require('./Typography-c45bf216.js');

package/dist/Gallery/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var LightBox = require('../LightBox-a1b87af7.js');
-var FormatFile = require('../FormatFile-aae6c6e2.js');
+var FormatFile = require('../FormatFile-43b2c93a.js');
 var Button = require('../Button-b73a5e01.js');
 require('framer-motion');
 require('react-dom');
@@ -16,18 +16,18 @@ require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
 require('../ButtonDismiss-350af163.js');
 require('filesize');
-require('../ConfirmationModal-189e107a.js');
+require('../ConfirmationModal-336b8917.js');
 require('../Modal-a0627c92.js');
 require('../Heading-1e8e4bd3.js');
 require('../Typography-c45bf216.js');
 require('../getAtlantisConfig-0f3e8af2.js');
 require('../Content-2ca1ffe1.js');
-require('../Markdown-b80706ed.js');
-require('react-markdown');
+require('../Markdown-25be492a.js');
+require('../tslib.es6-5b8768b7.js');
+require('markdown-to-jsx');
 require('../Text-259af966.js');
 require('../Emphasis-bda56d3b.js');
 require('../Glimmer-cfa92a88.js');
-require('../tslib.es6-5b8768b7.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../ProgressBar-b68edc8f.js');

package/dist/List/index.js

@@ -11,11 +11,12 @@ var Icon = require('../Icon-405a216c.js');
 var Text = require('../Text-259af966.js');
 var Heading = require('../Heading-1e8e4bd3.js');
 var Typography = require('../Typography-c45bf216.js');
-var Markdown = require('../Markdown-b80706ed.js');
+var Markdown = require('../Markdown-25be492a.js');
 var Emphasis = require('../Emphasis-bda56d3b.js');
 require('@jobber/design');
 require('../getAtlantisConfig-0f3e8af2.js');
-require('react-markdown');
+require('../tslib.es6-5b8768b7.js');
+require('markdown-to-jsx');
 require('../Content-2ca1ffe1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Markdown/index.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Markdown = require('../Markdown-b80706ed.js');
+var Markdown = require('../Markdown-25be492a.js');
+require('../tslib.es6-5b8768b7.js');
 require('react');
-require('react-markdown');
+require('markdown-to-jsx');
 require('../Text-259af966.js');
 require('../Typography-c45bf216.js');
 require('classnames');

package/dist/Markdown-25be492a.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-5b8768b7.js');
+var React = require('react');
+var ReactMarkdown = require('markdown-to-jsx');
+var Text = require('./Text-259af966.js');
+var Emphasis = require('./Emphasis-bda56d3b.js');
+var Heading = require('./Heading-1e8e4bd3.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({ 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;
+    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: (_a) => {
+            var { children } = _a, args = tslib_es6.__rest(_a, ["children"]);
+            return (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: (_a) => {
+            var { children } = _a, args = tslib_es6.__rest(_a, ["children"]);
+            return (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: {
+            component: ({ children }) => React__default["default"].createElement("h6", null, children),
+        },
+        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, { linkTarget: externalLink ? "_blank" : undefined, options: {
+                wrapper: React__default["default"].Fragment,
+                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;

package/dist/Page/index.js

@@ -9,13 +9,14 @@ var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Heading = require('../Heading-1e8e4bd3.js');
 var Text = require('../Text-259af966.js');
 var Content = require('../Content-2ca1ffe1.js');
-var Markdown = require('../Markdown-b80706ed.js');
+var Markdown = require('../Markdown-25be492a.js');
 var Button = require('../Button-b73a5e01.js');
 var Menu = require('../Menu-da5d8217.js');
 var Emphasis = require('../Emphasis-bda56d3b.js');
 require('../Typography-c45bf216.js');
 require('../getAtlantisConfig-0f3e8af2.js');
-require('react-markdown');
+require('../tslib.es6-5b8768b7.js');
+require('markdown-to-jsx');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.69.0",
+  "version": "4.69.1-JOB-85843.0+02d8af9f",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.51.1",
-    "@jobber/formatters": "*",
+    "@jobber/formatters": "^0.2.2",
     "@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.4.0",
     "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": "6632ba87310c0b157e22f50d3ba186c914beb826"
+  "gitHead": "02d8af9f8822900d6846f8f267fa71c9cdd61463"
 }

package/rollup.config.js

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

package/dist/Markdown-b80706ed.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ReactMarkdown = require('react-markdown');
-var Text = require('./Text-259af966.js');
-var Emphasis = require('./Emphasis-bda56d3b.js');
-var Heading = require('./Heading-1e8e4bd3.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;