@decisiv/ui-components 2.0.1-alpha.219 → 2.0.1-alpha.221

package/lib/components/Badge/styles.js

@@ -38,7 +38,8 @@ var PALETTE_MAPPER = {
 var colorModifiers = function colorModifiers(props) {
   var _props$palette = props.palette,
       palette = _props$palette === void 0 ? 'bright' : _props$palette,
-      color = props.color;
+      _props$color = props.color,
+      color = _props$color === void 0 ? 'information' : _props$color;
 
   if (color && color in _commonUIColors.commonUIColors) {
     var baseColor = _commonUIColors.commonUIThreeShadeColors[color];

package/lib/components/Badge/types.d.ts

@@ -22,6 +22,7 @@ export declare const propTypes: {
 export declare const defaultProps: {
     size: string;
     variant: string;
+    color: string;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

package/lib/components/Badge/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,iBAAiB,EAElB,MAAM,4BAA4B,CAAC;AAIpC,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,oBAAY,QAAQ,GAAG,cAAc,CAAC;AAItC,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC9B;AAED,iBAAS,gBAAgB,CACvB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,OAAO,GACrB,KAAK,GAAG,IAAI,CAqBd;AAED,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;CAGxB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,iBAAiB,EAElB,MAAM,4BAA4B,CAAC;AAIpC,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,oBAAY,QAAQ,GAAG,cAAc,CAAC;AAItC,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC9B;AAED,iBAAS,gBAAgB,CACvB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,OAAO,GACrB,KAAK,GAAG,IAAI,CAqBd;AAED,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC"}

package/lib/components/Badge/types.js

@@ -43,6 +43,7 @@ var propTypes = {
 exports.propTypes = propTypes;
 var defaultProps = {
   size: 'medium',
-  variant: 'round'
+  variant: 'round',
+  color: 'information'
 };
 exports.defaultProps = defaultProps;

package/lib/components/Drawer/index.d.ts

@@ -14,7 +14,7 @@ export interface DrawerProps extends HeaderProps, FooterProps {
     side?: 'left' | 'right';
     zIndex?: number;
     visible?: boolean;
-    onClose?: (event: MouseEvent | KeyboardEvent) => void;
+    onClose?: (event: React.MouseEvent<HTMLDivElement, MouseEvent> | KeyboardEvent) => void;
 }
 export declare type OverlayProps = Pick<DrawerProps, 'zIndex' | 'side' | 'visible'>;
 declare const Drawer: React.FC<DrawerProps>;

package/lib/components/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAmBhD,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,MAAO,SAAQ,WAAW;IAClC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,WAAW;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;CACvD;AAED,oBAAY,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAE5E,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmHjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAkBhD,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,MAAO,SAAQ,WAAW;IAClC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,WAAW;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG,aAAa,KAChE,IAAI,CAAC;CACX;AAED,oBAAY,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAM5E,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuHjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/Drawer/index.js

@@ -25,12 +25,14 @@ var _styles = require("./styles");
 
 var _useTranslations = _interopRequireDefault(require("../../utils/useTranslations"));
 
-var _useClickOutside = _interopRequireDefault(require("../../utils/useClickOutside"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
 
+var stopPropagation = function stopPropagation(e) {
+  e.stopPropagation();
+};
+
 var Drawer = function Drawer(_ref) {
   var title = _ref.title,
       description = _ref.description,
@@ -59,8 +61,7 @@ var Drawer = function Drawer(_ref) {
     if (onClose && visible) {
       onClose(event);
     }
-  }, [onClose, visible]);
-  (0, _useClickOutside.default)([contentRef], handleOnClickOutside); // Allow closing the modal by pressing the Escape key
+  }, [onClose, visible]); // Allow closing the modal by pressing the Escape key
 
   (0, _react.useEffect)(function () {
     if (visible && _canUseDOM.default) {
@@ -81,12 +82,18 @@ var Drawer = function Drawer(_ref) {
     zIndex: zIndex,
     side: side,
     visible: visible,
-    "data-testid": "overlay"
+    "data-testid": "overlay",
+    onClick: handleOnClickOutside,
+    role: "presentation",
+    tabIndex: -1
   }, _react.default.createElement(_styles.Content, {
     ref: contentRef,
     side: side,
     visible: visible,
-    "data-testid": "content"
+    "data-testid": "content",
+    onClick: stopPropagation,
+    "aria-modal": "true",
+    role: "dialog"
   }, showHeader && _react.default.createElement(_styles.Header, {
     "data-testid": "drawer-header"
   }, _react.default.createElement(_Flex.default, null, title && _react.default.createElement(_styles.Title, null, title), onClose && _react.default.createElement(_Tooltip.default, {

package/lib/components/Drawer/index.test.js

@@ -10,6 +10,8 @@ var _ConfigProvider = require("../../providers/ConfigProvider");
 
 var _ = _interopRequireDefault(require("."));
 
+var _Combobox = _interopRequireDefault(require("../Combobox"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
@@ -39,16 +41,39 @@ describe('Drawer', function () {
         expect(getByTestId(/overlay/i)).toHaveStyleRule('display', 'none');
       });
     });
+    it('does not close when clicking on another Portal based component', function () {
+      var onClose = jest.fn();
+
+      var _render2 = render(_react.default.createElement(_.default, {
+        visible: true,
+        onClose: onClose
+      }, _react.default.createElement(_Combobox.default, {
+        label: "My Combobox",
+        options: [{
+          id: '1',
+          label: 'My Option',
+          value: '1'
+        }]
+      }))),
+          getByLabelText = _render2.getByLabelText,
+          getByText = _render2.getByText;
+
+      _react2.fireEvent.click(getByLabelText('My Combobox'));
+
+      _react2.fireEvent.click(getByText('My Option'));
+
+      expect(onClose).not.toHaveBeenCalled();
+    });
   });
   describe('title', function () {
     it('renders the text passed as "title" in an h3 tag', function () {
       var title = 'This is the title';
 
-      var _render2 = render(_react.default.createElement(_.default, {
+      var _render3 = render(_react.default.createElement(_.default, {
         visible: true,
         title: title
       })),
-          getByText = _render2.getByText;
+          getByText = _render3.getByText;
 
       expect(getByText(title, {
         selector: 'h3'
@@ -58,30 +83,30 @@ describe('Drawer', function () {
   describe('onClose', function () {
     var onClose = jest.fn();
     it('renders a close button if "onClose" is passed', function () {
-      var _render3 = render(_react.default.createElement(_.default, {
+      var _render4 = render(_react.default.createElement(_.default, {
         visible: true,
         onClose: onClose
       })),
-          getByLabelText = _render3.getByLabelText;
+          getByLabelText = _render4.getByLabelText;
 
       var closeBtn = getByLabelText(/close drawer/i);
       expect(closeBtn).toBeInTheDocument();
     });
     it('does not render a close button if "onClose" is not passed', function () {
-      var _render4 = render(_react.default.createElement(_.default, {
+      var _render5 = render(_react.default.createElement(_.default, {
         visible: true
       })),
-          queryByLabelText = _render4.queryByLabelText;
+          queryByLabelText = _render5.queryByLabelText;
 
       var closeBtn = queryByLabelText(/close drawer/i);
       expect(closeBtn).not.toBeInTheDocument();
     });
     it('calls the "onClose" function when clicking the close button', function () {
-      var _render5 = render(_react.default.createElement(_.default, {
+      var _render6 = render(_react.default.createElement(_.default, {
         visible: true,
         onClose: onClose
       })),
-          getByLabelText = _render5.getByLabelText;
+          getByLabelText = _render6.getByLabelText;
 
       var closeBtn = getByLabelText(/close drawer/i);
 
@@ -104,11 +129,11 @@ describe('Drawer', function () {
         onClick: onCancel
       }];
       it('renders the array as buttons in the footer of the Drawer', function () {
-        var _render6 = render(_react.default.createElement(_.default, {
+        var _render7 = render(_react.default.createElement(_.default, {
           visible: true,
           actions: actions
         })),
-            getByText = _render6.getByText;
+            getByText = _render7.getByText;
 
         expect(getByText(/submit/i, {
           selector: 'button'
@@ -123,11 +148,11 @@ describe('Drawer', function () {
     it('calls the "onClose" function when clicking outside the Drawer', function () {
       var onClose = jest.fn();
 
-      var _render7 = render(_react.default.createElement(_.default, {
+      var _render8 = render(_react.default.createElement(_.default, {
         visible: true,
         onClose: onClose
       })),
-          getByTestId = _render7.getByTestId;
+          getByTestId = _render8.getByTestId;
 
       var overlay = getByTestId(/overlay/i);
 

package/lib/components/LeftNav/Item/NavExpandedItem/index.js

@@ -37,6 +37,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -52,7 +54,8 @@ function MenuItem(props) {
       toggleExpanded = _useMenuItem.toggleExpanded;
 
   var disabled = item.disabled,
-      text = item.text;
+      text = item.text,
+      target = item.target;
 
   var _useConfig = (0, _ConfigProvider.useConfig)(),
       LinkComponent = _useConfig.linkRenderer;
@@ -63,7 +66,9 @@ function MenuItem(props) {
           _ = _ref.navVariant,
           linkProps = _objectWithoutProperties(_ref, ["active", "navVariant"]);
 
-      return _react.default.createElement(LinkComponent, linkProps);
+      return _react.default.createElement(LinkComponent, _extends({
+        target: target
+      }, linkProps));
     }).withConfig({
       displayName: "NavExpandedItem",
       componentId: "ep2orz-0"

package/lib/components/LeftNav/index.test.js

@@ -96,13 +96,29 @@ describe('LeftNav', function () {
 
     expect(container).toMatchSnapshot();
   });
+  it('has the expected target attribute', function () {
+    var props = _objectSpread({}, defaultProps, {
+      items: [{
+        icon: _iconix.default.Home,
+        text: 'Home',
+        path: '/',
+        target: '_blank'
+      }]
+    });
+
+    var _render2 = render(_react2.default.createElement(_.default, props)),
+        getByText = _render2.getByText;
+
+    var anchor = getByText('Home').closest('a');
+    expect(anchor).toHaveAttribute('target', '_blank');
+  });
   describe('opening a sub menu', function () {
     describe('where the top menu item has NO link', function () {
       test('clicking the label toggles the sub menu', function () {
-        var _render2 = render(_react2.default.createElement(_.default, defaultProps)),
-            container = _render2.container,
-            getByText = _render2.getByText,
-            queryByText = _render2.queryByText;
+        var _render3 = render(_react2.default.createElement(_.default, defaultProps)),
+            container = _render3.container,
+            getByText = _render3.getByText,
+            queryByText = _render3.queryByText;
 
         var nonLinkWithSubItems = items[2];
         expect(queryByText(nonLinkWithSubItems.items[0].text)).toBe(null);
@@ -115,9 +131,9 @@ describe('LeftNav', function () {
     });
     describe('where the top menu item has a link', function () {
       test('clicking the label changes route but does not expand the sub menu', function () {
-        var _render3 = render(_react2.default.createElement(_.default, defaultProps)),
-            getByText = _render3.getByText,
-            queryByText = _render3.queryByText;
+        var _render4 = render(_react2.default.createElement(_.default, defaultProps)),
+            getByText = _render4.getByText,
+            queryByText = _render4.queryByText;
 
         var linkWithSubItems = items[3];
         expect(queryByText(linkWithSubItems.items[0].text)).toBe(null);
@@ -127,10 +143,10 @@ describe('LeftNav', function () {
         expect(queryByText(linkWithSubItems.items[0].text)).toBe(null);
       });
       test('clicking expander button toggles the sub menu', function () {
-        var _render4 = render(_react2.default.createElement(_.default, defaultProps)),
-            container = _render4.container,
-            queryByText = _render4.queryByText,
-            getByRole = _render4.getByRole;
+        var _render5 = render(_react2.default.createElement(_.default, defaultProps)),
+            container = _render5.container,
+            queryByText = _render5.queryByText,
+            getByRole = _render5.getByRole;
 
         var linkWithSubItems = items[3];
         var itemLink = queryByText(linkWithSubItems.text);
@@ -149,22 +165,22 @@ describe('LeftNav', function () {
       (0, _setupTests.mockMatchMedia)(_useNav.MEDIA_QUERIES[1]);
     });
     it('renders as expected', function () {
-      var _render5 = render(_react2.default.createElement(_.default, defaultProps)),
-          container = _render5.container;
+      var _render6 = render(_react2.default.createElement(_.default, defaultProps)),
+          container = _render6.container;
 
       expect(container).toMatchSnapshot();
     });
     describe('when the top menu item has sub items', function () {
       test('focusing on the top menu item shows the sub items', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var _render6, queryByText, linkWithSubItems, itemLink;
+        var _render7, queryByText, linkWithSubItems, itemLink;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _render6 = render(_react2.default.createElement(_.default, _extends({}, defaultProps, {
+                _render7 = render(_react2.default.createElement(_.default, _extends({}, defaultProps, {
                   navExpandedState: _useNav.NAV_EXPANDED_STATES.COLLAPSED_X
-                }))), queryByText = _render6.queryByText;
+                }))), queryByText = _render7.queryByText;
                 linkWithSubItems = items[3];
                 itemLink = queryByText(linkWithSubItems.text);
                 expect(queryByText(linkWithSubItems.items[0].text)).not.toBeInTheDocument();
@@ -199,9 +215,9 @@ describe('LeftNav', function () {
     });
     describe('where the top menu item has a link', function () {
       test('clicking the label changes route but does not expand the sub menu', function () {
-        var _render7 = render(_react2.default.createElement(_.default, defaultProps)),
-            getByText = _render7.getByText,
-            queryByText = _render7.queryByText;
+        var _render8 = render(_react2.default.createElement(_.default, defaultProps)),
+            getByText = _render8.getByText,
+            queryByText = _render8.queryByText;
 
         var linkWithSubItems = items[3];
         expect(queryByText(linkWithSubItems.items[0].text)).toBe(null);

package/lib/components/LeftNav/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/LeftNav/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAuC,CAAC;AA6DpD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/LeftNav/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAuC,CAAC;AAmEpD,eAAe,MAAM,CAAC"}

package/lib/components/LeftNav/schema.js

@@ -23,12 +23,14 @@ schema.propTypes = {
     text: _reactDesc.PropTypes.string.description('The label for the menu item.').isRequired,
     path: _reactDesc.PropTypes.string.description('The path for an internal link. Can not be used with a `url` attribute.'),
     url: _reactDesc.PropTypes.string.description('The path for an external link. Can not be used with a `path` attribute.'),
+    target: _reactDesc.PropTypes.string.description('Specifies where to open the linked document'),
     items: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.shape({
       active: _reactDesc.PropTypes.bool.description('Sets the menu item as active.'),
       disabled: _reactDesc.PropTypes.bool.description('Disables the menu subitem.'),
       text: _reactDesc.PropTypes.string.description('The label for the menu subitem.').isRequired,
       path: _reactDesc.PropTypes.string.description('The path for an internal link. Can not be used with a `url` attribute.'),
-      url: _reactDesc.PropTypes.string.description('The path for an external link. Can not be used with a `path` attribute.')
+      url: _reactDesc.PropTypes.string.description('The path for an external link. Can not be used with a `path` attribute.'),
+      target: _reactDesc.PropTypes.string.description('Specifies where to open the linked document')
     }).description('The definition for a subitem.')).description('An optional array of subitems.')
   }).description('The definition for items.')).description('An array of menu item definitions.').defaultValue('[]')
 };

package/lib/components/LeftNav/types.d.ts

@@ -5,6 +5,7 @@ declare type IconComponent = (props: IconProps) => JSX.Element;
 interface BaseMenuItem {
     active?: boolean;
     disabled?: boolean;
+    target?: HTMLAnchorElement['target'];
     text: string;
 }
 export interface MenuItemInternalLink extends BaseMenuItem {

package/lib/components/LeftNav/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/LeftNav/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,UAAU,YAAY;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,GAAG,EAAE,MAAM,CAAC;CACb;AAED,oBAAY,aAAa,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AAExE,oBAAY,eAAe,GAAG,aAAa,GAAG;IAC5C,IAAI,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF,oBAAY,uBAAuB,GAAG,YAAY,GAAG;IACnD,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB,CAAC;AAEF,oBAAY,2BAA2B,GAAG,oBAAoB,GAAG;IAC/D,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB,CAAC;AAEF,oBAAY,SAAS,GACjB,eAAe,GACf,uBAAuB,GACvB,2BAA2B,CAAC;AAChC,oBAAY,UAAU,GAAG,SAAS,EAAE,CAAC;AAErC,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAC9C,OAAO,EAAE,KAAK,CAAC;CAChB;AAED,oBAAY,aAAa,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAEhE,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAC3D,gBAAgB,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IACpD,wBAAwB,CAAC,EAAE,CACzB,gBAAgB,EAAE,MAAM,OAAO,mBAAmB,KAC/C,IAAI,CAAC;CACX"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/LeftNav/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,UAAU,YAAY;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,GAAG,EAAE,MAAM,CAAC;CACb;AAED,oBAAY,aAAa,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AAExE,oBAAY,eAAe,GAAG,aAAa,GAAG;IAC5C,IAAI,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF,oBAAY,uBAAuB,GAAG,YAAY,GAAG;IACnD,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB,CAAC;AAEF,oBAAY,2BAA2B,GAAG,oBAAoB,GAAG;IAC/D,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB,CAAC;AAEF,oBAAY,SAAS,GACjB,eAAe,GACf,uBAAuB,GACvB,2BAA2B,CAAC;AAChC,oBAAY,UAAU,GAAG,SAAS,EAAE,CAAC;AAErC,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAC9C,OAAO,EAAE,KAAK,CAAC;CAChB;AAED,oBAAY,aAAa,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAEhE,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAC3D,gBAAgB,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IACpD,wBAAwB,CAAC,EAAE,CACzB,gBAAgB,EAAE,MAAM,OAAO,mBAAmB,KAC/C,IAAI,CAAC;CACX"}

package/lib/components/Link/DisabledLink.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LinkRendererProps } from '../../providers/ConfigProvider';
-declare const _default: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Pick<LinkRendererProps, "children" | "to"> & React.RefAttributes<HTMLAnchorElement>>, any, {
+declare const _default: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Pick<LinkRendererProps, "children" | "target" | "to"> & React.RefAttributes<HTMLAnchorElement>>, any, {
     size?: "small" | "medium" | undefined;
 }, never>;
 export default _default;

package/lib/providers/ConfigProvider/utils/linkRenderer.d.ts

@@ -4,7 +4,8 @@ export interface LinkRendererProps {
     ref?: Ref<LinkRendererRef>;
     to: string;
     children?: ReactNode;
+    target?: HTMLAnchorElement['target'];
 }
-declare const linkRendererWithRef: React.ForwardRefExoticComponent<Pick<LinkRendererProps, "children" | "to"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const linkRendererWithRef: React.ForwardRefExoticComponent<Pick<LinkRendererProps, "children" | "target" | "to"> & React.RefAttributes<HTMLAnchorElement>>;
 export default linkRendererWithRef;
 //# sourceMappingURL=linkRenderer.d.ts.map

package/lib/providers/ConfigProvider/utils/linkRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linkRenderer.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/linkRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE1D,oBAAY,eAAe,GAAG,iBAAiB,CAAC;AAWhD,MAAM,WAAW,iBAAiB;IAEhC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoBD,QAAA,MAAM,mBAAmB,sHAA2B,CAAC;AAErD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"linkRenderer.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/linkRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE1D,oBAAY,eAAe,GAAG,iBAAiB,CAAC;AAWhD,MAAM,WAAW,iBAAiB;IAEhC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;CACtC;AAoBD,QAAA,MAAM,mBAAmB,iIAA2B,CAAC;AAErD,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.219",
+  "version": "2.0.1-alpha.221",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",