cytur-design-system 0.5.2
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/README.md +73 -0
- package/dist/index.js +385 -0
- package/dist/types/components/alert-feed/AlertFeed.d.ts +27 -0
- package/dist/types/components/data-table/DataTable.d.ts +24 -0
- package/dist/types/components/file/File.d.ts +15 -0
- package/dist/types/components/icon/Icon.d.ts +10 -0
- package/dist/types/components/icon/icons.d.ts +91 -0
- package/dist/types/components/index.d.ts +4 -0
- package/dist/types/lib.d.ts +7 -0
- package/dist/types/styles.d.ts +1 -0
- package/dist/types/theme/CyturProvider.d.ts +10 -0
- package/dist/types/theme/index.d.ts +16 -0
- package/package.json +52 -0
package/README.md
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
# React + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
+
|
|
5
|
+
Currently, two official plugins are available:
|
|
6
|
+
|
|
7
|
+
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
|
|
8
|
+
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
|
|
9
|
+
|
|
10
|
+
## React Compiler
|
|
11
|
+
|
|
12
|
+
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
|
|
13
|
+
|
|
14
|
+
## Expanding the ESLint configuration
|
|
15
|
+
|
|
16
|
+
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
|
17
|
+
|
|
18
|
+
```js
|
|
19
|
+
export default defineConfig([
|
|
20
|
+
globalIgnores(['dist']),
|
|
21
|
+
{
|
|
22
|
+
files: ['**/*.{ts,tsx}'],
|
|
23
|
+
extends: [
|
|
24
|
+
// Other configs...
|
|
25
|
+
|
|
26
|
+
// Remove tseslint.configs.recommended and replace with this
|
|
27
|
+
tseslint.configs.recommendedTypeChecked,
|
|
28
|
+
// Alternatively, use this for stricter rules
|
|
29
|
+
tseslint.configs.strictTypeChecked,
|
|
30
|
+
// Optionally, add this for stylistic rules
|
|
31
|
+
tseslint.configs.stylisticTypeChecked,
|
|
32
|
+
|
|
33
|
+
// Other configs...
|
|
34
|
+
],
|
|
35
|
+
languageOptions: {
|
|
36
|
+
parserOptions: {
|
|
37
|
+
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
38
|
+
tsconfigRootDir: import.meta.dirname,
|
|
39
|
+
},
|
|
40
|
+
// other options...
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
])
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
|
47
|
+
|
|
48
|
+
```js
|
|
49
|
+
// eslint.config.js
|
|
50
|
+
import reactX from 'eslint-plugin-react-x'
|
|
51
|
+
import reactDom from 'eslint-plugin-react-dom'
|
|
52
|
+
|
|
53
|
+
export default defineConfig([
|
|
54
|
+
globalIgnores(['dist']),
|
|
55
|
+
{
|
|
56
|
+
files: ['**/*.{ts,tsx}'],
|
|
57
|
+
extends: [
|
|
58
|
+
// Other configs...
|
|
59
|
+
// Enable lint rules for React
|
|
60
|
+
reactX.configs['recommended-typescript'],
|
|
61
|
+
// Enable lint rules for React DOM
|
|
62
|
+
reactDom.configs.recommended,
|
|
63
|
+
],
|
|
64
|
+
languageOptions: {
|
|
65
|
+
parserOptions: {
|
|
66
|
+
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
67
|
+
tsconfigRootDir: import.meta.dirname,
|
|
68
|
+
},
|
|
69
|
+
// other options...
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
])
|
|
73
|
+
```
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,385 @@
|
|
|
1
|
+
import { Alert as e, App as t, AutoComplete as n, Avatar as r, Badge as i, Breadcrumb as a, Button as o, Button as s, Card as c, Card as l, Checkbox as u, Col as d, ConfigProvider as f, ConfigProvider as p, DatePicker as m, Descriptions as h, Divider as ee, Drawer as te, Dropdown as g, Empty as _, Flex as v, Form as y, Input as b, InputNumber as ne, Layout as re, List as ie, Menu as ae, Modal as oe, Pagination as se, Popconfirm as ce, Popover as le, Progress as ue, Radio as de, Result as fe, Row as x, Select as S, Skeleton as C, Skeleton as w, Slider as T, Space as E, Space as D, Spin as O, Spin as k, Steps as A, Switch as j, Table as M, Table as N, Tabs as P, Tag as F, Tag as I, TimePicker as L, Tooltip as R, Tree as z, Typography as pe, Typography as B, Upload as me, message as he, notification as ge } from "antd";
|
|
2
|
+
import { forwardRef as _e } from "react";
|
|
3
|
+
import { Fragment as ve, jsx as V, jsxs as H } from "react/jsx-runtime";
|
|
4
|
+
import { DownloadOutlined as ye, NotificationOutlined as be, SettingOutlined as xe } from "@ant-design/icons";
|
|
5
|
+
//#region src/theme/index.ts
|
|
6
|
+
var U = {
|
|
7
|
+
fontFamily: "\"Pretendard\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
|
|
8
|
+
fontSize: 14,
|
|
9
|
+
borderRadius: 8,
|
|
10
|
+
borderRadiusLG: 12,
|
|
11
|
+
borderRadiusSM: 6,
|
|
12
|
+
colorSuccess: "#15803d",
|
|
13
|
+
colorWarning: "#f59e0b",
|
|
14
|
+
colorError: "#dc2626",
|
|
15
|
+
colorInfo: "#2563eb",
|
|
16
|
+
colorText: "#111827",
|
|
17
|
+
colorTextSecondary: "#4a5568",
|
|
18
|
+
colorTextTertiary: "#6b7b8d",
|
|
19
|
+
colorTextQuaternary: "#a3adb8",
|
|
20
|
+
colorBorder: "#e2e6ea",
|
|
21
|
+
colorBorderSecondary: "#f1f3f5",
|
|
22
|
+
colorBgContainer: "#ffffff",
|
|
23
|
+
colorBgElevated: "#ffffff",
|
|
24
|
+
colorBgLayout: "#f8fafb"
|
|
25
|
+
}, W = {
|
|
26
|
+
token: {
|
|
27
|
+
...U,
|
|
28
|
+
colorPrimary: "#0a9e9e",
|
|
29
|
+
colorPrimaryHover: "#078080",
|
|
30
|
+
colorPrimaryActive: "#056363",
|
|
31
|
+
colorLink: "#0a9e9e",
|
|
32
|
+
colorLinkHover: "#078080",
|
|
33
|
+
colorLinkActive: "#056363"
|
|
34
|
+
},
|
|
35
|
+
components: { Button: {
|
|
36
|
+
primaryShadow: "none",
|
|
37
|
+
defaultShadow: "none"
|
|
38
|
+
} }
|
|
39
|
+
}, G = {
|
|
40
|
+
token: {
|
|
41
|
+
...U,
|
|
42
|
+
colorPrimary: "#2563eb",
|
|
43
|
+
colorPrimaryHover: "#1d4ed8",
|
|
44
|
+
colorPrimaryActive: "#1e40af",
|
|
45
|
+
colorLink: "#2563eb",
|
|
46
|
+
colorLinkHover: "#1d4ed8",
|
|
47
|
+
colorLinkActive: "#1e40af"
|
|
48
|
+
},
|
|
49
|
+
components: { Button: {
|
|
50
|
+
primaryShadow: "none",
|
|
51
|
+
defaultShadow: "none"
|
|
52
|
+
} }
|
|
53
|
+
}, K = {
|
|
54
|
+
token: {
|
|
55
|
+
...U,
|
|
56
|
+
colorPrimary: "#4f46e5",
|
|
57
|
+
colorPrimaryHover: "#4338ca",
|
|
58
|
+
colorPrimaryActive: "#3730a3",
|
|
59
|
+
colorLink: "#4f46e5",
|
|
60
|
+
colorLinkHover: "#4338ca",
|
|
61
|
+
colorLinkActive: "#3730a3"
|
|
62
|
+
},
|
|
63
|
+
components: { Button: {
|
|
64
|
+
primaryShadow: "none",
|
|
65
|
+
defaultShadow: "none"
|
|
66
|
+
} }
|
|
67
|
+
}, Se = W, q = {
|
|
68
|
+
base: W,
|
|
69
|
+
rm: G,
|
|
70
|
+
csc: K
|
|
71
|
+
}, J = ({ theme: e = "base", children: t }) => /* @__PURE__ */ V(p, {
|
|
72
|
+
theme: q[e],
|
|
73
|
+
children: t
|
|
74
|
+
});
|
|
75
|
+
J.displayName = "CyturProvider";
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/icon/icons.ts
|
|
78
|
+
var Ce = {
|
|
79
|
+
close: {
|
|
80
|
+
viewBox: "0 0 20 20",
|
|
81
|
+
paths: ["M16 5.20857L14.7914 4L10 8.79143L5.20857 4L4 5.20857L8.79143 10L4 14.7914L5.20857 16L10 11.2086L14.7914 16L16 14.7914L11.2086 10L16 5.20857Z"]
|
|
82
|
+
},
|
|
83
|
+
check: {
|
|
84
|
+
viewBox: "0 0 20 20",
|
|
85
|
+
paths: ["M7.32911 13.2291L3.85411 9.75414L2.67078 10.9291L7.32911 15.5875L17.3291 5.58748L16.1541 4.41248L7.32911 13.2291Z"]
|
|
86
|
+
},
|
|
87
|
+
info: {
|
|
88
|
+
viewBox: "0 0 20 20",
|
|
89
|
+
paths: ["M10 4C6.688 4 4 6.688 4 10C4 13.312 6.688 16 10 16C13.312 16 16 13.312 16 10C16 6.688 13.312 4 10 4ZM10.6 13H9.4V9.4H10.6V13ZM10.6 8.2H9.4V7H10.6V8.2Z"]
|
|
90
|
+
},
|
|
91
|
+
error: {
|
|
92
|
+
viewBox: "0 0 20 20",
|
|
93
|
+
paths: ["M10 4C6.68966 4 4 6.68966 4 10C4 13.3103 6.68966 16 10 16C13.3103 16 16 13.3103 16 10C16 6.68966 13.3103 4 10 4ZM10.6027 12.9955H9.3973V11.7991H10.6027V12.9955ZM10.6027 10.6027H9.3973V7.0045H10.6027V10.6027Z"]
|
|
94
|
+
},
|
|
95
|
+
globe: {
|
|
96
|
+
viewBox: "0 0 20 20",
|
|
97
|
+
paths: ["M10 4C6.688 4 4 6.688 4 10C4 13.312 6.688 16 10 16C13.312 16 16 13.312 16 10C16 6.688 13.312 4 10 4ZM9.4 14.758C7.03 14.464 5.2 12.448 5.2 10C5.2 9.628 5.248 9.274 5.326 8.926L8.2 11.8V12.4C8.2 13.06 8.74 13.6 9.4 13.6V14.758ZM13.54 13.234C13.384 12.748 12.94 12.4 12.4 12.4H11.8V10.6C11.8 10.27 11.53 10 11.2 10H7.6V8.8H8.8C9.13 8.8 9.4 8.53 9.4 8.2V7H10.6C11.26 7 11.8 6.46 11.8 5.8V5.554C13.558 6.268 14.8 7.99 14.8 10C14.8 11.248 14.32 12.382 13.54 13.234Z"]
|
|
98
|
+
},
|
|
99
|
+
"chevron-down": {
|
|
100
|
+
viewBox: "0 0 20 20",
|
|
101
|
+
paths: ["M13.825 6.91248L10 10.7291L6.175 6.91248L5 8.08748L10 13.0875L15 8.08748L13.825 6.91248Z"]
|
|
102
|
+
},
|
|
103
|
+
"arrow-left": {
|
|
104
|
+
viewBox: "0 0 20 20",
|
|
105
|
+
paths: ["M13.4271 18.3334L5.09375 10L13.4271 1.66669L14.9062 3.14585L8.05208 10L14.9062 16.8542L13.4271 18.3334Z"]
|
|
106
|
+
},
|
|
107
|
+
"arrow-right": {
|
|
108
|
+
viewBox: "0 0 20 20",
|
|
109
|
+
paths: ["M6.57292 18.3334L5.09375 16.8542L11.9479 10L5.09375 3.14585L6.57292 1.66669L14.9062 10L6.57292 18.3334Z"]
|
|
110
|
+
},
|
|
111
|
+
"sort-up": {
|
|
112
|
+
viewBox: "0 0 20 20",
|
|
113
|
+
paths: ["M10 6L16 13.5H4L10 6Z"]
|
|
114
|
+
},
|
|
115
|
+
"sort-down": {
|
|
116
|
+
viewBox: "0 0 20 20",
|
|
117
|
+
paths: ["M10 13.5L4 6H16L10 13.5Z"]
|
|
118
|
+
},
|
|
119
|
+
search: {
|
|
120
|
+
viewBox: "0 0 20 20",
|
|
121
|
+
paths: ["M13.1292 11.8792H12.4709L12.2375 11.6542C13.0542 10.7042 13.5459 9.47086 13.5459 8.12919C13.5459 5.13752 11.1209 2.71252 8.12919 2.71252C5.13752 2.71252 2.71252 5.13752 2.71252 8.12919C2.71252 11.1209 5.13752 13.5459 8.12919 13.5459C9.47086 13.5459 10.7042 13.0542 11.6542 12.2375L11.8792 12.4709V13.1292L16.0459 17.2875L17.2875 16.0459L13.1292 11.8792ZM8.12919 11.8792C6.05419 11.8792 4.37919 10.2042 4.37919 8.12919C4.37919 6.05419 6.05419 4.37919 8.12919 4.37919C10.2042 4.37919 11.8792 6.05419 11.8792 8.12919C11.8792 10.2042 10.2042 11.8792 8.12919 11.8792Z"]
|
|
122
|
+
},
|
|
123
|
+
filter: {
|
|
124
|
+
viewBox: "0 0 20 20",
|
|
125
|
+
paths: ["M8.33333 15H11.6667V13.3333H8.33333V15ZM2.5 5V6.66667H17.5V5H2.5ZM5 10.8333H15V9.16667H5V10.8333Z"]
|
|
126
|
+
},
|
|
127
|
+
link: {
|
|
128
|
+
viewBox: "0 0 20 20",
|
|
129
|
+
paths: ["M5.14 10C5.14 8.974 5.974 8.14 7 8.14H9.4V7H7C5.344 7 4 8.344 4 10C4 11.656 5.344 13 7 13H9.4V11.86H7C5.974 11.86 5.14 11.026 5.14 10ZM7.6 10.6H12.4V9.4H7.6V10.6ZM13 7H10.6V8.14H13C14.026 8.14 14.86 8.974 14.86 10C14.86 11.026 14.026 11.86 13 11.86H10.6V13H13C14.656 13 16 11.656 16 10C16 8.344 14.656 7 13 7Z"]
|
|
130
|
+
},
|
|
131
|
+
download: {
|
|
132
|
+
viewBox: "0 0 20 20",
|
|
133
|
+
paths: ["M14.88 8.23529H12.0571V4H7.82286V8.23529H5L9.94 13.1765L14.88 8.23529ZM5 14.5882V16H14.88V14.5882H5Z"]
|
|
134
|
+
},
|
|
135
|
+
minus: {
|
|
136
|
+
viewBox: "0 0 20 20",
|
|
137
|
+
paths: ["M15.8333 10.8333H4.16663V9.16663H15.8333V10.8333Z"]
|
|
138
|
+
},
|
|
139
|
+
warning: {
|
|
140
|
+
viewBox: "0 0 16 16",
|
|
141
|
+
paths: ["M8 2L2 14H14L8 2ZM7.25 6.5H8.75V10.5H7.25V6.5ZM7.25 11.5H8.75V13H7.25V11.5Z"]
|
|
142
|
+
},
|
|
143
|
+
"check-circle": {
|
|
144
|
+
viewBox: "0 0 16 16",
|
|
145
|
+
paths: ["M8.00004 1.33337C4.32004 1.33337 1.33337 4.32004 1.33337 8.00004C1.33337 11.68 4.32004 14.6667 8.00004 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00004C14.6667 4.32004 11.68 1.33337 8.00004 1.33337ZM6.66671 11L3.66671 8.00004L4.60671 7.06004L6.66671 9.11337L11.3934 4.38671L12.3334 5.32671L6.66671 11Z"]
|
|
146
|
+
},
|
|
147
|
+
autorenew: {
|
|
148
|
+
viewBox: "0 0 20 20",
|
|
149
|
+
paths: ["M10 3.33337V5.83337L13.3333 2.50004L10 -0.833293V1.66671C5.40002 1.66671 1.66669 5.40004 1.66669 10C1.66669 11.6584 2.16669 13.2 3.01669 14.4834L4.20002 13.3C3.60002 12.35 3.33335 11.2167 3.33335 10C3.33335 6.31671 6.31669 3.33337 10 3.33337ZM16.9834 5.51671L15.8 6.70004C16.3917 7.65837 16.6667 8.78337 16.6667 10C16.6667 13.6834 13.6834 16.6667 10 16.6667V14.1667L6.66669 17.5L10 20.8334V18.3334C14.6 18.3334 18.3334 14.6 18.3334 10C18.3334 8.34171 17.8334 6.80004 16.9834 5.51671Z"]
|
|
150
|
+
},
|
|
151
|
+
siren: {
|
|
152
|
+
viewBox: "0 0 16 16",
|
|
153
|
+
paths: ["M2.66671 12.6667H13.3334V11.3333H2.66671V12.6667ZM5.33337 8C5.33337 8.36819 5.63185 8.66667 6.00004 8.66667C6.36823 8.66667 6.66671 8.36819 6.66671 8V6.66667C6.66671 6.3 6.79726 5.98611 7.05837 5.725C7.15229 5.63109 7.25303 5.55406 7.3606 5.49392C7.68198 5.31426 8.00004 5.03486 8.00004 4.66667C8.00004 4.29848 7.69701 3.98944 7.3395 4.07747C6.8823 4.19005 6.4747 4.42534 6.11671 4.78333C5.59448 5.30556 5.33337 5.93333 5.33337 6.66667V8ZM4.66671 10H11.3334V6.66667C11.3334 5.74444 11.0084 4.95833 10.3584 4.30833C9.70837 3.65833 8.92226 3.33333 8.00004 3.33333C7.07782 3.33333 6.29171 3.65833 5.64171 4.30833C4.99171 4.95833 4.66671 5.74444 4.66671 6.66667V10ZM2.66671 14C2.30004 14 1.98615 13.8694 1.72504 13.6083C1.46393 13.3472 1.33337 13.0333 1.33337 12.6667V11.3333C1.33337 10.9667 1.46393 10.6528 1.72504 10.3917C1.98615 10.1306 2.30004 10 2.66671 10H3.33337V6.66667C3.33337 5.36667 3.78615 4.26389 4.69171 3.35833C5.59726 2.45278 6.70004 2 8.00004 2C9.30004 2 10.4028 2.45278 11.3084 3.35833C12.2139 4.26389 12.6667 5.36667 12.6667 6.66667V10H13.3334C13.7 10 14.0139 10.1306 14.275 10.3917C14.5362 10.6528 14.6667 10.9667 14.6667 11.3333V12.6667C14.6667 13.0333 14.5362 13.3472 14.275 13.6083C14.0139 13.8694 13.7 14 13.3334 14H2.66671Z"]
|
|
154
|
+
},
|
|
155
|
+
settings: {
|
|
156
|
+
viewBox: "0 0 20 20",
|
|
157
|
+
paths: ["M15.95 10.78C15.98 10.53 16 10.27 16 10C16 9.73 15.98 9.47 15.95 9.22L17.63 7.9C17.78 7.78 17.82 7.56 17.73 7.39L16.13 4.61C16.04 4.44 15.82 4.38 15.65 4.44L13.65 5.24C13.23 4.92 12.78 4.66 12.29 4.46L11.99 2.34C11.96 2.15 11.8 2 11.6 2H8.4C8.2 2 8.04 2.15 8.01 2.34L7.71 4.46C7.22 4.66 6.77 4.93 6.35 5.24L4.35 4.44C4.18 4.37 3.96 4.44 3.87 4.61L2.27 7.39C2.17 7.56 2.22 7.78 2.37 7.9L4.05 9.22C4.02 9.47 4 9.74 4 10C4 10.26 4.02 10.53 4.05 10.78L2.37 12.1C2.22 12.22 2.18 12.44 2.27 12.61L3.87 15.39C3.96 15.56 4.18 15.62 4.35 15.56L6.35 14.76C6.77 15.08 7.22 15.34 7.71 15.54L8.01 17.66C8.04 17.85 8.2 18 8.4 18H11.6C11.8 18 11.96 17.85 11.99 17.66L12.29 15.54C12.78 15.34 13.23 15.07 13.65 14.76L15.65 15.56C15.82 15.63 16.04 15.56 16.13 15.39L17.73 12.61C17.82 12.44 17.78 12.22 17.63 12.1L15.95 10.78ZM10 12.5C8.62 12.5 7.5 11.38 7.5 10C7.5 8.62 8.62 7.5 10 7.5C11.38 7.5 12.5 8.62 12.5 10C12.5 11.38 11.38 12.5 10 12.5Z"]
|
|
158
|
+
},
|
|
159
|
+
campaign: {
|
|
160
|
+
viewBox: "0 0 20 20",
|
|
161
|
+
paths: ["M14.5 9.25V10.75H17.5V9.25H14.5ZM13 14.2075C13.72 14.74 14.6575 15.445 15.4 16C15.7 15.6025 16 15.1975 16.3 14.7925C15.5575 14.2375 14.62 13.5325 13.9 12.9925C13.6 13.3975 13.3 13.8025 13 14.2075ZM16.3 5.2C16 4.8025 15.7 4.3975 15.4 4C14.68 4.5325 13.7425 5.2375 13 5.8C13.3 6.205 13.6 6.6025 13.9 7.0075C14.6425 6.4525 15.58 5.7475 16.3 5.2ZM4 7.75C3.175 7.75 2.5 8.425 2.5 9.25V10.75C2.5 11.575 3.175 12.25 4 12.25H4.75V15.25H6.25V12.25H7L10.75 14.5V5.5L7 7.75H4ZM12.625 10C12.625 9.0025 12.19 8.1025 11.5 7.4875V12.505C12.19 11.8975 12.625 10.9975 12.625 10Z"]
|
|
162
|
+
}
|
|
163
|
+
}, we = {
|
|
164
|
+
xs: 10,
|
|
165
|
+
sm: 16,
|
|
166
|
+
md: 20,
|
|
167
|
+
lg: 24
|
|
168
|
+
}, Y = _e(({ name: e, size: t = "md", color: n = "currentColor", style: r, ...i }, a) => {
|
|
169
|
+
let o = typeof t == "number" ? t : we[t], s = Ce[e];
|
|
170
|
+
return /* @__PURE__ */ V("svg", {
|
|
171
|
+
ref: a,
|
|
172
|
+
width: o,
|
|
173
|
+
height: o,
|
|
174
|
+
viewBox: s.viewBox,
|
|
175
|
+
fill: n,
|
|
176
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
177
|
+
style: {
|
|
178
|
+
display: "inline-flex",
|
|
179
|
+
flexShrink: 0,
|
|
180
|
+
...r
|
|
181
|
+
},
|
|
182
|
+
...i,
|
|
183
|
+
children: s.paths.map((e, t) => /* @__PURE__ */ V("path", {
|
|
184
|
+
d: e,
|
|
185
|
+
fillRule: "evenodd",
|
|
186
|
+
clipRule: "evenodd"
|
|
187
|
+
}, t))
|
|
188
|
+
});
|
|
189
|
+
});
|
|
190
|
+
Y.displayName = "Icon";
|
|
191
|
+
//#endregion
|
|
192
|
+
//#region src/components/alert-feed/AlertFeed.tsx
|
|
193
|
+
var Te = {
|
|
194
|
+
emergency: "red",
|
|
195
|
+
alarm: "orange",
|
|
196
|
+
warning: "gold",
|
|
197
|
+
caution: "blue"
|
|
198
|
+
}, X = {
|
|
199
|
+
emergency: "Emergency",
|
|
200
|
+
alarm: "Alarm",
|
|
201
|
+
warning: "Warning",
|
|
202
|
+
caution: "Caution"
|
|
203
|
+
}, Z = ({ title: e = "Threat Event Alarms", subtitle: t = "(Last 7 Days)", items: n = [], loading: r = !1, maxHeight: i = 620, activeFilter: a = "all", onFilterChange: o, onViewAll: c, onSettingsClick: u, viewAllLabel: d = "View All Threat Events", extra: f }) => {
|
|
204
|
+
let p = {
|
|
205
|
+
all: n.length,
|
|
206
|
+
emergency: n.filter((e) => e.severity === "emergency").length,
|
|
207
|
+
alarm: n.filter((e) => e.severity === "alarm").length,
|
|
208
|
+
warning: n.filter((e) => e.severity === "warning").length,
|
|
209
|
+
caution: n.filter((e) => e.severity === "caution").length
|
|
210
|
+
}, m = a === "all" ? n : n.filter((e) => e.severity === a), h = f ?? (u && /* @__PURE__ */ V(s, {
|
|
211
|
+
type: "text",
|
|
212
|
+
size: "small",
|
|
213
|
+
icon: /* @__PURE__ */ V(xe, {}),
|
|
214
|
+
onClick: u
|
|
215
|
+
}));
|
|
216
|
+
return /* @__PURE__ */ V(l, {
|
|
217
|
+
title: /* @__PURE__ */ H(D, {
|
|
218
|
+
size: 6,
|
|
219
|
+
children: [
|
|
220
|
+
/* @__PURE__ */ V(be, { style: { fontSize: 16 } }),
|
|
221
|
+
/* @__PURE__ */ V("span", {
|
|
222
|
+
style: {
|
|
223
|
+
fontSize: 14,
|
|
224
|
+
fontWeight: 700
|
|
225
|
+
},
|
|
226
|
+
children: e
|
|
227
|
+
}),
|
|
228
|
+
/* @__PURE__ */ V(B.Text, {
|
|
229
|
+
type: "secondary",
|
|
230
|
+
style: { fontSize: 12 },
|
|
231
|
+
children: t
|
|
232
|
+
})
|
|
233
|
+
]
|
|
234
|
+
}),
|
|
235
|
+
extra: h,
|
|
236
|
+
style: {
|
|
237
|
+
width: 400,
|
|
238
|
+
maxHeight: i,
|
|
239
|
+
display: "flex",
|
|
240
|
+
flexDirection: "column"
|
|
241
|
+
},
|
|
242
|
+
styles: { body: {
|
|
243
|
+
padding: 12,
|
|
244
|
+
flex: 1,
|
|
245
|
+
minHeight: 0,
|
|
246
|
+
display: "flex",
|
|
247
|
+
flexDirection: "column",
|
|
248
|
+
gap: 12,
|
|
249
|
+
overflow: "hidden"
|
|
250
|
+
} },
|
|
251
|
+
actions: c && !r ? [/* @__PURE__ */ V(s, {
|
|
252
|
+
type: "text",
|
|
253
|
+
size: "small",
|
|
254
|
+
onClick: c,
|
|
255
|
+
children: d
|
|
256
|
+
}, "view-all")] : void 0,
|
|
257
|
+
children: r ? /* @__PURE__ */ V(w, {
|
|
258
|
+
active: !0,
|
|
259
|
+
paragraph: { rows: 6 }
|
|
260
|
+
}) : /* @__PURE__ */ H(ve, { children: [/* @__PURE__ */ V(D, {
|
|
261
|
+
size: 4,
|
|
262
|
+
wrap: !0,
|
|
263
|
+
children: Object.entries(p).map(([e, t]) => /* @__PURE__ */ V(I.CheckableTag, {
|
|
264
|
+
checked: a === e,
|
|
265
|
+
onChange: () => o?.(e),
|
|
266
|
+
style: { margin: 0 },
|
|
267
|
+
children: `${e === "all" ? "All" : X[e]} ${t}`
|
|
268
|
+
}, e))
|
|
269
|
+
}), /* @__PURE__ */ V("div", {
|
|
270
|
+
style: {
|
|
271
|
+
flex: 1,
|
|
272
|
+
minHeight: 0,
|
|
273
|
+
overflowY: "auto",
|
|
274
|
+
display: "flex",
|
|
275
|
+
flexDirection: "column",
|
|
276
|
+
gap: 6
|
|
277
|
+
},
|
|
278
|
+
children: m.length === 0 ? /* @__PURE__ */ V(_, {
|
|
279
|
+
description: n.length === 0 ? "No alerts" : "No matching alerts",
|
|
280
|
+
style: { margin: "auto" }
|
|
281
|
+
}) : m.map((e) => /* @__PURE__ */ H("div", {
|
|
282
|
+
style: {
|
|
283
|
+
padding: "10px 12px",
|
|
284
|
+
background: "#f9fafb",
|
|
285
|
+
borderRadius: 6,
|
|
286
|
+
display: "flex",
|
|
287
|
+
flexDirection: "column",
|
|
288
|
+
gap: 4
|
|
289
|
+
},
|
|
290
|
+
children: [
|
|
291
|
+
/* @__PURE__ */ H("div", {
|
|
292
|
+
style: {
|
|
293
|
+
display: "flex",
|
|
294
|
+
justifyContent: "space-between",
|
|
295
|
+
alignItems: "center"
|
|
296
|
+
},
|
|
297
|
+
children: [/* @__PURE__ */ V(I, {
|
|
298
|
+
color: Te[e.severity],
|
|
299
|
+
style: { margin: 0 },
|
|
300
|
+
children: X[e.severity]
|
|
301
|
+
}), /* @__PURE__ */ V(B.Text, {
|
|
302
|
+
type: "secondary",
|
|
303
|
+
style: { fontSize: 12 },
|
|
304
|
+
children: e.time
|
|
305
|
+
})]
|
|
306
|
+
}),
|
|
307
|
+
/* @__PURE__ */ V("div", {
|
|
308
|
+
style: {
|
|
309
|
+
fontSize: 14,
|
|
310
|
+
fontWeight: 500,
|
|
311
|
+
color: e.isNew ? "#111827" : "#6b7280"
|
|
312
|
+
},
|
|
313
|
+
children: e.title
|
|
314
|
+
}),
|
|
315
|
+
/* @__PURE__ */ V(B.Text, {
|
|
316
|
+
type: "secondary",
|
|
317
|
+
style: { fontSize: 12 },
|
|
318
|
+
children: e.meta
|
|
319
|
+
})
|
|
320
|
+
]
|
|
321
|
+
}, e.id))
|
|
322
|
+
})] })
|
|
323
|
+
});
|
|
324
|
+
};
|
|
325
|
+
Z.displayName = "AlertFeed";
|
|
326
|
+
//#endregion
|
|
327
|
+
//#region src/components/file/File.tsx
|
|
328
|
+
var Q = ({ state: e = "default", children: t, style: n, ...r }) => {
|
|
329
|
+
let i = e === "loading";
|
|
330
|
+
return /* @__PURE__ */ H(B.Link, {
|
|
331
|
+
...r,
|
|
332
|
+
disabled: i,
|
|
333
|
+
style: {
|
|
334
|
+
display: "inline-flex",
|
|
335
|
+
alignItems: "center",
|
|
336
|
+
gap: 4,
|
|
337
|
+
fontSize: 12,
|
|
338
|
+
lineHeight: "18px",
|
|
339
|
+
...n
|
|
340
|
+
},
|
|
341
|
+
children: [i ? /* @__PURE__ */ V(k, { size: "small" }) : /* @__PURE__ */ V(ye, {}), t]
|
|
342
|
+
});
|
|
343
|
+
};
|
|
344
|
+
Q.displayName = "File";
|
|
345
|
+
//#endregion
|
|
346
|
+
//#region src/components/data-table/DataTable.tsx
|
|
347
|
+
function $({ columns: e, data: t, rowKey: n = "id", pagination: r = !1, pageSize: i = 10, pageSizeOptions: a = [
|
|
348
|
+
5,
|
|
349
|
+
10,
|
|
350
|
+
20,
|
|
351
|
+
50
|
|
352
|
+
], showGoTo: o = !1, emptyText: s = "No data", ...c }) {
|
|
353
|
+
let l = e.map((e) => {
|
|
354
|
+
let { key: n, label: r, sortable: i, filterable: a, dataIndex: o, render: s, ...c } = e, l = o ?? n, u = {
|
|
355
|
+
...c,
|
|
356
|
+
key: n,
|
|
357
|
+
dataIndex: l,
|
|
358
|
+
title: r,
|
|
359
|
+
render: s
|
|
360
|
+
};
|
|
361
|
+
return i && (u.sorter = (e, t) => {
|
|
362
|
+
let n = e[l], r = t[l], i = Number(n), a = Number(r);
|
|
363
|
+
return !Number.isNaN(i) && !Number.isNaN(a) ? i - a : String(n ?? "").localeCompare(String(r ?? ""));
|
|
364
|
+
}), a && (u.filters = Array.from(new Set(t.map((e) => String(e[l] ?? "")))).map((e) => ({
|
|
365
|
+
text: e,
|
|
366
|
+
value: e
|
|
367
|
+
})), u.onFilter = (e, t) => String(t[l] ?? "") === e), u;
|
|
368
|
+
});
|
|
369
|
+
return /* @__PURE__ */ V(N, {
|
|
370
|
+
...c,
|
|
371
|
+
columns: l,
|
|
372
|
+
dataSource: t,
|
|
373
|
+
rowKey: n,
|
|
374
|
+
pagination: r ? {
|
|
375
|
+
pageSize: i,
|
|
376
|
+
pageSizeOptions: a.map(String),
|
|
377
|
+
showSizeChanger: !0,
|
|
378
|
+
showQuickJumper: o
|
|
379
|
+
} : !1,
|
|
380
|
+
locale: { emptyText: s }
|
|
381
|
+
});
|
|
382
|
+
}
|
|
383
|
+
$.displayName = "DataTable";
|
|
384
|
+
//#endregion
|
|
385
|
+
export { e as Alert, Z as AlertFeed, t as App, n as AutoComplete, r as Avatar, i as Badge, a as Breadcrumb, o as Button, c as Card, u as Checkbox, d as Col, f as ConfigProvider, J as CyturProvider, $ as DataTable, m as DatePicker, h as Descriptions, ee as Divider, te as Drawer, g as Dropdown, Q as File, v as Flex, y as Form, Y as Icon, b as Input, ne as InputNumber, re as Layout, ie as List, ae as Menu, oe as Modal, se as Pagination, ce as Popconfirm, le as Popover, ue as Progress, de as Radio, fe as Result, x as Row, S as Select, C as Skeleton, T as Slider, E as Space, O as Spin, A as Steps, j as Switch, M as Table, P as Tabs, F as Tag, L as TimePicker, R as Tooltip, z as Tree, pe as Typography, me as Upload, W as baseTheme, K as cscTheme, Se as defaultTheme, he as message, ge as notification, G as rmTheme, q as themes };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export type AlertSeverity = 'emergency' | 'alarm' | 'warning' | 'caution';
|
|
3
|
+
export interface AlertItem {
|
|
4
|
+
id: string | number;
|
|
5
|
+
severity: AlertSeverity;
|
|
6
|
+
title: string;
|
|
7
|
+
meta: string;
|
|
8
|
+
time: string;
|
|
9
|
+
isNew?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface AlertFeedProps {
|
|
12
|
+
title?: string;
|
|
13
|
+
subtitle?: string;
|
|
14
|
+
items?: AlertItem[];
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
maxHeight?: number;
|
|
17
|
+
activeFilter?: string;
|
|
18
|
+
onFilterChange?: (filter: string) => void;
|
|
19
|
+
onViewAll?: () => void;
|
|
20
|
+
onSettingsClick?: () => void;
|
|
21
|
+
viewAllLabel?: string;
|
|
22
|
+
extra?: ReactNode;
|
|
23
|
+
}
|
|
24
|
+
export declare const AlertFeed: {
|
|
25
|
+
({ title, subtitle, items, loading, maxHeight, activeFilter, onFilterChange, onViewAll, onSettingsClick, viewAllLabel, extra, }: AlertFeedProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type TableProps } from 'antd';
|
|
2
|
+
import type { ColumnType } from 'antd/es/table';
|
|
3
|
+
import type { Key } from 'react';
|
|
4
|
+
export interface DataTableColumn<T> extends Omit<ColumnType<T>, 'dataIndex' | 'key'> {
|
|
5
|
+
key: string;
|
|
6
|
+
dataIndex?: string | string[];
|
|
7
|
+
label: string;
|
|
8
|
+
sortable?: boolean;
|
|
9
|
+
filterable?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface DataTableProps<T extends object> extends Omit<TableProps<T>, 'columns' | 'dataSource' | 'rowKey' | 'pagination'> {
|
|
12
|
+
columns: DataTableColumn<T>[];
|
|
13
|
+
data: T[];
|
|
14
|
+
rowKey?: keyof T | ((row: T) => Key);
|
|
15
|
+
pagination?: boolean;
|
|
16
|
+
pageSize?: number;
|
|
17
|
+
pageSizeOptions?: number[];
|
|
18
|
+
showGoTo?: boolean;
|
|
19
|
+
emptyText?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare function DataTable<T extends object>({ columns, data, rowKey, pagination, pageSize, pageSizeOptions, showGoTo, emptyText, ...rest }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare namespace DataTable {
|
|
23
|
+
var displayName: string;
|
|
24
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ReactNode, CSSProperties } from 'react';
|
|
2
|
+
export type FileState = 'default' | 'loading';
|
|
3
|
+
export interface FileProps {
|
|
4
|
+
href?: string;
|
|
5
|
+
target?: string;
|
|
6
|
+
state?: FileState;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const File: {
|
|
13
|
+
({ state, children, style, ...rest }: FileProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type SVGAttributes } from 'react';
|
|
2
|
+
import { type IconName } from './icons';
|
|
3
|
+
export type { IconName };
|
|
4
|
+
export type IconSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface IconProps extends Omit<SVGAttributes<SVGSVGElement>, 'children'> {
|
|
6
|
+
name: IconName;
|
|
7
|
+
size?: IconSize | number;
|
|
8
|
+
color?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
export interface IconData {
|
|
2
|
+
viewBox: string;
|
|
3
|
+
paths: string[];
|
|
4
|
+
}
|
|
5
|
+
export declare const icons: {
|
|
6
|
+
readonly close: {
|
|
7
|
+
readonly viewBox: "0 0 20 20";
|
|
8
|
+
readonly paths: ["M16 5.20857L14.7914 4L10 8.79143L5.20857 4L4 5.20857L8.79143 10L4 14.7914L5.20857 16L10 11.2086L14.7914 16L16 14.7914L11.2086 10L16 5.20857Z"];
|
|
9
|
+
};
|
|
10
|
+
readonly check: {
|
|
11
|
+
readonly viewBox: "0 0 20 20";
|
|
12
|
+
readonly paths: ["M7.32911 13.2291L3.85411 9.75414L2.67078 10.9291L7.32911 15.5875L17.3291 5.58748L16.1541 4.41248L7.32911 13.2291Z"];
|
|
13
|
+
};
|
|
14
|
+
readonly info: {
|
|
15
|
+
readonly viewBox: "0 0 20 20";
|
|
16
|
+
readonly paths: ["M10 4C6.688 4 4 6.688 4 10C4 13.312 6.688 16 10 16C13.312 16 16 13.312 16 10C16 6.688 13.312 4 10 4ZM10.6 13H9.4V9.4H10.6V13ZM10.6 8.2H9.4V7H10.6V8.2Z"];
|
|
17
|
+
};
|
|
18
|
+
readonly error: {
|
|
19
|
+
readonly viewBox: "0 0 20 20";
|
|
20
|
+
readonly paths: ["M10 4C6.68966 4 4 6.68966 4 10C4 13.3103 6.68966 16 10 16C13.3103 16 16 13.3103 16 10C16 6.68966 13.3103 4 10 4ZM10.6027 12.9955H9.3973V11.7991H10.6027V12.9955ZM10.6027 10.6027H9.3973V7.0045H10.6027V10.6027Z"];
|
|
21
|
+
};
|
|
22
|
+
readonly globe: {
|
|
23
|
+
readonly viewBox: "0 0 20 20";
|
|
24
|
+
readonly paths: ["M10 4C6.688 4 4 6.688 4 10C4 13.312 6.688 16 10 16C13.312 16 16 13.312 16 10C16 6.688 13.312 4 10 4ZM9.4 14.758C7.03 14.464 5.2 12.448 5.2 10C5.2 9.628 5.248 9.274 5.326 8.926L8.2 11.8V12.4C8.2 13.06 8.74 13.6 9.4 13.6V14.758ZM13.54 13.234C13.384 12.748 12.94 12.4 12.4 12.4H11.8V10.6C11.8 10.27 11.53 10 11.2 10H7.6V8.8H8.8C9.13 8.8 9.4 8.53 9.4 8.2V7H10.6C11.26 7 11.8 6.46 11.8 5.8V5.554C13.558 6.268 14.8 7.99 14.8 10C14.8 11.248 14.32 12.382 13.54 13.234Z"];
|
|
25
|
+
};
|
|
26
|
+
readonly 'chevron-down': {
|
|
27
|
+
readonly viewBox: "0 0 20 20";
|
|
28
|
+
readonly paths: ["M13.825 6.91248L10 10.7291L6.175 6.91248L5 8.08748L10 13.0875L15 8.08748L13.825 6.91248Z"];
|
|
29
|
+
};
|
|
30
|
+
readonly 'arrow-left': {
|
|
31
|
+
readonly viewBox: "0 0 20 20";
|
|
32
|
+
readonly paths: ["M13.4271 18.3334L5.09375 10L13.4271 1.66669L14.9062 3.14585L8.05208 10L14.9062 16.8542L13.4271 18.3334Z"];
|
|
33
|
+
};
|
|
34
|
+
readonly 'arrow-right': {
|
|
35
|
+
readonly viewBox: "0 0 20 20";
|
|
36
|
+
readonly paths: ["M6.57292 18.3334L5.09375 16.8542L11.9479 10L5.09375 3.14585L6.57292 1.66669L14.9062 10L6.57292 18.3334Z"];
|
|
37
|
+
};
|
|
38
|
+
readonly 'sort-up': {
|
|
39
|
+
readonly viewBox: "0 0 20 20";
|
|
40
|
+
readonly paths: ["M10 6L16 13.5H4L10 6Z"];
|
|
41
|
+
};
|
|
42
|
+
readonly 'sort-down': {
|
|
43
|
+
readonly viewBox: "0 0 20 20";
|
|
44
|
+
readonly paths: ["M10 13.5L4 6H16L10 13.5Z"];
|
|
45
|
+
};
|
|
46
|
+
readonly search: {
|
|
47
|
+
readonly viewBox: "0 0 20 20";
|
|
48
|
+
readonly paths: ["M13.1292 11.8792H12.4709L12.2375 11.6542C13.0542 10.7042 13.5459 9.47086 13.5459 8.12919C13.5459 5.13752 11.1209 2.71252 8.12919 2.71252C5.13752 2.71252 2.71252 5.13752 2.71252 8.12919C2.71252 11.1209 5.13752 13.5459 8.12919 13.5459C9.47086 13.5459 10.7042 13.0542 11.6542 12.2375L11.8792 12.4709V13.1292L16.0459 17.2875L17.2875 16.0459L13.1292 11.8792ZM8.12919 11.8792C6.05419 11.8792 4.37919 10.2042 4.37919 8.12919C4.37919 6.05419 6.05419 4.37919 8.12919 4.37919C10.2042 4.37919 11.8792 6.05419 11.8792 8.12919C11.8792 10.2042 10.2042 11.8792 8.12919 11.8792Z"];
|
|
49
|
+
};
|
|
50
|
+
readonly filter: {
|
|
51
|
+
readonly viewBox: "0 0 20 20";
|
|
52
|
+
readonly paths: ["M8.33333 15H11.6667V13.3333H8.33333V15ZM2.5 5V6.66667H17.5V5H2.5ZM5 10.8333H15V9.16667H5V10.8333Z"];
|
|
53
|
+
};
|
|
54
|
+
readonly link: {
|
|
55
|
+
readonly viewBox: "0 0 20 20";
|
|
56
|
+
readonly paths: ["M5.14 10C5.14 8.974 5.974 8.14 7 8.14H9.4V7H7C5.344 7 4 8.344 4 10C4 11.656 5.344 13 7 13H9.4V11.86H7C5.974 11.86 5.14 11.026 5.14 10ZM7.6 10.6H12.4V9.4H7.6V10.6ZM13 7H10.6V8.14H13C14.026 8.14 14.86 8.974 14.86 10C14.86 11.026 14.026 11.86 13 11.86H10.6V13H13C14.656 13 16 11.656 16 10C16 8.344 14.656 7 13 7Z"];
|
|
57
|
+
};
|
|
58
|
+
readonly download: {
|
|
59
|
+
readonly viewBox: "0 0 20 20";
|
|
60
|
+
readonly paths: ["M14.88 8.23529H12.0571V4H7.82286V8.23529H5L9.94 13.1765L14.88 8.23529ZM5 14.5882V16H14.88V14.5882H5Z"];
|
|
61
|
+
};
|
|
62
|
+
readonly minus: {
|
|
63
|
+
readonly viewBox: "0 0 20 20";
|
|
64
|
+
readonly paths: ["M15.8333 10.8333H4.16663V9.16663H15.8333V10.8333Z"];
|
|
65
|
+
};
|
|
66
|
+
readonly warning: {
|
|
67
|
+
readonly viewBox: "0 0 16 16";
|
|
68
|
+
readonly paths: ["M8 2L2 14H14L8 2ZM7.25 6.5H8.75V10.5H7.25V6.5ZM7.25 11.5H8.75V13H7.25V11.5Z"];
|
|
69
|
+
};
|
|
70
|
+
readonly 'check-circle': {
|
|
71
|
+
readonly viewBox: "0 0 16 16";
|
|
72
|
+
readonly paths: ["M8.00004 1.33337C4.32004 1.33337 1.33337 4.32004 1.33337 8.00004C1.33337 11.68 4.32004 14.6667 8.00004 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00004C14.6667 4.32004 11.68 1.33337 8.00004 1.33337ZM6.66671 11L3.66671 8.00004L4.60671 7.06004L6.66671 9.11337L11.3934 4.38671L12.3334 5.32671L6.66671 11Z"];
|
|
73
|
+
};
|
|
74
|
+
readonly autorenew: {
|
|
75
|
+
readonly viewBox: "0 0 20 20";
|
|
76
|
+
readonly paths: ["M10 3.33337V5.83337L13.3333 2.50004L10 -0.833293V1.66671C5.40002 1.66671 1.66669 5.40004 1.66669 10C1.66669 11.6584 2.16669 13.2 3.01669 14.4834L4.20002 13.3C3.60002 12.35 3.33335 11.2167 3.33335 10C3.33335 6.31671 6.31669 3.33337 10 3.33337ZM16.9834 5.51671L15.8 6.70004C16.3917 7.65837 16.6667 8.78337 16.6667 10C16.6667 13.6834 13.6834 16.6667 10 16.6667V14.1667L6.66669 17.5L10 20.8334V18.3334C14.6 18.3334 18.3334 14.6 18.3334 10C18.3334 8.34171 17.8334 6.80004 16.9834 5.51671Z"];
|
|
77
|
+
};
|
|
78
|
+
readonly siren: {
|
|
79
|
+
readonly viewBox: "0 0 16 16";
|
|
80
|
+
readonly paths: ["M2.66671 12.6667H13.3334V11.3333H2.66671V12.6667ZM5.33337 8C5.33337 8.36819 5.63185 8.66667 6.00004 8.66667C6.36823 8.66667 6.66671 8.36819 6.66671 8V6.66667C6.66671 6.3 6.79726 5.98611 7.05837 5.725C7.15229 5.63109 7.25303 5.55406 7.3606 5.49392C7.68198 5.31426 8.00004 5.03486 8.00004 4.66667C8.00004 4.29848 7.69701 3.98944 7.3395 4.07747C6.8823 4.19005 6.4747 4.42534 6.11671 4.78333C5.59448 5.30556 5.33337 5.93333 5.33337 6.66667V8ZM4.66671 10H11.3334V6.66667C11.3334 5.74444 11.0084 4.95833 10.3584 4.30833C9.70837 3.65833 8.92226 3.33333 8.00004 3.33333C7.07782 3.33333 6.29171 3.65833 5.64171 4.30833C4.99171 4.95833 4.66671 5.74444 4.66671 6.66667V10ZM2.66671 14C2.30004 14 1.98615 13.8694 1.72504 13.6083C1.46393 13.3472 1.33337 13.0333 1.33337 12.6667V11.3333C1.33337 10.9667 1.46393 10.6528 1.72504 10.3917C1.98615 10.1306 2.30004 10 2.66671 10H3.33337V6.66667C3.33337 5.36667 3.78615 4.26389 4.69171 3.35833C5.59726 2.45278 6.70004 2 8.00004 2C9.30004 2 10.4028 2.45278 11.3084 3.35833C12.2139 4.26389 12.6667 5.36667 12.6667 6.66667V10H13.3334C13.7 10 14.0139 10.1306 14.275 10.3917C14.5362 10.6528 14.6667 10.9667 14.6667 11.3333V12.6667C14.6667 13.0333 14.5362 13.3472 14.275 13.6083C14.0139 13.8694 13.7 14 13.3334 14H2.66671Z"];
|
|
81
|
+
};
|
|
82
|
+
readonly settings: {
|
|
83
|
+
readonly viewBox: "0 0 20 20";
|
|
84
|
+
readonly paths: ["M15.95 10.78C15.98 10.53 16 10.27 16 10C16 9.73 15.98 9.47 15.95 9.22L17.63 7.9C17.78 7.78 17.82 7.56 17.73 7.39L16.13 4.61C16.04 4.44 15.82 4.38 15.65 4.44L13.65 5.24C13.23 4.92 12.78 4.66 12.29 4.46L11.99 2.34C11.96 2.15 11.8 2 11.6 2H8.4C8.2 2 8.04 2.15 8.01 2.34L7.71 4.46C7.22 4.66 6.77 4.93 6.35 5.24L4.35 4.44C4.18 4.37 3.96 4.44 3.87 4.61L2.27 7.39C2.17 7.56 2.22 7.78 2.37 7.9L4.05 9.22C4.02 9.47 4 9.74 4 10C4 10.26 4.02 10.53 4.05 10.78L2.37 12.1C2.22 12.22 2.18 12.44 2.27 12.61L3.87 15.39C3.96 15.56 4.18 15.62 4.35 15.56L6.35 14.76C6.77 15.08 7.22 15.34 7.71 15.54L8.01 17.66C8.04 17.85 8.2 18 8.4 18H11.6C11.8 18 11.96 17.85 11.99 17.66L12.29 15.54C12.78 15.34 13.23 15.07 13.65 14.76L15.65 15.56C15.82 15.63 16.04 15.56 16.13 15.39L17.73 12.61C17.82 12.44 17.78 12.22 17.63 12.1L15.95 10.78ZM10 12.5C8.62 12.5 7.5 11.38 7.5 10C7.5 8.62 8.62 7.5 10 7.5C11.38 7.5 12.5 8.62 12.5 10C12.5 11.38 11.38 12.5 10 12.5Z"];
|
|
85
|
+
};
|
|
86
|
+
readonly campaign: {
|
|
87
|
+
readonly viewBox: "0 0 20 20";
|
|
88
|
+
readonly paths: ["M14.5 9.25V10.75H17.5V9.25H14.5ZM13 14.2075C13.72 14.74 14.6575 15.445 15.4 16C15.7 15.6025 16 15.1975 16.3 14.7925C15.5575 14.2375 14.62 13.5325 13.9 12.9925C13.6 13.3975 13.3 13.8025 13 14.2075ZM16.3 5.2C16 4.8025 15.7 4.3975 15.4 4C14.68 4.5325 13.7425 5.2375 13 5.8C13.3 6.205 13.6 6.6025 13.9 7.0075C14.6425 6.4525 15.58 5.7475 16.3 5.2ZM4 7.75C3.175 7.75 2.5 8.425 2.5 9.25V10.75C2.5 11.575 3.175 12.25 4 12.25H4.75V15.25H6.25V12.25H7L10.75 14.5V5.5L7 7.75H4ZM12.625 10C12.625 9.0025 12.19 8.1025 11.5 7.4875V12.505C12.19 11.8975 12.625 10.9975 12.625 10Z"];
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
export type IconName = keyof typeof icons;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Icon, type IconProps, type IconSize, type IconName } from './icon/Icon';
|
|
2
|
+
export { AlertFeed, type AlertFeedProps, type AlertItem, type AlertSeverity } from './alert-feed/AlertFeed';
|
|
3
|
+
export { File, type FileProps, type FileState } from './file/File';
|
|
4
|
+
export { DataTable, type DataTableProps, type DataTableColumn } from './data-table/DataTable';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { baseTheme, rmTheme, cscTheme, defaultTheme, themes, type ThemeName, } from './theme';
|
|
2
|
+
export { CyturProvider, type CyturProviderProps } from './theme/CyturProvider';
|
|
3
|
+
export { Icon, type IconProps, type IconSize, type IconName } from './components/icon/Icon';
|
|
4
|
+
export { AlertFeed, type AlertFeedProps, type AlertItem, type AlertSeverity } from './components/alert-feed/AlertFeed';
|
|
5
|
+
export { File, type FileProps, type FileState } from './components/file/File';
|
|
6
|
+
export { DataTable, type DataTableProps, type DataTableColumn } from './components/data-table/DataTable';
|
|
7
|
+
export { Button, Input, InputNumber, Select, AutoComplete, Checkbox, Radio, Switch, Slider, DatePicker, TimePicker, Form, Upload, Table, Tag, Badge, Avatar, Card, Descriptions, List, Tabs, Pagination, Tree, Tooltip, Popover, Popconfirm, Modal, Drawer, Dropdown, Menu, Breadcrumb, Steps, Alert, Progress, Result, Skeleton, Spin, Typography, Space, Divider, Flex, Row, Col, Layout, ConfigProvider, App, message, notification, } from 'antd';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
declare module 'cytur-design-system/styles' {}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type ThemeName } from './index';
|
|
3
|
+
export interface CyturProviderProps {
|
|
4
|
+
theme?: ThemeName;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const CyturProvider: {
|
|
8
|
+
({ theme, children }: CyturProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ThemeConfig } from 'antd';
|
|
2
|
+
/** Base — Teal (#0A9E9E) */
|
|
3
|
+
export declare const baseTheme: ThemeConfig;
|
|
4
|
+
/** RM — Blue (#2563EB) */
|
|
5
|
+
export declare const rmTheme: ThemeConfig;
|
|
6
|
+
/** CSC — Indigo (#4F46E5) */
|
|
7
|
+
export declare const cscTheme: ThemeConfig;
|
|
8
|
+
/** Default theme (alias for base) */
|
|
9
|
+
export declare const defaultTheme: ThemeConfig;
|
|
10
|
+
/** All themes as a map */
|
|
11
|
+
export declare const themes: {
|
|
12
|
+
readonly base: ThemeConfig;
|
|
13
|
+
readonly rm: ThemeConfig;
|
|
14
|
+
readonly csc: ThemeConfig;
|
|
15
|
+
};
|
|
16
|
+
export type ThemeName = keyof typeof themes;
|
package/package.json
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "cytur-design-system",
|
|
3
|
+
"version": "0.5.2",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"module": "./dist/index.js",
|
|
7
|
+
"types": "./dist/types/lib.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"import": "./dist/index.js",
|
|
11
|
+
"types": "./dist/types/lib.d.ts"
|
|
12
|
+
},
|
|
13
|
+
"./styles": {
|
|
14
|
+
"import": "./dist/index.css",
|
|
15
|
+
"types": "./dist/types/styles.d.ts"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"files": [
|
|
19
|
+
"dist"
|
|
20
|
+
],
|
|
21
|
+
"sideEffects": [
|
|
22
|
+
"**/*.css"
|
|
23
|
+
],
|
|
24
|
+
"scripts": {
|
|
25
|
+
"dev": "vite",
|
|
26
|
+
"build": "tsc -b && vite build && tsc -p tsconfig.lib.json && echo \"declare module 'cytur-design-system/styles' {}\" > dist/types/styles.d.ts",
|
|
27
|
+
"lint": "eslint .",
|
|
28
|
+
"preview": "vite preview"
|
|
29
|
+
},
|
|
30
|
+
"peerDependencies": {
|
|
31
|
+
"antd": ">=6",
|
|
32
|
+
"react": ">=18",
|
|
33
|
+
"react-dom": ">=18"
|
|
34
|
+
},
|
|
35
|
+
"devDependencies": {
|
|
36
|
+
"@eslint/js": "^9.39.4",
|
|
37
|
+
"@types/node": "^24.12.0",
|
|
38
|
+
"@types/react": "^19.2.14",
|
|
39
|
+
"@types/react-dom": "^19.2.3",
|
|
40
|
+
"@vitejs/plugin-react": "^6.0.1",
|
|
41
|
+
"eslint": "^9.39.4",
|
|
42
|
+
"eslint-plugin-react-hooks": "^7.0.1",
|
|
43
|
+
"eslint-plugin-react-refresh": "^0.5.2",
|
|
44
|
+
"globals": "^17.4.0",
|
|
45
|
+
"react": "^19.2.4",
|
|
46
|
+
"react-dom": "^19.2.4",
|
|
47
|
+
"typescript": "~5.9.3",
|
|
48
|
+
"typescript-eslint": "^8.57.0",
|
|
49
|
+
"vite": "^8.0.1",
|
|
50
|
+
"antd": "^6.3.6"
|
|
51
|
+
}
|
|
52
|
+
}
|