@decisiv/ui-components 2.0.1-alpha.73 → 2.0.1-alpha.82

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

@@ -95,16 +95,36 @@ describe('SelectDateRange', function () {
 
     expect(queryByText(defaultProps.label)).toBeInTheDocument();
   });
+  describe('when label is hidden', function () {
+    it('does not display the label element', function () {
+      var _render2 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        hideLabel: true
+      }))),
+          getByText = _render2.getByText;
+
+      expect(getByText(defaultProps.label, {
+        selector: 'span'
+      })).not.toBeVisible();
+    });
+    it('does display the input related to the label', function () {
+      var _render3 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        hideLabel: true
+      }))),
+          getByLabelText = _render3.getByLabelText;
+
+      expect(getByLabelText(defaultProps.label)).toBeVisible();
+    });
+  });
   it('renders the calendar icon', function () {
     var _rtlRender = (0, _react2.render)(_react.default.createElement(_Calendar.default, null)),
         iconContainer = _rtlRender.container;
 
     var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
 
-    var _render2 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+    var _render4 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
       icon: _Calendar.default
     }))),
-        container = _render2.container; // There will be other icons rendered as well, like the expanded indicator.
+        container = _render4.container; // There will be other icons rendered as well, like the expanded indicator.
     // The Calendar icon should be first in the render tree.
 
 
