@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/SearchBox/SButton.js

@@ -1,77 +1,34 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+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{", "}"], 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"
+  }, void 0, icon);
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SButton_exports = {};
-__export(SButton_exports, {
-  SButton: () => SButton
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-const Button = import_styled_components.default.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: ${(props) => props.theme.colors.brand["600"]};
-  }
-  &:disabled {
-    color: #5d6775;
-    cursor: not-allowed;
-    svg {
-      fill: #5d6775;
-    }
-  }
-  &:focus {
-    ${(0, import_ds_system.focus)()}
-  }
-`;
-const SButton = ({ icon, disabled, onClick, dataTestid = "ds-searchbox-button" }) => /* @__PURE__ */ import_react.default.createElement(Button, {
-  "data-testid": dataTestid,
-  onClick,
-  disabled,
-  type: "button"
-}, icon);
-SButton.propTypes = {
-  onClick: import_react_desc.PropTypes.func.isRequired.description("click handler for button"),
-  icon: import_react_desc.PropTypes.node.isRequired.description("ds icon to render inside button"),
-  disabled: import_react_desc.PropTypes.bool.description("disable button"),
-  dataTestid: import_react_desc.PropTypes.string.description("Data test id")
-};
-module.exports = __toCommonJS(SButton_exports);
-//# sourceMappingURL=SButton.js.map
+
+exports.SButton = SButton;

package/cjs/SearchBox/SearchBoxToggle.js

@@ -1,87 +1,78 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SearchBoxToggle_exports = {};
-__export(SearchBoxToggle_exports, {
-  default: () => SearchBoxToggle_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_DSSearchBox = __toESM(require("./DSSearchBox"));
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var styled = require('styled-components');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
+var DSSearchBox = require('./DSSearchBox.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+var _Search;
+
+const _excluded = ["onSearchButtonClick", "width"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const SEARCH_BUTTON_WIDTH = 26;
-const SearchWrap = import_styled_components.default.div`
-  transition: width 200ms ease;
-  width: ${SEARCH_BUTTON_WIDTH}px;
-  height: 0;
+const SearchWrap = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-xt33wm-0"
+})(["transition:width 200ms ease;width:", "px;height:0;", " ", ""], SEARCH_BUTTON_WIDTH, props => !props.show ? "\n        opacity:0;\n\n        & * {\n          width: ".concat(SEARCH_BUTTON_WIDTH, "px;\n          height: 0;\n          border: 0;\n        }\n      ") : '', props => props.isOpen ? "width: ".concat(props.width, ";opacity: 1;height: auto;") : ''); // eslint-disable-next-line react/prop-types
+
+const SearchBoxToggle = _ref => {
+  let {
+    onSearchButtonClick,
+    width
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  ${(props) => !props.show ? `
-        opacity:0;
+  const [isOpen, setOpen] = React.useState(false);
+  const [show, setShow] = React.useState(true);
+  const computedWidth = typeof width === 'number' ? "".concat(width, "px") : width;
 
-        & * {
-          width: ${SEARCH_BUTTON_WIDTH}px;
-          height: 0;
-          border: 0;
-        }
-      ` : ""}
-  ${(props) => props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : ""}
-`;
-const SearchBoxToggle = ({ onSearchButtonClick, width, ...rest }) => {
-  const [isOpen, setOpen] = (0, import_react.useState)(false);
-  const [show, setShow] = (0, import_react.useState)(true);
-  const computedWidth = typeof width === "number" ? `${width}px` : width;
-  const button = /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+  const button = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     onClick: () => {
       setOpen(true);
     },
     buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, null)
+    icon: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {}))
   });
-  return /* @__PURE__ */ import_react.default.createElement("div", null, show && !isOpen && button, /* @__PURE__ */ import_react.default.createElement(SearchWrap, {
+
+  return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, show && !isOpen && button, /*#__PURE__*/_jsx__default["default"](SearchWrap, {
     show: !show || isOpen,
-    isOpen,
+    isOpen: isOpen,
     width: computedWidth,
     onTransitionEnd: () => {
       setShow(!isOpen);
     }
-  }, /* @__PURE__ */ import_react.default.createElement(import_DSSearchBox.DSSearchBox, {
-    ...rest,
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(DSSearchBox["default"], _objectSpread(_objectSpread({}, rest), {}, {
     onSearchButtonClick: () => {
       onSearchButtonClick();
       setOpen(false);
     }
-  })));
+  }))));
 };
+
 SearchBoxToggle.defaultProps = {
   onSearchButtonClick: () => null,
   width: 300
 };
-var SearchBoxToggle_default = SearchBoxToggle;
-module.exports = __toCommonJS(SearchBoxToggle_exports);
-//# sourceMappingURL=SearchBoxToggle.js.map
+
+module.exports = SearchBoxToggle;

package/cjs/SearchBox/defaultProps.js

@@ -1,61 +1,33 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var defaultProps_exports = {};
-__export(defaultProps_exports, {
-  defaultProps: () => defaultProps,
-  navSearchBoxDefaultProps: () => navSearchBoxDefaultProps
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const defaultProps = {
-  className: "",
+  className: '',
   clearable: false,
   clearOnSearch: false,
   containerProps: {},
   disableButton: false,
   disabled: false,
-  innerRef: void 0,
+  innerRef: undefined,
   onBlur: () => null,
   onChange: () => null,
   onKeyUp: () => null,
   onSearch: () => null,
   onSearchButtonClick: () => null,
   onClearButtonClick: () => null,
-  placeholder: "Search all",
-  property: "all",
+  placeholder: 'Search all',
+  property: 'all',
   readOnly: false,
   searchOnEnter: true,
   showIcon: true,
   style: {},
-  value: void 0
+  value: undefined
 };
 const navSearchBoxDefaultProps = {
-  placeholder: "Search...",
+  placeholder: 'Search...',
   currentResultIndex: -1
 };
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map
+
+exports.defaultProps = defaultProps;
+exports.navSearchBoxDefaultProps = navSearchBoxDefaultProps;

package/cjs/SearchBox/index.js

@@ -1,43 +1,15 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SearchBox_exports = {};
-__export(SearchBox_exports, {
-  DSNavSearchBox: () => import_NavSearchBox.NavSearchBox,
-  DSNavSearchBoxWithSchema: () => import_NavSearchBox.DSNavSearchBoxWithSchema,
-  DSSearchBox: () => import_DSSearchBox.default,
-  SearchBox: () => import_DSSearchBox.SearchBox,
-  SearchBoxToggle: () => import_SearchBoxToggle.default,
-  SearchBoxWithSchema: () => import_DSSearchBox.SearchBoxWithSchema,
-  default: () => import_DSSearchBox.default
-});
-var React = __toESM(require("react"));
-var import_SearchBoxToggle = __toESM(require("./SearchBoxToggle"));
-var import_DSSearchBox = __toESM(require("./DSSearchBox"));
-var import_NavSearchBox = __toESM(require("./NavSearchBox"));
-module.exports = __toCommonJS(SearchBox_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SearchBoxToggle = require('./SearchBoxToggle.js');
+var DSSearchBox = require('./DSSearchBox.js');
+var NavSearchBox = require('./NavSearchBox.js');
+
+
+
+exports.SearchBoxToggle = SearchBoxToggle;
+exports.SearchBoxWithSchema = DSSearchBox.SearchBoxWithSchema;
+exports["default"] = DSSearchBox["default"];
+exports.DSNavSearchBox = NavSearchBox.NavSearchBox;
+exports.DSNavSearchBoxWithSchema = NavSearchBox.DSNavSearchBoxWithSchema;

package/cjs/SearchBox/props.js

@@ -1,69 +1,98 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var props_exports = {};
-__export(props_exports, {
-  navSearchBoxProps: () => navSearchBoxProps,
-  searchBoxProps: () => searchBoxProps
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const searchBoxProps = {
-  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
-  className: import_react_desc.PropTypes.string.description("html class attribute"),
-  innerRef: import_react_desc.PropTypes.object.description("ref to the components container"),
-  style: import_react_desc.PropTypes.object.description("Set style to the search box"),
-  property: import_react_desc.PropTypes.string.description("search property"),
-  placeholder: import_react_desc.PropTypes.string.description("Placeholder for the search box"),
-  searchOnEnter: import_react_desc.PropTypes.bool.description("Whether to trigger the search once the enter is pressed"),
-  clearOnSearch: import_react_desc.PropTypes.bool.description("Whether to clear the input on search"),
-  onClearButtonClick: import_react_desc.PropTypes.func.description("function triggered once in the clear button is clicked"),
-  onKeyUp: import_react_desc.PropTypes.func.description("function triggered once in the search box a keyboard key is released"),
-  onSearch: import_react_desc.PropTypes.func.description("unction triggered once the search action begins (search icon click/ enter keypress)"),
-  onSearchButtonClick: import_react_desc.PropTypes.func.description("function triggered once the search icon is clicked"),
-  onChange: import_react_desc.PropTypes.func.description("function that is triggered on change"),
-  onBlur: import_react_desc.PropTypes.func.description("Function that is triggered on blur"),
-  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number, import_react_desc.PropTypes.object]).description("searchbox input value"),
-  showIcon: import_react_desc.PropTypes.bool.description("Whether to show an icon or not"),
-  disabled: import_react_desc.PropTypes.bool.description("Disables the search input and button"),
-  disableButton: import_react_desc.PropTypes.bool.description("Disables the search button"),
-  readOnly: import_react_desc.PropTypes.bool.description("whether the input is read only or not"),
-  clearable: import_react_desc.PropTypes.bool.description("Show clearable button")
+  /** Set of Properties attached to the main container */
+  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
+
+  /** html class attribute */
+  className: reactDesc.PropTypes.string.description('html class attribute'),
+
+  /** ref to the components container */
+  innerRef: reactDesc.PropTypes.object.description('ref to the components container'),
+
+  /** Set style to the search box */
+  style: reactDesc.PropTypes.object.description('Set style to the search box'),
+
+  /** search property */
+  property: reactDesc.PropTypes.string.description('search property'),
+
+  /** Placeholder for the search box */
+  placeholder: reactDesc.PropTypes.string.description('Placeholder for the search box'),
+
+  /** Whether to trigger the search once the enter is pressed */
+  searchOnEnter: reactDesc.PropTypes.bool.description('Whether to trigger the search once the enter is pressed'),
+
+  /** Whether to clear the input on search */
+  clearOnSearch: reactDesc.PropTypes.bool.description('Whether to clear the input on search'),
+
+  /** function triggered once in the clear button is clicked */
+  onClearButtonClick: reactDesc.PropTypes.func.description('function triggered once in the clear button is clicked'),
+
+  /** function triggered once in the search box a keyboard key is released */
+  onKeyUp: reactDesc.PropTypes.func.description('function triggered once in the search box a keyboard key is released'),
+
+  /** function triggered once the search action begins (search icon click/ enter keypress) */
+  onSearch: reactDesc.PropTypes.func.description('unction triggered once the search action begins (search icon click/ enter keypress)'),
+
+  /** function triggered once the search icon is clicked */
+  onSearchButtonClick: reactDesc.PropTypes.func.description('function triggered once the search icon is clicked'),
+
+  /** function that is triggered on change */
+  onChange: reactDesc.PropTypes.func.description('function that is triggered on change'),
+
+  /** Function that is triggered on blur */
+  onBlur: reactDesc.PropTypes.func.description('Function that is triggered on blur'),
+
+  /** searchbox input value */
+  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number, reactDesc.PropTypes.object]).description('searchbox input value'),
+
+  /** Whether to show an icon or not */
+  showIcon: reactDesc.PropTypes.bool.description('Whether to show an icon or not'),
+
+  /** Disables the search input and button */
+  disabled: reactDesc.PropTypes.bool.description('Disables the search input and button'),
+
+  /** Disables the search button */
+  disableButton: reactDesc.PropTypes.bool.description('Disables the search button'),
+
+  /** whether the input is read only or not */
+  readOnly: reactDesc.PropTypes.bool.description('whether the input is read only or not'),
+
+  /** Show clearable button */
+  clearable: reactDesc.PropTypes.bool.description('Show clearable button')
 };
 const navSearchBoxProps = {
-  value: import_react_desc.PropTypes.string.isRequired.description("searchbox input value"),
-  onChange: import_react_desc.PropTypes.func.isRequired.description("function that is triggered on change"),
-  onBlur: import_react_desc.PropTypes.func.description("Function that is triggered on blur"),
-  onNext: import_react_desc.PropTypes.func.isRequired.description("triggered on next chevron click"),
-  onPrevious: import_react_desc.PropTypes.func.isRequired.description("triggered on prev chevron click"),
-  onClear: import_react_desc.PropTypes.func.isRequired.description("function that is triggered on clear button press"),
-  currentResultIndex: import_react_desc.PropTypes.number.isRequired.description("zero based index to show on search box, -1 hides navigation"),
-  totalResults: import_react_desc.PropTypes.number.isRequired.description("total items to navigate"),
-  placeholder: import_react_desc.PropTypes.string.description("Placeholder for the search box")
+  /** searchbox input value */
+  value: reactDesc.PropTypes.string.isRequired.description('searchbox input value'),
+
+  /** function that is triggered on change */
+  onChange: reactDesc.PropTypes.func.isRequired.description('function that is triggered on change'),
+
+  /** Function that is triggered on blur */
+  onBlur: reactDesc.PropTypes.func.description('Function that is triggered on blur'),
+
+  /** triggered on next chevron click */
+  onNext: reactDesc.PropTypes.func.isRequired.description('triggered on next chevron click'),
+
+  /** triggered on prev chevron click */
+  onPrevious: reactDesc.PropTypes.func.isRequired.description('triggered on prev chevron click'),
+
+  /** function that is triggered on clear button press */
+  onClear: reactDesc.PropTypes.func.isRequired.description('function that is triggered on clear button press'),
+
+  /** zero based index to show on search box, -1 hides navigation */
+  currentResultIndex: reactDesc.PropTypes.number.isRequired.description('zero based index to show on search box, -1 hides navigation'),
+
+  /** total items to navigate */
+  totalResults: reactDesc.PropTypes.number.isRequired.description('total items to navigate'),
+
+  /** Placeholder for the search box */
+  placeholder: reactDesc.PropTypes.string.description('Placeholder for the search box')
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.navSearchBoxProps = navSearchBoxProps;
+exports.searchBoxProps = searchBoxProps;

package/cjs/SearchBox/styled.js

@@ -1,39 +1,16 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  SearchBoxTextBox: () => SearchBoxTextBox
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_TextBox = __toESM(require("../TextBox"));
-const SearchBoxTextBox = (0, import_styled_components.default)(import_TextBox.DSTextBox)`
-  padding-right: 33px;
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var DSTextBox = require('../TextBox/DSTextBox.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const SearchBoxTextBox = /*#__PURE__*/styled__default["default"](DSTextBox["default"]).withConfig({
+  componentId: "sc-44ofm-0"
+})(["padding-right:33px;"]);
+
+exports.SearchBoxTextBox = SearchBoxTextBox;