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

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);
@@ -146,12 +166,49 @@ describe('SelectDateRange', function () {
       expect(expandedIconPathD).toEqual(iconPathD);
       expect((0, _react2.queryByText)(baseElement, /today/i)).toBeInTheDocument();
     });
+    it('triggers onShow callback', function () {
+      var onShow = jest.fn();
+
+      var _render7 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        onShow: onShow
+      }))),
+          queryByText = _render7.queryByText;
+
+      expect(onShow).not.toHaveBeenCalled();
+      var label = queryByText(defaultProps.label);
+
+      _react2.fireEvent.click(label);
+
+      expect(onShow).toHaveBeenCalled();
+    });
+    it('triggers onHide callback', function () {
+      var onHide = jest.fn();
+
+      var _render8 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        onHide: onHide
+      }))),
+          queryByText = _render8.queryByText;
+
+      expect(onHide).not.toHaveBeenCalled();
+      var label = queryByText(defaultProps.label);
+
+      _react2.fireEvent.click(label);
+
+      _react2.fireEvent.keyDown(label, {
+        key: 'Escape',
+        code: 'Escape',
+        keyCode: 27,
+        charCode: 27
+      });
+
+      expect(onHide).toHaveBeenCalled();
+    });
   });
   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 _render9 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render9.baseElement,
+          getByLabelText = _render9.getByLabelText;
 
       expect((0, _react2.queryByText)(baseElement, /today/i)).not.toBeInTheDocument();
       var valueButton = getByLabelText(defaultProps.label);
@@ -163,9 +220,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 _render10 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render10.baseElement,
+          getByText = _render10.getByText;
 
       var today = new Date();
       var lastDateInMonth = new Date(today.getFullYear(), today.getMonth() + 1, 0);
@@ -209,9 +266,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 _render11 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render11.baseElement,
+          getByLabelText = _render11.getByLabelText;
 
       _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -220,10 +277,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 _render12 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render12.baseElement,
+          getByLabelText = _render12.getByLabelText,
+          getByText = _render12.getByText;
 
       _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -244,9 +301,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 _render13 = render(_react.default.createElement(_.default, defaultProps)),
+            baseElement = _render13.baseElement,
+            getByText = _render13.getByText; // open the calendar popover
 
 
         _react2.fireEvent.click(getByText(defaultProps.label)); // the "today" button is a part of the calendar controls
@@ -271,11 +328,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 _render14 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           defaultValue: []
         }))),
-            baseElement = _render10.baseElement,
-            getByLabelText = _render10.getByLabelText;
+            baseElement = _render14.baseElement,
+            getByLabelText = _render14.getByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -288,13 +345,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 _render15 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           defaultValue: [],
           onChange: onChange
         }))),
-            baseElement = _render11.baseElement,
-            getByLabelText = _render11.getByLabelText,
-            queryByLabelText = _render11.queryByLabelText;
+            baseElement = _render15.baseElement,
+            getByLabelText = _render15.getByLabelText,
+            queryByLabelText = _render15.queryByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -315,10 +372,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 _render16 = render(_react.default.createElement(_.default, defaultProps)),
+            baseElement = _render16.baseElement,
+            getByLabelText = _render16.getByLabelText,
+            queryByLabelText = _render16.queryByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -335,9 +392,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 _render17 = render(_react.default.createElement(_.default, defaultProps)),
+            baseElement = _render17.baseElement,
+            getByLabelText = _render17.getByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -358,11 +415,11 @@ describe('SelectDateRange', function () {
             _createDateRange4 = _slicedToArray(_createDateRange3, 2),
             endDate = _createDateRange4[1];
 
-        var _render14 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render18 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           onRangeChange: onRangeChange
         }))),
-            baseElement = _render14.baseElement,
-            getByLabelText = _render14.getByLabelText;
+            baseElement = _render18.baseElement,
+            getByLabelText = _render18.getByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -391,10 +448,10 @@ describe('SelectDateRange', function () {
       var endDate = new Date();
       endDate.setDate(startDate.getDate() + 2);
 
-      var _render15 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render19 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         values: [startDate, endDate]
       }))),
