@datarobot/design-system 30.1.0 → 30.1.2

package/cjs/breadcrumbs/truncated-breadcrumbs.js

@@ -19,17 +19,18 @@ const TruncatedBreadcrumbs = ({
   showItemsInBreadcrumbs
 }) => {
   const firstItem = crumbs[0];
-  const middleSetOfCrumbs = crumbs.slice(1, crumbs.length - showItemsInBreadcrumbs);
-  const lastCrumbs = crumbs.slice(showItemsInBreadcrumbs - 1);
+  const lastItemsCount = showItemsInBreadcrumbs - 1;
+  const middleSetOfCrumbs = crumbs.slice(1, crumbs.length - lastItemsCount);
+  const lastCrumbs = lastItemsCount > 0 ? crumbs.slice(-lastItemsCount) : [];
   const indexOfCrumb = crumb => crumbs.indexOf(crumb);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _react.createElement)(_breadcrumbsItem.BreadcrumbsItem, {
-      ...crumbs[0],
+      ...firstItem,
       key: indexOfCrumb(firstItem),
       index: indexOfCrumb(firstItem),
       shouldRenderIconBack: shouldRenderIconBack,
       LinkComponent: LinkComponent
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    }), middleSetOfCrumbs.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
       className: "breadcrumbs breadcrumb-item",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenu, {
         contentTestId: "truncated-breadcrumbs",
@@ -53,7 +54,15 @@ const TruncatedBreadcrumbs = ({
         onSelect: ({
           key
         }) => {
-          const link = crumbs[Number(key)].link;
+          const selectedCrumb = crumbs[Number(key)];
+          if (typeof selectedCrumb.click === 'function') {
+            selectedCrumb.click({
+              preventDefault: () => {},
+              stopPropagation: () => {}
+            });
+            return;
+          }
+          const link = selectedCrumb.link;
           if (link) {
             window.location.href = link;
           }

package/cjs/markdown/markdown.js

@@ -21,7 +21,16 @@ const Markdown = ({
   const {
     t
   } = (0, _useTranslation.useTranslation)();
+  const clearPrevChildrenState = () => {
+    if (error) {
+      setError('');
+    }
+    if (html) {
+      setHtml('');
+    }
+  };
   (0, _react.useEffect)(() => {
+    clearPrevChildrenState();
     Promise.all([Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "unified" */'unified'))), Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "remark-gfm" */'remark-gfm'))), Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "remark-parse" */'remark-parse'))), Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "remark-rehype" */'remark-rehype'))), Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "rehype-sanitize" */'rehype-sanitize'))), Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "rehype-stringify" */'rehype-stringify'))), Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "rehype-highlight" */'rehype-highlight'))), Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "rehype-katex" */'rehype-katex'))), Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "remark-math" */'remark-math')))]).then(([{
       unified
     }, {
@@ -55,7 +64,7 @@ const Markdown = ({
     }).catch(err => {
       setError(err);
     });
-  }, []);
+  }, [children]);
   if (error) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_message.Message, {
       type: _message.MESSAGE_TYPES.ERROR,

package/esm/breadcrumbs/truncated-breadcrumbs.js

@@ -12,17 +12,18 @@ export const TruncatedBreadcrumbs = ({
   showItemsInBreadcrumbs
 }) => {
   const firstItem = crumbs[0];
-  const middleSetOfCrumbs = crumbs.slice(1, crumbs.length - showItemsInBreadcrumbs);
-  const lastCrumbs = crumbs.slice(showItemsInBreadcrumbs - 1);
+  const lastItemsCount = showItemsInBreadcrumbs - 1;
+  const middleSetOfCrumbs = crumbs.slice(1, crumbs.length - lastItemsCount);
+  const lastCrumbs = lastItemsCount > 0 ? crumbs.slice(-lastItemsCount) : [];
   const indexOfCrumb = crumb => crumbs.indexOf(crumb);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_createElement(BreadcrumbsItem, {
-      ...crumbs[0],
+      ...firstItem,
       key: indexOfCrumb(firstItem),
       index: indexOfCrumb(firstItem),
       shouldRenderIconBack: shouldRenderIconBack,
       LinkComponent: LinkComponent
-    }), /*#__PURE__*/_jsx("li", {
+    }), middleSetOfCrumbs.length > 0 && /*#__PURE__*/_jsx("li", {
       className: "breadcrumbs breadcrumb-item",
       children: /*#__PURE__*/_jsx(DropdownMenu, {
         contentTestId: "truncated-breadcrumbs",
@@ -46,7 +47,15 @@ export const TruncatedBreadcrumbs = ({
         onSelect: ({
           key
         }) => {
-          const link = crumbs[Number(key)].link;
+          const selectedCrumb = crumbs[Number(key)];
+          if (typeof selectedCrumb.click === 'function') {
+            selectedCrumb.click({
+              preventDefault: () => {},
+              stopPropagation: () => {}
+            });
+            return;
+          }
+          const link = selectedCrumb.link;
           if (link) {
             window.location.href = link;
           }

package/esm/markdown/markdown.js

@@ -13,7 +13,16 @@ const Markdown = ({
   const {
     t
   } = useTranslation();
+  const clearPrevChildrenState = () => {
+    if (error) {
+      setError('');
+    }
+    if (html) {
+      setHtml('');
+    }
+  };
   useEffect(() => {
+    clearPrevChildrenState();
     Promise.all([import(/* webpackChunkName: "unified" */'unified'), import(/* webpackChunkName: "remark-gfm" */'remark-gfm'), import(/* webpackChunkName: "remark-parse" */'remark-parse'), import(/* webpackChunkName: "remark-rehype" */'remark-rehype'), import(/* webpackChunkName: "rehype-sanitize" */'rehype-sanitize'), import(/* webpackChunkName: "rehype-stringify" */'rehype-stringify'), import(/* webpackChunkName: "rehype-highlight" */'rehype-highlight'), import(/* webpackChunkName: "rehype-katex" */'rehype-katex'), import(/* webpackChunkName: "remark-math" */'remark-math')]).then(([{
       unified
     }, {
@@ -47,7 +56,7 @@ const Markdown = ({
     }).catch(err => {
       setError(err);
     });
-  }, []);
+  }, [children]);
   if (error) {
     return /*#__PURE__*/_jsx(Message, {
       type: MESSAGE_TYPES.ERROR,

package/js/bundle/bundle.js

@@ -44949,17 +44949,18 @@ var TruncatedBreadcrumbs = function TruncatedBreadcrumbs(_ref) {
     LinkComponent = _ref$LinkComponent === void 0 ? _breadcrumb_link_component__WEBPACK_IMPORTED_MODULE_2__.BreadcrumbLinkComponent : _ref$LinkComponent,
     showItemsInBreadcrumbs = _ref.showItemsInBreadcrumbs;
   var firstItem = crumbs[0];
-  var middleSetOfCrumbs = crumbs.slice(1, crumbs.length - showItemsInBreadcrumbs);
-  var lastCrumbs = crumbs.slice(showItemsInBreadcrumbs - 1);
+  var lastItemsCount = showItemsInBreadcrumbs - 1;
+  var middleSetOfCrumbs = crumbs.slice(1, crumbs.length - lastItemsCount);
+  var lastCrumbs = lastItemsCount > 0 ? crumbs.slice(-lastItemsCount) : [];
   var indexOfCrumb = function indexOfCrumb(crumb) {
     return crumbs.indexOf(crumb);
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_breadcrumbs_item__WEBPACK_IMPORTED_MODULE_3__.BreadcrumbsItem, _extends({}, crumbs[0], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_breadcrumbs_item__WEBPACK_IMPORTED_MODULE_3__.BreadcrumbsItem, _extends({}, firstItem, {
     key: indexOfCrumb(firstItem),
     index: indexOfCrumb(firstItem),
     shouldRenderIconBack: shouldRenderIconBack,
     LinkComponent: LinkComponent
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
+  })), middleSetOfCrumbs.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
     className: "breadcrumbs breadcrumb-item"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dropdown_menu__WEBPACK_IMPORTED_MODULE_4__.DropdownMenu, {
     contentTestId: "truncated-breadcrumbs",
@@ -44984,7 +44985,15 @@ var TruncatedBreadcrumbs = function TruncatedBreadcrumbs(_ref) {
     }),
     onSelect: function onSelect(_ref2) {
       var key = _ref2.key;
-      var link = crumbs[Number(key)].link;
+      var selectedCrumb = crumbs[Number(key)];
+      if (typeof selectedCrumb.click === 'function') {
+        selectedCrumb.click({
+          preventDefault: function preventDefault() {},
+          stopPropagation: function stopPropagation() {}
+        });
+        return;
+      }
+      var link = selectedCrumb.link;
       if (link) {
         window.location.href = link;
       }
@@ -69493,7 +69502,16 @@ var Markdown = function Markdown(_ref) {
     setError = _useState4[1];
   var _useTranslation = (0,_hooks_use_translation__WEBPACK_IMPORTED_MODULE_4__.useTranslation)(),
     t = _useTranslation.t;
+  var clearPrevChildrenState = function clearPrevChildrenState() {
+    if (error) {
+      setError('');
+    }
+    if (html) {
+      setHtml('');
+    }
+  };
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    clearPrevChildrenState();
     Promise.all([Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! unified */ "unified", 23)), Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! remark-gfm */ "remark-gfm", 23)), Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! remark-parse */ "remark-parse", 23)), Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! remark-rehype */ "remark-rehype", 23)), Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! rehype-sanitize */ "rehype-sanitize", 23)), Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! rehype-stringify */ "rehype-stringify", 23)), Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! rehype-highlight */ "rehype-highlight", 23)), Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! rehype-katex */ "rehype-katex", 23)), Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! remark-math */ "remark-math", 23))]).then(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 9),
         unified = _ref3[0].unified,
@@ -69519,7 +69537,7 @@ var Markdown = function Markdown(_ref) {
     })["catch"](function (err) {
       setError(err);
     });
-  }, []);
+  }, [children]);
   if (error) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_message__WEBPACK_IMPORTED_MODULE_2__.Message, {
       type: _message__WEBPACK_IMPORTED_MODULE_2__.MESSAGE_TYPES.ERROR