@elliemae/ds-form 1.60.0 → 2.0.0-alpha.12

package/cjs/SearchBox/DSSearchBox.js

@@ -2,118 +2,95 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsIcons = require('@elliemae/ds-icons');
 var dsIcon = require('@elliemae/ds-icon');
-var SearchBox_styled = require('./styled.js');
-var SearchBox_SButton = require('./SButton.js');
-var SearchBox_useSearch = require('./useSearch.js');
-var SearchBox_props = require('./props.js');
-var SearchBox_defaultProps = require('./defaultProps.js');
-require('styled-components');
-require('../TextBox/DSTextBox.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('../Input/DSInput.js');
-require('../Input/InputImpl.js');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('prop-types');
-require('lodash');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-button');
-require('@elliemae/ds-tooltip');
-require('../Input/InputAddonWrapper.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-system');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-utilities');
+var styled = require('./styled.js');
+var SButton = require('./SButton.js');
+var useSearch = require('./useSearch.js');
+var props = require('./props.js');
+var defaultProps = require('./defaultProps.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* eslint-disable complexity */
+var _Search;
 
-var DSSearchBox = function DSSearchBox(_ref) {
-  var className = _ref.className,
-      clearable = _ref.clearable,
-      containerProps = _ref.containerProps,
-      disableButton = _ref.disableButton,
-      disabled = _ref.disabled,
-      innerRef = _ref.innerRef,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onKeyUp = _ref.onKeyUp,
-      onSearch = _ref.onSearch,
-      onClearButtonClick = _ref.onClearButtonClick,
-      placeholder = _ref.placeholder,
-      property = _ref.property,
-      readOnly = _ref.readOnly,
-      searchOnEnter = _ref.searchOnEnter,
-      onSearchButtonClick = _ref.onSearchButtonClick,
-      showIcon = _ref.showIcon,
-      style = _ref.style,
-      value = _ref.value;
-
-  var _useSearch = SearchBox_useSearch.useSearch({
-    onChange: onChange,
-    onKeyUp: onKeyUp,
-    onSearch: onSearch,
-    onSearchButtonClick: onSearchButtonClick,
-    property: property,
-    searchOnEnter: searchOnEnter,
-    value: value,
-    onClearButtonClick: onClearButtonClick
-  }),
-      searchValue = _useSearch.searchValue,
-      handleChange = _useSearch.handleChange,
-      handleSearch = _useSearch.handleSearch,
-      handleKeyUp = _useSearch.handleKeyUp,
-      handleClear = _useSearch.handleClear;
-
-  var shouldShowClearIcon = clearable && (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length) > 0;
-  var shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
-  var shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
-  var PureSearchboxIcon = React__default['default'].useMemo(function () {
-    var Icon = /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, {
+const DSSearchBox = _ref => {
+  let {
+    className,
+    clearable,
+    containerProps,
+    disableButton,
+    disabled,
+    innerRef,
+    onBlur,
+    onChange,
+    onKeyUp,
+    onSearch,
+    onClearButtonClick,
+    placeholder,
+    property,
+    readOnly,
+    searchOnEnter,
+    onSearchButtonClick,
+    showIcon,
+    style,
+    value
+  } = _ref;
+  const {
+    searchValue,
+    handleChange,
+    handleSearch,
+    handleKeyUp,
+    handleClear
+  } = useSearch.useSearch({
+    onChange,
+    onKeyUp,
+    onSearch,
+    onSearchButtonClick,
+    property,
+    searchOnEnter,
+    value,
+    onClearButtonClick
+  });
+  const shouldShowClearIcon = clearable && (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length) > 0;
+  const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
+  const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
+  const PureSearchboxIcon = React__default["default"].useMemo(() => {
+    let Icon = _Search || (_Search = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
       "aria-label": "Search"
-    });
+    }));
 
-    var handleOnClick = function handleOnClick() {
-      return handleSearch(true);
-    };
+    let handleOnClick = () => handleSearch(true);
 
     if (!shouldShowAnyIcon) return null;
 
     if (shouldShowClearIcon) {
-      Icon = /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
+      Icon = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
         color: dsIcon.DSIconColors.PRIMARY,
         "aria-label": "Clear input"
       });
       handleOnClick = handleClear;
     }
 
-    return /*#__PURE__*/React__default['default'].createElement(SearchBox_SButton.SButton, {
+    return /*#__PURE__*/_jsx__default["default"](SButton.SButton, {
       disabled: disabled || disableButton,
       icon: Icon,
       onClick: handleOnClick,
       dataTestid: shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'
     });
   }, [shouldShowClearIcon, shouldShowSearchIcon, shouldShowAnyIcon, disabled, disableButton, handleSearch, handleClear]);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       position: 'relative',
       zIndex: 0
     }
-  }, /*#__PURE__*/React__default['default'].createElement(SearchBox_styled.SearchBoxTextBox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.SearchBoxTextBox, {
     className: className,
     containerProps: containerProps,
     disabled: disabled,
@@ -128,11 +105,9 @@ var DSSearchBox = function DSSearchBox(_ref) {
   }), PureSearchboxIcon);
 };
 
-DSSearchBox.propTypes = SearchBox_props.searchBoxProps;
-DSSearchBox.defaultProps = SearchBox_defaultProps.defaultProps;
-var SearchBoxWithSchema = reactDesc.describe(DSSearchBox);
-SearchBoxWithSchema.propTypes = SearchBox_props.searchBoxProps;
+DSSearchBox.defaultProps = defaultProps.defaultProps;
+const SearchBoxWithSchema = reactDesc.describe(DSSearchBox);
+SearchBoxWithSchema.propTypes = props.searchBoxProps;
 
 exports.SearchBoxWithSchema = SearchBoxWithSchema;
-exports['default'] = DSSearchBox;
-//# sourceMappingURL=DSSearchBox.js.map
+exports["default"] = DSSearchBox;

package/cjs/SearchBox/NavSearchBox.js

@@ -2,139 +2,119 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
 var reactDesc = require('react-desc');
 var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
-var TextBox_DSTextBox = require('../TextBox/DSTextBox.js');
-var SearchBox_props = require('./props.js');
-var SearchBox_defaultProps = require('./defaultProps.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('../Input/DSInput.js');
-require('../Input/InputImpl.js');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('lodash');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-tooltip');
-require('../Input/InputAddonWrapper.js');
-require('@babel/runtime/helpers/toConsumableArray');
+var DSTextBox = require('../TextBox/DSTextBox.js');
+var props = require('./props.js');
+var defaultProps = require('./defaultProps.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-/* eslint-disable max-lines */
-var StyledResultTracker = /*#__PURE__*/styled__default['default'].div.withConfig({
+var _StyledVerticalSepara, _VerticalSeparator;
+const StyledResultTracker = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-sbwvud-0"
 })(["padding:0 8px;color:#a2a9b6;white-space:nowrap;word-spacing:2px;"]);
-var StyledVerticalSeparator = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledVerticalSeparator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-sbwvud-1"
 })(["height:60%;border-right:1px solid #a2a9b6;"]);
-var StyledToolbarRightAddonsWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledToolbarRightAddonsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-sbwvud-2"
 })(["display:flex;align-items:center;justify-content:flex-end;"]);
-var NavBtn = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+const NavBtn = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-sbwvud-3"
-})(["height:calc(100% - 2px);border:none;border-radius:", ";"], function (_ref) {
-  var last = _ref.last;
+})(["height:calc(100% - 2px);border:none;border-radius:", ";"], _ref => {
+  let {
+    last
+  } = _ref;
   return last ? '2px  2px 0px 0px' : '0px';
 });
 
