@evergis/uilib-gl 1.0.77 → 1.0.78
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/LICENSE +21 -21
- package/README.md +106 -106
- package/dist/molecules/Input/index.d.ts +0 -1
- package/dist/organisms/Menu/styled.d.ts +5 -0
- package/dist/organisms/Menu/types.d.ts +3 -1
- package/dist/organisms/RangeNumberInput/index.d.ts +0 -1
- package/dist/uilib-gl.esm.js +1067 -1006
- package/dist/uilib-gl.esm.js.map +1 -1
- package/package.json +126 -126
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2025 Everpoint
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Everpoint
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
# 🛴 Evergis UI
|
|
2
|
-
## Contributing
|
|
3
|
-
|
|
4
|
-
🏆 **Before start:**
|
|
5
|
-
|
|
6
|
-
```
|
|
7
|
-
yarn
|
|
8
|
-
```
|
|
9
|
-
Update webstorm to >2017.3.3
|
|
10
|
-
|
|
11
|
-
Install Styled Components plugin [Jetbrains plugins](https://plugins.jetbrains.com/plugin/9997-styled-components)
|
|
12
|
-
|
|
13
|
-
🛠️ **Start dev:**
|
|
14
|
-
|
|
15
|
-
```
|
|
16
|
-
yarn storybook
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
Open in browser localhost:6006
|
|
20
|
-
|
|
21
|
-
✅ **Start tests:**
|
|
22
|
-
|
|
23
|
-
```
|
|
24
|
-
yarn test
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
## How to release
|
|
28
|
-
|
|
29
|
-
1. Создать временную ветку из `master`
|
|
30
|
-
2. Изменить версию пакета в `package.json`
|
|
31
|
-
3. `yarn` - освежить все зависимости
|
|
32
|
-
4. `yarn lint:fix` - автопоправка eslint ошибок
|
|
33
|
-
5. `yarn build` - сборка
|
|
34
|
-
6. В корне проекта создать файл `.npmrc` со следующим содержимым:
|
|
35
|
-
|
|
36
|
-
```
|
|
37
|
-
//registry.npmjs.org/:_authToken=npm_XXX
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
Здесь `npm_XXX` -- granular token; создать его можно [по инструкции](https://docs.npmjs.com/creating-and-viewing-access-tokens). ВАЖНО: с 09.12.2025 срок действия токена не может превышать 90 дней.
|
|
41
|
-
7. `npm login` - залогиниться в npm (ВАЖНО: с 12.12.2025 сессия длится 12 часов, проверить, всё ли мы ещё залогинены, можно с помощью команды `npm whoami`).
|
|
42
|
-
8. `npm publish` - паблиш
|
|
43
|
-
9. Создать МР из временной ветки в `master`
|
|
44
|
-
|
|
45
|
-
## How to link
|
|
46
|
-
|
|
47
|
-
For testing uilib locally in client (or other projects)
|
|
48
|
-
without rebuilding after every update use linking:
|
|
49
|
-
|
|
50
|
-
1. `yarn build` - сборка
|
|
51
|
-
2. `yarn link` - создаём глобальную ссылку на uilib
|
|
52
|
-
3. Открываем client или другой проект
|
|
53
|
-
4. `yarn link "@evergis/uilib-gl"` - привязываем uilib к проекту
|
|
54
|
-
5. `yarn start` - запускаем проект с привязанной uilib
|
|
55
|
-
6. `yarn build` - после изменений в uilib делаем его пересборку
|
|
56
|
-
|
|
57
|
-
### How to manage icons
|
|
58
|
-
|
|
59
|
-
1. https://icomoon.io/app/#/projects
|
|
60
|
-
2. Import Project из `src/fonts/selection.json`
|
|
61
|
-
3. Load
|
|
62
|
-
4. Клик по гамбургер набора EverCloud в правом верхнем углу Import to Set
|
|
63
|
-
5. Generate Font в правом нижнем углу
|
|
64
|
-
6. Замена файлов `src/fonts` на загруженные из архива (папка fonts и selection.json)
|
|
65
|
-
|
|
66
|
-
## Used libraries, languages and tools
|
|
67
|
-
|
|
68
|
-
1. Typescript [Docs](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)
|
|
69
|
-
2. React [Docs](https://reactjs.org/docs/hello-world.html)
|
|
70
|
-
3. Styled-components [Docs](https://www.styled-components.com/docs)
|
|
71
|
-
4. Jest [Docs](https://facebook.github.io/jest/docs/en/using-matchers.html)
|
|
72
|
-
6. Storybook [Docs](https://storybook.js.org/basics/writing-stories/)
|
|
73
|
-
|
|
74
|
-
## Style Guide
|
|
75
|
-
1. Every component in separate directory
|
|
76
|
-
2. Test file in same directory, with name *.test.tsx
|
|
77
|
-
3. Do not write snapshot tests for components, for snapshot testing used stories, test only specific behavior and functions
|
|
78
|
-
4. Story file in same directory, with name *.story.tsx
|
|
79
|
-
5. Write stories for every possible component state
|
|
80
|
-
6. Every component must be working without any props
|
|
81
|
-
7. Do not create pull request with any linters or ts errors
|
|
82
|
-
8. File naming convention:
|
|
83
|
-
|
|
84
|
-
1. PascalCase for file exporting classes and Components
|
|
85
|
-
2. camelCase for file exporting objects and functions
|
|
86
|
-
3. kebab-case for module replacements
|
|
87
|
-
9. Do not use default exports
|
|
88
|
-
10. Write component description in source file
|
|
89
|
-
|
|
90
|
-
### Completed Component must include the following:
|
|
91
|
-
1. Stories for every possible component state
|
|
92
|
-
2. Tests for specific behaviors and functions
|
|
93
|
-
3. Declared Theme variables
|
|
94
|
-
4. Props type
|
|
95
|
-
5. Component description
|
|
96
|
-
|
|
97
|
-
## Project structure
|
|
98
|
-
1. Import "styled-components" maps to styled-with-theme.ts
|
|
99
|
-
2. theme is theme folder 🚢
|
|
100
|
-
3. Simple reusable styled components and html tags with style are located in atoms folder
|
|
101
|
-
4. Groups of atoms are located in molecules folder
|
|
102
|
-
5. Groups of atoms, molecules and other are located in organisms folder
|
|
103
|
-
|
|
104
|
-
## Todo
|
|
105
|
-
1. Upgrade tippy (tooltip) package version
|
|
106
|
-
2. Upgrade imask & react-imask packages version
|
|
1
|
+
# 🛴 Evergis UI
|
|
2
|
+
## Contributing
|
|
3
|
+
|
|
4
|
+
🏆 **Before start:**
|
|
5
|
+
|
|
6
|
+
```
|
|
7
|
+
yarn
|
|
8
|
+
```
|
|
9
|
+
Update webstorm to >2017.3.3
|
|
10
|
+
|
|
11
|
+
Install Styled Components plugin [Jetbrains plugins](https://plugins.jetbrains.com/plugin/9997-styled-components)
|
|
12
|
+
|
|
13
|
+
🛠️ **Start dev:**
|
|
14
|
+
|
|
15
|
+
```
|
|
16
|
+
yarn storybook
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Open in browser localhost:6006
|
|
20
|
+
|
|
21
|
+
✅ **Start tests:**
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
yarn test
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## How to release
|
|
28
|
+
|
|
29
|
+
1. Создать временную ветку из `master`
|
|
30
|
+
2. Изменить версию пакета в `package.json`
|
|
31
|
+
3. `yarn` - освежить все зависимости
|
|
32
|
+
4. `yarn lint:fix` - автопоправка eslint ошибок
|
|
33
|
+
5. `yarn build` - сборка
|
|
34
|
+
6. В корне проекта создать файл `.npmrc` со следующим содержимым:
|
|
35
|
+
|
|
36
|
+
```
|
|
37
|
+
//registry.npmjs.org/:_authToken=npm_XXX
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Здесь `npm_XXX` -- granular token; создать его можно [по инструкции](https://docs.npmjs.com/creating-and-viewing-access-tokens). ВАЖНО: с 09.12.2025 срок действия токена не может превышать 90 дней.
|
|
41
|
+
7. `npm login` - залогиниться в npm (ВАЖНО: с 12.12.2025 сессия длится 12 часов, проверить, всё ли мы ещё залогинены, можно с помощью команды `npm whoami`).
|
|
42
|
+
8. `npm publish` - паблиш
|
|
43
|
+
9. Создать МР из временной ветки в `master`
|
|
44
|
+
|
|
45
|
+
## How to link
|
|
46
|
+
|
|
47
|
+
For testing uilib locally in client (or other projects)
|
|
48
|
+
without rebuilding after every update use linking:
|
|
49
|
+
|
|
50
|
+
1. `yarn build` - сборка
|
|
51
|
+
2. `yarn link` - создаём глобальную ссылку на uilib
|
|
52
|
+
3. Открываем client или другой проект
|
|
53
|
+
4. `yarn link "@evergis/uilib-gl"` - привязываем uilib к проекту
|
|
54
|
+
5. `yarn start` - запускаем проект с привязанной uilib
|
|
55
|
+
6. `yarn build` - после изменений в uilib делаем его пересборку
|
|
56
|
+
|
|
57
|
+
### How to manage icons
|
|
58
|
+
|
|
59
|
+
1. https://icomoon.io/app/#/projects
|
|
60
|
+
2. Import Project из `src/fonts/selection.json`
|
|
61
|
+
3. Load
|
|
62
|
+
4. Клик по гамбургер набора EverCloud в правом верхнем углу Import to Set
|
|
63
|
+
5. Generate Font в правом нижнем углу
|
|
64
|
+
6. Замена файлов `src/fonts` на загруженные из архива (папка fonts и selection.json)
|
|
65
|
+
|
|
66
|
+
## Used libraries, languages and tools
|
|
67
|
+
|
|
68
|
+
1. Typescript [Docs](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)
|
|
69
|
+
2. React [Docs](https://reactjs.org/docs/hello-world.html)
|
|
70
|
+
3. Styled-components [Docs](https://www.styled-components.com/docs)
|
|
71
|
+
4. Jest [Docs](https://facebook.github.io/jest/docs/en/using-matchers.html)
|
|
72
|
+
6. Storybook [Docs](https://storybook.js.org/basics/writing-stories/)
|
|
73
|
+
|
|
74
|
+
## Style Guide
|
|
75
|
+
1. Every component in separate directory
|
|
76
|
+
2. Test file in same directory, with name *.test.tsx
|
|
77
|
+
3. Do not write snapshot tests for components, for snapshot testing used stories, test only specific behavior and functions
|
|
78
|
+
4. Story file in same directory, with name *.story.tsx
|
|
79
|
+
5. Write stories for every possible component state
|
|
80
|
+
6. Every component must be working without any props
|
|
81
|
+
7. Do not create pull request with any linters or ts errors
|
|
82
|
+
8. File naming convention:
|
|
83
|
+
|
|
84
|
+
1. PascalCase for file exporting classes and Components
|
|
85
|
+
2. camelCase for file exporting objects and functions
|
|
86
|
+
3. kebab-case for module replacements
|
|
87
|
+
9. Do not use default exports
|
|
88
|
+
10. Write component description in source file
|
|
89
|
+
|
|
90
|
+
### Completed Component must include the following:
|
|
91
|
+
1. Stories for every possible component state
|
|
92
|
+
2. Tests for specific behaviors and functions
|
|
93
|
+
3. Declared Theme variables
|
|
94
|
+
4. Props type
|
|
95
|
+
5. Component description
|
|
96
|
+
|
|
97
|
+
## Project structure
|
|
98
|
+
1. Import "styled-components" maps to styled-with-theme.ts
|
|
99
|
+
2. theme is theme folder 🚢
|
|
100
|
+
3. Simple reusable styled components and html tags with style are located in atoms folder
|
|
101
|
+
4. Groups of atoms are located in molecules folder
|
|
102
|
+
5. Groups of atoms, molecules and other are located in organisms folder
|
|
103
|
+
|
|
104
|
+
## Todo
|
|
105
|
+
1. Upgrade tippy (tooltip) package version
|
|
106
|
+
2. Upgrade imask & react-imask packages version
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { IBaseOption } from "./types";
|
|
2
3
|
export declare const OptionContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IBaseOption, never>;
|
|
3
4
|
export declare const OptionIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -10,3 +11,7 @@ export declare const OptionValueWrapper: import("styled-components").StyledCompo
|
|
|
10
11
|
export declare const OptionValueContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
|
|
11
12
|
disabled?: boolean | undefined;
|
|
12
13
|
}, never>;
|
|
14
|
+
export declare const OptionToggler: import("styled-components").StyledComponent<import("react").FC<import("../..").IIconButtonProps>, import("styled-components").DefaultTheme, {
|
|
15
|
+
toggled?: boolean | undefined;
|
|
16
|
+
color?: string | undefined;
|
|
17
|
+
}, never>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSProperties,
|
|
1
|
+
import { CSSProperties, PropsWithChildren, ReactChild, ReactFragment, ReactNode, ReactPortal } from "react";
|
|
2
2
|
import { IconTypesKeys } from "../../atoms/Icon";
|
|
3
3
|
export declare type ComplexOptionText = ReactNode | ReactChild | ReactFragment | ReactPortal | string;
|
|
4
4
|
export interface IBaseOption {
|
|
@@ -19,6 +19,8 @@ export interface IOption<Text = string> {
|
|
|
19
19
|
disabled?: boolean;
|
|
20
20
|
description?: string;
|
|
21
21
|
heading?: boolean;
|
|
22
|
+
title?: boolean;
|
|
23
|
+
opened?: boolean;
|
|
22
24
|
primary?: boolean;
|
|
23
25
|
indeterminate?: boolean;
|
|
24
26
|
prefix?: ReactNode;
|