triafly-ui-kit 1.0.15 → 1.0.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/README.md +93 -93
- package/dist/assets/ButtonsArray.css +1 -0
- package/dist/assets/Tabs.css +1 -0
- package/dist/assets/Tooltip.css +1 -1
- package/dist/components/Ui/ButtonsArray/ButtonsArray.js +28 -0
- package/dist/components/Ui/ButtonsArray/index.js +4 -0
- package/dist/components/Ui/Tabs/Tabs.js +24 -0
- package/dist/components/Ui/Tabs/Tabs.stories.js +67 -0
- package/dist/components/Ui/Tabs/index.js +4 -0
- package/dist/components/Ui/Tooltip/Tooltip.stories.js +1 -1
- package/dist/main.d.ts +33 -24
- package/dist/main.js +147 -145
- package/package.json +106 -106
- package/dist/TreeList-Z1F3eQH6.js +0 -113
- package/dist/assets/Tree.css +0 -1
- package/dist/assets/TreeList.css +0 -1
- package/dist/components/Ui/Tree/Tree.stories.js +0 -241
- package/dist/components/Ui/Tree/TreeEl/Tree.js +0 -76
- package/dist/components/Ui/Tree/TreeEl/index.js +0 -4
- package/dist/components/Ui/Tree/TreeEl/tree-types.js +0 -1
- package/dist/components/Ui/Tree/TreeItem/TreeItem.js +0 -9
- package/dist/components/Ui/Tree/TreeItem/treeItem-types.js +0 -1
- package/dist/components/Ui/Tree/TreeList/TreeList.js +0 -5
- package/dist/components/Ui/Tree/TreeList/treeList-types.js +0 -1
- package/dist/components/Ui/Tree/index.js +0 -4
- package/dist/components/Ui/Tree/types-tree.js +0 -1
package/dist/main.js
CHANGED
@@ -3,156 +3,158 @@ import { Alert as I } from "./components/Ui/Alert/Alert.js";
|
|
3
3
|
import { Avatar as i } from "./components/Ui/Avatar/Avatar.js";
|
4
4
|
import { Badge as p } from "./components/Ui/Badge/Badge.js";
|
5
5
|
import { Button as f } from "./components/Ui/Button/Button.js";
|
6
|
-
import {
|
7
|
-
import {
|
6
|
+
import { ButtonsArray as x } from "./components/Ui/ButtonsArray/ButtonsArray.js";
|
7
|
+
import { Checkbox as u } from "./components/Ui/Checkbox/Checkbox.js";
|
8
|
+
import { CliTextareaInput as d } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
|
8
9
|
import "react";
|
9
|
-
import { CustomLink as
|
10
|
-
import { DropdownInput as
|
11
|
-
import { DropdownMenu as
|
12
|
-
import { FileUpload as
|
13
|
-
import { Form as
|
14
|
-
import { useForm as
|
15
|
-
import { Loader as
|
16
|
-
import { Pagination as
|
17
|
-
import { Radio as
|
18
|
-
import { SearchInput as
|
19
|
-
import { Skeleton as
|
20
|
-
import { Switch as
|
21
|
-
import { Table as
|
22
|
-
import { TextInput as
|
23
|
-
import { TextareaInput as
|
24
|
-
import { Tooltip as
|
25
|
-
import {
|
26
|
-
import { IconArrowBendUpRight as
|
27
|
-
import { ToastProvider as
|
28
|
-
import { TriaflyContext as
|
29
|
-
import { useBreakpointValueTriafly as
|
30
|
-
import { useThemeLogic as
|
31
|
-
import { useModalState as
|
10
|
+
import { CustomLink as w } from "./components/Ui/CustomLink/CustomLink.js";
|
11
|
+
import { DropdownInput as T } from "./components/Ui/DropdownInput/DropdownInput.js";
|
12
|
+
import { DropdownMenu as A } from "./components/Ui/DropdownMenu/DropdownMenu.js";
|
13
|
+
import { FileUpload as k } from "./components/Ui/FileUpload/FileUpload.js";
|
14
|
+
import { Form as P } from "./components/Ui/Form/FormRoot/FormRoot.js";
|
15
|
+
import { useForm as U } from "./components/Ui/Form/useForm/useForm.js";
|
16
|
+
import { Loader as F } from "./components/Ui/Loader/Loader.js";
|
17
|
+
import { Pagination as M } from "./components/Ui/Pagination/Pagination.js";
|
18
|
+
import { Radio as X } from "./components/Ui/Radio/Radio.js";
|
19
|
+
import { SearchInput as H } from "./components/Ui/SearchInput/SearchInput.js";
|
20
|
+
import { Skeleton as O } from "./components/Ui/Skeleton/Skeleton.js";
|
21
|
+
import { Switch as E } from "./components/Ui/Switch/Switch.js";
|
22
|
+
import { Table as V } from "./components/Ui/Table/Table.js";
|
23
|
+
import { TextInput as z } from "./components/Ui/TextInput/TextInput.js";
|
24
|
+
import { TextareaInput as Y } from "./components/Ui/TextareaInput/TextareaInput.js";
|
25
|
+
import { Tooltip as q } from "./components/Ui/Tooltip/Tooltip.js";
|
26
|
+
import { Tabs as Z } from "./components/Ui/Tabs/Tabs.js";
|
27
|
+
import { IconArrowBendUpRight as $, IconArrowClockwise as oo, IconArrowDown as no, IconArrowLeft as ro, IconArrowLineDown as eo, IconArrowLineLeft as co, IconArrowLineRight as Io, IconArrowLineUp as to, IconArrowRight as io, IconArrowUp as ao, IconArrowsOut as po, IconArticle as lo, IconAt as fo, IconBellSimple as mo, IconBookOpenText as xo, IconCalendarBlank as so, IconCaretDown as uo, IconCaretLeft as Co, IconCaretRight as ho, IconCaretUp as wo, IconCaretUpDown as So, IconChartPieSlice as To, IconChatText as go, IconCheck as Ao, IconCheckCircle as Lo, IconChecks as ko, IconCircleNotch as Do, IconCopy as Po, IconCornersOut as yo, IconCsv as Uo, IconCube as Bo, IconDatabase as Fo, IconDotsNine as vo, IconDotsThreeVertical as Mo, IconExport as Ro, IconEye as Xo, IconEyeSlash as bo, IconFile as Ho, IconFiles as No, IconFloppyDisk as Oo, IconFolderSimple as Qo, IconFolderSimpleX as Eo, IconFunnel as Go, IconGauge as Vo, IconGear as Wo, IconGoogleDrive as zo, IconHand as Jo, IconHeadCircuit as Yo, IconHouse as jo, IconIcon as qo, IconInfo as Ko, IconJoin as Zo, IconLanguage as _o, IconLink as $o, IconList as on, IconLock as nn, IconLockOpen as rn, IconMariaDB as en, IconMinus as cn, IconMongoDB as In, IconMoon as tn, IconMySQL as an, IconNavigationArrow as pn, IconNotePencil as ln, IconPassword as fn, IconPen as mn, IconPlay as xn, IconPlugsX as sn, IconPlus as un, IconPorsgteSQL as Cn, IconPresentationChart as dn, IconQuestion as hn, IconQuestionFullfilled as wn, IconRedo as Sn, IconRoleX as Tn, IconSearch as gn, IconSearchX as An, IconSelection as Ln, IconServer as kn, IconSlidersHorizontal as Dn, IconSticker as Pn, IconSun as yn, IconThreeDot as Un, IconTrash as Bn, IconTriangleDown as Fn, IconTriangleUp as vn, IconUndo as Mn, IconUploadSimple as Rn, IconUser as Xn, IconUserX as bn, IconWarningCircle as Hn, IconWrench as Nn, IconX as On, IconYandexDisk as Qn } from "./components/Ui/Icons/Icons.js";
|
28
|
+
import { ToastProvider as Gn } from "./context/ToastContext/ToastContext.js";
|
29
|
+
import { TriaflyContext as Wn, TriaflyProvider as zn, useTriafly as Jn } from "./context/TriaflyContext/TriaflyProvider.js";
|
30
|
+
import { useBreakpointValueTriafly as jn } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
|
31
|
+
import { useThemeLogic as Kn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
|
32
|
+
import { useModalState as _n } from "./context/TriaflyContext/hooks/useModal/useModal.js";
|
32
33
|
export {
|
33
34
|
e as Accordeon,
|
34
35
|
I as Alert,
|
35
36
|
i as Avatar,
|
36
37
|
p as Badge,
|
37
38
|
f as Button,
|
38
|
-
x as
|
39
|
-
u as
|
40
|
-
d as
|
41
|
-
w as
|
42
|
-
T as
|
43
|
-
A as
|
44
|
-
k as
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
Uo as
|
76
|
-
|
77
|
-
Fo as
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
Un as
|
129
|
-
|
130
|
-
Fn as
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
M as
|
142
|
-
X as
|
143
|
-
H as
|
144
|
-
O as
|
145
|
-
E as
|
146
|
-
V as
|
147
|
-
|
148
|
-
|
149
|
-
Y as
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
39
|
+
x as ButtonsArray,
|
40
|
+
u as Checkbox,
|
41
|
+
d as CliTextareaInput,
|
42
|
+
w as CustomLink,
|
43
|
+
T as DropdownInput,
|
44
|
+
A as DropdownMenu,
|
45
|
+
k as FileUpload,
|
46
|
+
P as Form,
|
47
|
+
$ as IconArrowBendUpRight,
|
48
|
+
oo as IconArrowClockwise,
|
49
|
+
no as IconArrowDown,
|
50
|
+
ro as IconArrowLeft,
|
51
|
+
eo as IconArrowLineDown,
|
52
|
+
co as IconArrowLineLeft,
|
53
|
+
Io as IconArrowLineRight,
|
54
|
+
to as IconArrowLineUp,
|
55
|
+
io as IconArrowRight,
|
56
|
+
ao as IconArrowUp,
|
57
|
+
po as IconArrowsOut,
|
58
|
+
lo as IconArticle,
|
59
|
+
fo as IconAt,
|
60
|
+
mo as IconBellSimple,
|
61
|
+
xo as IconBookOpenText,
|
62
|
+
so as IconCalendarBlank,
|
63
|
+
uo as IconCaretDown,
|
64
|
+
Co as IconCaretLeft,
|
65
|
+
ho as IconCaretRight,
|
66
|
+
wo as IconCaretUp,
|
67
|
+
So as IconCaretUpDown,
|
68
|
+
To as IconChartPieSlice,
|
69
|
+
go as IconChatText,
|
70
|
+
Ao as IconCheck,
|
71
|
+
Lo as IconCheckCircle,
|
72
|
+
ko as IconChecks,
|
73
|
+
Do as IconCircleNotch,
|
74
|
+
Po as IconCopy,
|
75
|
+
yo as IconCornersOut,
|
76
|
+
Uo as IconCsv,
|
77
|
+
Bo as IconCube,
|
78
|
+
Fo as IconDatabase,
|
79
|
+
vo as IconDotsNine,
|
80
|
+
Mo as IconDotsThreeVertical,
|
81
|
+
Ro as IconExport,
|
82
|
+
Xo as IconEye,
|
83
|
+
bo as IconEyeSlash,
|
84
|
+
Ho as IconFile,
|
85
|
+
No as IconFiles,
|
86
|
+
Oo as IconFloppyDisk,
|
87
|
+
Qo as IconFolderSimple,
|
88
|
+
Eo as IconFolderSimpleX,
|
89
|
+
Go as IconFunnel,
|
90
|
+
Vo as IconGauge,
|
91
|
+
Wo as IconGear,
|
92
|
+
zo as IconGoogleDrive,
|
93
|
+
Jo as IconHand,
|
94
|
+
Yo as IconHeadCircuit,
|
95
|
+
jo as IconHouse,
|
96
|
+
qo as IconIcon,
|
97
|
+
Ko as IconInfo,
|
98
|
+
Zo as IconJoin,
|
99
|
+
_o as IconLanguage,
|
100
|
+
$o as IconLink,
|
101
|
+
on as IconList,
|
102
|
+
nn as IconLock,
|
103
|
+
rn as IconLockOpen,
|
104
|
+
en as IconMariaDB,
|
105
|
+
cn as IconMinus,
|
106
|
+
In as IconMongoDB,
|
107
|
+
tn as IconMoon,
|
108
|
+
an as IconMySQL,
|
109
|
+
pn as IconNavigationArrow,
|
110
|
+
ln as IconNotePencil,
|
111
|
+
fn as IconPassword,
|
112
|
+
mn as IconPen,
|
113
|
+
xn as IconPlay,
|
114
|
+
sn as IconPlugsX,
|
115
|
+
un as IconPlus,
|
116
|
+
Cn as IconPorsgteSQL,
|
117
|
+
dn as IconPresentationChart,
|
118
|
+
hn as IconQuestion,
|
119
|
+
wn as IconQuestionFullfilled,
|
120
|
+
Sn as IconRedo,
|
121
|
+
Tn as IconRoleX,
|
122
|
+
gn as IconSearch,
|
123
|
+
An as IconSearchX,
|
124
|
+
Ln as IconSelection,
|
125
|
+
kn as IconServer,
|
126
|
+
Dn as IconSlidersHorizontal,
|
127
|
+
Pn as IconSticker,
|
128
|
+
yn as IconSun,
|
129
|
+
Un as IconThreeDot,
|
130
|
+
Bn as IconTrash,
|
131
|
+
Fn as IconTriangleDown,
|
132
|
+
vn as IconTriangleUp,
|
133
|
+
Mn as IconUndo,
|
134
|
+
Rn as IconUploadSimple,
|
135
|
+
Xn as IconUser,
|
136
|
+
bn as IconUserX,
|
137
|
+
Hn as IconWarningCircle,
|
138
|
+
Nn as IconWrench,
|
139
|
+
On as IconX,
|
140
|
+
Qn as IconYandexDisk,
|
141
|
+
F as Loader,
|
142
|
+
M as Pagination,
|
143
|
+
X as Radio,
|
144
|
+
H as SearchInput,
|
145
|
+
O as Skeleton,
|
146
|
+
E as Switch,
|
147
|
+
V as Table,
|
148
|
+
Z as Tabs,
|
149
|
+
z as TextInput,
|
150
|
+
Y as TextareaInput,
|
151
|
+
Gn as ToastProvider,
|
152
|
+
q as Tooltip,
|
153
|
+
Wn as TriaflyContext,
|
154
|
+
zn as TriaflyProvider,
|
155
|
+
jn as useBreakpointValueTriafly,
|
156
|
+
U as useForm,
|
157
|
+
_n as useModalState,
|
158
|
+
Kn as useThemeLogic,
|
159
|
+
Jn as useTriafly
|
158
160
|
};
|
package/package.json
CHANGED
@@ -1,106 +1,106 @@
|
|
1
|
-
{
|
2
|
-
"name": "triafly-ui-kit",
|
3
|
-
"version": "1.0.
|
4
|
-
"description": "UI Kit from Triafly",
|
5
|
-
"main": "./dist/main.js",
|
6
|
-
"module": "./dist/main.js",
|
7
|
-
"types": "./dist/main.d.ts",
|
8
|
-
"type": "module",
|
9
|
-
"exports": {
|
10
|
-
".": {
|
11
|
-
"import": "./dist/main.js",
|
12
|
-
"types": "./dist/main.d.ts"
|
13
|
-
},
|
14
|
-
"./dist/*": {
|
15
|
-
"types": "./dist/*.d.ts"
|
16
|
-
}
|
17
|
-
},
|
18
|
-
"files": [
|
19
|
-
"dist"
|
20
|
-
],
|
21
|
-
"scripts": {
|
22
|
-
"build": "npm run build:types && vite build",
|
23
|
-
"build:types": "tsc --build tsconfig.build.json",
|
24
|
-
"dev": "vite",
|
25
|
-
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
|
26
|
-
"preview": "vite preview",
|
27
|
-
"prepare": "husky install",
|
28
|
-
"precommit": "npm run lint-staged",
|
29
|
-
"lint-staged": "lint-staged",
|
30
|
-
"storybook": "storybook dev -p 6006",
|
31
|
-
"build-storybook": "storybook build",
|
32
|
-
"prepublish": "npm run build",
|
33
|
-
"release-patch": "npm run build && npm version patch && git push && npm publish"
|
34
|
-
},
|
35
|
-
"browserslist": [
|
36
|
-
"cover 99.5%"
|
37
|
-
],
|
38
|
-
"peerDependencies": {
|
39
|
-
"classnames": "^2.5.1",
|
40
|
-
"react": "^18.0.0",
|
41
|
-
"react-dom": "^18.0.0",
|
42
|
-
"react-router-dom": "6.26.1"
|
43
|
-
},
|
44
|
-
"dependencies": {
|
45
|
-
"fast-deep-equal": "^3.1.3",
|
46
|
-
"papaparse": "^5.4.1",
|
47
|
-
"react-paginate": "^8.2.0"
|
48
|
-
},
|
49
|
-
"devDependencies": {
|
50
|
-
"storybook": "^8.6.14",
|
51
|
-
"vite-plugin-lib-inject-css": "^2.2.2",
|
52
|
-
"@chromatic-com/storybook": "^3.2.3",
|
53
|
-
"@eslint/js": "^9.25.0",
|
54
|
-
"@storybook/addon-backgrounds": "^8.5.2",
|
55
|
-
"@storybook/addon-essentials": "^8.4.7",
|
56
|
-
"@storybook/addon-interactions": "^8.4.7",
|
57
|
-
"@storybook/addon-onboarding": "^8.4.7",
|
58
|
-
"@storybook/blocks": "^8.4.7",
|
59
|
-
"@storybook/react": "^8.4.7",
|
60
|
-
"@storybook/react-vite": "^8.4.7",
|
61
|
-
"@storybook/test": "^8.4.7",
|
62
|
-
"@types/eslint-plugin-jsx-a11y": "^6.10.0",
|
63
|
-
"@types/eslint-plugin-prettier": "^3.1.3",
|
64
|
-
"@types/node": "^22.15.21",
|
65
|
-
"@types/papaparse": "^5.3.16",
|
66
|
-
"@types/react": "^18.2.25",
|
67
|
-
"@types/react-dom": "^18.2.25",
|
68
|
-
"@typescript-eslint/eslint-plugin": "^6.21.0",
|
69
|
-
"@typescript-eslint/parser": "^6.21.0",
|
70
|
-
"@vitejs/plugin-react-swc": "^3.9.0",
|
71
|
-
"autoprefixer": "^10.4.21",
|
72
|
-
"eslint": "^8.57.0",
|
73
|
-
"eslint-config-airbnb-typescript": "^17.1.0",
|
74
|
-
"eslint-config-prettier": "^9.1.0",
|
75
|
-
"eslint-import-resolver-typescript": "^4.4.1",
|
76
|
-
"eslint-plugin-import": "^2.29.1",
|
77
|
-
"eslint-plugin-jsx-a11y": "^6.8.0",
|
78
|
-
"eslint-plugin-prettier": "^5.2.1",
|
79
|
-
"eslint-plugin-react": "^7.34.1",
|
80
|
-
"eslint-plugin-react-hooks": "^4.6.0",
|
81
|
-
"eslint-plugin-react-refresh": "^0.4.19",
|
82
|
-
"glob": "^11.0.2",
|
83
|
-
"globals": "^16.0.0",
|
84
|
-
"husky": "^9.1.7",
|
85
|
-
"lint-staged": "^16.0.0",
|
86
|
-
"react": "18.2.0",
|
87
|
-
"react-dom": "18.2.0",
|
88
|
-
"react-router-dom": "6.26.1",
|
89
|
-
"sass": "^1.89.0",
|
90
|
-
"typescript": "~5.8.3",
|
91
|
-
"typescript-eslint": "^8.30.1",
|
92
|
-
"vite": "^6.3.5",
|
93
|
-
"vite-plugin-dts": "^4.5.4",
|
94
|
-
"vite-plugin-static-copy": "^3.0.0",
|
95
|
-
"vite-plugin-svgr": "^4.3.0"
|
96
|
-
},
|
97
|
-
"publishConfig": {
|
98
|
-
"access": "public"
|
99
|
-
},
|
100
|
-
"lint-staged": {
|
101
|
-
"src/**/*.{ts,tsx}": [
|
102
|
-
"eslint --fix",
|
103
|
-
"prettier --write --ignore-unknown"
|
104
|
-
]
|
105
|
-
}
|
106
|
-
}
|
1
|
+
{
|
2
|
+
"name": "triafly-ui-kit",
|
3
|
+
"version": "1.0.17",
|
4
|
+
"description": "UI Kit from Triafly",
|
5
|
+
"main": "./dist/main.js",
|
6
|
+
"module": "./dist/main.js",
|
7
|
+
"types": "./dist/main.d.ts",
|
8
|
+
"type": "module",
|
9
|
+
"exports": {
|
10
|
+
".": {
|
11
|
+
"import": "./dist/main.js",
|
12
|
+
"types": "./dist/main.d.ts"
|
13
|
+
},
|
14
|
+
"./dist/*": {
|
15
|
+
"types": "./dist/*.d.ts"
|
16
|
+
}
|
17
|
+
},
|
18
|
+
"files": [
|
19
|
+
"dist"
|
20
|
+
],
|
21
|
+
"scripts": {
|
22
|
+
"build": "npm run build:types && vite build",
|
23
|
+
"build:types": "tsc --build tsconfig.build.json",
|
24
|
+
"dev": "vite",
|
25
|
+
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
|
26
|
+
"preview": "vite preview",
|
27
|
+
"prepare": "husky install",
|
28
|
+
"precommit": "npm run lint-staged",
|
29
|
+
"lint-staged": "lint-staged",
|
30
|
+
"storybook": "storybook dev -p 6006",
|
31
|
+
"build-storybook": "storybook build",
|
32
|
+
"prepublish": "npm run build",
|
33
|
+
"release-patch": "npm run build && npm version patch && git push && npm publish"
|
34
|
+
},
|
35
|
+
"browserslist": [
|
36
|
+
"cover 99.5%"
|
37
|
+
],
|
38
|
+
"peerDependencies": {
|
39
|
+
"classnames": "^2.5.1",
|
40
|
+
"react": "^18.0.0",
|
41
|
+
"react-dom": "^18.0.0",
|
42
|
+
"react-router-dom": "6.26.1"
|
43
|
+
},
|
44
|
+
"dependencies": {
|
45
|
+
"fast-deep-equal": "^3.1.3",
|
46
|
+
"papaparse": "^5.4.1",
|
47
|
+
"react-paginate": "^8.2.0"
|
48
|
+
},
|
49
|
+
"devDependencies": {
|
50
|
+
"storybook": "^8.6.14",
|
51
|
+
"vite-plugin-lib-inject-css": "^2.2.2",
|
52
|
+
"@chromatic-com/storybook": "^3.2.3",
|
53
|
+
"@eslint/js": "^9.25.0",
|
54
|
+
"@storybook/addon-backgrounds": "^8.5.2",
|
55
|
+
"@storybook/addon-essentials": "^8.4.7",
|
56
|
+
"@storybook/addon-interactions": "^8.4.7",
|
57
|
+
"@storybook/addon-onboarding": "^8.4.7",
|
58
|
+
"@storybook/blocks": "^8.4.7",
|
59
|
+
"@storybook/react": "^8.4.7",
|
60
|
+
"@storybook/react-vite": "^8.4.7",
|
61
|
+
"@storybook/test": "^8.4.7",
|
62
|
+
"@types/eslint-plugin-jsx-a11y": "^6.10.0",
|
63
|
+
"@types/eslint-plugin-prettier": "^3.1.3",
|
64
|
+
"@types/node": "^22.15.21",
|
65
|
+
"@types/papaparse": "^5.3.16",
|
66
|
+
"@types/react": "^18.2.25",
|
67
|
+
"@types/react-dom": "^18.2.25",
|
68
|
+
"@typescript-eslint/eslint-plugin": "^6.21.0",
|
69
|
+
"@typescript-eslint/parser": "^6.21.0",
|
70
|
+
"@vitejs/plugin-react-swc": "^3.9.0",
|
71
|
+
"autoprefixer": "^10.4.21",
|
72
|
+
"eslint": "^8.57.0",
|
73
|
+
"eslint-config-airbnb-typescript": "^17.1.0",
|
74
|
+
"eslint-config-prettier": "^9.1.0",
|
75
|
+
"eslint-import-resolver-typescript": "^4.4.1",
|
76
|
+
"eslint-plugin-import": "^2.29.1",
|
77
|
+
"eslint-plugin-jsx-a11y": "^6.8.0",
|
78
|
+
"eslint-plugin-prettier": "^5.2.1",
|
79
|
+
"eslint-plugin-react": "^7.34.1",
|
80
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
81
|
+
"eslint-plugin-react-refresh": "^0.4.19",
|
82
|
+
"glob": "^11.0.2",
|
83
|
+
"globals": "^16.0.0",
|
84
|
+
"husky": "^9.1.7",
|
85
|
+
"lint-staged": "^16.0.0",
|
86
|
+
"react": "18.2.0",
|
87
|
+
"react-dom": "18.2.0",
|
88
|
+
"react-router-dom": "6.26.1",
|
89
|
+
"sass": "^1.89.0",
|
90
|
+
"typescript": "~5.8.3",
|
91
|
+
"typescript-eslint": "^8.30.1",
|
92
|
+
"vite": "^6.3.5",
|
93
|
+
"vite-plugin-dts": "^4.5.4",
|
94
|
+
"vite-plugin-static-copy": "^3.0.0",
|
95
|
+
"vite-plugin-svgr": "^4.3.0"
|
96
|
+
},
|
97
|
+
"publishConfig": {
|
98
|
+
"access": "public"
|
99
|
+
},
|
100
|
+
"lint-staged": {
|
101
|
+
"src/**/*.{ts,tsx}": [
|
102
|
+
"eslint --fix",
|
103
|
+
"prettier --write --ignore-unknown"
|
104
|
+
]
|
105
|
+
}
|
106
|
+
}
|
@@ -1,113 +0,0 @@
|
|
1
|
-
import { jsxs as b, jsx as e, Fragment as $ } from "react/jsx-runtime";
|
2
|
-
import { memo as w, useCallback as u } from "react";
|
3
|
-
import { IconCaretDown as D, IconCaretRight as O, IconFolderSimple as R, IconFile as q } from "./components/Ui/Icons/Icons.js";
|
4
|
-
import { Loader as z } from "./components/Ui/Loader/Loader.js";
|
5
|
-
import { c as v } from "./index-2QXL0WYc.js";
|
6
|
-
import './assets/TreeList.css';const A = "_selected_1oo5t_114", r = {
|
7
|
-
"tree-item": "_tree-item_1oo5t_76",
|
8
|
-
"tree-item-toggle": "_tree-item-toggle_1oo5t_83",
|
9
|
-
"tree-item-toggle-placeholder": "_tree-item-toggle-placeholder_1oo5t_86",
|
10
|
-
"tree-item-loader": "_tree-item-loader_1oo5t_89",
|
11
|
-
"tree-item-toggle-icon-folder": "_tree-item-toggle-icon-folder_1oo5t_97",
|
12
|
-
"tree-item-content": "_tree-item-content_1oo5t_103",
|
13
|
-
selected: A,
|
14
|
-
"tree-item-lebal": "_tree-item-lebal_1oo5t_118"
|
15
|
-
}, B = ({
|
16
|
-
node: o,
|
17
|
-
onSelect: l,
|
18
|
-
level: h = 0,
|
19
|
-
childrenKey: m = "children",
|
20
|
-
idKey: c = "id",
|
21
|
-
nameKey: g = "name",
|
22
|
-
typeKey: s = "type",
|
23
|
-
expandedKeys: d = [],
|
24
|
-
onExpand: i,
|
25
|
-
selectedKey: a,
|
26
|
-
isFetching: _ = !1,
|
27
|
-
TreeItemClassName: p = "",
|
28
|
-
TreeItemContentClassName: f = ""
|
29
|
-
}) => {
|
30
|
-
var T;
|
31
|
-
const n = o[c], k = o[g], L = o[s], N = d.includes(n), I = ((T = o[m]) == null ? void 0 : T.filter((t) => t[s] === "directory").length) > 0, j = a === n, C = a === n && _, F = u(
|
32
|
-
(t) => {
|
33
|
-
t.stopPropagation(), i == null || i(n);
|
34
|
-
},
|
35
|
-
[n, i]
|
36
|
-
), P = u(
|
37
|
-
(t) => {
|
38
|
-
t.stopPropagation(), l == null || l(o);
|
39
|
-
},
|
40
|
-
[o, l]
|
41
|
-
);
|
42
|
-
return /* @__PURE__ */ b("div", { className: v(r["tree-item"], p), children: [
|
43
|
-
/* @__PURE__ */ b(
|
44
|
-
"div",
|
45
|
-
{
|
46
|
-
className: v(
|
47
|
-
r["tree-item-content"],
|
48
|
-
j ? r.selected : "",
|
49
|
-
f
|
50
|
-
),
|
51
|
-
onClick: P,
|
52
|
-
children: [
|
53
|
-
C && /* @__PURE__ */ e("div", { className: r["tree-item-loader"], children: /* @__PURE__ */ e(z, {}) }),
|
54
|
-
I && !C ? /* @__PURE__ */ e("span", { onClick: F, className: r["tree-item-toggle"], children: N ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(O, {}) }) : /* @__PURE__ */ e("span", { className: r["tree-item-toggle-placeholder"] }),
|
55
|
-
/* @__PURE__ */ e("span", { className: r["tree-item-toggle-icon-folder"], children: L === "directory" ? /* @__PURE__ */ e(R, { color: "gray" }) : /* @__PURE__ */ e(q, {}) }),
|
56
|
-
/* @__PURE__ */ e("span", { className: `${r["tree-item-lebal"]}`, children: k })
|
57
|
-
]
|
58
|
-
}
|
59
|
-
),
|
60
|
-
N && I && /* @__PURE__ */ e($, { children: o[m].filter((t) => t[s] === "directory").map((t) => /* @__PURE__ */ e(
|
61
|
-
H,
|
62
|
-
{
|
63
|
-
node: t,
|
64
|
-
isFetching: _,
|
65
|
-
level: h + 1,
|
66
|
-
onSelect: l,
|
67
|
-
selectedKey: a,
|
68
|
-
childrenKey: m,
|
69
|
-
idKey: c,
|
70
|
-
nameKey: g,
|
71
|
-
typeKey: s,
|
72
|
-
expandedKeys: d,
|
73
|
-
onExpand: i
|
74
|
-
},
|
75
|
-
t[c]
|
76
|
-
)) })
|
77
|
-
] });
|
78
|
-
}, G = w(B), H = ({
|
79
|
-
node: o,
|
80
|
-
onSelect: l,
|
81
|
-
childrenKey: h = "children",
|
82
|
-
expandedKeys: m = [],
|
83
|
-
onExpand: c,
|
84
|
-
level: g = 0,
|
85
|
-
selectedKey: s,
|
86
|
-
idKey: d = "id",
|
87
|
-
nameKey: i = "name",
|
88
|
-
typeKey: a = "type",
|
89
|
-
isFetching: _,
|
90
|
-
TreeItemClassName: p = "",
|
91
|
-
TreeItemContentClassName: f = ""
|
92
|
-
}) => /* @__PURE__ */ e(
|
93
|
-
G,
|
94
|
-
{
|
95
|
-
node: o,
|
96
|
-
isFetching: _,
|
97
|
-
level: g,
|
98
|
-
onSelect: l,
|
99
|
-
selectedKey: s,
|
100
|
-
childrenKey: h,
|
101
|
-
expandedKeys: m,
|
102
|
-
onExpand: c,
|
103
|
-
idKey: d,
|
104
|
-
nameKey: i,
|
105
|
-
typeKey: a,
|
106
|
-
TreeItemClassName: p,
|
107
|
-
TreeItemContentClassName: f
|
108
|
-
}
|
109
|
-
);
|
110
|
-
export {
|
111
|
-
H as T,
|
112
|
-
G as a
|
113
|
-
};
|
package/dist/assets/Tree.css
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
._tree-wrapper_1yvw0_1{max-height:100%;width:100%;overflow-y:auto}
|
package/dist/assets/TreeList.css
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}._tree-item_1oo5t_76{padding:4px;border-radius:4px;cursor:pointer;margin-left:10px;width:100%}._tree-item_1oo5t_76 ._tree-item-toggle_1oo5t_83{cursor:pointer}._tree-item_1oo5t_76 ._tree-item-toggle-placeholder_1oo5t_86{background-color:red}._tree-item_1oo5t_76 ._tree-item-loader_1oo5t_89{width:20px;height:20px;display:flex;align-items:center;justify-content:flex-end;position:relative}._tree-item_1oo5t_76 ._tree-item-toggle-icon-folder_1oo5t_97{color:var(--color-icon-secondary-default)}._tree-item_1oo5t_76 ._test_1oo5t_100{fill:var(--color-icon-secondary-default)}._tree-item_1oo5t_76 ._tree-item-content_1oo5t_103{display:flex;gap:8px;align-items:center;cursor:pointer;padding:9.5px 16px}._tree-item_1oo5t_76 ._tree-item-content_1oo5t_103 span{font-size:14px;font-weight:400}._tree-item_1oo5t_76 ._tree-item-content_1oo5t_103._selected_1oo5t_114{background-color:var(--color-bg-island-selected);border-radius:4px}._tree-item_1oo5t_76 ._tree-item-lebal_1oo5t_118{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;-webkit-hyphens:auto;hyphens:auto;max-width:100px}
|