-var RightButtonsGroup = function RightButtonsGroup(props) {
-  var onNext = props.onNext,
-      onPrevious = props.onPrevious,
-      onClear = props.onClear,
-      hideNavs = props.hideNavs,
-      showClear = props.showClear;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, !hideNavs && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(NavBtn, {
-    buttonType: "text",
-    containerProps: {
-      'data-testid': 'ds-navsearchbox-next'
-    },
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronDown, {
-      color: ['brand-primary', '800']
-    }),
-    onClick: onNext
-  }), /*#__PURE__*/React__default['default'].createElement(NavBtn, {
-    buttonType: "text",
-    containerProps: {
-      'data-testid': 'ds-navsearchbox-prev'
-    },
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronUp, {
-      color: ['brand-primary', '800']
-    }),
-    onClick: onPrevious
-  })), showClear ? /*#__PURE__*/React__default['default'].createElement(NavBtn, {
-    containerProps: {
-      'data-testid': 'ds-navsearchbox-clear'
-    },
-    buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
-      color: ['brand-primary', '800']
-    }),
-    onClick: onClear,
-    last: true
-  }) : /*#__PURE__*/React__default['default'].createElement(NavBtn, {
-    containerProps: {
-      'data-testid': 'ds-navsearchbox-clear'
-    },
-    buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, {
-      color: ['brand-primary', '800']
-    }),
-    last: true
-  }));
-};
-
-RightButtonsGroup.propTypes = {
-  onNext: PropTypes__default['default'].func.isRequired,
-  onPrevious: PropTypes__default['default'].func.isRequired,
-  onClear: PropTypes__default['default'].func.isRequired,
-  hideNavs: PropTypes__default['default'].bool,
-  showClear: PropTypes__default['default'].bool
+const RightButtonsGroup = props => {
+  const {
+    onNext,
+    onPrevious,
+    onClear,
+    hideNavs,
+    showClear
+  } = props;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [!hideNavs && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/_jsx__default["default"](NavBtn, {
+        buttonType: "text",
+        containerProps: {
+          'data-testid': 'ds-navsearchbox-next'
+        },
+        icon: /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDown, {
+          color: ['brand-primary', '800']
+        }),
+        onClick: onNext
+      }), /*#__PURE__*/_jsx__default["default"](NavBtn, {
+        buttonType: "text",
+        containerProps: {
+          'data-testid': 'ds-navsearchbox-prev'
+        },
+        icon: /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronUp, {
+          color: ['brand-primary', '800']
+        }),
+        onClick: onPrevious
+      })]
+    }), showClear ? /*#__PURE__*/_jsx__default["default"](NavBtn, {
+      containerProps: {
+        'data-testid': 'ds-navsearchbox-clear'
+      },
+      buttonType: "text",
+      icon: /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
+        color: ['brand-primary', '800']
+      }),
+      onClick: onClear,
+      last: true
+    }) : /*#__PURE__*/_jsx__default["default"](NavBtn, {
+      containerProps: {
+        'data-testid': 'ds-navsearchbox-clear'
+      },
+      buttonType: "text",
+      icon: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
+        color: ['brand-primary', '800']
+      }),
+      last: true
+    })]
+  });
 };
 
