@steroidsjs/core 3.0.92 → 3.0.93

package/en.json

@@ -1044,10 +1044,16 @@
     "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n\nДля корректной работы функционала создания задач,\nнеобходимо установить в проекте зависимости `@ckeditor/ckeditor5-react v3.0.2` и `@steroidsjs/ckeditor5 v27.0.2-rc.2`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nИмпортированные компоненты нужно передать в проп `createTaskEditorConfig`,\nв поле `htmlComponent` передать `CKEditor`, а в `editorConstructor` передать `ClassicEditor`.\n": "The `Kanban` component allows you to create a board for task management.\nThe number of columns is set using the `columns` prop.\nTasks on the board can be created, edited, and moved with visual feedback.\n\nFor this component to work, you must install the `react-beautiful-dnd` dependencies in your project\nand pass the `Droppable`, `Draggable`, and `DragDropContext` components to the `droppableComponent`, `draggableComponent`, and `dndContext` props, respectively.\n\nFor the task creation functionality to work correctly,\nyou need to install the `@ckeditor/ckeditor5-react v3.0.2` and `@steroidsjs/ckeditor5 v27.0.2-rc.2` dependencies in your project,\nthen import `CKEditor` from `@ckeditor/ckeditor5-react` and `ClassicEditor` from `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nPass the imported components to the `createTaskEditorConfig` prop,\nproviding `CKEditor` to the `htmlComponent` field and `ClassicEditor` to `editorConstructor`.",
     "\nКомпонент поля ввода текста с маской.\n": "A text input field component with a mask.",
     "\nКомпонент Tooltip предоставляет всплывающую подсказку для дочерних элементов.\nВнутри компонента, то есть между тегами Tooltip можно использовать только html теги, например div, span и тд\n": "The Tooltip component provides a popup hint for child elements.\nInside the component, that is, between the Tooltip tags, you can only use HTML tags, e.g., div, span, etc.",
-    "Логическое значение, указывающее, есть ли еще элементы в списке с бесконечным скроллом": "",
-    "Позволяет использовать cookie на всех поддоменах (по умолчанию, false)": "",
-    "Задержка в мс": "",
-    "Дополнительное содержание сообщения.": "",
-    "Задержка применения введённого значения": "",
-    "Флаг, который указывает, что высота поля должна быть равна высоте контента": ""
+    "\nСписок с радиокнопками. Используется в формах для выбора одного значения.\n": "\nRadio button list. Used in forms to select a single value.\n",
+    "\nКомпонент SwitcherField представляет собой переключатель (switch/toggle),\nкоторый позволяет пользователю включать или выключать значение (boolean).\nОбычно используется для управления настройками, параметрами или состояниями\n«вкл / выкл».\n": "\nThe SwitcherField component is a switch/toggle that allows the user to enable or disable a value (boolean).\nIt is typically used to control settings, parameters, or 'on/off' states.\n",
+    "Логическое значение, указывающее, есть ли еще элементы в списке с бесконечным скроллом": "Boolean value indicating whether there are more items in the infinite scroll list",
+    "Кастомный домен для куки": "Custom cookie domain",
+    "Флаг, который указывает, что высота поля должна быть равна высоте контента": "Flag indicating that the field height should be equal to the content height",
+    "Автоматически устанавливает куку для всех поддоменов текущего домена, но только если параметр domain не указан явно": "Automatically sets the cookie for all subdomains of the current domain, but only if the domain parameter is not explicitly specified",
+    "Позволяет использовать cookie на всех поддоменах (по умолчанию, false)": "Allows cookies to be used on all subdomains (by default, false)",
+    "Задержка в мс": "Delay in ms",
+    "Дополнительное содержание сообщения": "Additional message content",
+    "Задержка применения введённого значения": "Delay in applying the entered value",
+    "Применяется для ssr. Если fetch критический — ssr вернет страницу со статус кодом ошибки.": "",
+    "Дополнительное содержание сообщения.": ""
 }

