@decisiv/ui-components 2.0.1-alpha.97 → 2.0.1

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

@@ -124,4 +124,88 @@ describe('JumpTo', function () {
       expect(container.children[0].childElementCount).toEqual(0);
     });
   });
+  describe('with openOnMouseHover', function () {
+    it('renders list on hover', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var label, items, _renderJumpTo4, baseElement, getByText;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              label = 'TEST LABEL';
+              items = [{
+                label: 'First Item',
+                selector: '#item-1'
+              }, {
+                label: 'Second Item',
+                selector: '#item-2'
+              }];
+              _renderJumpTo4 = renderJumpTo({
+                label: label,
+                items: items,
+                openOnMouseHover: true,
+                variant: 'menu'
+              }), baseElement = _renderJumpTo4.baseElement, getByText = _renderJumpTo4.getByText;
+              (0, _react2.act)(function () {
+                _react2.fireEvent.mouseEnter(getByText(label));
+              });
+              _context2.next = 6;
+              return (0, _react2.waitForElement)(function () {
+                return getByText(items[0].label);
+              });
+
+            case 6:
+              expect(baseElement).toMatchSnapshot();
+
+            case 7:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+    it('closes popover after selecting an item', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+      var label, items, _renderJumpTo5, baseElement, getByText, queryByText;
+
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              label = 'TEST LABEL';
+              items = [{
+                label: 'First Item',
+                selector: '#item-1'
+              }, {
+                label: 'Second Item',
+                selector: '#item-2'
+              }];
+              _renderJumpTo5 = renderJumpTo({
+                label: label,
+                items: items,
+                openOnMouseHover: true,
+                variant: 'menu'
+              }), baseElement = _renderJumpTo5.baseElement, getByText = _renderJumpTo5.getByText, queryByText = _renderJumpTo5.queryByText;
+              (0, _react2.act)(function () {
+                _react2.fireEvent.mouseEnter(getByText(label));
+              });
+              _context3.next = 6;
+              return (0, _react2.waitForElement)(function () {
+                return getByText(items[0].label);
+              });
+
+            case 6:
+              (0, _react2.act)(function () {
+                _react2.fireEvent.click(getByText(items[0].label));
+              });
+              expect(queryByText(items[0].label)).toBeNull();
+              expect(baseElement).toMatchSnapshot();
+
+            case 9:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    })));
+  });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAkCnD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAuCnD,eAAe,MAAM,CAAC"}

package/lib/components/JumpTo/schema.js

@@ -20,7 +20,8 @@ schema.propTypes = {
   label: _reactDesc.PropTypes.string.description('An optional string that sets the label for the component. You can also set the label using the translations object set in context.').defaultValue('Jump To:'),
   offset: _reactDesc.PropTypes.number.description('A distance to offset the jump to target for _all_ selectors. Can be overridden when declaring jump to items.'),
   variant: _reactDesc.PropTypes.oneOf(['menu']).description("Selects a specific variation for display. If set to 'menu', the Jump To will display as a drop-down menu. If not set, will display using the standard horizontal layout."),
-  zIndex: _reactDesc.PropTypes.number.description('For the nav variant, sets the z-index of the `<nav>` element. For the menu variant, sets the z-index of the Popover containing the menu items.')
+  zIndex: _reactDesc.PropTypes.number.description('For the nav variant, sets the z-index of the `<nav>` element. For the menu variant, sets the z-index of the Popover containing the menu items.'),
+  openOnMouseHover: _reactDesc.PropTypes.bool.description('For the menu variant, if true, the menu will open on mouse hover. If false, the menu will open on mouse click.').defaultValue(false)
 };
 var _default = schema;
 exports.default = _default;

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

@@ -12,5 +12,6 @@ export interface JumpToProps extends React.HTMLAttributes<HTMLElement> {
     offset?: number;
     variant?: 'menu';
     zIndex?: number;
+    openOnMouseHover?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,oBAAY,SAAS,GAAG,cAAc,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,oBAAY,SAAS,GAAG,cAAc,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/lib/components/JumpTo/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/utils.ts"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAExD;AAqBD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,MAAM,GAClB,IAAI,CAaN"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/JumpTo/utils.ts"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAExD;AAmBD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,YAAY,CAAC,EAAE,MAAM,EACrB,UAAU,CAAC,EAAE,MAAM,GAClB,IAAI,CAaN"}

package/lib/components/JumpTo/utils.js

@@ -22,16 +22,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function getFirstNumber(values) {
   return values.find(_isNumber.default) || 0;
 }
-/**
- * Determine whether the current browser supports smooth scrolling.
- */
-
-
-var supportsNativeSmoothScroll = ('scrollBehavior' in document.documentElement.style);
 
 function scrollToElement(element, offset) {
   var targetOffset = element.getBoundingClientRect().top + window.pageYOffset;
-  var scrollTargetY = targetOffset - offset; // in our testing supportsNativeSmoothScroll will always be true
+  var scrollTargetY = targetOffset - offset; // does the current browser support smooth scrolling?
+
+  var supportsNativeSmoothScroll = ('scrollBehavior' in document.documentElement.style); // in our testing supportsNativeSmoothScroll will always be true
 
   /* istanbul ignore else */
 

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { LinkRendererProps } from '../../providers/ConfigProvider';
+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;
+//# sourceMappingURL=DisabledLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledLink.d.ts","sourceRoot":"","sources":["../../../src/components/Link/DisabledLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAM/C,OAAO,EACL,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;;;;AAwBxC,wBAEE"}

package/lib/components/Link/DisabledLink.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _designTokens = require("@decisiv/design-tokens");
+
+var _styles = require("./styles");
+
+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; } }
+
+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; }
+
+var DisabledLink = function DisabledLink(props, ref) {
+  var to = props.to,
+      children = props.children,
+      rest = _objectWithoutProperties(props, ["to", "children"]);
+
+  return _react.default.createElement("span", _extends({}, rest, {
+    ref: ref
+  }), children);
+};
+
+var DisabledLinkWithRef = (0, _react.forwardRef)(DisabledLink);
+var disabledLinkStyles = (0, _styledComponents.css)(["cursor:not-allowed;color:", ";", ";"], (0, _toColorString.default)(_designTokens.color.opacity.charcoal40), _styles.sharedLinkStyles);
+
+var _default = (0, _styledComponents.default)(DisabledLinkWithRef).withConfig({
+  displayName: "DisabledLink",
+  componentId: "sc-129tszc-0"
+})(["", ""], disabledLinkStyles);
+
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+import { Ref } from 'react';
+import { LinkProps, LinkRef } from './types';
+export default function Link(props: LinkProps, ref: Ref<LinkRef>): JSX.Element;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAW,MAAM,OAAO,CAAC;AAO5C,OAAO,EAAiB,SAAS,EAAE,OAAO,EAAsB,MAAM,SAAS,CAAC;AAEhF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CA4C7E"}