-var ResultTracker = function ResultTracker(props) {
-  var currentResultIndex = props.currentResultIndex,
-      totalResults = props.totalResults;
+const ResultTracker = props => {
+  const {
+    currentResultIndex,
+    totalResults
+  } = props;
   if (currentResultIndex === -1 && !totalResults) return null;
-  if (currentResultIndex === -1 && totalResults) return /*#__PURE__*/React__default['default'].createElement(StyledResultTracker, null, totalResults);
-  return /*#__PURE__*/React__default['default'].createElement(StyledResultTracker, null, "".concat(currentResultIndex + 1, " / ").concat(totalResults));
+  if (currentResultIndex === -1 && totalResults) return /*#__PURE__*/_jsx__default["default"](StyledResultTracker, {}, void 0, totalResults);
+  return /*#__PURE__*/_jsx__default["default"](StyledResultTracker, {}, void 0, "".concat(currentResultIndex + 1, " / ").concat(totalResults));
 };
 
-ResultTracker.propTypes = {
-  currentResultIndex: PropTypes__default['default'].number.isRequired,
-  totalResults: PropTypes__default['default'].number.isRequired
-};
-
-var VerticalSeparator = function VerticalSeparator() {
-  return /*#__PURE__*/React__default['default'].createElement(StyledVerticalSeparator, null);
-};
-
-var ToolbarRightAddons = function ToolbarRightAddons(props) {
-  var onNext = props.onNext,
-      onPrevious = props.onPrevious,
-      onClear = props.onClear,
-      currentResultIndex = props.currentResultIndex,
-      totalResults = props.totalResults,
-      showClear = props.showClear;
-  return /*#__PURE__*/React__default['default'].createElement(StyledToolbarRightAddonsWrapper, null, /*#__PURE__*/React__default['default'].createElement(ResultTracker, {
+const VerticalSeparator = () => _StyledVerticalSepara || (_StyledVerticalSepara = /*#__PURE__*/_jsx__default["default"](StyledVerticalSeparator, {}));
+
+const ToolbarRightAddons = props => {
+  const {
+    onNext,
+    onPrevious,
+    onClear,
+    currentResultIndex,
+    totalResults,
+    showClear
+  } = props;
+  return /*#__PURE__*/_jsx__default["default"](StyledToolbarRightAddonsWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](ResultTracker, {
     currentResultIndex: currentResultIndex,
     totalResults: totalResults
-  }), currentResultIndex !== -1 || totalResults ? /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, null) : null, /*#__PURE__*/React__default['default'].createElement(RightButtonsGroup, {
+  }), currentResultIndex !== -1 || totalResults ? _VerticalSeparator || (_VerticalSeparator = /*#__PURE__*/_jsx__default["default"](VerticalSeparator, {})) : null, /*#__PURE__*/_jsx__default["default"](RightButtonsGroup, {
     onNext: onNext,
     hideNavs: currentResultIndex === -1 && !totalResults,
     onPrevious: onPrevious,
@@ -143,31 +123,24 @@ var ToolbarRightAddons = function ToolbarRightAddons(props) {
   }));
 };
 
-ToolbarRightAddons.propTypes = {
-  onNext: PropTypes__default['default'].func.isRequired,
-  onPrevious: PropTypes__default['default'].func.isRequired,
-  onClear: PropTypes__default['default'].func.isRequired,
-  currentResultIndex: PropTypes__default['default'].number.isRequired,
-  totalResults: PropTypes__default['default'].number.isRequired,
-  showClear: PropTypes__default['default'].bool
-};
-
-var NavSearchBox = function NavSearchBox(props) {
-  var currentResultIndex = props.currentResultIndex,
-      onChange = props.onChange,
-      onClear = props.onClear,
-      onNext = props.onNext,
-      onPrevious = props.onPrevious,
-      totalResults = props.totalResults,
-      value = props.value,
-      onBlur = props.onBlur,
-      placeholder = props.placeholder;
-
-  var handleChange = function handleChange(e) {
+const NavSearchBox = props => {
+  const {
+    currentResultIndex,
+    onChange,
+    onClear,
+    onNext,
+    onPrevious,
+    totalResults,
+    value,
+    onBlur,
+    placeholder
+  } = props;
+
+  const handleChange = e => {
     if (onChange) onChange(e.target.value);
   };
 
-  var handleKeyDown = function handleKeyDown(e) {
+  const handleKeyDown = e => {
     // SHIFT + ENTER
     if (e.shiftKey) {
       if (e.key === 'Enter' || e.keyCode === 13) {
@@ -182,7 +155,7 @@ var NavSearchBox = function NavSearchBox(props) {
     }
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(TextBox_DSTextBox['default'], {
+  return /*#__PURE__*/_jsx__default["default"](DSTextBox["default"], {
     onChange: handleChange,
     containerProps: {
       'data-testid': 'ds-nav-searchbox-input'
@@ -191,7 +164,7 @@ var NavSearchBox = function NavSearchBox(props) {
     onKeyDown: handleKeyDown,
     placeholder: placeholder,
     value: value,
-    rightComponent: /*#__PURE__*/React__default['default'].createElement(ToolbarRightAddons, {
+    rightComponent: /*#__PURE__*/_jsx__default["default"](ToolbarRightAddons, {
       showClear: !!value,
       onNext: onNext,
       onPrevious: onPrevious,
@@ -202,11 +175,9 @@ var NavSearchBox = function NavSearchBox(props) {
   });
 };
 
-NavSearchBox.propTypes = SearchBox_props.navSearchBoxProps;
-NavSearchBox.defaultProps = SearchBox_defaultProps.navSearchBoxDefaultProps;
-var DSNavSearchBoxWithSchema = reactDesc.describe(NavSearchBox);
-DSNavSearchBoxWithSchema.propTypes = SearchBox_props.navSearchBoxProps;
+NavSearchBox.defaultProps = defaultProps.navSearchBoxDefaultProps;
+const DSNavSearchBoxWithSchema = reactDesc.describe(NavSearchBox);
+DSNavSearchBoxWithSchema.propTypes = props.navSearchBoxProps;
 
 exports.DSNavSearchBoxWithSchema = DSNavSearchBoxWithSchema;
 exports.NavSearchBox = NavSearchBox;
-//# sourceMappingURL=NavSearchBox.js.map

package/cjs/SearchBox/SButton.js

@@ -2,47 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var reactDesc = require('react-desc');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Button = /*#__PURE__*/styled__default['default'].button.withConfig({
+const Button = /*#__PURE__*/styled__default["default"].button.withConfig({
   componentId: "sc-15udc15-0"
-})(["all:unset;position:absolute;height:calc(100% - 2px);width:28px;top:1px;right:1px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;z-index:1;svg{fill:", ";}&:disabled{color:#5d6775;cursor:not-allowed;svg{fill:#5d6775;}}&:focus{", "}"], function (props) {
-  return props.theme.colors.brand['600'];
-}, dsSystem.focus());
-
-var SButton = function SButton(_ref) {
-  var icon = _ref.icon,
-      disabled = _ref.disabled,
-      onClick = _ref.onClick,
-      _ref$dataTestid = _ref.dataTestid,
-      dataTestid = _ref$dataTestid === void 0 ? "ds-searchbox-button" : _ref$dataTestid;
-  return /*#__PURE__*/React__default['default'].createElement(Button, {
+})(["all:unset;position:absolute;height:calc(100% - 2px);width:28px;top:1px;right:1px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;z-index:1;svg{fill:", ";}&:disabled{color:#5d6775;cursor:not-allowed;svg{fill:#5d6775;}}&:focus{", "}"], props => props.theme.colors.brand['600'], dsSystem.focus());
+
+const SButton = _ref => {
+  let {
+    icon,
+    disabled,
+    onClick,
+    dataTestid = "ds-searchbox-button"
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Button, {
     "data-testid": dataTestid,
     onClick: onClick,
     disabled: disabled,
     type: "button"
-  }, icon);
-};
-
-SButton.propTypes = {
-  /** click handler for button */
-  onClick: reactDesc.PropTypes.func.isRequired.description('click handler for button'),
-
-  /** ds icon to render inside button */
-  icon: reactDesc.PropTypes.node.isRequired.description('ds icon to render inside button'),
-
-  /** disable button */
-  disabled: reactDesc.PropTypes.bool.description('disable button'),
-  dataTestid: reactDesc.PropTypes.string.description('Data test id')
+  }, void 0, icon);
 };
 
 exports.SButton = SButton;
-//# sourceMappingURL=SButton.js.map