@steroidsjs/core 2.2.43 → 2.2.46

package/hooks/useDataProvider.js

@@ -157,7 +157,7 @@ function useDataProvider(config) {
         else if (!isEqual_1["default"](prevValues, config.initialSelectedIds)) {
             fetchRemote(false);
         }
-        else if (autoComplete.enable) {
+        else if (autoComplete.enable || (config.autoFetch && isAutoFetchedRef.current === true)) {
             if (delayTimerRef.current) {
                 clearTimeout(delayTimerRef.current);
             }

package/hooks/useFile.js

@@ -50,7 +50,7 @@ function useFile(props) {
     var initialFiles = props.initialFiles;
     if (!initialFiles) {
         // Find in form values
-        initialFiles = form.formSelector(function (state) { return get_1["default"](state, ['values', props.input.name.replace(/Ids?$/, '')]); });
+        initialFiles = form.formSelector(function (state) { return get_1["default"](state, 'values.' + props.input.name.replace(/Ids?$/, '')); });
     }
     react_1.useEffect(function () {
         if (initialFiles) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.2.43",
+  "version": "2.2.46",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {

package/ui/content/DropDown/DropDown.d.ts

@@ -15,6 +15,11 @@ export interface IDropDownProps extends IAbsolutePositioningInputProps {
      * @example MyCustomView
      */
     view?: any;
+    /**
+     * В каком случае закрывать DropDown. По-умолчанию - `click-away`
+     * @example click-any
+     */
+    closeMode?: 'click-away' | 'click-any';
 }
 export interface IDropDownViewProps extends IDropDownProps, IAbsolutePositioningOutputProps {
     /**

package/ui/content/DropDown/DropDown.js

@@ -36,15 +36,23 @@ function DropDown(props) {
     // Outside click -> close
     var forwardedRef = react_1.useRef(null);
     react_use_1.useClickAway(forwardedRef, function (event) {
-        if (isManualControl) {
-            if (!childRef.current.contains(event.target) && props.onClose) {
-                props.onClose();
+        if (props.closeMode === 'click-away') {
+            if (isManualControl) {
+                if (!childRef.current.contains(event.target) && props.onClose) {
+                    props.onClose();
+                }
+            }
+            else {
+                onHide();
             }
         }
-        else {
+    });
+    // Any click -> close
+    react_use_1.useEvent('click', react_1.useCallback(function () {
+        if (isComponentExist && isComponentVisible && props.closeMode === 'click-any') {
             onHide();
         }
-    });
+    }, [isComponentExist, isComponentVisible, onHide, props.closeMode]));
     var calculatePosition = react_1.useCallback(function (componentSize) {
         calculateAbsolutePosition(position, childRef.current, componentSize);
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -68,7 +76,7 @@ function DropDown(props) {
         isComponentExist && (
         // TODO Change Portal to global
         React.createElement(TooltipPortalInner_1["default"], null,
-            React.createElement(DropDownView, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible })))));
+            React.createElement(DropDownView, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible, onClose: onHide })))));
 }
 DropDown.defaultProps = {
     autoPositioning: false,