@snack-uikit/segmented-control 0.6.16-preview-d1ce0cc3.0 → 0.6.17
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/CHANGELOG.md +19 -0
- package/README.md +45 -0
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## <small>0.6.17 (2026-02-18)</small>
|
|
7
|
+
|
|
8
|
+
### Only dependencies have been changed
|
|
9
|
+
* [@snack-uikit/truncate-string@0.7.8]($PUBLIC_PROJECT_URL/blob/master/packages/truncate-string/CHANGELOG.md)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## <small>0.6.16 (2026-01-19)</small>
|
|
16
|
+
|
|
17
|
+
* chore(FF-6693): migrate tests from TestCafe to Playwright ([f32aff8](https://github.com/cloud-ru-tech/snack-uikit/commit/f32aff8))
|
|
18
|
+
* chore(FF-6693): tune test configs ([d194f4d](https://github.com/cloud-ru-tech/snack-uikit/commit/d194f4d))
|
|
19
|
+
* docs(FF-7788): readme update ([e3142b8](https://github.com/cloud-ru-tech/snack-uikit/commit/e3142b8))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## <small>0.6.15 (2025-11-28)</small>
|
|
7
26
|
|
|
8
27
|
### Only dependencies have been changed
|
package/README.md
CHANGED
|
@@ -5,7 +5,52 @@
|
|
|
5
5
|
|
|
6
6
|
[Changelog](./CHANGELOG.md)
|
|
7
7
|
|
|
8
|
+
## Description
|
|
8
9
|
|
|
10
|
+
- Пакет `@snack-uikit/segmented-control` предоставляет компонент `SegmentedControl` для выбора одного значения из набора опций, представленных в виде сегментов.
|
|
11
|
+
- Компонент поддерживает работу в контролируемом и неконтролируемом режимах, позволяет задавать размеры (`xs`, `s`, `m`, `l`), управлять шириной (`auto`, `full`) и добавлять обводку (`outline`).
|
|
12
|
+
- Каждый сегмент может содержать текстовую метку (`label`), иконку (`icon`), счётчик (`counter`) или их комбинации, а также может быть отключён (`disabled`).
|
|
13
|
+
- Компонент поддерживает навигацию с клавиатуры (стрелки, Tab, Enter) и позволяет оборачивать сегменты в произвольные компоненты через `renderWrapSegment` (например, для добавления тултипов).
|
|
14
|
+
- Figma: [`SegmentedControl`](https://www.figma.com/design/jtGxAPvFJOMir7V0eQFukN/branch/5GN8XXj3rBfLTWvJA7kliW/Snack-UI-Kit-3.1.0?node-id=3025-1827&t=z817Qjsi8DfuRDiK-0).
|
|
15
|
+
|
|
16
|
+
## Example
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { useState } from 'react';
|
|
20
|
+
import { SegmentedControl } from '@snack-uikit/segmented-control';
|
|
21
|
+
import { PlaceholderSVG } from '@snack-uikit/icons';
|
|
22
|
+
import { Tooltip } from '@snack-uikit/tooltip';
|
|
23
|
+
|
|
24
|
+
function Example() {
|
|
25
|
+
const [selected, setSelected] = useState('1');
|
|
26
|
+
|
|
27
|
+
return (
|
|
28
|
+
<SegmentedControl
|
|
29
|
+
items={[
|
|
30
|
+
{ label: 'Chip', value: '1', icon: <PlaceholderSVG /> },
|
|
31
|
+
{ label: 'Gadget Hackwrench', value: '2', icon: <PlaceholderSVG /> },
|
|
32
|
+
{ label: 'Dale', value: '3', counter: { value: 9, appearance: 'neutral' } },
|
|
33
|
+
{
|
|
34
|
+
label: 'Zipper',
|
|
35
|
+
value: '4',
|
|
36
|
+
icon: <PlaceholderSVG />,
|
|
37
|
+
disabled: true,
|
|
38
|
+
renderWrapSegment: segment => (
|
|
39
|
+
<Tooltip tip='Not a rodent' placement='bottom'>
|
|
40
|
+
{segment}
|
|
41
|
+
</Tooltip>
|
|
42
|
+
),
|
|
43
|
+
},
|
|
44
|
+
{ label: 'Monterey Jack', value: '5', counter: { value: 10 } },
|
|
45
|
+
]}
|
|
46
|
+
value={selected}
|
|
47
|
+
onChange={setSelected}
|
|
48
|
+
size="m"
|
|
49
|
+
width="auto"
|
|
50
|
+
/>
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
```
|
|
9
54
|
|
|
10
55
|
[//]: DOCUMENTATION_SECTION_START
|
|
11
56
|
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Segmented Control",
|
|
7
|
-
"version": "0.6.
|
|
7
|
+
"version": "0.6.17",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
"license": "Apache-2.0",
|
|
37
37
|
"scripts": {},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@snack-uikit/counter": "0.8.
|
|
40
|
-
"@snack-uikit/truncate-string": "0.7.
|
|
41
|
-
"@snack-uikit/utils": "4.0.
|
|
39
|
+
"@snack-uikit/counter": "0.8.11",
|
|
40
|
+
"@snack-uikit/truncate-string": "0.7.8",
|
|
41
|
+
"@snack-uikit/utils": "4.0.1",
|
|
42
42
|
"classnames": "2.5.1",
|
|
43
43
|
"uncontrollable": "8.0.4"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "17b72086167d3d6503e4e74142358765230478c8"
|
|
46
46
|
}
|