@steroidsjs/core 3.0.27 → 3.0.28

package/docs-autogen-result.json

@@ -19027,6 +19027,24 @@
                             "example": null
                         }
                     ]
+                },
+                {
+                    "name": "onClose",
+                    "decorators": [],
+                    "description": "Callback-функция, которая вызывается при закрытии DropDown",
+                    "required": false,
+                    "type": "void",
+                    "example": null,
+                    "parameters": [
+                        {
+                            "name": "selectedIds",
+                            "decorators": [],
+                            "description": "",
+                            "required": true,
+                            "type": "PrimaryKey[]",
+                            "example": null
+                        }
+                    ]
                 }
             ]
         },
@@ -19445,6 +19463,24 @@
                         }
                     ]
                 },
+                {
+                    "name": "onClose",
+                    "decorators": [],
+                    "description": "Callback-функция, которая вызывается при закрытии DropDown",
+                    "required": false,
+                    "type": "void",
+                    "example": null,
+                    "parameters": [
+                        {
+                            "name": "selectedIds",
+                            "decorators": [],
+                            "description": "",
+                            "required": true,
+                            "type": "PrimaryKey[]",
+                            "example": null
+                        }
+                    ]
+                },
                 {
                     "name": "onItemRemove",
                     "decorators": [],
@@ -20663,6 +20699,15 @@
                 }
             ],
             "methods": [
+                {
+                    "name": "onAdd",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "void",
+                    "example": null,
+                    "parameters": []
+                },
                 {
                     "name": "onRemove",
                     "decorators": [],

package/package.json

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

package/ui/form/DropDownField/DropDownField.d.ts

@@ -130,6 +130,10 @@ export interface IDropDownFieldProps extends IFieldWrapperInputProps, Omit<IData
      * Кастомная вьюшка для элемента
      */
     itemView?: CustomView;
+    /**
+     * Callback-функция, которая вызывается при закрытии DropDown
+     */
+    onClose?: (selectedIds: PrimaryKey[]) => void;
     [key: string]: any;
 }
 export interface IDropDownFieldViewProps extends IDropDownFieldProps {

package/ui/form/DropDownField/DropDownField.js

@@ -135,9 +135,14 @@ function DropDownField(props) {
         setSelectedIds([]);
     }, [setSelectedIds]);
     var onClose = (0, react_1.useCallback)(function () {
-        setIsFocused(false);
-        setIsOpened(false);
-    }, [setIsFocused, setIsOpened]);
+        if (isOpened) {
+            setIsFocused(false);
+            setIsOpened(false);
+            if (props.onClose) {
+                props.onClose(selectedIds);
+            }
+        }
+    }, [isOpened, props, selectedIds, setIsFocused, setIsOpened]);
     // Outside click -> close
     var forwardedRef = (0, react_1.useRef)(null);
     if (process.env.PLATFORM !== 'mobile') {

package/ui/form/FieldList/FieldList.d.ts

@@ -136,6 +136,7 @@ export interface IFieldListItemViewProps extends IFieldWrapperOutputProps {
     required?: boolean;
     rowIndex: number;
     showRemove: boolean;
+    onAdd?: () => void;
 }
 declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IFieldListProps>;
 export default _default;

package/ui/form/FieldList/FieldList.js

@@ -131,9 +131,10 @@ function FieldList(props) {
         required: props.required,
         className: props.className,
         tableClassName: props.tableClassName,
-        items: items
-    }); }, [items, props.className, props.disabled, props.required, props.showAdd, props.showRemove, props.size, props.tableClassName]);
-    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, commonProps), props.viewProps), { forwardedRef: nodeRef, onAdd: onAdd, hasAlternatingColors: props.hasAlternatingColors, style: props.style, children: props.children })); }, [commonProps, onAdd, props.children, props.hasAlternatingColors, props.style, props.viewProps]);
+        items: items,
+        onAdd: onAdd
+    }); }, [items, onAdd, props.className, props.disabled, props.required, props.showAdd, props.showRemove, props.size, props.tableClassName]);
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, commonProps), props.viewProps), { forwardedRef: nodeRef, hasAlternatingColors: props.hasAlternatingColors, style: props.style, children: props.children })); }, [commonProps, props.children, props.hasAlternatingColors, props.style, props.viewProps]);
     var itemViewProps = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, commonProps), props.itemViewProps), { onRemove: onRemove })); }, [commonProps, onRemove, props.itemViewProps]);
     var FieldListView = props.view || components.ui.getView('form.FieldListView');
     var FieldListItemView = props.itemView || components.ui.getView('form.FieldListItemView');