@dhis2-ui/button 9.11.0 → 9.11.1-beta.2

package/build/cjs/button-strip/button-strip.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonStrip = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ButtonStrip = _ref => {
   let {
     className,
@@ -43,9 +33,8 @@ const ButtonStrip = _ref => {
   }, child)), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3148822533",
     dynamic: [_uiConstants.spacers.dp8]
-  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "div.middle.__jsx-style-dynamic-selector{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", "div.end.__jsx-style-dynamic-selector{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}", ".box.__jsx-style-dynamic-selector{margin-inline-start:".concat(_uiConstants.spacers.dp8, ";}"), ".box.__jsx-style-dynamic-selector:first-child{margin-inline-start:0;}"]));
+  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "div.middle.__jsx-style-dynamic-selector{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", "div.end.__jsx-style-dynamic-selector{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}", `.box.__jsx-style-dynamic-selector{margin-inline-start:${_uiConstants.spacers.dp8};}`, ".box.__jsx-style-dynamic-selector:first-child{margin-inline-start:0;}"]));
 };
-
 exports.ButtonStrip = ButtonStrip;
 const alignmentPropType = (0, _propTypes.mutuallyExclusive)(['middle', 'end'], _propTypes2.default.bool);
 ButtonStrip.defaultProps = {
@@ -55,10 +44,8 @@ ButtonStrip.propTypes = {
   children: _propTypes2.default.node,
   className: _propTypes2.default.string,
   dataTest: _propTypes2.default.string,
-
   /** Horizontal alignment for buttons. Mutually exclusive with `middle` prop */
   end: alignmentPropType,
-
   /** Horizontal alignment. Mutually exclusive with `end` prop */
   middle: alignmentPropType
 };

package/build/cjs/button-strip/{button-strip.stories.js → button-strip.prod.stories.js}

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DefaultRTL = exports.DefaultAlignedRight = exports.DefaultAlignedMiddle = exports.Default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index.js");
-
 var _index2 = require("./index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const description = "\nA wrapper for buttons to add spacing and alignment.\n\n```js\nimport { ButtonStrip } from '@dhis2/ui'\n```\n";
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const description = `
+A wrapper for buttons to add spacing and alignment.
+
+\`\`\`js
+import { ButtonStrip } from '@dhis2/ui'
+\`\`\`
+`;
 const Wrapper = fn => /*#__PURE__*/_react.default.createElement("div", {
   style: {
     width: '100%',
@@ -22,7 +22,6 @@ const Wrapper = fn => /*#__PURE__*/_react.default.createElement("div", {
     padding: 8
   }
 }, fn());
-
 const alignmentArgType = {
   table: {
     type: {
@@ -34,7 +33,7 @@ const alignmentArgType = {
     type: 'boolean'
   }
 };
-var _default = {
+var _default = exports.default = {
   title: 'Button Strip',
   component: _index2.ButtonStrip,
   decorators: [Wrapper],
@@ -46,37 +45,30 @@ var _default = {
     }
   },
   argTypes: {
-    middle: { ...alignmentArgType
+    middle: {
+      ...alignmentArgType
     },
-    end: { ...alignmentArgType
+    end: {
+      ...alignmentArgType
     }
   }
 };
-exports.default = _default;
-
 const Default = args => /*#__PURE__*/_react.default.createElement(_index2.ButtonStrip, args, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.SplitButton, null, "Label?"));
-
 exports.Default = Default;
-
 const DefaultAlignedMiddle = args => /*#__PURE__*/_react.default.createElement(_index2.ButtonStrip, args, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"));
-
 exports.DefaultAlignedMiddle = DefaultAlignedMiddle;
 DefaultAlignedMiddle.args = {
   middle: true
 };
 DefaultAlignedMiddle.storyName = 'Default - aligned middle';
-
 const DefaultAlignedRight = args => /*#__PURE__*/_react.default.createElement(_index2.ButtonStrip, args, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"));
-
 exports.DefaultAlignedRight = DefaultAlignedRight;
 DefaultAlignedRight.args = {
   end: true
 };
 DefaultAlignedRight.storyName = 'Default - aligned right';
-
 const DefaultRTL = args => /*#__PURE__*/_react.default.createElement("div", {
   dir: "rtl"
 }, /*#__PURE__*/_react.default.createElement(_index2.ButtonStrip, args, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save"), /*#__PURE__*/_react.default.createElement(_index.Button, null, "Save")));
-
 exports.DefaultRTL = DefaultRTL;
 DefaultRTL.storyName = 'Default - RTL';

package/build/cjs/button-strip/features/accepts_children/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a ButtonStrip with children is rendered', () => {
   cy.visitStory('ButtonStrip', 'With children');
   cy.get('[data-test="dhis2-uicore-buttonstrip"]').should('be.visible');

package/build/cjs/button-strip/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "ButtonStrip", {
     return _buttonStrip.ButtonStrip;
   }
 });
-
 var _buttonStrip = require("./button-strip.js");

package/build/cjs/dropdown-button/__tests__/dropdown-button.test.js

@@ -1,36 +1,24 @@
 "use strict";
 
 var _layer = require("@dhis2-ui/layer");
-
 var _popper = require("@dhis2-ui/popper");
-
 var _react = require("@testing-library/react");
-
 var _enzyme = require("enzyme");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _testUtils = require("react-dom/test-utils");
-
 var _modal = require("../../../../modal/src/modal/modal.js");
-
 var _index = require("../../index.js");
-
 var _dropdownButton = require("../dropdown-button.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<DropdownButton>', () => {
   describe('controlled mode', () => {
     describe('open state', () => {
       const onClick = jest.fn();
-
       const Component = /*#__PURE__*/_react2.default.createElement(_dropdownButton.DropdownButton, {
         onClick: onClick,
         open: true,
         component: /*#__PURE__*/_react2.default.createElement("span", null, "test")
       });
-
       it('shows the Popper when open is true', async () => {
         // TODO: https://github.com/popperjs/react-popper/issues/350
         const wrapper = (0, _enzyme.mount)(Component);
@@ -60,17 +48,13 @@ describe('<DropdownButton>', () => {
           component: componentText
         }));
         const toggleButton = getByTestId('dhis2-uicore-dropdownbutton-toggle');
-
         _react.fireEvent.click(toggleButton);
-
         await (0, _react.waitFor)(() => {
           expect(queryByText(componentText)).toBeInTheDocument();
         });
-
         _react.fireEvent.keyDown(document, {
           key: 'Escape'
         });
-
         await (0, _react.waitFor)(() => {
           expect(queryByText(componentText)).not.toBeInTheDocument();
         });
@@ -78,11 +62,9 @@ describe('<DropdownButton>', () => {
       test('modal remains open when dropdown button is closed on escape click', async () => {
         const dropdownButtonText = 'Dropdown Content';
         const headingText = 'Heading Text';
-
         const modalContent = /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement("h1", null, headingText), /*#__PURE__*/_react2.default.createElement(_dropdownButton.DropdownButton, {
           component: dropdownButtonText
         }));
-
         const {
           getByTestId,
           queryByText
@@ -91,17 +73,13 @@ describe('<DropdownButton>', () => {
           onClose: () => {}
         }, modalContent));
         const toggleButton = getByTestId('dhis2-uicore-dropdownbutton-toggle');
-
         _react.fireEvent.click(toggleButton);
-
         await (0, _react.waitFor)(() => {
           expect(queryByText(dropdownButtonText)).toBeInTheDocument();
         });
-
         _react.fireEvent.keyDown(document, {
           key: 'Escape'
         });
-
         await (0, _react.waitFor)(() => {
           expect(queryByText(dropdownButtonText)).not.toBeInTheDocument();
           expect(queryByText(headingText)).toBeInTheDocument();

package/build/cjs/dropdown-button/dropdown-button.e2e.stories.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithOnClick = exports.WithInitialFocus = exports.WithIcon = exports.WithComponent = exports.WithChildren = exports.DisabledWithOnClick = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("./index.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+window.onClick = window.Cypress && window.Cypress.cy.stub();
+var _default = exports.default = {
+  title: 'DropdownButton'
+};
+const Default = () => /*#__PURE__*/_react.default.createElement(_index.DropdownButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Content")
+}, "Button");
+exports.Default = Default;
+const WithOnClick = () => /*#__PURE__*/_react.default.createElement(_index.DropdownButton, {
+  name: "Button",
+  value: "default",
+  onClick: window.onClick,
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Content")
+}, "Button");
+exports.WithOnClick = WithOnClick;
+const WithChildren = () => /*#__PURE__*/_react.default.createElement(_index.DropdownButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Component")
+}, "I am a child");
+exports.WithChildren = WithChildren;
+const WithComponent = () => /*#__PURE__*/_react.default.createElement(_index.DropdownButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "I am a component")
+});
+exports.WithComponent = WithComponent;
+const WithIcon = () => /*#__PURE__*/_react.default.createElement(_index.DropdownButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "I am a component"),
+  icon: 'Icon'
+});
+exports.WithIcon = WithIcon;
+const WithInitialFocus = () => /*#__PURE__*/_react.default.createElement(_index.DropdownButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Content"),
+  initialFocus: true
+});
+exports.WithInitialFocus = WithInitialFocus;
+const DisabledWithOnClick = () => /*#__PURE__*/_react.default.createElement(_index.DropdownButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Content"),
+  onClick: window.onClick,
+  disabled: true
+});
+exports.DisabledWithOnClick = DisabledWithOnClick;

package/build/cjs/dropdown-button/dropdown-button.js

@@ -4,31 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DropdownButton = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _layer = require("@dhis2-ui/layer");
-
-var _popper = require("@dhis2-ui/popper");
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
+var _layer = require("@dhis2-ui/layer");
+var _popper = require("@dhis2-ui/popper");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _index = require("../index.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
+var _index = require("../button/index.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function ArrowDown(_ref) {
   let {
     className
@@ -44,11 +33,9 @@ function ArrowDown(_ref) {
     id: "2347926856"
   }, ["svg.jsx-2347926856{fill:inherit;height:12px;width:12px;vertical-align:middle;pointer-events:none;}"]));
 }
-
 ArrowDown.propTypes = {
   className: _propTypes2.default.string
 };
-
 function ArrowUp(_ref2) {
   let {
     className
@@ -65,27 +52,22 @@ function ArrowUp(_ref2) {
     id: "2347926856"
   }, ["svg.jsx-2347926856{fill:inherit;height:12px;width:12px;vertical-align:middle;pointer-events:none;}"]));
 }
-
 ArrowUp.propTypes = {
   className: _propTypes2.default.string
 };
 const arrow = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1035250400"
-  }, [".jsx-1035250400{margin-inline-start:".concat(_uiConstants.spacers.dp12, ";}")]),
+  }, [`.jsx-1035250400{margin-inline-start:${_uiConstants.spacers.dp12};}`]),
   className: "jsx-1035250400"
 };
-
 class DropdownButton extends _react.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       open: false
     });
-
     _defineProperty(this, "anchorRef", /*#__PURE__*/_react.default.createRef());
-
     _defineProperty(this, "handleKeyDown", event => {
       if (event.key === 'Escape' && this.state.open) {
         event.preventDefault();
@@ -95,13 +77,11 @@ class DropdownButton extends _react.Component {
         });
       }
     });
-
     _defineProperty(this, "onClickHandler", (_ref3, event) => {
       let {
         name,
         value
       } = _ref3;
-
       const handleClick = open => {
         if (this.props.onClick) {
           this.props.onClick({
@@ -111,7 +91,6 @@ class DropdownButton extends _react.Component {
           }, event);
         }
       };
-
       if (typeof this.props.open === 'boolean') {
         handleClick(!this.props.open);
       } else {
@@ -123,15 +102,12 @@ class DropdownButton extends _react.Component {
       }
     });
   }
-
   componentDidMount() {
     document.addEventListener('keydown', this.handleKeyDown);
   }
-
   componentWillUnmount() {
     document.removeEventListener('keydown', this.handleKeyDown);
   }
-
   render() {
     const {
       component,
@@ -179,16 +155,14 @@ class DropdownButton extends _react.Component {
       onBackdropClick: this.onClickHandler,
       transparent: true
     }, /*#__PURE__*/_react.default.createElement(_popper.Popper, {
-      dataTest: "".concat(dataTest, "-popper"),
+      dataTest: `${dataTest}-popper`,
       placement: "bottom-start",
       reference: this.anchorRef
     }, component)), arrow.styles, /*#__PURE__*/_react.default.createElement(_style.default, {
       id: "3163060161"
     }, ["div.jsx-3163060161{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;color:inherit;white-space:nowrap;}"]));
   }
-
 }
-
 exports.DropdownButton = DropdownButton;
 DropdownButton.defaultProps = {
   dataTest: 'dhis2-uicore-dropdownbutton'
@@ -197,48 +171,37 @@ DropdownButton.propTypes = {
   /** Children to render inside the buton */
   children: _propTypes2.default.node,
   className: _propTypes2.default.string,
-
   /** Component to show/hide when button is clicked */
   component: _propTypes2.default.element,
   dataTest: _propTypes2.default.string,
-
   /**
    * Applies 'destructive' button appearance, implying a dangerous action.
    */
   destructive: _propTypes2.default.bool,
-
   /** Make the button non-interactive */
   disabled: _propTypes2.default.bool,
   icon: _propTypes2.default.element,
-
   /** Grants button initial focus on the page */
   initialFocus: _propTypes2.default.bool,
-
   /** Button size. Mutually exclusive with `small` prop */
   large: _uiConstants.sharedPropTypes.sizePropType,
   name: _propTypes2.default.string,
-
   /** Controls popper visibility. When implementing this prop the component becomes a controlled component */
   open: _propTypes2.default.bool,
-
   /**
    * Applies 'primary' button appearance, implying the most important action.
    */
   primary: _propTypes2.default.bool,
-
   /**
    * Applies 'secondary' button appearance.
    */
   secondary: _propTypes2.default.bool,
-
   /** Button size. Mutually exclusive with `large` prop */
   small: _uiConstants.sharedPropTypes.sizePropType,
   tabIndex: _propTypes2.default.string,
-
   /** Type of button. Can take advantage of different default behavior */
   type: _propTypes2.default.oneOf(['submit', 'reset', 'button']),
   value: _propTypes2.default.string,
-
   /**
    * Callback triggered on click.
    * Called with signature `({ name: string, value: string, open: bool }, event)`