react-jsonschema-form-extras 0.9.83 → 1.0.0

package/lib/MultiTypeaheadField.js

@@ -10,47 +10,6 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 
 var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
 
-// Default search function
-var defaultSearch = function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url, query) {
-    var queryKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "query";
-    var res;
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return fetch(url + "?" + queryKey + "=" + encodeURIComponent(query));
-
-          case 2:
-            res = _context.sent;
-            _context.next = 5;
-            return res.json();
-
-          case 5:
-            return _context.abrupt("return", _context.sent);
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, this);
-  }));
-
-  return function defaultSearch(_x2, _x3) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-/**
- * MultiTypeaheadField - A custom multi-select dropdown component with search capability.
- * Supports both static options and URL-based options with search functionality.
- * Compatible with react-jsonschema-form
- */
-// Styled components for MUI v5 - converted from original withStyles
-
-
 var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
@@ -75,8 +34,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
 
-function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
+// Default search function
+function defaultSearch(url, query) {
+  var queryKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "query";
+
+  return fetch(url + "?" + queryKey + "=" + encodeURIComponent(query)).then(function (res) {
+    return res.json();
+  });
+}
 
+/**
+ * MultiTypeaheadField - A custom multi-select dropdown component with search capability.
+ * Supports both static options and URL-based options with search functionality.
+ * Compatible with react-jsonschema-form
+ */
+// Styled components for MUI v5 - converted from original withStyles
 var StyledContainer = (0, _styles.styled)("div")({
   position: "relative",
   width: "100%"
@@ -225,8 +197,6 @@ var StyledClearButton = (0, _styles.styled)(_material.IconButton)({
  * Compatible with react-jsonschema-form and MUI v5
  */
 function MultiTypeaheadField(props) {
-  var _this = this;
-
   var _useState = (0, _react.useState)(""),
       _useState2 = _slicedToArray(_useState, 2),
       inputValue = _useState2[0],
@@ -266,75 +236,36 @@ function MultiTypeaheadField(props) {
 
   // Debounced fetch function
 
-  var fetchOptions = (0, _react.useCallback)(function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(query) {
-      var searchFn, data, newOptions;
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(!url || !query.trim())) {
-                _context2.next = 3;
-                break;
-              }
-
-              setOptions([]);
-              return _context2.abrupt("return");
-
-            case 3:
-
-              setLoading(true);
-              _context2.prev = 4;
-
-              // Use custom search function if provided, otherwise use defaultSearch
-              searchFn = typeof customSearch === "function" ? customSearch : defaultSearch;
-              _context2.next = 8;
-              return searchFn(url, query, queryKey);
-
-            case 8:
-              data = _context2.sent;
-
-
-              // Extract options from response using optionsPath if provided
-              newOptions = void 0;
-
-              if (optionsPath && typeof optionsPath === "string") {
-                newOptions = (0, _selectn2.default)(optionsPath, data);
-                newOptions = Array.isArray(newOptions) ? newOptions : [];
-              } else {
-                // Always expect data to be an array if no optionsPath specified
-                newOptions = Array.isArray(data) ? data : [];
-              }
-
-              setOptions(newOptions);
-              _context2.next = 18;
-              break;
-
-            case 14:
-              _context2.prev = 14;
-              _context2.t0 = _context2["catch"](4);
-
-              console.error("Error fetching options:", _context2.t0);
-              setOptions([]);
+  var fetchOptions = (0, _react.useCallback)(function (query) {
+    if (!url || !query.trim()) {
+      setOptions([]);
+      return;
+    }
 
-            case 18:
-              _context2.prev = 18;
+    setLoading(true);
 
-              setLoading(false);
-              return _context2.finish(18);
+    // Use custom search function if provided, otherwise use defaultSearch
+    var searchFn = typeof customSearch === "function" ? customSearch : defaultSearch;
 
-            case 21:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, _this, [[4, 14, 18, 21]]);
-    }));
+    searchFn(url, query, queryKey).then(function (data) {
+      // Extract options from response using optionsPath if provided
+      var newOptions = void 0;
+      if (optionsPath && typeof optionsPath === "string") {
+        newOptions = (0, _selectn2.default)(optionsPath, data);
+        newOptions = Array.isArray(newOptions) ? newOptions : [];
+      } else {
+        // Always expect data to be an array if no optionsPath specified
+        newOptions = Array.isArray(data) ? data : [];
+      }
 
-    return function (_x4) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [url, customSearch, queryKey, optionsPath]);
+      setOptions(newOptions);
+    }).catch(function (error) {
+      console.error("Error fetching options:", error);
+      setOptions([]);
+    }).finally(function () {
+      setLoading(false);
+    });
+  }, [url, customSearch, queryKey, optionsPath]);
 
   // Debounce the fetch with useEffect
   (0, _react.useEffect)(function () {
@@ -391,7 +322,9 @@ function MultiTypeaheadField(props) {
     valueKeys.forEach(function (key) {
       var value = (0, _selectn2.default)(key, option);
       if (value !== undefined) {
-        valueObj[key] = value;
+        // Use the last part of the key chain instead of the full key
+        var lastKeyPart = key.split(".").pop();
+        valueObj[lastKeyPart] = value;
       }
     });
     return valueObj;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Extra widgets for Mozilla's react-jsonschema-form",
   "private": false,
   "author": "mavarazy@gmail.com",
-  "version": "0.9.83",
+  "version": "1.0.0",
   "scripts": {
     "build:lib": "rimraf lib && cross-env NODE_ENV=production babel -d lib/ src/ --copy-files",
     "build:dist": "rimraf dist && cross-env NODE_ENV=production webpack --config webpack.config.dist.js",