@steroidsjs/core 3.0.45 → 3.0.46

package/hooks/useDataProvider.d.ts

@@ -53,6 +53,7 @@ export interface IDataProvider {
      * @return {Promise<Array> | Array}
      */
     onSearch?: (action: string, params: Record<string, unknown>) => Array<unknown> | Promise<Array<unknown>>;
+    [key: string]: any;
 }
 export interface IDataProviderConfig {
     /**

package/package.json

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

package/ui/form/DropDownField/DropDownField.js

@@ -33,6 +33,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -94,14 +105,15 @@ function DropDownField(props) {
     };
     var inputSelectedIds = (0, react_1.useMemo)(function () { return (0, isEmpty_1["default"])(props.selectedIds) ? [].concat(props.input.value || []) : props.selectedIds; }, [props.input.value, props.selectedIds]);
     // Data provider
-    var _c = (0, hooks_1.useDataProvider)({
+    var useDataProvider = (0, react_1.useMemo)(function () { return props.useDataProvider || hooks_1.useDataProvider; }, [props.useDataProvider]);
+    var _c = useDataProvider({
         items: props.items,
         dataProvider: props.dataProvider,
         autoComplete: props.autoComplete,
         autoFetch: props.autoFetch,
         query: query,
         initialSelectedIds: inputSelectedIds
-    }), fetchRemote = _c.fetchRemote, items = _c.items, isLoading = _c.isLoading, isAutoComplete = _c.isAutoComplete, sourceItems = _c.sourceItems;
+    }), fetchRemote = _c.fetchRemote, items = _c.items, isLoading = _c.isLoading, isAutoComplete = _c.isAutoComplete, sourceItems = _c.sourceItems, dataProvider = __rest(_c, ["fetchRemote", "items", "isLoading", "isAutoComplete", "sourceItems"]);
     // Data select
     var _d = (0, hooks_1.useDataSelect)({
         multiple: props.multiple,
@@ -214,41 +226,13 @@ function DropDownField(props) {
         }
         return renderItemView(item, 'default', null);
     };
-    var viewProps = (0, react_1.useMemo)(function () { return ({
-        isAutoComplete: isAutoComplete,
-        items: items,
-        hoveredId: hoveredId,
-        selectedIds: selectedIds,
-        forwardedRef: forwardedRef,
-        searchInputProps: searchInputProps,
-        isOpened: isOpened,
-        isLoading: isLoading,
-        onOpen: onOpen,
-        selectedItems: selectedItems,
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign({ isAutoComplete: isAutoComplete, items: items, hoveredId: hoveredId, selectedIds: selectedIds, forwardedRef: forwardedRef, searchInputProps: searchInputProps, isOpened: isOpened, isLoading: isLoading, onOpen: onOpen, selectedItems: selectedItems, 
         // TODO onFocus
         // TODO onBlur
-        onReset: onReset,
-        onClose: onClose,
-        renderItem: renderItem,
-        onItemRemove: onItemRemove,
-        hasGroup: hasGroup,
-        multiple: props.multiple,
-        isSearchAutoFocus: props.isSearchAutoFocus,
-        itemToSelectAll: normalizedItemToSelectAll,
-        className: props.className,
-        viewProps: props.viewProps,
-        style: props.style,
-        size: props.size,
-        color: props.color,
-        outline: props.outline,
-        placeholder: props.placeholder,
-        showReset: props.showReset,
-        showEllipses: props.showEllipses,
-        errors: props.errors,
-        disabled: props.disabled
-    }); }, [isAutoComplete, items, hoveredId, selectedIds, searchInputProps, isOpened, isLoading, onOpen, selectedItems, onReset, onClose,
+        onReset: onReset, onClose: onClose, renderItem: renderItem, onItemRemove: onItemRemove, hasGroup: hasGroup, multiple: props.multiple, isSearchAutoFocus: props.isSearchAutoFocus, itemToSelectAll: normalizedItemToSelectAll, className: props.className, viewProps: props.viewProps, style: props.style, size: props.size, color: props.color, outline: props.outline, placeholder: props.placeholder, showReset: props.showReset, showEllipses: props.showEllipses, errors: props.errors, disabled: props.disabled }, dataProvider)); }, [isAutoComplete, items, hoveredId, selectedIds, searchInputProps, isOpened, isLoading, onOpen, selectedItems, onReset, onClose,
         renderItem, onItemRemove, hasGroup, props.multiple, props.isSearchAutoFocus, props.className, props.viewProps, props.style, props.size,
-        props.color, props.outline, props.placeholder, props.showReset, props.showEllipses, props.errors, props.disabled, normalizedItemToSelectAll]);
+        props.color, props.outline, props.placeholder, props.showReset, props.showEllipses, props.errors, props.disabled,
+        normalizedItemToSelectAll, dataProvider]);
     return components.ui.renderView(props.view || 'form.DropDownFieldView', viewProps);
 }
 DropDownField.defaultProps = {