@steroidsjs/core 3.0.18 → 3.0.20

package/README.md

@@ -24,3 +24,11 @@ Our Open-Source **Steroids** framework is an ecosystem based on React and Redux
 
 Explore and immerse yourself in the world of rapid development through documentation [Documentation](https://steroids.kozhin.dev/ru/docs/getting-started).
 
+## Directions for applied use of the Steroids framework
+
+- Creation of various websites (for example, an online store website)
+- Creation of CRM and ERP systems
+- Creation of SPA applications
+- Creation of admin panels
+- Creation of personal accounts
+

package/docs-autogen-result.json

@@ -7604,6 +7604,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "children",
+                    "decorators": [],
+                    "description": "Дочерние элементы",
+                    "required": false,
+                    "type": "ReactNode",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -7743,6 +7752,14 @@
                     "type": "default",
                     "example": null
                 },
+                {
+                    "name": "children",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "ReactNode",
+                    "example": null
+                },
                 {
                     "name": "className",
                     "decorators": [],

package/hooks/useDataProvider.js

@@ -86,7 +86,7 @@ var defaultProps = {
  */
 function useDataProvider(config) {
     var _this = this;
-    var _a;
+    var _a, _b;
     var components = (0, index_1.useComponents)();
     var dispatch = (0, index_1.useDispatch)();
     var reduxDataProviderId = (_a = config.dataProvider) === null || _a === void 0 ? void 0 : _a.reduxId;
@@ -95,10 +95,10 @@ function useDataProvider(config) {
     // Initial items
     var initialItems = (0, data_1.normalizeItems)(enumItems || config.items);
     // Items state
-    var _b = (0, react_1.useState)(initialItems), items = _b[0], setItems = _b[1];
-    var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
+    var _c = (0, react_1.useState)(initialItems), items = _c[0], setItems = _c[1];
+    var _d = (0, react_1.useState)(false), isLoading = _d[0], setIsLoading = _d[1];
     // Source items state (redux or local)
-    var _d = (0, react_1.useState)(initialItems), sourceInternalItems = _d[0], setSourceInternalItems = _d[1];
+    var _e = (0, react_1.useState)(initialItems), sourceInternalItems = _e[0], setSourceInternalItems = _e[1];
     var sourceReduxItems = (0, react_redux_1.useSelector)(function (state) { return (0, fields_2.getDataProviderItems)(state, reduxDataProviderId); });
     var sourceItems = reduxDataProviderId ? sourceReduxItems : sourceInternalItems;
     var setSourceItems = (0, react_1.useCallback)(function (value) {
@@ -125,7 +125,9 @@ function useDataProvider(config) {
     var prevQuery = (0, react_use_1.usePrevious)(config.query);
     var prevParams = (0, react_use_1.usePrevious)(dataProvider.params);
     var prevValues = (0, react_use_1.usePrevious)(config.initialSelectedIds);
+    var prevAction = (0, react_use_1.usePrevious)((_b = config === null || config === void 0 ? void 0 : config.dataProvider) === null || _b === void 0 ? void 0 : _b.action);
     (0, react_1.useEffect)(function () {
+        var _a;
         var fetchRemote = function (isAuto) { return __awaiter(_this, void 0, void 0, function () {
             var searchHandler, result, newItems;
             var _a;
@@ -169,6 +171,10 @@ function useDataProvider(config) {
             fetchRemote(false);
         }
         else if (autoComplete.enable || (config.autoFetch && isAutoFetchedRef.current === true)) {
+            // Fetch data when action changes
+            if (prevAction !== ((_a = config === null || config === void 0 ? void 0 : config.dataProvider) === null || _a === void 0 ? void 0 : _a.action)) {
+                fetchRemote(false);
+            }
             if (delayTimerRef.current) {
                 clearTimeout(delayTimerRef.current);
             }
@@ -178,9 +184,8 @@ function useDataProvider(config) {
                 delayTimerRef.current = setTimeout(fetchRemote, autoComplete.delay);
             }
         }
-    }, [autoComplete, components.http, config.autoFetch,
-        config.dataProvider, config.initialSelectedIds, config.query, dataProvider,
-        dataProvider.action, dataProvider.onSearch, prevParams, prevQuery, prevValues, setSourceItems, sourceItems]);
+    }, [autoComplete, components.http, config.autoFetch, config.dataProvider, config.initialSelectedIds, config.query, dataProvider,
+        dataProvider.action, dataProvider.onSearch, prevAction, prevParams, prevQuery, prevValues, setSourceItems, sourceItems]);
     return {
         sourceItems: sourceItems,
         items: items,

package/package.json

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

package/ui/content/CalendarSystem/CalendarSystem.d.ts

@@ -141,6 +141,10 @@ export interface ICalendarSystemProps extends IUiComponent {
      * Дополнительные свойства для бокового календаря
      */
     asideCalendarProps?: ICalendarProps;
+    /**
+     * Дочерние элементы
+     */
+    children?: React.ReactNode;
     [key: string]: any;
 }
 export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'className' | 'style' | 'additionalViewProps' | 'users' | 'asideCalendarProps'> {
@@ -153,6 +157,7 @@ export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'cl
     handleCalendarTypeChange: (newType: string) => void;
     onClickControl: (event: React.MouseEvent<HTMLElement>) => void;
     calendarType: CalendarEnum;
+    children: React.ReactNode;
     getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
     openEditModal: (event: IEvent) => void;
     openCreateModal: (eventInitialDay?: IDay) => void;

package/ui/content/CalendarSystem/CalendarSystem.js

@@ -37,6 +37,7 @@ function CalendarSystem(props) {
         users: calendarSystem.users,
         eventGroupsTitle: props.eventBlock.title,
         asideCalendarProps: props.asideCalendarProps,
+        children: props.children,
         dateToDisplay: calendarSystem.dateToDisplay,
         eventGroups: calendarSystem.innerEventGroups,
         calendarType: calendarSystem.calendarType,
@@ -51,7 +52,7 @@ function CalendarSystem(props) {
         monthGridProps: __assign({ monthGridWeekDays: calendarSystem.monthGridWeekDays, monthGridCalendarDays: calendarSystem.monthGridCalendarDays }, monthGridViews),
         weekGridProps: __assign({ weekGridTwentyFourHoursArray: calendarSystem.weekGridTwentyFourHoursArray, weekGridCurrentWeekDays: calendarSystem.weekGridCurrentWeekDays }, weekGridViews),
         dayGridProps: __assign({ dayGridTwentyFourHoursArray: calendarSystem.dayGridTwentyFourHoursArray, dayGridCurrentDay: calendarSystem.dayGridCurrentDay }, dayGridViews)
-    }); }, [props.className, props.style, props.additionalViewProps, props.eventBlock.title, props.asideCalendarProps, calendarSystem, monthGridViews, weekGridViews, dayGridViews]);
+    }); }, [props.className, props.style, props.additionalViewProps, props.eventBlock.title, props.asideCalendarProps, props.children, calendarSystem, monthGridViews, weekGridViews, dayGridViews]);
     return components.ui.renderView(props.view || 'content.CalendarSystemView', viewProps);
 }
 exports["default"] = CalendarSystem;

package/ui/form/TextField/TextField.js

@@ -35,8 +35,8 @@ function TextField(props) {
     var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
     var inputProps = (0, react_1.useMemo)(function () {
         var _a;
-        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: handleChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled, ref: inputRef }, props.inputProps));
-    }, [props.input.name, props.input.value, props.placeholder, props.disabled, props.inputProps, handleChange, onKeyUp, inputRef]);
+        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: handleChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled, required: props.required, ref: inputRef }, props.inputProps));
+    }, [props.input.name, props.input.value, props.placeholder, props.disabled, props.required, props.inputProps, handleChange, onKeyUp, inputRef]);
     var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { inputProps: inputProps, onClear: onClear, errors: props.errors, size: props.size, className: props.className, showClear: props.showClear })); }, [inputProps, onClear, props.className, props.errors, props.showClear, props.size, props.viewProps]);
     return components.ui.renderView(props.view || 'form.TextFieldView', viewProps);
 }