-          container = _render15.container;
+          container = _render19.container;
 
       var clearButtonIconPathD = container.querySelectorAll('svg path')[0].getAttribute('d');
       expect(clearButtonIconPathD).toEqual(iconPathD);
@@ -402,10 +459,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 _render20 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         values: value
       }))),
-          getByLabelText = _render16.getByLabelText;
+          getByLabelText = _render20.getByLabelText;
 
       expect(getByLabelText(defaultProps.label)).toHaveTextContent(formatDateRange(value));
     });
@@ -413,14 +470,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 _render21 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         onChange: onChange,
         values: value
       }))),
-          baseElement = _render17.baseElement,
-          rerender = _render17.rerender,
-          getByLabelText = _render17.getByLabelText,
-          queryByText = _render17.queryByText;
+          baseElement = _render21.baseElement,
+          rerender = _render21.rerender,
+          getByLabelText = _render21.getByLabelText,
+          queryByText = _render21.queryByText;
 
       _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -455,12 +512,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 _render22 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           onChange: onChange,
           values: value
         }))),
-            baseElement = _render18.baseElement,
-            getByLabelText = _render18.getByLabelText;
+            baseElement = _render22.baseElement,
+            getByLabelText = _render22.getByLabelText;
 
         _react2.fireEvent.click(getByLabelText(defaultProps.label));
 
@@ -475,10 +532,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 _render23 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         defaultValue: value
       }))),
-          getByLabelText = _render19.getByLabelText;
+          getByLabelText = _render23.getByLabelText;
 
       expect(getByLabelText(defaultProps.label)).toHaveTextContent(formatDateRange(value));
     });
@@ -486,12 +543,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 _render24 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         onRangeChange: onRangeChange,
         defaultValue: value
       }))),
-          baseElement = _render20.baseElement,
-          getByLabelText = _render20.getByLabelText;
+          baseElement = _render24.baseElement,
+          getByLabelText = _render24.getByLabelText;
 
       var _value2 = _slicedToArray(value, 2),
           endDate = _value2[1];

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

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDateRange/schema.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAqCnD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDateRange/schema.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM,KAAsC,CAAC;AA2CnD,eAAe,MAAM,CAAC"}

package/lib/components/SelectDateRange/schema.js

@@ -26,6 +26,8 @@ schema.propTypes = _objectSpread({}, (0, _omit.default)(_InputField.schema.makeP
   clearButtonLabel: _reactDesc.PropTypes.string.description("A hidden label value for the clear button. The select component's label is available within the string for clarity.").defaultValue('Clear {label} value'),
   defaultValues: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.instanceOf(Date)).description('An array of two `Date` values indicating the start and the end of the range that should be selected by default.'),
   onChange: _reactDesc.PropTypes.func.description('Called with an array of two `Date` values indicating the start and the end of the selected range when the `apply` button is clicked or with `undefined` when the value is cleared'),
+  onHide: _reactDesc.PropTypes.func.description('A callback which is triggered when the popover is closed'),
+  onShow: _reactDesc.PropTypes.func.description('A callback which is triggered when the popover is opened'),
   values: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.instanceOf(Date)).description('An array of two `Date` values indicating the start and the end of the range. If provided, controlling the SelectDateRange must be handled externally. Overrides `defaultValues`.'),
   onRangeChange: _reactDesc.PropTypes.func.description("Called when dates are being selected and the calendar is open. It's called with an array that contains one or two values depending of selected dates or undefined when it is cleared. Used along with `range` when controlling the selection of dates"),
   range: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.instanceOf(Date)).description('An array of two `Date` values indicating the start and the end of the range being selected when the calendar is open. Used when controlling the selection of dates'),