package/lib/components/Link/Link.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Link;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ConfigProvider = require("../../providers/ConfigProvider");
+
+var _DisabledLink = _interopRequireDefault(require("./DisabledLink"));
+
+var _styles = require("./styles");
+
+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; } }
+
+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; }
+
+function Link(props, ref) {
+  var _useConfig = (0, _ConfigProvider.useConfig)(),
+      linkRenderer = _useConfig.linkRenderer;
+  /* istanbul ignore next: iconPosition and size default values */
+
+
+  var disabled = props.disabled,
+      text = props.text,
+      icon = props.icon,
+      _props$iconPosition = props.iconPosition,
+      iconPosition = _props$iconPosition === void 0 ? 'left' : _props$iconPosition,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      rest = _objectWithoutProperties(props, ["disabled", "text", "icon", "iconPosition", "size"]);
+
+  var StyledLink = (0, _react.useMemo)(function () {
+    return disabled ? _DisabledLink.default : (0, _styledComponents.default)(linkRenderer).withConfig({
+      displayName: "Link",
+      componentId: "j02y1q-0"
+    })(["", ";"], _styles.linkStyles);
+  }, [linkRenderer, disabled]);
+  var LinkIcon = (0, _react.useMemo)(function () {
+    if (!icon) {
+      return null;
+    }
+
+    var Icon = icon;
+    return _react.default.createElement(_styles.IconContainer, {
+      "aria-hidden": true,
+      position: iconPosition,
+      withText: !!text
+    }, _react.default.createElement(Icon, {
+      size: size
+    }));
+  }, [icon, iconPosition, size, text]);
+  return _react.default.createElement(StyledLink, _extends({}, rest, {
+    ref: ref,
+    size: size
+  }), !!icon && iconPosition === 'left' && LinkIcon, text, !!icon && iconPosition === 'right' && LinkIcon);
+}

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

@@ -1,27 +1,8 @@
-import { RgbaColor, RgbColor } from 'polished/lib/types/color';
-import { ComponentPropsWithRef, ReactNode, RefForwardingComponent } from 'react';
-import { FlattenSimpleInterpolation } from 'styled-components';
-import { IconProps } from '@decisiv/iconix';
-import { LinkRendererRef } from '../../providers/ConfigProvider';
+import { RefForwardingComponent } from 'react';
+import { LinkProps, LinkRef } from './types';
+export { linkColorStyles } from './styles';
 export { makeLinkSchemaPropTypes } from './schema';
-export declare type LinkRef = LinkRendererRef;
-export declare type LinkSize = 'medium' | 'small';
-export declare type IconPosition = 'left' | 'right';
-export declare type LinkVariant = 'normal' | 'inverted';
-declare type Color = RgbColor | RgbaColor;
-declare type IconComponent = (props: IconProps) => JSX.Element;
-export interface LinkProps extends ComponentPropsWithRef<'a'> {
-    icon?: IconComponent;
-    iconPosition?: IconPosition;
-    size?: LinkSize;
-    text?: string | ReactNode;
-    to: string;
-    variant?: LinkVariant;
-}
-export declare function linkColorStyles(normalColor: Color, visitedColor: Color, hoverColor: Color, focusColors?: {
-    border: Color;
-    shadow: Color;
-}): FlattenSimpleInterpolation;
+export { LinkProps };
 declare const LinkWithRef: RefForwardingComponent<LinkRef, LinkProps>;
 export default LinkWithRef;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAc,EACZ,qBAAqB,EACrB,SAAS,EAET,sBAAsB,EAGvB,MAAM,OAAO,CAAC;AACf,OAAe,EACb,0BAA0B,EAI3B,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAEL,eAAe,EAGhB,MAAM,gCAAgC,CAAC;AAMxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD,oBAAY,OAAO,GAAG,eAAe,CAAC;AACtC,oBAAY,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC1C,oBAAY,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5C,oBAAY,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEhD,aAAK,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClC,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,GAAG,CAAC;IAC3D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAyBD,wBAAgB,eAAe,CAC7B,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,KAAK,EACjB,WAAW,CAAC,EAAE;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,MAAM,EAAE,KAAK,CAAA;CAAE,GAC7C,0BAA0B,CAsC5B;AA0ID,QAAA,MAAM,WAAW,EAAE,sBAAsB,CAAC,OAAO,EAAE,SAAS,CAE3D,CAAC;AAwBF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,QAAA,MAAM,WAAW,EAAE,sBAAsB,CAAC,OAAO,EAAE,SAAS,CAE3D,CAAC;AAwBF,eAAe,WAAW,CAAC"}