@steroidsjs/core 3.1.4 → 3.1.5

package/docs-autogen-result.json

@@ -15416,6 +15416,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "indeterminate",
+                    "decorators": [],
+                    "description": "Промежуточное состояние чекбокса — часть дочерних элементов выбрана",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "inputProps",
                     "decorators": [],
@@ -15645,6 +15654,14 @@
                     "type": "string",
                     "example": null
                 },
+                {
+                    "name": "indeterminate",
+                    "decorators": [],
+                    "description": "Промежуточное состояние чекбокса — часть дочерних элементов выбрана",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null
+                },
                 {
                     "name": "input",
                     "decorators": [],
@@ -16836,6 +16853,14 @@
                     "type": "number",
                     "example": "32"
                 },
+                {
+                    "name": "primaryKey",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "string",
+                    "example": null
+                },
                 {
                     "name": "selectedIds",
                     "decorators": [],
@@ -28152,6 +28177,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "indeterminate",
+                    "decorators": [],
+                    "description": "Промежуточное состояние чекбокса — часть дочерних элементов выбрана",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "inputProps",
                     "decorators": [],
@@ -30482,6 +30516,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "indeterminate",
+                    "decorators": [],
+                    "description": "Промежуточное состояние чекбокса — часть дочерних элементов выбрана",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "inputProps",
                     "decorators": [],

package/en.json

@@ -1062,5 +1062,6 @@
     "Название цвета для Alert и Notification": "Color name for Alert and Notification",
     "Название цвета для Badge": "Color name for Badge",
     "Название цвета для Button": "Color name for Button",
-    "Название цвета для Text, Title": "Color name for Text, Title"
+    "Название цвета для Text, Title": "Color name for Text, Title",
+    "Промежуточное состояние чекбокса — часть дочерних элементов выбрана": ""
 }

package/package.json

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

package/ui/form/CheckboxField/CheckboxField.d.ts

@@ -20,6 +20,10 @@ export interface ICheckboxFieldProps extends IFieldWrapperInputProps, IUiCompone
     * Пользовательский цвет для чекбокса
     */
     color?: string;
+    /**
+     * Промежуточное состояние чекбокса — часть дочерних элементов выбрана
+     */
+    indeterminate?: boolean;
     [key: string]: any;
 }
 export interface ICheckboxFieldViewProps extends ICheckboxFieldProps, IFieldWrapperOutputProps {
@@ -31,6 +35,7 @@ export interface ICheckboxFieldViewProps extends ICheckboxFieldProps, IFieldWrap
         disabled?: boolean;
         required?: boolean;
     };
+    indeterminate?: boolean;
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ICheckboxFieldProps>;
 export default _default;

package/ui/form/CheckboxField/CheckboxField.js

@@ -44,9 +44,10 @@ function CheckboxField(props) {
         id: props.id,
         label: props.label,
         onChange: props.onChange,
-        required: props.required
+        required: props.required,
+        indeterminate: props.indeterminate
     }); }, [inputProps, props.checked, props.className, props.color, props.disabled,
-        props.errors, props.id, props.label, props.onChange, props.required, props.size, props.style]);
+        props.errors, props.id, props.indeterminate, props.label, props.onChange, props.required, props.size, props.style]);
     return components.ui.renderView(props.view || 'form.CheckboxFieldView', viewProps);
 }
 CheckboxField.defaultProps = {

package/ui/form/CheckboxTreeField/CheckboxTreeField.d.ts

@@ -66,6 +66,7 @@ export interface ICheckboxTreeFieldViewProps extends IFieldWrapperOutputProps, P
         required?: boolean;
     } & IPreparedTreeItem[];
     selectedIds: (PrimaryKey | any)[];
+    primaryKey?: string;
     onItemSelect: (checkbox: IPreparedTreeItem) => void;
     renderCheckbox: (checkboxProps: ICheckboxFieldViewProps) => JSX.Element;
     size?: Size;

package/ui/form/CheckboxTreeField/CheckboxTreeField.js

@@ -17,6 +17,7 @@ exports.__esModule = true;
 exports.getNestedItemsIds = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var react_1 = require("react");
 var react_use_1 = require("react-use");
@@ -71,13 +72,19 @@ function CheckboxTreeField(props) {
     }), selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
     var onItemSelect = (0, react_1.useCallback)(function (checkbox) {
         if (checkbox.hasItems) {
-            var selectedItemIds = (0, exports.getNestedItemsIds)(checkbox, props.primaryKey, props.hasOnlyLeafCheckboxes);
-            setSelectedIds(selectedItemIds);
+            var nestedIds = (0, exports.getNestedItemsIds)(checkbox, props.primaryKey, props.hasOnlyLeafCheckboxes);
+            var childIds = nestedIds.filter(function (id) { return id !== checkbox.id; });
+            var allChildrenSelected = !(0, isEmpty_1["default"])(childIds) && childIds.every(function (id) { return selectedIds.includes(id); });
+            // Передаём только те ID, что уже в selectedIds — useDataSelect сбросит эту ветку через isEqual,
+            // не затронув остальные выбранные элементы.
+            setSelectedIds(allChildrenSelected
+                ? nestedIds.filter(function (id) { return selectedIds.includes(id); })
+                : nestedIds);
         }
-        else if (checkbox.id && !checkbox.hasItems) {
+        else if (checkbox.id && !checkbox.hasItems && typeof checkbox.id !== 'boolean') {
             setSelectedIds(checkbox.id);
         }
-    }, [props.hasOnlyLeafCheckboxes, props.primaryKey, setSelectedIds]);
+    }, [props.hasOnlyLeafCheckboxes, props.primaryKey, selectedIds, setSelectedIds]);
     var onReset = (0, react_1.useCallback)(function () {
         setSelectedIds([]);
     }, [setSelectedIds]);
@@ -105,6 +112,7 @@ function CheckboxTreeField(props) {
         items: treeItems,
         onItemSelect: onItemSelect,
         selectedIds: selectedIds,
+        primaryKey: props.primaryKey,
         renderCheckbox: renderCheckbox,
         size: props.size,
         levelPadding: props.levelPadding,
@@ -112,7 +120,7 @@ function CheckboxTreeField(props) {
         hasIconExpandOnly: props.hasIconExpandOnly,
         itemView: TreeItemView,
         itemProps: props.itemProps
-    }); }, [treeItems, onItemSelect, selectedIds, renderCheckbox, props.size, props.levelPadding,
+    }); }, [treeItems, onItemSelect, selectedIds, props.primaryKey, renderCheckbox, props.size, props.levelPadding,
         props.hasOnlyLeafCheckboxes, props.hasIconExpandOnly, props.itemProps, TreeItemView]);
     return components.ui.renderView(props.view || 'form.CheckboxTreeFieldView', viewProps);
 }