package/lib/components/SelectDateRange/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { ButtonProps } from '../Button';
+import { FooterActions } from '../../atoms/OptionsList/types';
 import { DropdownListProps } from '../DropdownList';
 import { PopoverProps } from '../Popover/types';
 export interface SelectMenuProps {
+    actions?: FooterActions;
     defaultSelected?: string | string[];
     disabled?: boolean;
     id?: string;
@@ -20,6 +22,9 @@ export interface SelectMenuProps {
 declare function SelectMenu(props: SelectMenuProps): JSX.Element;
 declare namespace SelectMenu {
     var propTypes: any;
+    var defaultProps: {
+        actions: undefined;
+    };
 }
 export default SelectMenu;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectMenu/index.tsx"],"names":[],"mappings":";AAaA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAqB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhD,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACjC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA4JvD;kBA5JQ,UAAU;;;AA+JnB,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectMenu/index.tsx"],"names":[],"mappings":";AAeA,OAAe,EAAE,WAAW,EAA6B,MAAM,WAAW,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAqB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhD,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACjC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA8JvD;kBA9JQ,UAAU;;;;;;AA0LnB,eAAe,UAAU,CAAC"}

package/lib/components/SelectMenu/index.js

@@ -15,9 +15,11 @@ var _get = _interopRequireDefault(require("lodash/get"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _useUniqueId = _interopRequireDefault(require("../../utils/useUniqueId"));
 
-var _Button = _interopRequireDefault(require("../Button"));
+var _Button = _interopRequireWildcard(require("../Button"));
 
 var _DropdownList = _interopRequireDefault(require("../DropdownList"));
 
@@ -33,6 +35,12 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
@@ -42,7 +50,8 @@ function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d =
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function SelectMenu(props) {
-  var defaultSelected = props.defaultSelected,
+  var actions = props.actions,
+      defaultSelected = props.defaultSelected,
       disabled = props.disabled,
       idProp = props.id,
       label = props.label,
@@ -153,6 +162,7 @@ function SelectMenu(props) {
     text: buttonLabel,
     variant: "ghost"
   }), _react.default.createElement(_DropdownList.default, {
+    actions: actions,
     items: options,
     name: "select-menu-options",
     onChange: handleOnChange,
@@ -166,6 +176,20 @@ function SelectMenu(props) {
   }));
 }
 
-SelectMenu.propTypes = _schema.default.propTypes;
+SelectMenu.propTypes = _objectSpread({}, _schema.default.propTypes, {
+  actions: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape((0, _Button.makeButtonSchemaPropTypes)({
+    id: _propTypes.default.string.isRequired
+  }))), _propTypes.default.shape({
+    left: _propTypes.default.arrayOf(_propTypes.default.shape((0, _Button.makeButtonSchemaPropTypes)({
+      id: _propTypes.default.string.isRequired
+    }))),
+    right: _propTypes.default.arrayOf(_propTypes.default.shape((0, _Button.makeButtonSchemaPropTypes)({
+      id: _propTypes.default.string.isRequired
+    })))
+  })])
+});
+SelectMenu.defaultProps = {
+  actions: undefined
+};
 var _default = SelectMenu;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/SelectMenu/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA0C,CAAC;AAsDvD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/SelectMenu/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA0C,CAAC;AA+DvD,eAAe,MAAM,CAAC"}

package/lib/components/SelectMenu/schema.js

@@ -16,6 +16,10 @@ schema.propTypes = {
   disabled: _reactDesc.PropTypes.bool.description('Disables functionality of opening the options list.'),
   label: _reactDesc.PropTypes.string.description('The label text for the select menu.').isRequired,
   onChange: _reactDesc.PropTypes.func.description("An event handler called when the selected option should be changed. Called with the new option's id.").isRequired,
+  actions: _reactDesc.PropTypes.oneOfType([_reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object), _reactDesc.PropTypes.shape({
+    left: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object),
+    right: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object)
+  })]).description('A collection of objects, each containing a subset of props valid for a Button component. Check the notes on the OptionsList.'),
   options: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.shape({
     decoration: _reactDesc.PropTypes.shape({
       type: _reactDesc.PropTypes.oneOf(['Avatar', 'Badge'])

package/lib/components/Table/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Body.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA+BrC,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CA0D1D;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Body.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,UAAU,EAAyB,MAAM,SAAS,CAAC;AAwE5D,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CA8K1D;AAED,eAAe,IAAI,CAAC"}