package/hooks/useFetch.d.ts

@@ -3,6 +3,7 @@ import { IComponents } from '../providers/ComponentsProvider';
 declare global {
     interface Window {
         APP_PRELOADED_DATA: any;
+        APP_PRELOADED_ERRORS: any;
     }
 }
 export interface IFetchConfig {
@@ -10,6 +11,11 @@ export interface IFetchConfig {
     url?: string;
     method?: 'get' | 'post' | string;
     params?: Record<string, unknown>;
+    /**
+     * Применяется для ssr. Если fetch критический — ssr вернет страницу со статус кодом ошибки.
+     * @default false
+     */
+    isCritical?: boolean;
     onFetch?: (config: IFetchConfig, components: IComponents, addCancelToken: (token: any) => any) => any;
 }
 export interface IFetchResult<T> {

package/hooks/useFetch.js

@@ -105,11 +105,13 @@ function useFetch(rawConfig) {
     var configId = (0, exports.getConfigId)(config);
     var ssrValueContext = (0, index_1.useSsr)();
     var preloadedData = process.env.IS_SSR ? ssrValueContext.preloadedData : window.APP_PRELOADED_DATA;
+    var preloadedErrors = process.env.IS_SSR ? ssrValueContext.preloadedErrors : window.APP_PRELOADED_ERRORS;
     var preloadedDataByConfigId = (preloadedData && configId) ? preloadedData[configId] : null;
+    var preloadedErrorByConfigId = (preloadedErrors && configId) ? preloadedErrors[configId] : null;
     // State for data and loading flag
     var _b = (0, react_1.useState)(preloadedDataByConfigId || null), data = _b[0], setData = _b[1];
-    var _c = (0, react_1.useState)(null), axiosError = _c[0], setAxiosError = _c[1];
-    var _d = (0, react_1.useState)(!!config && !data), isLoading = _d[0], setIsLoading = _d[1];
+    var _c = (0, react_1.useState)(preloadedErrorByConfigId || null), axiosError = _c[0], setAxiosError = _c[1];
+    var _d = (0, react_1.useState)(!!config && !data && !axiosError), isLoading = _d[0], setIsLoading = _d[1];
     // Cancel tokens
     var cancelTokens = (0, react_1.useRef)([]);
     var addCancelToken = function (token) { return cancelTokens.current.push(token); };
@@ -152,7 +154,7 @@ function useFetch(rawConfig) {
         });
     }, [components, config]);
     (0, react_use_1.useEffectOnce)(function () {
-        if (!data) {
+        if (!data && !axiosError) {
             fetch();
         }
     });

package/hooks/useList.js

@@ -280,7 +280,7 @@ function useList(config) {
         dispatch([
             (0, list_2.listSetItems)(config.listId, config.items),
         ]);
-    }, [dispatch, config.items, config.listId, list === null || list === void 0 ? void 0 : list.isFetched]);
+    }, [dispatch, config.items, config.listId]);
     // Check change action
     var prevAction = (0, react_use_1.usePrevious)(config.action);
     (0, react_use_1.useUpdateEffect)(function () {

package/package.json

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

package/providers/SsrProvider.d.ts

@@ -4,12 +4,16 @@ import { StaticRouterContext } from 'react-router';
 export interface IPreloadedData {
     [configId: string]: any;
 }
+export interface IPreloadedErrors {
+    [configId: string]: any;
+}
 export interface ISsr {
     history?: {
         initialEntries: string[];
     };
     staticContext?: StaticRouterContext;
     preloadedData?: IPreloadedData;
+    preloadedErrors?: IPreloadedErrors;
 }
 export declare const SsrProviderContext: React.Context<ISsr>;
 export interface ISsrProviderProps extends ISsr, PropsWithChildren<any> {

package/providers/SsrProvider.js

@@ -30,7 +30,8 @@ function SsrProvider(props) {
     return (React.createElement(exports.SsrProviderContext.Provider, { value: {
             history: props.history,
             staticContext: props.staticContext,
-            preloadedData: props.preloadedData
+            preloadedData: props.preloadedData,
+            preloadedErrors: props.preloadedErrors
         } }, props.children));
 }
 exports["default"] = SsrProvider;

package/reducers/list.js

@@ -41,7 +41,7 @@ var reducerMap = (_a = {},
     },
     _a[list_1.LIST_SET_ITEMS] = function (state, action) {
         var _a;
-        return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = __assign(__assign({}, state.lists[action.listId]), { items: action.items }), _a)) }));
+        return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = __assign(__assign({}, state.lists[action.listId]), { items: action.items, sourceItems: action.items }), _a)) }));
     },
     _a[list_1.LIST_BEFORE_FETCH] = function (state, action) {
         var _a;

package/ui/form/RadioField/RadioField.d.ts

@@ -5,4 +5,7 @@ import { ICheckboxFieldProps } from '../CheckboxField/CheckboxField';
  *
  * Компонент RadioField представляет собой элемент выбора типа "radio". Он позволяет пользователю выбрать один вариант из нескольких предложенных.
  **/
-export default function RadioField(props: ICheckboxFieldProps): JSX.Element;
+export interface IRadioFieldProps extends ICheckboxFieldProps {
+}
+declare function RadioField(props: IRadioFieldProps): JSX.Element;
+export default RadioField;

package/ui/form/RadioField/RadioField.js

@@ -16,11 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
 var CheckboxField_1 = __importDefault(require("../CheckboxField/CheckboxField"));
-/**
- * RadioField
- *
- * Компонент RadioField представляет собой элемент выбора типа "radio". Он позволяет пользователю выбрать один вариант из нескольких предложенных.
- **/
 function RadioField(props) {
     return (react_1["default"].createElement(CheckboxField_1["default"], __assign({ multiply: false, view: "form.RadioFieldView" }, props)));
 }

package/ui/form/RadioListField/RadioListField.d.ts

@@ -2,6 +2,10 @@
 import { ICheckboxListFieldProps } from '../CheckboxListField/CheckboxListField';
 /**
  * RadioListField
+ *
  * Список с радиокнопками. Используется в формах для выбора одного значения.
  */
-export default function RadioListField(props: ICheckboxListFieldProps): JSX.Element;
+export interface IRadioListFieldProps extends ICheckboxListFieldProps {
+}
+declare function RadioListField(props: IRadioListFieldProps): JSX.Element;
+export default RadioListField;

package/ui/form/RadioListField/RadioListField.js

@@ -16,10 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
 var CheckboxListField_1 = __importDefault(require("../CheckboxListField/CheckboxListField"));
-/**
- * RadioListField
- * Список с радиокнопками. Используется в формах для выбора одного значения.
- */
 function RadioListField(props) {
     return (react_1["default"].createElement(CheckboxListField_1["default"], __assign({ multiple: false, view: 'form.RadioListFieldView' }, props)));
 }

package/ui/form/SwitcherField/SwitcherField.d.ts

@@ -1,3 +1,13 @@
 /// <reference types="react" />
 import { ICheckboxFieldProps } from '../CheckboxField/CheckboxField';
-export default function SwitcherField(props: ICheckboxFieldProps): JSX.Element;
+/**
+ * SwitcherField
+ *
+ * Компонент SwitcherField представляет собой переключатель (switch/toggle),
+ * который позволяет пользователю включать или выключать значение (boolean).
+ * Обычно используется для управления настройками, параметрами или состояниями
+ * «вкл / выкл».
+ **/
+export interface ISwitcherFieldProps extends ICheckboxFieldProps {
+}
+export default function SwitcherField(props: ISwitcherFieldProps): JSX.Element;