@ozen-ui/kit 0.74.0 → 0.75.0

package/__inner__/esm/components/DatePicker/types.d.ts

@@ -1,11 +1,11 @@
 import type { ChangeEvent, ComponentRef, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { WithDisplayName } from '../../types/react';
-import type { CalendarProps } from '../Calendar';
+import type { CalendarPropCalendars, CalendarProps, CalendarSteps } from '../Calendar';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldInputProps } from '../FieldInput';
 import type { FieldLabelProps } from '../FieldLabel';
-import type { InputProps, InputSizeVariant } from '../Input';
+import type { InputProps } from '../Input';
 import type { PopoverBaseProps } from '../Popover';
 import type { StackProps } from '../Stack';
 import type { DATE_PICKER_DEFAULT_MODE } from './constants';
@@ -19,7 +19,11 @@ export type DatePickerPropOnChange<MODE extends DatePickerModeVariant> = (date:
 type InputPropLabel = InputProps['label'];
 type InputPropRenderLeft = InputProps['renderLeft'];
 type InputPropRenderRight = InputProps['renderRight'];
-type InputPropPlaceholder = InputProps['placeholder'];
+type InputPropPlaceholderString = InputProps['placeholder'];
+type InputPropPlaceholderFunction = (steps: CalendarSteps) => InputPropPlaceholderString;
+export type InputPropPlaceholder = InputPropPlaceholderString | InputPropPlaceholderFunction;
+export declare const datePickerSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type DatePickerSizeVariant = (typeof datePickerSizeVariant)[number];
 export type DatePickerPropLabel<MODE> = MODE extends Range ? [InputPropLabel?, InputPropLabel?] | InputPropLabel : InputPropLabel;
 export type DatePickerPropRenderLeft<MODE> = MODE extends Range ? [InputPropRenderLeft?, InputPropRenderLeft?] | InputPropRenderLeft : InputPropRenderLeft;
 export type DatePickerPropRenderRight<MODE> = MODE extends Range ? [InputPropRenderRight?, InputPropRenderRight?] | InputPropRenderRight : InputPropRenderRight;
@@ -96,7 +100,7 @@ export type DatePickerProps<MODE extends DatePickerModeVariant = typeof DATE_PIC
     /** Cвойства FieldHint */
     hintProps?: Omit<FieldHintProps, 'children'>;
     /** Размер компонента */
-    size?: InputSizeVariant;
+    size?: DatePickerSizeVariant;
     /** Если `true` растягивает поле на всю ширину */
     fullWidth?: boolean;
     /** Если `true` делает элемент обязательным к заполнению */
@@ -108,8 +112,8 @@ export type DatePickerProps<MODE extends DatePickerModeVariant = typeof DATE_PIC
     /** Свойства обертки для текстовых полей. Принимает свойства компонента [Stack](https://ozen-ui.bereke.tech/?path=/docs/components-stack--docs) */
     fieldsProps?: DatePickerPropFieldsProps<MODE>;
     /** Количество отображаемых календарей в компоненте: один или два */
-    calendars?: 1 | 2;
-} & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude'> & Pick<InputProps, 'onKeyDown'>, 'div'>;
+    calendars?: CalendarPropCalendars;
+} & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'steps' | 'initialStep'> & Pick<InputProps, 'onKeyDown'>, 'div'>;
 export type DatePickerComponent = WithDisplayName<(<MODE extends DatePickerModeVariant = typeof DATE_PICKER_DEFAULT_MODE>(props: DatePickerProps<MODE>) => ReactNode)>;
 export type DatePickerModeComponent<MODE extends DatePickerModeVariant> = WithDisplayName<(props: Omit<DatePickerProps<MODE>, 'mode'>) => ReactNode>;
 export {};

package/__inner__/esm/components/DatePicker/types.js

@@ -1 +1,3 @@
+import { formElementSizeVariant } from '../../types';
 export var datePickerModeVariant = ['date', 'date-range'];
+export var datePickerSizeVariant = formElementSizeVariant;

package/__inner__/esm/components/DatePicker/utils/formatDateToString/formatDateToString.d.ts

@@ -1 +1,2 @@
-export declare const formatDateToString: (date: Date | undefined | null) => string;
+import type { CalendarSteps } from '../../../Calendar';
+export declare const formatDateToString: (date: Date | undefined | null, steps: CalendarSteps) => string;

package/__inner__/esm/components/DatePicker/utils/formatDateToString/formatDateToString.js

