@steroidsjs/core 3.0.0 → 3.0.1

package/docs-autogen-result.json

@@ -15558,15 +15558,6 @@
                     "example": "[1, 4]",
                     "defaultValue": null
                 },
-                {
-                    "name": "showIcon",
-                    "decorators": [],
-                    "description": "Показать иконку c лева от элемента",
-                    "required": false,
-                    "type": "boolean",
-                    "example": "true",
-                    "defaultValue": null
-                },
                 {
                     "name": "size",
                     "decorators": [],
@@ -15768,7 +15759,9 @@
             "defaultProps": null,
             "extends": [
                 "IDateInputStateInput",
-                "IUiComponent"
+                "IUiComponent",
+                "Pick<IAbsolutePositioningInputProps",
+                "'autoPositioning'>"
             ],
             "properties": [
                 {
@@ -15780,6 +15773,15 @@
                     "example": "'isVisible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "autoPositioning",
+                    "decorators": [],
+                    "description": "Включает \"умное\" позиционирование - если компонент не может быть помещен в промежуток между целевым компонентом\nи краем viewport, тогда он будет показан в противоположном направлении от заданного в свойстве position.",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "calendarProps",
                     "decorators": [],
@@ -16064,9 +16066,17 @@
             "extends": [
                 "IDateInputStateOutput",
                 "Pick<IDateFieldProps",
-                "'size' | 'icon' | 'errors' | 'showRemove' | 'className' | 'calendarProps'>"
+                "'size' | 'icon' | 'errors' | 'showRemove' | 'className' | 'calendarProps' | 'autoPositioning'>"
             ],
             "properties": [
+                {
+                    "name": "autoPositioning",
+                    "decorators": [],
+                    "description": "Включает \"умное\" позиционирование - если компонент не может быть помещен в промежуток между целевым компонентом\nи краем viewport, тогда он будет показан в противоположном направлении от заданного в свойстве position.",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null
+                },
                 {
                     "name": "calendarProps",
                     "decorators": [],
@@ -38642,6 +38652,14 @@
                     "type": "boolean",
                     "example": "false"
                 },
+                {
+                    "name": "hideIcon",
+                    "decorators": [],
+                    "description": "Скрыть иконку c лева от элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "id",
                     "decorators": [],
@@ -38706,14 +38724,6 @@
                     "type": "string | number",
                     "example": "2"
                 },
-                {
-                    "name": "showIcon",
-                    "decorators": [],
-                    "description": "Показать иконку c лева от элемента",
-                    "required": false,
-                    "type": "boolean",
-                    "example": "true"
-                },
                 {
                     "name": "useSameSelectedItemId",
                     "decorators": [],
@@ -38788,10 +38798,10 @@
                 "autoOpenLevels": "1",
                 "autoSave": "false",
                 "hasIconExpandOnly": "false",
+                "hideIcon": "false",
                 "itemsKey": "'items'",
                 "level": "0",
                 "levelPadding": "32",
-                "showIcon": "true",
                 "useSameSelectedItemId": "true"
             },
             "extends": [
@@ -38853,6 +38863,15 @@
                     "example": "false",
                     "defaultValue": "false"
                 },
+                {
+                    "name": "hideIcon",
+                    "decorators": [],
+                    "description": "Скрыть иконку c лева от элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": "false"
+                },
                 {
                     "name": "id",
                     "decorators": [],
@@ -38916,15 +38935,6 @@
                     "example": "2",
                     "defaultValue": null
                 },
-                {
-                    "name": "showIcon",
-                    "decorators": [],
-                    "description": "Показать иконку c лева от элемента",
-                    "required": false,
-                    "type": "boolean",
-                    "example": "true",
-                    "defaultValue": "true"
-                },
                 {
                     "name": "useSameSelectedItemId",
                     "decorators": [],
@@ -39050,6 +39060,14 @@
                     "type": "boolean",
                     "example": "false"
                 },
+                {
+                    "name": "hideIcon",
+                    "decorators": [],
+                    "description": "Скрыть иконку c лева от элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "id",
                     "decorators": [],
@@ -39106,14 +39124,6 @@
                     "type": "string | number",
                     "example": "2"
                 },
-                {
-                    "name": "showIcon",
-                    "decorators": [],
-                    "description": "Показать иконку c лева от элемента",
-                    "required": false,
-                    "type": "boolean",
-                    "example": "true"
-                },
                 {
                     "name": "useSameSelectedItemId",
                     "decorators": [],

package/en.json

@@ -963,7 +963,6 @@
     "Кастомный placeholder для инпута": "",
     "Если true, то location.pathname будет совпадать с теми путями, которые содержат слеш в конце.\nНапример, если указать путь '/catalog/', тогда совпадение будет с '/catalog/' и '/catalog/chapter', но не '/catalog'.": "",
     "Кастомная иконка, заменяющая иконку раскрытия по умолчанию": "",
-    "Показать иконку c лева от элемента": "",
     "Опции маски для полей": "",
     "Дополнительные кнопки": "",
     "Свойства для Form": "",
@@ -973,5 +972,6 @@
     "Ориентация списка шагов формы": "",
     "Коллекция полей и аттрибутов для каждого шага формы. Можно передавать как компонент, так и объект с полями.\nГлавное, чтобы внутри шага использовался один из способов.": "",
     "Свойства для Steps": "",
-    "Флаг, который позволяет использовать вложенные роуты c указанием вложенного пути": ""
+    "Флаг, который позволяет использовать вложенные роуты c указанием вложенного пути": "",
+    "Скрыть иконку c лева от элемента": ""
 }

package/package.json

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

package/ui/form/DateField/DateField.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { MaskitoOptions } from '@maskito/core';
+import { IAbsolutePositioningInputProps } from '@steroidsjs/core/hooks/useAbsolutePositioning';
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateInputStateInput, IDateInputStateOutput } from './useDateInputState';
 /**
@@ -11,7 +12,7 @@ import { IDateInputStateInput, IDateInputStateOutput } from './useDateInputState
  * Он предоставляет пользователю удобный интерфейс для выбора даты с помощью календаря,
  * а также поддерживает настройку формата отображения даты и другие параметры.
  */
-export interface IDateFieldProps extends IDateInputStateInput, IUiComponent {
+export interface IDateFieldProps extends IDateInputStateInput, IUiComponent, Pick<IAbsolutePositioningInputProps, 'autoPositioning'> {
     /**
      * Свойства для view компонента
      */
@@ -26,7 +27,7 @@ export interface IDateFieldProps extends IDateInputStateInput, IUiComponent {
     maskOptions?: MaskitoOptions;
     [key: string]: any;
 }
-export interface IDateFieldViewProps extends IDateInputStateOutput, Pick<IDateFieldProps, 'size' | 'icon' | 'errors' | 'showRemove' | 'className' | 'calendarProps'> {
+export interface IDateFieldViewProps extends IDateInputStateOutput, Pick<IDateFieldProps, 'size' | 'icon' | 'errors' | 'showRemove' | 'className' | 'calendarProps' | 'autoPositioning'> {
     /**
      * Ref для input элемента, который накладывает маску
      */

package/ui/form/DateField/DateField.js

@@ -39,7 +39,7 @@ function DateField(props) {
     }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
     // Calendar props
     var calendarProps = (0, react_1.useMemo)(function () { return (__assign({ value: props.input.value, onChange: props.input.onChange, valueFormat: props.valueFormat }, props.calendarProps)); }, [props.calendarProps, props.input.onChange, props.input.value, props.valueFormat]);
-    return components.ui.renderView(props.view || 'form.DateFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, calendarProps: calendarProps, size: props.size, icon: props.icon, errors: props.errors, label: props.label, disabled: props.disabled, className: props.className, showRemove: props.showRemove, style: props.style, maskInputRef: maskInputRef }));
+    return components.ui.renderView(props.view || 'form.DateFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, calendarProps: calendarProps, size: props.size, icon: props.icon, errors: props.errors, label: props.label, disabled: props.disabled, className: props.className, showRemove: props.showRemove, style: props.style, autoPositioning: props.autoPositioning, maskInputRef: maskInputRef }));
 }
 DateField.defaultProps = {
     disabled: false,
@@ -47,6 +47,7 @@ DateField.defaultProps = {
     icon: true,
     required: false,
     showRemove: true,
+    autoPositioning: true,
     valueFormat: 'YYYY-MM-DD',
     maskOptions: (0, kit_1.maskitoDateOptionsGenerator)({
         mode: 'dd/mm/yyyy',

package/ui/layout/ProgressBar/ProgressBar.js

@@ -47,15 +47,19 @@ function ProgressBar(props) {
         return props.label(props.percent);
     });
     if (props.type === 'line') {
-        return components.ui.renderView('layout.LineProgressBarView', { percent: props.percent,
+        return components.ui.renderView('layout.LineProgressBarView', {
+            percent: props.percent,
             status: props.status,
             size: props.size,
-            label: getLabel() });
+            label: getLabel()
+        });
     }
-    return components.ui.renderView('layout.CircleProgressBarView', { percent: props.percent,
+    return components.ui.renderView('layout.CircleProgressBarView', {
+        percent: props.percent,
         status: props.status,
         size: props.size,
-        label: getLabel() });
+        label: getLabel()
+    });
 }
 ProgressBar.defaultProps = {
     status: 'normal',

package/ui/nav/Tree/Tree.d.ts

@@ -42,10 +42,10 @@ export interface ITreeProps extends Omit<ITreeConfig, 'currentPage' | 'itemsOnPa
      */
     levelPadding?: number;
     /**
-     * Показать иконку c лева от элемента
+     * Скрыть иконку c лева от элемента
      * @example true
      */
-    showIcon?: boolean;
+    hideIcon?: boolean;
     /**
      * Кастомная иконка, заменяющая иконку раскрытия по умолчанию
      */
@@ -67,7 +67,7 @@ declare namespace Tree {
         levelPadding: number;
         hasIconExpandOnly: boolean;
         useSameSelectedItemId: boolean;
-        showIcon: boolean;
+        hideIcon: boolean;
     };
 }
 export default Tree;

package/ui/nav/Tree/Tree.js

@@ -36,5 +36,5 @@ Tree.defaultProps = {
     levelPadding: 32,
     hasIconExpandOnly: false,
     useSameSelectedItemId: true,
-    showIcon: true
+    hideIcon: false
 };