urfu-ui-kit-react 1.9.0 → 1.10.0

package/README.md

@@ -1,275 +1,139 @@
 # UrFU UI-Kit React
 
-Библиотека React-компонентов для создания пользовательских интерфейсов в экосистеме Уральского федерального университета.
+Публичная библиотека React-компонентов (v1.9.0) для экосистемы UrFU.
 
-## 📦 Установка
+**Стек:** React 18, TypeScript, Vite, LESS, Storybook, VitePress.
+
+---
+
+## 🚀 Для пользователей библиотеки
+
+### Установка
 
 ```bash
 npm install urfu-ui-kit-react
 ```
 
-## 🚀 Быстрый старт
-
 ### Базовая настройка
 
-В библиотеку встроена библиотека стилей `urfu-ui-kit-vanilla`, поэтому нужно в корне проекта импортировать стили:
+Импортируйте стили в корень приложения:
 
 ```javascript
 import "urfu-ui-kit-react/dist/style.css"
 ```
 
-Или подключиться по ссылке конкретной версии как указано здесь: [https://uikit.my1.urfu.ru/#/ui/main](https://uikit.my1.urfu.ru/#/ui/main)
-
-**Важно:** Библиотека по умолчанию имеет шрифт Montserrat и полосу прокрутки, адаптивную под разные разрешения экрана. Они объявлены глобально и применяются в проекте посредством импорта библиотеки. А также стили глобально применены для тегов `h1-h6`.
+### Использование компонента
 
-### Импорт компонентов
-
-Импорт компонентов осуществляется по имени:
+```jsx
+import { Button, InputText, Select } from "urfu-ui-kit-react";
 
-```javascript
-import { 
-  Button, 
-  InputText, 
-  Select, 
-  Checkbox, 
-  Preloader, 
-  Message, 
-  Tooltip 
-} from "urfu-ui-kit-react";
+export function App() {
+  return (
+    <>
+      <Button>Кнопка</Button>
+      <InputText title="Имя" />
+      <Select 
+        title="Выбор" 
+        options={[
+          { value: '1', label: 'Опция 1' },
+          { value: '2', label: 'Опция 2' }
+        ]} 
+      />
+    </>
+  );
+}
 ```
 
-## 📚 Компоненты
+Полная документация всех компонентов: [https://uikit.my1.urfu.ru](https://uikit.my1.urfu.ru)
 
-### Формы и ввод данных
-
-- **InputText** — текстовое поле ввода
-- **InputNumber** — поле ввода чисел
-- **InputFile** — загрузка файлов
-- **InputExpandTextarea** — расширяемое текстовое поле
-- **Textarea** — многострочное текстовое поле
-- **Select** — выпадающий список
-- **SearchSelect** — поисковый выпадающий список; опционально **`isClearable`** (сброс выбора, крестик в стиле Multiselect) и controlled-строка поиска (`inputValue` / `onInputValueChange`) — см. [документацию](docs/components/search-select.md)
-- **Multiselect** — множественный выбор
-- **Checkbox** — чекбокс
-- **Radio** — радиокнопка
-- **Search** — поле поиска
-- **Calendar** — календарь для выбора даты
-
-### Навигация и структура
-
-- **Menu** — боковое меню навигации
-- **Tabs** — вкладки
-- **Accordion** — аккордеон
-- **TreeView** — древовидное представление данных
-
-### Отображение данных
-
-- **Table** — таблица с поддержкой сортировки, фильтрации и виртуализации
-- **Filter** — таблица с расширенными возможностями фильтрации
-- **Status** — индикатор статуса
-- **Icon** — иконки
-- **Message** — сообщения (информация, предупреждение, ошибка, успех)
-- **Preloader** — индикатор загрузки
+---
 
-### Взаимодействие
+## 👨‍💻 Для разработчиков библиотеки
 
-- **Button** — кнопка
-- **Modal** — модальное окно
-- **Tooltip** — всплывающая подсказка
-- **NotificationProvider** и **useNotification** — система уведомлений
+### Первичная настройка
 
-## 💡 Примеры использования
+```bash
+# Установить зависимости
+npm install
 
-### Система уведомлений
+# Запустить Storybook (примеры компонентов)
+npm run sb
 
-Для использования системы уведомлений, добавьте `NotificationProvider`:
+# Запустить VitePress (документация)
+npm run vp
 
-```jsx
-import { NotificationProvider, useNotification } from 'urfu-ui-kit-react';
-
-function App() {
-  return (
-    <NotificationProvider>
-      {/* Ваше приложение */}
-    </NotificationProvider>
-  );
-}
+# Запустить оба одновременно
+npm run docs
+```
 
-// Использование в компонентах
-function MyComponent() {
-  const { showNotification } = useNotification();
-  
-  const handleClick = () => {
-    showNotification('success', 'Операция выполнена успешно!');
-  };
+### Разработка
 
-  return <button onClick={handleClick}>Показать уведомление</button>;
-}
-```
+```bash
+# Собрать библиотеку
+npm run build
 
-### Работа с формами
+# Запустить линтер
+npm run lint
 
-```jsx
-import { 
-  InputText, 
-  Select, 
-  Checkbox, 
-  Radio,
-  Button 
-} from 'urfu-ui-kit-react';
-
-function MyForm() {
-  return (
-    <form>
-      <InputText 
-        title="Имя"
-        required
-      />
-      <Select
-        title="Выберите опцию"
-        options={[
-          { value: '1', label: 'Опция 1' },
-          { value: '2', label: 'Опция 2' }
-        ]}
-      />
-      <Checkbox
-        title="Согласие"
-        required
-      />
-      <Radio
-        title="Выберите вариант"
-        options={[
-          { value: '1', label: 'Вариант 1' },
-          { value: '2', label: 'Вариант 2' }
-        ]}
-      />
-      <Button type="submit">Отправить</Button>
-    </form>
-  );
-}
+# Собрать VitePress документацию
+npm run vpb
 ```
 
-### Навигация
+### Версионирование и публикация
 
-```jsx
-import { Menu, Tabs } from 'urfu-ui-kit-react';
+1. Обновить версию в `package.json`
+2. Добавить запись в `docs/versioning.md`
+3. Обновить документацию затронутых компонентов
+4. Запустить линтер и сборку
+5. Опубликовать:
 
-function Navigation() {
-  return (
-    <>
-      <Menu
-        menuData={[
-          { title: 'Главная', id: 'home' },
-          { title: 'Раздел', id: 'section' }
-        ]}
-      />
-      <Tabs
-        tabs={[
-          { title: 'Вкладка 1', id: 'tab1' },
-          { title: 'Вкладка 2', id: 'tab2' }
-        ]}
-      />
-    </>
-  );
-}
+```bash
+npm run pub
 ```
 
-### Модальные окна
-
-```jsx
-import { Modal, Button } from 'urfu-ui-kit-react';
-import { useState } from 'react';
-
-function MyModal() {
-  const [isOpen, setIsOpen] = useState(false);
+**Важно:** это публичная библиотека; все изменения API ломают потребителей (meetings, youth-science, kpis-npr). Избегайте breaking changes без координации.
 
-  return (
-    <>
-      <Button onClick={() => setIsOpen(true)}>
-        Открыть модальное окно
-      </Button>
-      <Modal
-        isOpen={isOpen}
-        onClose={() => setIsOpen(false)}
-        title="Заголовок"
-      >
-        Содержимое модального окна
-      </Modal>
-    </>
-  );
-}
-```
+---
 
-### Работа с таблицами
+## 📚 Компоненты
 
-```jsx
-import { Table } from 'urfu-ui-kit-react';
+### Форма и ввод
 
-function DataTable() {
-  const columns = [
-    { key: 'name', title: 'Имя' },
-    { key: 'age', title: 'Возраст' },
-    { key: 'city', title: 'Город' }
-  ];
+InputText, InputNumber, InputFile, InputExpandTextarea, Textarea, Select, SearchSelect, Multiselect, Checkbox, Radio, Search, Calendar, InputTime
 
-  const data = [
-    { name: 'Иван', age: 25, city: 'Екатеринбург' },
-    { name: 'Мария', age: 30, city: 'Москва' }
-  ];
+### Навигация
 
-  return (
-    <Table
-      columns={columns}
-      data={data}
-      sortable
-    />
-  );
-}
-```
+Menu, Tabs, Accordion, BreadCrumbs, TreeView
 
-## 📖 Документация
+### Отображение
 
-Полная документация с примерами использования всех компонентов доступна в Storybook. Для запуска локальной версии:
+Table, Status, Icon, Message, Preloader, Card, StickyActionBar
 
-```bash
-npm run sb
-```
+### Взаимодействие
 
-Документация также доступна онлайн: [https://uikit.my1.urfu.ru](https://uikit.my1.urfu.ru)
+Button, Modal, Tooltip, Notification, Switch
 
-## 🎨 Особенности
+---
 
-- **TypeScript** — полная поддержка типов
-- **Адаптивность** — все компоненты адаптированы под разные разрешения экрана
-- **Виртуализация** — поддержка виртуализации для больших списков и таблиц
-- **Доступность** — компоненты разработаны с учетом принципов доступности
-- **Кастомизация** — гибкая настройка компонентов через пропсы
+## 📋 Требования
 
-## 🔧 Требования
+- React ^18.0.0
+- React DOM ^18.0.0
+- TypeScript ^5.2
 
-- React ^18.3.1
-- React DOM ^18.3.1
+---
 
 ## 📝 История версий
 
-Библиотека активно развивается. Основные изменения:
+**v1.9.0** (2026-05-25)
+
+- Pagination: исправлено выравнивание на десктопе и мобильных устройствах
 
-- **v1.8.7** — текущая версия
-  - Table: добавлен проп `fixedLayout` — устанавливает `table-layout: fixed`, предотвращает скачки колонок при пагинации
-- **v1.8.6** — Calendar: проп `disabled` теперь визуально отображает неактивное состояние (серый текст, светло-серый фон, скрытый бордер)
-- **v1.8.5** — добавлен компонент Switch
-- **v1.8.1** — добавлена поддержка Tooltip с различными позициями (слева, снизу, сверху)
-- Улучшена работа с календарем и фильтрацией таблиц
-- Добавлена виртуализация для таблиц и селектов
-- Расширены возможности Filter
-- Добавлен компонент TreeView с поиском
-- Улучшена система уведомлений
-- Множество исправлений и оптимизаций
+**v1.8.7** и ранее — см. [docs/versioning.md](./docs/versioning.md)
 
-## 🤝 Поддержка
+---
 
-При возникновении проблем или вопросов:
+## 🤝 Вопросы и обратная связь
 
-1. Проверьте документацию компонентов в Storybook
-2. Изучите примеры использования
-3. Поделитесь своими вопросами, замечаниями и рекомендациями: [Форма обратной связи](https://lk-form.my1.urfu.ru/uikit-feedback/submit)
+- Документация: [https://uikit.my1.urfu.ru](https://uikit.my1.urfu.ru)
+- Форма обратной связи: [https://lk-form.my1.urfu.ru/uikit-feedback/submit](https://lk-form.my1.urfu.ru/uikit-feedback/submit)

package/dist/components/Calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAOtD,OAAO,iBAAiB,CAAC;AAazB,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,SAAI;;EAQvD;AAiBD,eAAO,MAAM,KAAK,UAEjB,CAAC;AA2GF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwOjD,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAGpE,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAStD,OAAO,iBAAiB,CAAC;AAazB,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,SAAI;;EAQvD;AAiBD,eAAO,MAAM,KAAK,UAEjB,CAAC;AA2GF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4QjD,CAAC"}

package/dist/components/Calendar/Calendar.types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 export type CalendarProperties = Partial<{
     title: string;
     selected: any;
@@ -25,5 +25,14 @@ export type CalendarProperties = Partial<{
     columnGap: string | number;
     styleInputContainer: CSSProperties;
     styleTitle: CSSProperties;
+    /** Включает редактирование даты колесом мыши, стрелками ↑↓ и переход по Enter.
+     *  По умолчанию выключено — поле работает как обычный masked-input (только ввод). */
+    wheelEdit: boolean;
+    /** Показывать подсказку-тултип при фокусе. По умолчанию выключено. */
+    showHint: boolean;
+    /** Текст подсказки. По умолчанию — про колесо мыши и стрелки ↑↓. */
+    hintText: ReactNode;
+    /** Максимальная ширина тултипа подсказки. */
+    tooltipMaxWidth: string | number;
 }>;
 //# sourceMappingURL=Calendar.types.d.ts.map

package/dist/components/Calendar/Calendar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC;IACjB,cAAc,EAAE,GAAG,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;CAC7B,CAAC,CAAC"}
+{"version":3,"file":"Calendar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC;IACjB,cAAc,EAAE,GAAG,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B;yFACqF;IACrF,SAAS,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC,CAAC,CAAC"}

package/dist/components/Calendar/MaskedDateInput.d.ts

@@ -0,0 +1,18 @@
+import { type InputHTMLAttributes } from "react";
+type ExtraDateProps = {
+    /** Вызывается при изменении значения колесом/стрелками с распарсенной датой (байпас react-datepicker roundtrip). */
+    onWheelDate?: (date: Date) => void;
+    /** Вызывается при изменении значения колесом/стрелками чтобы открыть попап календаря. */
+    onOpenCalendar?: () => void;
+    /** Уведомляет родителя об изменении фокуса инпута (для тултипа). */
+    onFocusChange?: (focused: boolean) => void;
+    /** Разрешает оставить поле пустым. Если false — на blur неполное/пустое значение
+     *  восстанавливается к последней полной введённой дате. */
+    isClearable?: boolean;
+    /** Включает редактирование сегментов колесом мыши, стрелками ↑↓ и переход по Enter.
+     *  По умолчанию выключено — поле работает как обычный masked-input (только ввод). */
+    wheelEdit?: boolean;
+};
+export declare const MaskedDateInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & ExtraDateProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=MaskedDateInput.d.ts.map

package/dist/components/Calendar/MaskedDateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedDateInput.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/MaskedDateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAUf,KAAK,cAAc,GAAG;IACpB,oHAAoH;IACpH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;+DAC2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;yFACqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,eAAe,qJAgR1B,CAAC"}

package/dist/components/Calendar/dateMask.d.ts

@@ -0,0 +1,8 @@
+export declare const parseDateString: (value: string) => Date | null;
+export type DateSegment = "day" | "month" | "year";
+export declare const getSegmentRange: (segment: DateSegment) => [number, number];
+export declare const getSegmentAtCaret: (caret: number) => DateSegment;
+export declare const incrementDateSegment: (value: string, segment: DateSegment, delta: number) => string;
+export declare const normalizeSegment: (segment: string, max: number) => string;
+export declare const maskDateValue: (raw: string) => string;
+//# sourceMappingURL=dateMask.d.ts.map

package/dist/components/Calendar/dateMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateMask.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/dateMask.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,KAAG,IAAI,GAAG,IAMtD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAGnD,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,KAAG,CAAC,MAAM,EAAE,MAAM,CAIrE,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,WAIjD,CAAC;AAwBF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,EACb,SAAS,WAAW,EACpB,OAAO,MAAM,KACZ,MAkBF,CAAC;AAOF,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,EAAE,KAAK,MAAM,KAAG,MAU/D,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,MAU3C,CAAC"}

package/dist/components/InputTime/InputTime.d.ts

@@ -3,11 +3,12 @@ import 'urfu-ui-kit-vanilla/src/main.css';
 import './InputTime.less';
 import type { InputTimeProperties } from './InputTime.types';
 export declare const InputTime: {
-    ({ title, placeholder, defaultValue, value, id, name, onChange, required, disabled, lineUp, rowGap, columnGap, styleInputContainer, styleTitle, styleInput, tooltipMaxWidth, className, validationText, validationOn, validationOnWithoutText, absoluteValidationText, }: InputTimeProperties): import("react/jsx-runtime").JSX.Element;
+    ({ title, placeholder, defaultValue, value, id, name, onChange, required, disabled, isClearable, lineUp, rowGap, columnGap, styleInputContainer, styleTitle, styleInput, tooltipMaxWidth, wheelEdit, showHint, hintText, className, validationText, validationOn, validationOnWithoutText, absoluteValidationText, }: InputTimeProperties): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         title: PropTypes.Requireable<string>;
         required: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
+        isClearable: PropTypes.Requireable<boolean>;
         lineUp: PropTypes.Requireable<boolean>;
         rowGap: PropTypes.Requireable<NonNullable<string | number>>;
         columnGap: PropTypes.Requireable<NonNullable<string | number>>;
@@ -15,6 +16,9 @@ export declare const InputTime: {
         styleTitle: PropTypes.Requireable<object>;
         styleInput: PropTypes.Requireable<object>;
         tooltipMaxWidth: PropTypes.Requireable<NonNullable<string | number>>;
+        wheelEdit: PropTypes.Requireable<boolean>;
+        showHint: PropTypes.Requireable<boolean>;
+        hintText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         id: PropTypes.Requireable<string>;
         name: PropTypes.Requireable<string>;

package/dist/components/InputTime/InputTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTime.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/InputTime.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,SAAS;8QAsBnB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;CA0gBrB,CAAC"}
+{"version":3,"file":"InputTime.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/InputTime.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,SAAS;0TA0BnB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;CAulBrB,CAAC"}

package/dist/components/InputTime/InputTime.types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 export type InputTimeProperties = Partial<{
     title: string;
     placeholder: string;
@@ -9,6 +9,9 @@ export type InputTimeProperties = Partial<{
     onChange: React.ChangeEventHandler<HTMLInputElement>;
     required: boolean;
     disabled: boolean;
+    /** Разрешает оставить поле пустым. Если false — на blur неполное/пустое значение
+     *  восстанавливается к последнему полному введённому времени. */
+    isClearable: boolean;
     lineUp: boolean;
     rowGap: string | number;
     columnGap: string | number;
@@ -16,6 +19,12 @@ export type InputTimeProperties = Partial<{
     styleTitle: CSSProperties;
     styleInput: CSSProperties;
     tooltipMaxWidth: string | number;
+    /** Включает изменение времени колесом мыши и стрелками ↑↓. По умолчанию выключено. */
+    wheelEdit: boolean;
+    /** Показывать подсказку-тултип при фокусе. По умолчанию выключено. */
+    showHint: boolean;
+    /** Текст подсказки. По умолчанию — про колесо мыши, стрелки ↑↓ и Enter. */
+    hintText: ReactNode;
     className: string;
     validationText: string;
     validationOn: boolean;

package/dist/components/InputTime/InputTime.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTime.types.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/InputTime.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC;IAC1B,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,OAAO,CAAC;CACjC,CAAC,CAAC"}
+{"version":3,"file":"InputTime.types.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/InputTime.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB;qEACiE;IACjE,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC;IAC1B,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,sFAAsF;IACtF,SAAS,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,OAAO,CAAC;CACjC,CAAC,CAAC"}

package/dist/components/Status/Status.d.ts

@@ -4,7 +4,7 @@ import { StatusProperties } from './Status.types';
 export declare const Status: {
     ({ size, variant, children, className, id, props }: StatusProperties): import("react/jsx-runtime").JSX.Element;
     propTypes: {
-        children: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         variant: PropTypes.Requireable<string>;
         size: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;