@@ -1,9 +1,22 @@
-export var formatDateToString = function (date) {
+export var formatDateToString = function (date, steps) {
     if (!date) {
         return '';
     }
-    var year = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(date);
-    var month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(date);
-    var day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date);
-    return "".concat(day, ".").concat(month, ".").concat(year);
+    var hasYearsStep = steps.includes('years');
+    var hasMonthsStep = steps.includes('months');
+    var hasDaysStep = steps.includes('days');
+    var parts = [];
+    if (hasDaysStep) {
+        var day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date);
+        parts.push(day);
+    }
+    if (hasMonthsStep) {
+        var month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(date);
+        parts.push(month);
+    }
+    if (hasYearsStep) {
+        var year = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(date);
+        parts.push(year);
+    }
+    return parts.join('.');
 };

package/__inner__/esm/components/DatePicker/utils/formatStringToDate/formatStringToDate.d.ts

@@ -1 +1,2 @@
-export declare const formatStringToDate: (value: string) => Date | null;
+import type { CalendarSteps } from '../../../Calendar';
+export declare const formatStringToDate: (value: string, steps: CalendarSteps) => Date | null;

package/__inner__/esm/components/DatePicker/utils/formatStringToDate/formatStringToDate.js

@@ -1,8 +1,9 @@
-import { __read } from "tslib";
-export var formatStringToDate = function (value) {
-    var _a = __read(value.split('.'), 3), date = _a[0], month = _a[1], year = _a[2];
-    if (!(date && month && year)) {
+import { parseDateString } from '../parseDateString';
+export var formatStringToDate = function (value, steps) {
+    var parsedDate = parseDateString(value, steps);
+    if (!parsedDate) {
         return null;
     }
-    return new Date(+year, +month - 1, +date);
+    var day = parsedDate.day, month = parsedDate.month, year = parsedDate.year;
+    return new Date(+year, +month - 1, +day);
 };

package/__inner__/esm/components/DatePicker/utils/getCommonCalendarProps/getCommonCalendarProps.js

@@ -1,12 +1,12 @@
 import { __assign } from "tslib";
 import { getCalendarSizeToFormElement } from '../getCalendarSizeToFormElement';
 export var getCommonCalendarProps = function (props) {
-    var minDate = props.minDate, maxDate = props.maxDate, exclude = props.exclude, _a = props.size, size = _a === void 0 ? 'm' : _a, ref = props.ref, calendarProps = props.calendarProps;
+    var minDate = props.minDate, maxDate = props.maxDate, exclude = props.exclude, _a = props.size, size = _a === void 0 ? 'm' : _a, ref = props.ref, calendarProps = props.calendarProps, steps = props.steps, initialStep = props.initialStep;
     /** Соотношение размера календаря к размеру элемента контроля */
     var calendarSize = getCalendarSizeToFormElement(size);
     /** Предотвращаем переход фокуса с текстового поля на интерактивные элементы календаря */
     var handleMouseDownCalendar = function (e) {
         e.preventDefault();
     };
-    return __assign(__assign({ minDate: minDate, maxDate: maxDate, exclude: exclude, size: calendarSize }, calendarProps), { ref: ref, onMouseDown: handleMouseDownCalendar });
+    return __assign(__assign({ minDate: minDate, maxDate: maxDate, exclude: exclude, size: calendarSize }, calendarProps), { ref: ref, onMouseDown: handleMouseDownCalendar, steps: steps, initialStep: initialStep });
 };

package/__inner__/esm/components/DatePicker/utils/index.d.ts

@@ -6,4 +6,6 @@ export * from './isInExclude';
 export * from './getCommonPopoverProps';
 export * from './getCommonCalendarProps';
 export * from './isValidDateString';
+export * from './maskPastedDate';
+export * from './parseDateString';
 export * from './useCalendarKeyboard';

package/__inner__/esm/components/DatePicker/utils/index.js

@@ -6,4 +6,6 @@ export * from './isInExclude';
 export * from './getCommonPopoverProps';
 export * from './getCommonCalendarProps';
 export * from './isValidDateString';
+export * from './maskPastedDate';
+export * from './parseDateString';
 export * from './useCalendarKeyboard';

package/__inner__/esm/components/DatePicker/utils/isValidDateString/isValidDateString.d.ts

@@ -1 +1,2 @@
-export declare const isValidDateString: (value: string | null | undefined) => boolean;
+import type { CalendarSteps } from '../../../Calendar';
+export declare const isValidDateString: (value: string | null | undefined, steps: CalendarSteps) => boolean;

package/__inner__/esm/components/DatePicker/utils/isValidDateString/isValidDateString.js

@@ -1,11 +1,12 @@
-import { __read } from "tslib";
-import { isValidDate } from '../../../../utils/date';
-import { isNotNil } from '../../../../utils/isNotNil';
-export var isValidDateString = function (value) {
+import { isNotNil } from '../../../../utils';
+import { parseDateString } from '../parseDateString';
+export var isValidDateString = function (value, steps) {
     if (!isNotNil(value)) {
         return false;
     }
-    var _a = __read(value.split('.'), 3), date = _a[0], month = _a[1], year = _a[2];
-    return (value === '' ||
-        (value.length === 10 && isValidDate("".concat(year, "-").concat(month, "-").concat(date))));
+    if (value === '') {
+        return true;
+    }
+    var parsedDate = parseDateString(value, steps);
+    return !!parsedDate;
 };

package/__inner__/esm/components/DatePicker/utils/maskPastedDate/index.d.ts

@@ -0,0 +1 @@
+export * from './maskPastedDate';

package/__inner__/esm/components/DatePicker/utils/maskPastedDate/index.js

@@ -0,0 +1 @@
+export * from './maskPastedDate';

package/__inner__/esm/components/DatePicker/utils/maskPastedDate/maskPastedDate.d.ts

@@ -0,0 +1,6 @@
+import type { CalendarSteps } from '../../../Calendar';
+/**
+ * Функция для обработки вставленного значения.
+ * Умеет обрабатывать форматы DD.MM.YYYY/DDMMYYYY, либо сочетания вида DDMM/DD.MM.
+ */
+export declare const maskPastedDate: (value: string, steps: CalendarSteps) => string;

package/__inner__/esm/components/DatePicker/utils/maskPastedDate/maskPastedDate.js

@@ -0,0 +1,39 @@
+/**
+ * Функция для обработки вставленного значения.
+ * Умеет обрабатывать форматы DD.MM.YYYY/DDMMYYYY, либо сочетания вида DDMM/DD.MM.
+ */
+export var maskPastedDate = function (value, steps) {
+    var digits = value.replace(/\D/g, '').slice(0, 8); // максимум 8 цифр
+    var hasYearsStep = steps.includes('years');
+    var hasMonthsStep = steps.includes('months');
+    var hasDaysStep = steps.includes('days');
+    // DD
+    if (hasDaysStep && !hasMonthsStep && !hasYearsStep) {
+        return digits.slice(0, 2);
+    }
+    // MM
+    if (!hasDaysStep && hasMonthsStep && !hasYearsStep) {
+        return digits.slice(0, 2);
+    }
+    // YYYY
+    if (!hasDaysStep && !hasMonthsStep && hasYearsStep) {
+        return digits.slice(0, 4);
+    }
+    // DD.MM.YYYY
+    if (hasDaysStep && hasMonthsStep && hasYearsStep) {
+        return "".concat(digits.slice(0, 2), ".").concat(digits.slice(2, 4), ".").concat(digits.slice(4, 8));
+    }
+    // DD.MM
+    if (hasDaysStep && hasMonthsStep && !hasYearsStep) {
+        return "".concat(digits.slice(0, 2), ".").concat(digits.slice(2, 4));
+    }
+    // DD.YYYY
+    if (hasDaysStep && !hasMonthsStep && hasYearsStep) {
+        return "".concat(digits.slice(0, 2), ".").concat(digits.slice(2, 6));
+    }
+    // MM.YYYY
+    if (!hasDaysStep && hasMonthsStep && hasYearsStep) {
+        return "".concat(digits.slice(0, 2), ".").concat(digits.slice(2, 6));
+    }
+    throw new Error('Не удалось сделать маску для значения');
+};

package/__inner__/esm/components/DatePicker/utils/parseDateString/index.d.ts

@@ -0,0 +1 @@
+export * from './parseDateString';

package/__inner__/esm/components/DatePicker/utils/parseDateString/index.js

@@ -0,0 +1 @@
+export * from './parseDateString';

package/__inner__/esm/components/DatePicker/utils/parseDateString/parseDateString.d.ts

@@ -0,0 +1,6 @@
+import type { CalendarSteps } from '../../../Calendar';
+export declare const parseDateString: (value: string | null | undefined, steps: CalendarSteps) => {
+    year: string;
+    month: string;
+    day: string;
+} | null;

package/__inner__/esm/components/DatePicker/utils/parseDateString/parseDateString.js

@@ -0,0 +1,62 @@
+import { isNotNil, isValidDate } from '../../../../utils';
+export var parseDateString = function (value, steps) {
+    if (!isNotNil(value)) {
+        return null;
+    }
+    if (value === '') {
+        return null;
+    }
+    var hasYearsSteps = steps.includes('years');
+    var hasMonthsSteps = steps.includes('months');
+    var hasDaysSteps = steps.includes('days');
+    var splitted = value.split('.');
+    var day;
+    var month;
+    var year;
+    var offset = 0;
+    if (hasDaysSteps) {
+        day = splitted[offset];
+        offset += 1;
+    }
+    if (hasMonthsSteps) {
+        month = splitted[offset];
+        offset += 1;
+    }
+    if (hasYearsSteps) {
+        year = splitted[offset];
+    }
+    var parts = [];
+    if (hasYearsSteps) {
+        parts.push(year);
+    }
+    else {
+        var now = new Date();
+        parts.push(now.getFullYear().toString());
+    }
+    if (hasMonthsSteps) {
+        parts.push(month);
+    }
+    else {
+        // 3 месяц для кейса, где пользователь вводит 31 день месяца
+        parts.push('03');
+    }
+    if (hasDaysSteps) {
+        parts.push(day);
+    }
+    else {
+        parts.push('01');
+    }
+    var filteredParts = parts.filter(function (part) { return part !== undefined; });
+    if (filteredParts.length !== 3) {
+        return null;
+    }
+    var stringDate = filteredParts.join('-');
+    if (stringDate.length !== 10 || !isValidDate(stringDate)) {
+        return null;
+    }
+    return {
+        year: parts[0],
+        month: parts[1],
+        day: parts[2],
+    };
+};

package/__inner__/esm/components/ListCardItem/hooks/useListCardItemRatio.js

@@ -1,19 +1,15 @@
-import { useEffect } from 'react';
 import { logger } from '@ozen-ui/logger';
-import { isDev } from '../../../constants/environment';
+import { useDevEffect } from '../../../hooks/useDevEffect';
 export var useListCardItemRatio = function (contentTrailingRatio) {
-    if (isDev) {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useEffect(function () {
-            if (contentTrailingRatio < 0) {
-                logger.error('Свойство «contentTrailingRatio» у компонента ListCardItem не может быть меньше 0');
-                return;
-            }
-            if (contentTrailingRatio > 1) {
-                logger.error('Свойство «contentTrailingRatio» у компонента ListCardItem не может быть больше 1');
-            }
-        }, [contentTrailingRatio]);
-    }
+    useDevEffect(function () {
+        if (contentTrailingRatio < 0) {
+            logger.error('Свойство «contentTrailingRatio» у компонента ListCardItem не может быть меньше 0');
+            return;
+        }
+        if (contentTrailingRatio > 1) {
+            logger.error('Свойство «contentTrailingRatio» у компонента ListCardItem не может быть больше 1');
+        }
+    }, [contentTrailingRatio]);
     var contentRatio = contentTrailingRatio * 100;
     var trailingRatio = 100 - contentRatio;
     return { content: contentRatio, trailing: trailingRatio };

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/vip-dark/color-vip-dark.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/vip-default/color-vip-default.css

@@ -169,4 +169,4 @@
   --color-additional-h1: #9f891a;
   --color-additional-h2: #ffda1f;
   --color-additional-h3: #fff0a5;
-}
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/shadow/ozen-default/shadow-ozen-default.css

@@ -2,4 +2,4 @@
   --shadow-l: 0px 8px 32px rgb(0 0 0 / 8%);
   --shadow-m: 0px 4px 20px rgb(0 0 0 / 6%);
   --shadow-s: 0px 4px 8px rgb(0 0 0 / 3%);
-}
+}

package/__inner__/esm/components/Stack/Stack.css

@@ -9,6 +9,9 @@
 .Stack-Item {
     display: inline-block;
   }
+.Stack_display_block {
+    display: flex;
+  }
 .Stack_direction_row {
     flex-direction: row;
   }

package/__inner__/esm/components/Stack/Stack.js

@@ -5,7 +5,7 @@ import { classnames } from '@bem-react/classnames';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
-import { STACK_DEFAULT_TAG } from './constants';
+import { STACK_DEFAULT_DISPLAY, STACK_DEFAULT_TAG } from './constants';
 import { generateDirectionCn, generateGapCn } from './utils';
 export var cnStack = cn('Stack');
 export var Stack = polymorphicComponentWithRef(function (inProps, ref) {
@@ -13,7 +13,7 @@ export var Stack = polymorphicComponentWithRef(function (inProps, ref) {
         props: inProps,
         name: 'Stack',
     });
-    var _a = props.as, Tag = _a === void 0 ? STACK_DEFAULT_TAG : _a, _b = props.direction, direction = _b === void 0 ? 'row' : _b, divider = props.divider, _c = props.shouldWrapChildren, shouldWrapChildren = _c === void 0 ? false : _c, fullWidth = props.fullWidth, children = props.children, align = props.align, justify = props.justify, gap = props.gap, wrap = props.wrap, className = props.className, other = __rest(props, ["as", "direction", "divider", "shouldWrapChildren", "fullWidth", "children", "align", "justify", "gap", "wrap", "className"]);
+    var _a = props.as, Tag = _a === void 0 ? STACK_DEFAULT_TAG : _a, _b = props.direction, direction = _b === void 0 ? 'row' : _b, divider = props.divider, _c = props.shouldWrapChildren, shouldWrapChildren = _c === void 0 ? false : _c, _d = props.display, display = _d === void 0 ? STACK_DEFAULT_DISPLAY : _d, fullWidth = props.fullWidth, children = props.children, align = props.align, justify = props.justify, gap = props.gap, wrap = props.wrap, className = props.className, other = __rest(props, ["as", "direction", "divider", "shouldWrapChildren", "display", "fullWidth", "children", "align", "justify", "gap", "wrap", "className"]);
     var childNodes = Children.toArray(children);
     if (!childNodes.length) {
         return null;
@@ -35,6 +35,7 @@ export var Stack = polymorphicComponentWithRef(function (inProps, ref) {
             justify: justify,
             fullWidth: fullWidth,
             wrap: wrap,
+            display: display === 'inline' ? undefined : display,
         }), generateDirectionCn(cnStack, direction), generateGapCn(cnStack, gap), className), ref: ref }), resolveChildren()));
 });
 Stack.displayName = 'Stack';

