@chrome-consulting/krit-ui 0.0.49 → 0.0.51

package/README.md

@@ -2,18 +2,6 @@
 
 Библиотека UI компонентов для [KRIT](https://krit.global/)
 
-## Установка
-
-```bash
-npm install @chrome-consulting/krit-ui
-```
-
-Подключите стили библиотеки в точке входа приложения:
-
-```ts
-import '@chrome-consulting/krit-ui/style.css';
-```
-
 ## Использование библиотеки
 
 `<ThemeProvider>` обязательна для корректного отображения компонентов UI.
@@ -21,10 +9,7 @@ import '@chrome-consulting/krit-ui/style.css';
 `<ThemeProvider>` принимает свойство `translations` через которое можно передать переводы.
 
 ### Пример
-
 ```jsx
-import { ThemeProvider } from '@chrome-consulting/krit-ui';
-
 <ThemeProvider translations={
   {
     confirmAction: 'Подтвердите действие',
@@ -36,16 +21,88 @@ import { ThemeProvider } from '@chrome-consulting/krit-ui';
 </ThemeProvider>
 ```
 
-## Публикация
+## Публикация пакета
 
-Перед публикацией обновите версию и проверьте содержимое пакета:
+Пакет публикуется в npm как `@chrome-consulting/krit-ui`.
+
+Перед публикацией убедитесь, что в `package.json` и `package-lock.json` указаны:
+
+```json
+{
+  "name": "@chrome-consulting/krit-ui",
+  "version": "x.y.z"
+}
+```
+
+В `package.json` не должно быть `"private": true`.
+
+### Подготовка PR
+
+1. Создайте ветку от актуального `main`.
+2. Внесите изменения в исходники `lib/`.
+3. Поднимите версию пакета.
+4. Проверьте пакет локально:
 
 ```bash
-npm version patch
+npm ci
+npm run build
+npm run lint
 npm pack --dry-run
-npm publish
 ```
 
+5. Откройте PR в `krit-ui`.
+
+### Публикация после merge
+
+Публиковать нужно из актуального `main`, после merge PR:
+
+```bash
+git checkout main
+git pull
+npm ci
+npm run build
+npm pack --dry-run
+npm publish --access public
+```
+
+Проверьте опубликованную версию:
+
+```bash
+npm view @chrome-consulting/krit-ui version
+```
+
+Если `npm whoami` возвращает `ENEEDAUTH`, выполните логин:
+
+```bash
+npm login --scope=@chrome-consulting --registry=https://registry.npmjs.org/
+```
+
+Если браузерный логин не работает:
+
+```bash
+npm login --auth-type=legacy --scope=@chrome-consulting --registry=https://registry.npmjs.org/
+```
+
+Если `npm publish` возвращает `403`, у аккаунта нет прав на пакет или scope `@chrome-consulting`.
+
+### Обновление TORO web
+
+После публикации новой версии обновите зависимость в TORO `web`:
+
+```bash
+cd ../web
+npm install @chrome-consulting/krit-ui@x.y.z
+npm run typecheck
+```
+
+Если до публикации использовался временный `patch-package`, удалите patch после установки опубликованной версии:
+
+```bash
+rm patches/@chrome-consulting+krit-ui+*.patch
+```
+
+Если patch был единственным, также можно убрать `postinstall: patch-package` из `web/package.json`.
+
 ## Expanding the ESLint configuration
 
 If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

package/dist/components/ui/sortable-header.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Column, RowData } from '@tanstack/react-table';
 interface SortableHeaderProps<TData extends RowData, TValue = unknown> {
     className?: string;
@@ -6,7 +6,11 @@ interface SortableHeaderProps<TData extends RowData, TValue = unknown> {
     column: Column<TData, TValue>;
     enableMultiSort?: boolean;
     maxMultiSortColumns?: number;
-    isMultiSortEvent?: (e: MouseEvent) => boolean;
+    /**
+     * Количество активных сортировок. Передайте table.getState().sorting.length,
+     * чтобы показывать badge 1/2/3 только когда сортировок больше одной.
+     */
+    sortingCount?: number;
 }
-export declare const SortableHeader: <TData extends RowData, TValue = unknown>({ className, children, column, enableMultiSort, maxMultiSortColumns, isMultiSortEvent, }: SortableHeaderProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const SortableHeader: <TData extends RowData, TValue = unknown>({ className, children, column, enableMultiSort, maxMultiSortColumns, sortingCount, }: SortableHeaderProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ui/time-picker.d.ts

@@ -3,6 +3,8 @@ import * as React from 'react';
 export interface TimePickerProps extends Omit<InputProps, 'onChange' | 'value' | 'type'> {
     value: string;
     onChange: (value: string) => void;
+    /** Показывать маску времени в пустом поле. */
+    showMask?: boolean;
 }
 /**
  * Компонент выбора времени с маской ввода и выпадающим списком для удобного выбора.