@@ -117,8 +137,8 @@ describe('SelectDateRange', function () {
 
     var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
 
-    var _render3 = render(_react.default.createElement(_.default, defaultProps)),
-        container = _render3.container; // With no value rendered and no icon prop provided, the expanded indicator
+    var _render5 = render(_react.default.createElement(_.default, defaultProps)),
+        container = _render5.container; // With no value rendered and no icon prop provided, the expanded indicator
     // will be first in the render tree.
 
 
@@ -132,10 +152,10 @@ describe('SelectDateRange', function () {
 
       var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
 
-      var _render4 = render(_react.default.createElement(_.default, defaultProps)),
-          baseElement = _render4.baseElement,
-          container = _render4.container,
-          getByText = _render4.getByText;
+      var _render6 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render6.baseElement,
+          container = _render6.container,
+          getByText = _render6.getByText;
 
       expect((0, _react2.queryByText)(baseElement, /today/i)).not.toBeInTheDocument();
       var label = getByText(defaultProps.label);
@@ -149,9 +169,9 @@ describe('SelectDateRange', function () {
   });
   describe('when clicking the InputField value button', function () {
     it('opens a popover with the calendar', function () {
-      var _render5 = render(_react.default.createElement(_.default, defaultProps)),
-          baseElement = _render5.baseElement,
-          getByLabelText = _render5.getByLabelText;
+      var _render7 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render7.baseElement,
+          getByLabelText = _render7.getByLabelText;
 
       expect((0, _react2.queryByText)(baseElement, /today/i)).not.toBeInTheDocument();
       var valueButton = getByLabelText(defaultProps.label);
@@ -163,9 +183,9 @@ describe('SelectDateRange', function () {
   });
   describe('when the calendar popover is open', function () {
     it('renders the calendar', function () {
-      var _render6 = render(_react.default.createElement(_.default, defaultProps)),
-          baseElement = _render6.baseElement,
-          getByText = _render6.getByText;
+      var _render8 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render8.baseElement,
+          getByText = _render8.getByText;
 
       var today = new Date();
       var lastDateInMonth = new Date(today.getFullYear(), today.getMonth() + 1, 0);
@@ -209,9 +229,9 @@ describe('SelectDateRange', function () {
       }
     });
     it('renders apply, cancel and clear buttons inside the popover', function () {
-      var _render7 = render(_react.default.createElement(_.default, defaultProps)),
-          baseElement = _render7.baseElement,
-          getByLabelText = _render7.getByLabelText;
+      var _render9 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render9.baseElement,
+          getByLabelText = _render9.getByLabelText;
 
       _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -220,10 +240,10 @@ describe('SelectDateRange', function () {
       expect((0, _react2.queryByText)(baseElement, /clear/i)).toBeInTheDocument();
     });
     it('enables apply button only when selection is complete', function () {
-      var _render8 = render(_react.default.createElement(_.default, defaultProps)),
-          baseElement = _render8.baseElement,
-          getByLabelText = _render8.getByLabelText,
-          getByText = _render8.getByText;
+      var _render10 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render10.baseElement,
+          getByLabelText = _render10.getByLabelText,
+          getByText = _render10.getByText;
 
       _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -244,9 +264,9 @@ describe('SelectDateRange', function () {
     });
     describe('when navigating with the calendar controls', function () {
       it('does NOT close the popover after each click', function () {
-        var _render9 = render(_react.default.createElement(_.default, defaultProps)),
-            baseElement = _render9.baseElement,
-            getByText = _render9.getByText; // open the calendar popover
+        var _render11 = render(_react.default.createElement(_.default, defaultProps)),
+            baseElement = _render11.baseElement,
+            getByText = _render11.getByText; // open the calendar popover
 
 
         _react2.fireEvent.click(getByText(defaultProps.label)); // the "today" button is a part of the calendar controls
@@ -271,11 +291,11 @@ describe('SelectDateRange', function () {
     });
     describe('when clearing the value with the clear button inside the popover', function () {
       it('does not closes the popover after click', function () {
-        var _render10 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render12 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           defaultValue: []
         }))),
-            baseElement = _render10.baseElement,
-            getByLabelText = _render10.getByLabelText;
+            baseElement = _render12.baseElement,
+            getByLabelText = _render12.getByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -288,13 +308,13 @@ describe('SelectDateRange', function () {
       it('calls the onChange prop with `undefined`', function () {
         var onChange = jest.fn();
 
-        var _render11 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render13 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           defaultValue: [],
           onChange: onChange
         }))),
-            baseElement = _render11.baseElement,
-            getByLabelText = _render11.getByLabelText,
-            queryByLabelText = _render11.queryByLabelText;
+            baseElement = _render13.baseElement,
+            getByLabelText = _render13.getByLabelText,
+            queryByLabelText = _render13.queryByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -315,10 +335,10 @@ describe('SelectDateRange', function () {
             _createDateRange2 = _slicedToArray(_createDateRange, 2),
             endDate = _createDateRange2[1];
 
-        var _render12 = render(_react.default.createElement(_.default, defaultProps)),
-            baseElement = _render12.baseElement,
-            getByLabelText = _render12.getByLabelText,
-            queryByLabelText = _render12.queryByLabelText;
+        var _render14 = render(_react.default.createElement(_.default, defaultProps)),
+            baseElement = _render14.baseElement,
+            getByLabelText = _render14.getByLabelText,
+            queryByLabelText = _render14.queryByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -335,9 +355,9 @@ describe('SelectDateRange', function () {
       it('does not close the calendar popover', function () {
         var today = new Date();
 
-        var _render13 = render(_react.default.createElement(_.default, defaultProps)),
-            baseElement = _render13.baseElement,
-            getByLabelText = _render13.getByLabelText;
+        var _render15 = render(_react.default.createElement(_.default, defaultProps)),
+            baseElement = _render15.baseElement,
+            getByLabelText = _render15.getByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -358,11 +378,11 @@ describe('SelectDateRange', function () {
             _createDateRange4 = _slicedToArray(_createDateRange3, 2),
             endDate = _createDateRange4[1];
 
-        var _render14 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render16 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           onRangeChange: onRangeChange
         }))),
-            baseElement = _render14.baseElement,
-            getByLabelText = _render14.getByLabelText;
+            baseElement = _render16.baseElement,
+            getByLabelText = _render16.getByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -391,10 +411,10 @@ describe('SelectDateRange', function () {
       var endDate = new Date();
       endDate.setDate(startDate.getDate() + 2);
 
-      var _render15 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render17 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         values: [startDate, endDate]
       }))),
-          container = _render15.container;
+          container = _render17.container;
 
       var clearButtonIconPathD = container.querySelectorAll('svg path')[0].getAttribute('d');
       expect(clearButtonIconPathD).toEqual(iconPathD);
@@ -402,10 +422,10 @@ describe('SelectDateRange', function () {
     it('renders the date in the correct format', function () {
       var value = createDateRange(new Date(), -2);
 
-      var _render16 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render18 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         values: value
       }))),
-          getByLabelText = _render16.getByLabelText;
+          getByLabelText = _render18.getByLabelText;
 
       expect(getByLabelText(defaultProps.label)).toHaveTextContent(formatDateRange(value));
     });
@@ -413,14 +433,14 @@ describe('SelectDateRange', function () {
       var onChange = jest.fn();
       var value = createDateRange(new Date(2020, 1, 15), 2);
 
-      var _render17 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render19 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         onChange: onChange,
         values: value
       }))),
-          baseElement = _render17.baseElement,
-          rerender = _render17.rerender,
-          getByLabelText = _render17.getByLabelText,
-          queryByText = _render17.queryByText;
+          baseElement = _render19.baseElement,
+          rerender = _render19.rerender,
+          getByLabelText = _render19.getByLabelText,
+          queryByText = _render19.queryByText;
 
       _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -455,12 +475,12 @@ describe('SelectDateRange', function () {
         var onChange = jest.fn();
         var value = createDateRange(new Date(2020, 1, 15), 2);
 
-        var _render18 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render20 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           onChange: onChange,
           values: value
         }))),
-            baseElement = _render18.baseElement,
-            getByLabelText = _render18.getByLabelText;
+            baseElement = _render20.baseElement,
+            getByLabelText = _render20.getByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -475,10 +495,10 @@ describe('SelectDateRange', function () {
     it('initializes with the default value', function () {
       var value = createDateRange(new Date(2020, 1, 15));
 
-      var _render19 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render21 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         defaultValue: value
       }))),
-          getByLabelText = _render19.getByLabelText;
+          getByLabelText = _render21.getByLabelText;
 
       expect(getByLabelText(defaultProps.label)).toHaveTextContent(formatDateRange(value));
     });
@@ -486,12 +506,12 @@ describe('SelectDateRange', function () {
       var onRangeChange = jest.fn();
       var value = createDateRange(new Date(2020, 1, 15));
 
-      var _render20 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render22 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         onRangeChange: onRangeChange,
         defaultValue: value
       }))),
-          baseElement = _render20.baseElement,
-          getByLabelText = _render20.getByLabelText;
+          baseElement = _render22.baseElement,
+          getByLabelText = _render22.getByLabelText;
 
       var _value2 = _slicedToArray(value, 2),
           endDate = _value2[1];

package/lib/components/TextArea/index.js

@@ -21,6 +21,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function TextField(props, ref) {
   return _react.default.createElement(_InputField.default, _extends({}, props, {
+    isTextArea: true,
     overflow: "auto",
     ref: ref
   }), function (p) {

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

@@ -100,6 +100,11 @@ describe('TextArea', function () {
     props: _objectSpread({}, defaultProps, {
       disabled: true
     })
+  }, {
+    test: 'when label hidden',
+    props: _objectSpread({}, defaultProps, {
+      hideLabel: true
+    })
   }, {
     test: 'when readOnly',
     props: _objectSpread({}, defaultProps, {

package/lib/components/TextField/Input.js

@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var Input = _styledComponents.default.input.withConfig({
   displayName: "Input",
   componentId: "sc-1vtz9kb-0"
-})(["font-family:", ";font-size:", ";font-weight:", ";overflow:visible;&::-moz-focus-inner{border:0;padding:0;margin:0;}background-color:inherit;border:transparent;display:block;line-height:140%;padding:1px 10px 6px 1px;width:100%;&:active,&:focus{outline:none;}"], _designTokens.typography.typeface.default, (0, _rem.default)(_designTokens.typography.size.alias.default), _designTokens.typography.weight.alias.default);
+})(["font-family:", ";font-size:", ";font-weight:", ";overflow:visible;&::-moz-focus-inner{border:0;padding:0;margin:0;}background-color:inherit;border:transparent;display:block;line-height:140%;padding:0 10px 6px 1px;width:100%;&:active,&:focus{outline:none;}"], _designTokens.typography.typeface.default, (0, _rem.default)(_designTokens.typography.size.alias.default), _designTokens.typography.weight.alias.default);
 
 var _default = Input;
 exports.default = _default;

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

@@ -105,6 +105,11 @@ describe('TextField', function () {
     props: _objectSpread({}, defaultProps, {
       disabled: true
     })
+  }, {
+    test: 'when label hidden',
+    props: _objectSpread({}, defaultProps, {
+      hideLabel: true
+    })
   }, {
     test: 'when readOnly',
     props: _objectSpread({}, defaultProps, {

package/lib/components/index.d.ts

@@ -7,6 +7,7 @@ export { default as Checkbox } from './Checkbox';
 export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as Combobox } from './Combobox';
 export { default as DropdownList, DropdownListCategory, DropdownListItem, DropdownListOption, DropdownListProps, } from './DropdownList';
+export { default as Filter } from './Filter';
 export { default as Flex } from './Flex';
 export { Column, Container, default as Grid, Row } from './Grid';
 export { default as JumpTo, JumpToRef } from './JumpTo';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/lib/components/index.js

@@ -22,6 +22,7 @@ var _exportNames = {
   DropdownListItem: true,
   DropdownListOption: true,
   DropdownListProps: true,
+  Filter: true,
   Flex: true,
   Column: true,
   Container: true,
@@ -170,6 +171,12 @@ Object.defineProperty(exports, "DropdownListProps", {
     return _DropdownList.DropdownListProps;
   }
 });
+Object.defineProperty(exports, "Filter", {
+  enumerable: true,
+  get: function get() {
+    return _Filter.default;
+  }
+});
 Object.defineProperty(exports, "Flex", {
   enumerable: true,
   get: function get() {
@@ -423,6 +430,8 @@ var _Combobox = _interopRequireDefault(require("./Combobox"));
 
 var _DropdownList = _interopRequireWildcard(require("./DropdownList"));
 
+var _Filter = _interopRequireDefault(require("./Filter"));
+
 var _Flex = _interopRequireDefault(require("./Flex"));
 
 var _Grid = _interopRequireWildcard(require("./Grid"));

package/lib/providers/ConfigProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ConfigProvider/index.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAUf,OAAO,EAGL,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAQzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AAErC,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,aAAa,CAoGpD,CAAC;AAQF,QAAA,MAAM,SAAS,qBACkB,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ConfigProvider/index.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAUf,OAAO,EAGL,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAQzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AAErC,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,aAAa,CAwGpD,CAAC;AAQF,QAAA,MAAM,SAAS,qBACkB,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}

package/lib/providers/ConfigProvider/index.js

@@ -166,7 +166,11 @@ var ConfigProvider = function ConfigProvider(props) {
     var managerProps = {};
 
     if (extraScope) {
-      managerProps.stylisPlugins = [(0, _stylisPluginExtraScope.default)(extraScope)];
+      var extraScopePlugin = (0, _stylisPluginExtraScope.default)(extraScope);
+      Object.defineProperty(extraScopePlugin, 'name', {
+        value: 'extraScopePlugin'
+      });
+      managerProps.stylisPlugins = [extraScopePlugin];
     }
 
     return managerProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.73+9d96137",
+  "version": "2.0.1-alpha.82+d0fecf5",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "private": false,
-  "gitHead": "9d96137057ddfcd2213d1731ba3239a03d861e2f"
+  "gitHead": "d0fecf5032f3f632a8263f83bd3bb345fc9e93b2"
 }