package/__inner__/esm/components/Stack/constants.d.ts

@@ -1 +1,2 @@
 export declare const STACK_DEFAULT_TAG = "div";
+export declare const STACK_DEFAULT_DISPLAY = "inline";

package/__inner__/esm/components/Stack/constants.js

@@ -1 +1,2 @@
 export var STACK_DEFAULT_TAG = 'div';
+export var STACK_DEFAULT_DISPLAY = 'inline';

package/__inner__/esm/components/Stack/types.d.ts

@@ -3,6 +3,7 @@ import type { ResponsiveValue } from '../../types/ResponsiveValue';
 import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
 import type { STACK_DEFAULT_TAG } from './constants';
 export declare const stackGapVariant: readonly ["0", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
+export declare const stackDisplayVariant: readonly ["inline", "block"];
 export declare const stackDirectionVariant: readonly ["row", "column", "rowReverse", "columnReverse"];
 export declare const stackAlignVariant: readonly ["center", "start", "end", "baseline"];
 export declare const stackJustifyVariant: readonly ["start", "center", "end", "spaceBetween", "spaceAround"];
@@ -10,9 +11,12 @@ export type StackGapVariant = (typeof stackGapVariant)[number];
 export type StackDirectionVariant = (typeof stackDirectionVariant)[number];
 export type StackAlignVariant = (typeof stackAlignVariant)[number];
 export type StackJustifyVariant = (typeof stackJustifyVariant)[number];
+export type StackDisplayVariant = (typeof stackDisplayVariant)[number];
 export type StackBaseProps = {
     /** Направление */
     direction?: ResponsiveValue<StackDirectionVariant>;
+    /** Display */
+    display?: StackDisplayVariant;
     /** Выравнивание */
     align?: StackAlignVariant;
     /** Пространство между элементами */

package/__inner__/esm/components/Stack/types.js

@@ -13,6 +13,7 @@ export var stackGapVariant = [
     '7xl',
     '8xl',
 ];
+export var stackDisplayVariant = ['inline', 'block'];
 export var stackDirectionVariant = [
     'row',
     'column',

package/__inner__/esm/hooks/useDevEffect/index.d.ts

@@ -0,0 +1 @@
+export * from './useDevEffect';

package/__inner__/esm/hooks/useDevEffect/index.js

@@ -0,0 +1 @@
+export * from './useDevEffect';

package/__inner__/esm/hooks/useDevEffect/useDevEffect.d.ts

@@ -0,0 +1,3 @@
+import type { EffectCallback, DependencyList } from 'react';
+/** Эффект, отрабатывающий только в dev-режиме */
+export declare const useDevEffect: (effect: EffectCallback, deps: DependencyList) => void;

package/__inner__/esm/hooks/useDevEffect/useDevEffect.js

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+import { isDev } from '../../constants/environment';
+/** Эффект, отрабатывающий только в dev-режиме */
+export var useDevEffect = function (effect, deps) {
+    if (isDev) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useEffect(effect, deps);
+    }
+};

package/__inner__/esm/hooks/useIntersectionObserver/useIntersectionObserver.js

@@ -16,7 +16,7 @@ options) {
     var savedOnHidden = useMutableRef(options === null || options === void 0 ? void 0 : options.onHidden);
     var entry = useStoredValue(undefined);
     var inView = useStoredValue(false);
-    var observer = useStoredValue(function () { return new IntersectionObserver(function () { }); });
+    var observer = useStoredValue(null);
     var connect = useCallback(function () {
         if (!isEnabled) {
             return;
@@ -60,7 +60,8 @@ options) {
         isEnabled,
     ]);
     var disconnect = useCallback(function () {
-        observer.current.disconnect();
+        var _a;
+        (_a = observer.current) === null || _a === void 0 ? void 0 : _a.disconnect();
     }, [observer]);
     var reconnect = useCallback(function () {
         disconnect();

package/__inner__/esm/locale/locale.js

@@ -87,7 +87,19 @@ export var ruRU = {
         },
         DatePicker: {
             clearText: 'Очистить',
-            placeholder: 'ДД.ММ.ГГГГ',
+            placeholder: function (steps) {
+                var parts = [];
+                if (steps.includes('days')) {
+                    parts.push('ДД');
+                }
+                if (steps.includes('months')) {
+                    parts.push('ММ');
+                }
+                if (steps.includes('years')) {
+                    parts.push('ГГГГ');
+                }
+                return parts.join('.');
+            },
         },
     },
 };
@@ -179,7 +191,19 @@ export var kkKZ = {
         },
         DatePicker: {
             clearText: 'Тазалау',
-            placeholder: 'КК.АА.ЖЖЖЖ',
+            placeholder: function (steps) {
+                var parts = [];
+                if (steps.includes('days')) {
+                    parts.push('КК');
+                }
+                if (steps.includes('months')) {
+                    parts.push('АА');
+                }
+                if (steps.includes('years')) {
+                    parts.push('ЖЖЖЖ');
+                }
+                return parts.join('.');
+            },
         },
     },
 };
@@ -272,7 +296,19 @@ export var enUS = {
         },
         DatePicker: {
             clearText: 'Clear',
-            placeholder: 'DD.MM.YYYY',
+            placeholder: function (steps) {
+                var parts = [];
+                if (steps.includes('days')) {
+                    parts.push('DD');
+                }
+                if (steps.includes('months')) {
+                    parts.push('MM');
+                }
+                if (steps.includes('years')) {
+                    parts.push('YYYY');
+                }
+                return parts.join('.');
+            },
         },
     },
 };

package/__inner__/esm/utils/array/createFilled/createFilledArray.d.ts

@@ -1 +1 @@
-export declare const createFilledArray: <Value>(length: number, value: Value) => Value[];
+export declare const createFilledArray: <Value>(length: number, value: Value | ((index: number) => Value)) => Value[];

package/__inner__/esm/utils/array/createFilled/createFilledArray.js

@@ -1,3 +1,8 @@
+import { isFunction } from '../../isFunction';
 export var createFilledArray = function (length, value) {
-    return new Array(length).fill(value);
+    var array = [];
+    for (var i = 0; i < length; i++) {
+        array.push(isFunction(value) ? value(i) : value);
+    }
+    return array;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.74.0",
+  "version": "0.75.0",
   "description": "React component library",
   "files": [
     "*"
@@ -29,9 +29,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/icons": "0.74.0",
-    "@ozen-ui/fonts": "0.74.0",
-    "@ozen-ui/logger": "0.74.0"
+    "@ozen-ui/fonts": "0.75.0",
+    "@ozen-ui/icons": "0.75.0",
+    "@ozen-ui/logger": "0.75.0"
   },
   "devDependencies": {
     "@types/lodash.isequal": "^4.5.0"