@nulogy/components 8.4.0 → 8.4.1

package/dist/main.js

@@ -23339,20 +23339,23 @@
     var themeContext = React__default['default'].useContext(styled.ThemeContext);
     var spaceProps = getSubset(props, propTypes.space);
     var reactSelectRef = React__default['default'].useRef(null);
+    var optionsRef = React__default['default'].useRef(options);
     React__default['default'].useEffect(function () {
       checkOptionsAreValid(options);
+      optionsRef.current = options;
     }, [options]);
     var handleChange = React__default['default'].useCallback(function (option) {
       onChange && onChange(extractValue(option, multiselect));
     }, [multiselect, onChange]);
     var handlePaste = React__default['default'].useCallback(function (e) {
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-        var currentRef, currentValue, clipboardData, values, notExistingOptions, pastedOptions, newValue;
+        var options, currentRef, currentValue, clipboardData, values, notExistingOptions, pastedOptions, newValue;
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 e.preventDefault();
+                options = optionsRef.current;
                 currentRef = reactSelectRef.current;
                 currentValue = currentRef.state.value || [];
                 clipboardData = e.clipboardData.getData("text/plain") || "";
@@ -23385,20 +23388,20 @@
                 });
                 handleChange(newValue);
 
-              case 10:
+              case 11:
               case "end":
                 return _context.stop();
             }
           }
         }, _callee);
       }));
-    }, [options]);
+    }, []);
 
     var _SelectInput = React__default['default'].useCallback(function (inputProps) {
       return /*#__PURE__*/React__default['default'].createElement(SelectInput, Object.assign({}, inputProps, multiselect ? {
         onPaste: handlePaste
       } : {}));
-    }, [handlePaste, multiselect]);
+    }, [multiselect]);
 
     React__default['default'].useEffect(function () {
       if (ref) {

package/dist/main.module.js

@@ -23313,20 +23313,23 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var themeContext = React__default.useContext(ThemeContext$1);
   var spaceProps = getSubset(props, propTypes.space);
   var reactSelectRef = React__default.useRef(null);
+  var optionsRef = React__default.useRef(options);
   React__default.useEffect(function () {
     checkOptionsAreValid(options);
+    optionsRef.current = options;
   }, [options]);
   var handleChange = React__default.useCallback(function (option) {
     onChange && onChange(extractValue(option, multiselect));
   }, [multiselect, onChange]);
   var handlePaste = React__default.useCallback(function (e) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-      var currentRef, currentValue, clipboardData, values, notExistingOptions, pastedOptions, newValue;
+      var options, currentRef, currentValue, clipboardData, values, notExistingOptions, pastedOptions, newValue;
       return regenerator.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               e.preventDefault();
+              options = optionsRef.current;
               currentRef = reactSelectRef.current;
               currentValue = currentRef.state.value || [];
               clipboardData = e.clipboardData.getData("text/plain") || "";
@@ -23359,20 +23362,20 @@ var ReactSelect = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
               });
               handleChange(newValue);
 
-            case 10:
+            case 11:
             case "end":
               return _context.stop();
           }
         }
       }, _callee);
     }));
-  }, [options]);
+  }, []);
 
   var _SelectInput = React__default.useCallback(function (inputProps) {
     return /*#__PURE__*/React__default.createElement(SelectInput, Object.assign({}, inputProps, multiselect ? {
       onPaste: handlePaste
     } : {}));
-  }, [handlePaste, multiselect]);
+  }, [multiselect]);
 
   React__default.useEffect(function () {
     if (ref) {

package/dist/src/Select/Select.story.d.ts

@@ -109,3 +109,4 @@ export declare const UsingRefToControlFocus: {
 };
 export declare const WithCustomProps: () => JSX.Element;
 export declare const PasteCsvValueInSelect: (props: any) => JSX.Element;
+export declare const AddNewOptionOnInputChange: (props: any) => JSX.Element;

package/dist/src/utils/story/simulatedAPIRequest.d.ts

@@ -0,0 +1,5 @@
+declare const simulatedAPIRequest: (inputValue: string, data: {
+    value: string;
+    label: string;
+}[], milliseconds?: number) => Promise<Response>;
+export default simulatedAPIRequest;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.4.0",
+  "version": "8.4.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {