@elliemae/ds-form 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/SearchBox/useSearch.js

@@ -1,52 +1,29 @@
-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 useSearch_exports = {};
-__export(useSearch_exports, {
-  useSearch: () => useSearch
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+
 function handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickTrigger, onSearchButtonClick) {
   if (clickTrigger) {
     onSearchButtonClick();
   }
-  if (clearOnSearch)
-    setValue("");
-  if (searchOnEnter && !value)
-    return;
+
+  if (clearOnSearch) setValue('');
+  if (searchOnEnter && !value) return;
   onSearch({
-    query: { [property]: value },
+    query: {
+      [property]: value
+    },
     property,
     value
   });
 }
-function useSearch(params = {}) {
+
+function useSearch() {
+  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     onKeyUp,
     onSearch,
@@ -57,43 +34,64 @@ function useSearch(params = {}) {
     onChange,
     onClearButtonClick
   } = params;
-  const [value, setValue] = (0, import_react.useState)(params.value);
-  const debouncedSearch = (0, import_react.useCallback)((0, import_ds_utilities.debounce)(handleSearch, 200), []);
-  (0, import_react.useEffect)(() => {
+  const [value, setValue] = React.useState(params.value);
+  const debouncedSearch = React.useCallback(dsUtilities.debounce(handleSearch, 200), []); // update state if prop changes
+
+  React.useEffect(() => {
     if (value !== params.value) {
       setValue(params.value);
     }
   }, [params.value]);
-  const searchWithParams = (clickedSearchButton = false) => handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickedSearchButton, onSearchButtonClick);
-  const handleChange = ({ target }) => {
+
+  const searchWithParams = function () {
+    let clickedSearchButton = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    return handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickedSearchButton, onSearchButtonClick);
+  };
+
+  const handleChange = _ref => {
+    let {
+      target
+    } = _ref;
     onChange(target.value);
     setValue(target.value);
+
     if (!searchOnEnter) {
-      setValue((prevValue) => {
+      // Functional update to get latest value state, similar to this.setState callback
+      setValue(prevValue => {
         debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);
         return prevValue;
       });
     }
   };
+
   const handleClear = () => {
     onClearButtonClick();
-    onChange("");
-    setValue("");
+    onChange('');
+    setValue('');
+
     if (!searchOnEnter) {
-      setValue((prevValue) => {
+      // Functional update to get latest value state, similar to this.setState callback
+      setValue(prevValue => {
         debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);
         return prevValue;
       });
     }
+
     debouncedSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property);
   };
-  const handleKeyUp = (e) => {
-    const { key } = e;
-    if (searchOnEnter && key === "Enter") {
+
+  const handleKeyUp = e => {
+    const {
+      key
+    } = e;
+
+    if (searchOnEnter && key === 'Enter') {
       searchWithParams();
     }
+
     onKeyUp(e);
   };
+
   return {
     searchValue: value,
     handleChange,
@@ -102,5 +100,5 @@ function useSearch(params = {}) {
     handleClear
   };
 }
-module.exports = __toCommonJS(useSearch_exports);
-//# sourceMappingURL=useSearch.js.map
+
+exports.useSearch = useSearch;

package/cjs/SearchBox/withSearchable.js

@@ -1,125 +1,151 @@
-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 withSearchable_exports = {};
-__export(withSearchable_exports, {
-  default: () => withSearchable_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-const withSearchable = (WrappedComponent) => {
-  class Searchable extends import_react.Component {
+'use strict';
+
+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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const _excluded = ["containerProps"];
+
+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 withSearchable = WrappedComponent => {
+  class Searchable extends React.Component {
     constructor(props) {
       super(props);
-      this.debouncedSearch = (0, import_ds_utilities.debounce)(this.handleSearch, 200);
+      this.debouncedSearch = dsUtilities.debounce(this.handleSearch, 200);
       this.state = {
         value: props.value
       };
       this.handleSearch = this.handleSearch.bind(this);
       this.handleKeyUp = this.handleKeyUp.bind(this);
       this.handleChange = this.handleChange.bind(this);
-      this.buttonRef = import_react.default.createRef();
+      this.buttonRef = /*#__PURE__*/React__default["default"].createRef();
+      this.handleChange = this.handleChange.bind(this);
+      this.handleKeyUp = this.handleKeyUp.bind(this);
+      this.handleSearch = this.handleSearch.bind(this);
     }
-    static getDerivedStateFromProps(nextProps, { prevPropValue }) {
+
+    static getDerivedStateFromProps(nextProps, _ref) {
+      let {
+        prevPropValue
+      } = _ref;
+
       if (nextProps.value !== prevPropValue) {
         return {
           value: nextProps.value,
           prevPropValue: nextProps.value
         };
       }
+
       return null;
     }
+
     handleKeyUp(e) {
-      const { onKeyUp, searchOnEnter } = this.props;
-      const { key } = e;
-      if (searchOnEnter && key === "Enter") {
+      const {
+        onKeyUp,
+        searchOnEnter
+      } = this.props;
+      const {
+        key
+      } = e;
+
+      if (searchOnEnter && key === 'Enter') {
         this.handleSearch();
       }
+
       onKeyUp(e);
     }
+
     handleSearch() {
-      const { onSearch, property, clearOnSearch, searchOnEnter } = this.props;
-      const { value } = this.state;
-      if (clearOnSearch)
-        this.setState({ value: "" });
-      if (searchOnEnter && !value)
-        return;
+      const {
+        onSearch,
+        property,
+        clearOnSearch,
+        searchOnEnter
+      } = this.props;
+      const {
+        value
+      } = this.state;
+      if (clearOnSearch) this.setState({
+        value: ''
+      });
+      if (searchOnEnter && !value) return;
       onSearch({
-        query: { [property]: value },
+        query: {
+          [property]: value
+        },
         property,
         value
       });
     }
-    handleChange({ target }) {
-      const { value } = target;
-      const { searchOnEnter, onChange } = this.props;
+
+    handleChange(_ref2) {
+      let {
+        target
+      } = _ref2;
+      const {
+        value
+      } = target;
+      const {
+        searchOnEnter,
+        onChange
+      } = this.props;
       onChange(value);
-      this.setState({ value }, () => {
-        if (!searchOnEnter)
-          this.debouncedSearch();
+      this.setState({
+        value
+      }, () => {
+        if (!searchOnEnter) this.debouncedSearch();
       });
     }
+
     render() {
-      const { value } = this.state;
-      const { containerProps, ...rest } = this.props;
-      return /* @__PURE__ */ import_react.default.createElement(WrappedComponent, {
-        ...rest,
+      const {
+        value
+      } = this.state;
+
+      const _this$props = this.props,
+            {
+        containerProps
+      } = _this$props,
+            rest = _objectWithoutProperties__default["default"](_this$props, _excluded);
+
+      return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread(_objectSpread({}, rest), {}, {
         buttonRef: this.buttonRef,
-        containerProps,
+        containerProps: containerProps,
         onChange: this.handleChange,
         onKeyUp: this.handleKeyUp,
         onSearch: this.handleSearch,
-        value
-      });
+        value: value
+      }));
     }
+
   }
+
   Searchable.defaultProps = {
     onChange: () => null,
     onSearch: () => null,
     onKeyUp: () => null,
-    property: "all",
+    property: 'all',
     searchOnEnter: true,
     clearOnSearch: false,
     containerProps: {}
   };
-  Searchable.propTypes = {
-    containerProps: import_prop_types.default.shape({}),
-    onChange: import_prop_types.default.func,
-    onSearch: import_prop_types.default.func,
-    onKeyUp: import_prop_types.default.func,
-    property: import_prop_types.default.string,
-    searchOnEnter: import_prop_types.default.bool,
-    clearOnSearch: import_prop_types.default.bool,
-    value: import_prop_types.default.string
-  };
   return Searchable;
 };
-var withSearchable_default = withSearchable;
-module.exports = __toCommonJS(withSearchable_exports);
-//# sourceMappingURL=withSearchable.js.map
+
+module.exports = withSearchable;