urfu-ui-kit-react 1.12.2 → 1.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ColumnSettings/ColumnSettings.d.ts +16 -0
- package/dist/components/ColumnSettings/ColumnSettings.d.ts.map +1 -0
- package/dist/components/ColumnSettings/ColumnSettings.types.d.ts +49 -0
- package/dist/components/ColumnSettings/ColumnSettings.types.d.ts.map +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/style-no-fonts.css +1 -1
- package/dist/style.css +1 -1
- package/dist/urfu-ui-kit-react.js +1774 -1698
- package/package.json +1 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import "urfu-ui-kit-vanilla/src/main.css";
|
|
2
|
+
import "./ColumnSettings.less";
|
|
3
|
+
import type { ColumnSettingsProps } from "./ColumnSettings.types";
|
|
4
|
+
/**
|
|
5
|
+
* Панель «Настройка отображения таблицы»: иконочная кнопка над таблицей, по нажатию
|
|
6
|
+
* открывается список колонок с чекбоксами.
|
|
7
|
+
*
|
|
8
|
+
* `Table` умеет скрывать колонки по флагу, но выпадающего блока с чекбоксами не даёт,
|
|
9
|
+
* поэтому такую панель каждый сервис верстал у себя заново — и каждый по-своему.
|
|
10
|
+
* Здесь она одна на всех, а расхождения в оформлении сведены к пропу `variant`.
|
|
11
|
+
*
|
|
12
|
+
* Компонент **без собственного состояния списка**: видимые колонки живут у страницы,
|
|
13
|
+
* которая всё равно передаёт их таблице. Открыт/закрыт — своё, это деталь панели.
|
|
14
|
+
*/
|
|
15
|
+
export declare function ColumnSettings<Key extends string = string>({ options, visible, onChange, variant, title, icon, buttonLabel, align, maxListHeight, className, }: ColumnSettingsProps<Key>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=ColumnSettings.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColumnSettings.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSettings/ColumnSettings.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,EACxD,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAmB,EACnB,KAAuC,EACvC,IAAgB,EAChB,WAAiC,EACjC,KAAe,EACf,aAAmB,EACnB,SAAc,GACjB,EAAE,mBAAmB,CAAC,GAAG,CAAC,2CAwF1B"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Вид панели. Отличаются плотностью и оформлением, набор возможностей одинаковый.
|
|
3
|
+
*
|
|
4
|
+
* - `default` — просторный: без рамки, мягкая тень, подписи обычным кеглем.
|
|
5
|
+
* - `compact` — плотный: рамка, жёсткая тень, мелкий кегль, скруглённые строки.
|
|
6
|
+
*
|
|
7
|
+
* Новый вид добавляется одним значением здесь и одним блоком в `ColumnSettings.less`:
|
|
8
|
+
* разметка и поведение у всех видов общие.
|
|
9
|
+
*/
|
|
10
|
+
export type ColumnSettingsVariant = "default" | "compact";
|
|
11
|
+
/** С какого края панель прижимается к кнопке. */
|
|
12
|
+
export type ColumnSettingsAlign = "left" | "right";
|
|
13
|
+
export interface ColumnSettingsOption<Key extends string = string> {
|
|
14
|
+
/** Идентификатор колонки. По нему таблица решает, показывать столбец или нет. */
|
|
15
|
+
key: Key;
|
|
16
|
+
/** Подпись в списке — как правило, заголовок колонки. */
|
|
17
|
+
label: string;
|
|
18
|
+
/**
|
|
19
|
+
* Колонку нельзя скрыть: чекбокс отмечен и недоступен. Так помечают столбец,
|
|
20
|
+
* без которого таблица теряет смысл, — например, название со ссылкой в карточку.
|
|
21
|
+
*/
|
|
22
|
+
required?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface ColumnSettingsProps<Key extends string = string> {
|
|
25
|
+
/** Полный список колонок, которыми можно управлять, в порядке показа. */
|
|
26
|
+
options: ColumnSettingsOption<Key>[];
|
|
27
|
+
/** Ключи видимых колонок. Принимается и множество, и массив. */
|
|
28
|
+
visible: ReadonlySet<Key> | readonly Key[];
|
|
29
|
+
/** Вызывается с новым набором видимых колонок. Компонент своего состояния не хранит. */
|
|
30
|
+
onChange: (visible: Set<Key>) => void;
|
|
31
|
+
/** Вид панели. По умолчанию `default`. */
|
|
32
|
+
variant?: ColumnSettingsVariant;
|
|
33
|
+
/** Заголовок панели. По умолчанию «Настройка отображения таблицы». */
|
|
34
|
+
title?: string;
|
|
35
|
+
/** Имя иконки на кнопке. По умолчанию `sliders`. */
|
|
36
|
+
icon?: string;
|
|
37
|
+
/** Доступное имя кнопки для скринридера. По умолчанию «Настроить таблицу». */
|
|
38
|
+
buttonLabel?: string;
|
|
39
|
+
/** С какого края открывать панель. По умолчанию `right`. */
|
|
40
|
+
align?: ColumnSettingsAlign;
|
|
41
|
+
/**
|
|
42
|
+
* Максимальная высота списка в пикселях. По умолчанию 320: длинный список
|
|
43
|
+
* иначе уходит за нижний край экрана. Пружина отключается значением `0`.
|
|
44
|
+
*/
|
|
45
|
+
maxListHeight?: number;
|
|
46
|
+
/** Дополнительный класс на обёртке. */
|
|
47
|
+
className?: string;
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=ColumnSettings.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColumnSettings.types.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnSettings/ColumnSettings.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1D,iDAAiD;AACjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,oBAAoB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM;IAC7D,iFAAiF;IACjF,GAAG,EAAE,GAAG,CAAC;IACT,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM;IAC5D,yEAAyE;IACzE,OAAO,EAAE,oBAAoB,CAAC,GAAG,CAAC,EAAE,CAAC;IACrC,gEAAgE;IAChE,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,EAAE,CAAC;IAC3C,wFAAwF;IACxF,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAEtC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
package/dist/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ import { Button } from "./components/Button/Button";
|
|
|
8
8
|
import { Calendar } from "./components/Calendar/Calendar";
|
|
9
9
|
import { Card } from "./components/Card/Card";
|
|
10
10
|
import { Checkbox } from "./components/Checkbox/Checkbox";
|
|
11
|
+
import { ColumnSettings } from "./components/ColumnSettings/ColumnSettings";
|
|
11
12
|
import { FormField } from "./components/FormField/FormField";
|
|
12
13
|
import { Icon } from "./components/Icon/Icon";
|
|
13
14
|
import { InputExpandTextarea } from "./components/InputExpandTextarea/InputExpandTextarea";
|
|
@@ -37,7 +38,8 @@ import { TreeView } from "./components/TreeView/TreeView";
|
|
|
37
38
|
import { useTableSort } from "./hooks/useTableSort";
|
|
38
39
|
import { usePagination } from "./hooks/usePagination";
|
|
39
40
|
import { sortRows, compareValues, nextSort } from "./shared/sortRows";
|
|
40
|
-
export { Accordion, BreadCrumbs, Button, Calendar, Card, Checkbox, FormField, Icon, InputExpandTextarea, InputFile, InputNumber, InputText, InputTime, Menu, Message, Modal, Multiselect, NotificationProvider, Preloader, Radio, Search, SearchSelect, Select, Status, Switch, StickyActionBar, Table, Pagination, Tabs, Textarea, Tooltip, TreeView, useNotification, useTableSort, usePagination, sortRows, compareValues, nextSort };
|
|
41
|
+
export { Accordion, BreadCrumbs, Button, Calendar, Card, Checkbox, FormField, Icon, ColumnSettings, InputExpandTextarea, InputFile, InputNumber, InputText, InputTime, Menu, Message, Modal, Multiselect, NotificationProvider, Preloader, Radio, Search, SearchSelect, Select, Status, Switch, StickyActionBar, Table, Pagination, Tabs, Textarea, Tooltip, TreeView, useNotification, useTableSort, usePagination, sortRows, compareValues, nextSort };
|
|
42
|
+
export type { ColumnSettingsProps, ColumnSettingsOption, ColumnSettingsVariant, ColumnSettingsAlign, } from './components/ColumnSettings/ColumnSettings.types';
|
|
41
43
|
export type { SwitchProps } from './components/Switch/Switch.types';
|
|
42
44
|
export type { FormFieldProperties } from './components/FormField/FormField.types';
|
|
43
45
|
export type { ComponentSize } from './shared/size';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|