@code0-tech/pictor 0.10.9 → 0.11.1
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/assets/components/context-menu/ContextMenu.style.css +1 -1
- package/dist/assets/components/form/EditorInput.style.css +1 -1
- package/dist/assets/components/menu/Menu.style.css +1 -1
- package/dist/assets/components/scroll-area/ScrollArea.style.css +1 -1
- package/dist/assets/components/tooltip/Tooltip.style.css +1 -1
- package/dist/components/context-menu/ContextMenu.js +109 -90
- package/dist/components/form/EditorInput.d.ts +19 -8
- package/dist/components/form/EditorInput.js +164 -72
- package/dist/components/form/InputSuggestion.d.ts +1 -1
- package/dist/components/form/useForm.js +61 -46
- package/dist/components/menu/Menu.js +112 -93
- package/dist/components/scroll-area/ScrollArea.d.ts +8 -0
- package/dist/components/scroll-area/ScrollArea.js +70 -39
- package/dist/components/tooltip/Tooltip.js +53 -43
- package/dist/index.js +71 -70
- package/package.json +11 -5
package/dist/index.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { Alert as t } from "./components/alert/Alert.js";
|
|
2
2
|
import { AuroraBackground as n } from "./components/aurora/Aurora.js";
|
|
3
3
|
import { Avatar as a } from "./components/avatar/Avatar.js";
|
|
4
|
-
import { Badge as
|
|
5
|
-
import { Breadcrumb as
|
|
4
|
+
import { Badge as l } from "./components/badge/Badge.js";
|
|
5
|
+
import { Breadcrumb as i } from "./components/breadcrumb/Breadcrumb.js";
|
|
6
6
|
import { Button as f } from "./components/button/Button.js";
|
|
7
7
|
import { ButtonGroup as I } from "./components/button-group/ButtonGroup.js";
|
|
8
8
|
import { Card as S } from "./components/card/Card.js";
|
|
9
9
|
import { Col as s } from "./components/col/Col.js";
|
|
10
|
-
import { Command as
|
|
10
|
+
import { Command as c, CommandDialog as b, CommandEmpty as M, CommandGroup as F, CommandInput as D, CommandItem as A, CommandList as P, CommandSeparator as w, CommandShortcut as v } from "./components/command/Command.js";
|
|
11
11
|
import { Container as R } from "./components/container/Container.js";
|
|
12
12
|
import { ContextMenu as L, ContextMenuArrow as y, ContextMenuContent as z, ContextMenuGroup as V, ContextMenuItem as B, ContextMenuLabel as E, ContextMenuPortal as H, ContextMenuSeparator as k, ContextMenuSub as N, ContextMenuSubContent as O, ContextMenuSubTrigger as Q, ContextMenuTrigger as J } from "./components/context-menu/ContextMenu.js";
|
|
13
13
|
import { DataTable as j } from "./components/data-table/DataTable.js";
|
|
14
14
|
import { DataTableColumn as K } from "./components/data-table/DataTableColumn.js";
|
|
15
15
|
import { DataTableFilterInput as W, createFilterQueryLanguage as X } from "./components/data-table/DataTableFilterInput.js";
|
|
16
16
|
import { DataTableFilterSuggestionMenu as _ } from "./components/data-table/DataTableFilterSuggestionMenu.js";
|
|
17
|
-
import { Dialog as ee, DialogClose as oe, DialogContent as te, DialogDescription as re, DialogFooter as ne, DialogHeader as pe, DialogOverlay as ae, DialogPortal as me, DialogTitle as
|
|
17
|
+
import { Dialog as ee, DialogClose as oe, DialogContent as te, DialogDescription as re, DialogFooter as ne, DialogHeader as pe, DialogOverlay as ae, DialogPortal as me, DialogTitle as le, DialogTrigger as ue } from "./components/dialog/Dialog.js";
|
|
18
18
|
import { Editor as xe } from "./components/editor/Editor.js";
|
|
19
19
|
import { FileTabsService as ge } from "./components/file-tabs/FileTabs.service.js";
|
|
20
20
|
import { FileTabs as Ce, FileTabsContent as Se, FileTabsList as Te, FileTabsTrigger as se } from "./components/file-tabs/FileTabs.js";
|
|
21
|
-
import { Flex as
|
|
21
|
+
import { Flex as ce } from "./components/flex/Flex.js";
|
|
22
22
|
import { CheckboxInput as Me } from "./components/form/CheckboxInput.js";
|
|
23
23
|
import { EditorInput as De } from "./components/form/EditorInput.js";
|
|
24
|
-
import { EmailInput as
|
|
24
|
+
import { EmailInput as Pe, emailValidation as we } from "./components/form/EmailInput.js";
|
|
25
25
|
import { FileInput as he, FileInputContext as Re, FileInputDropzone as Ge, FileInputHiddenInput as Le, FileInputItem as ye, FileInputItemDeleteTrigger as ze, FileInputItemGroup as Ve, FileInputItemName as Be, FileInputItemPreview as Ee, FileInputItemPreviewImage as He, FileInputItemSizeText as ke, FileInputTrigger as Ne } from "./components/form/FileInput.js";
|
|
26
26
|
import { Input as Qe } from "./components/form/Input.js";
|
|
27
27
|
import { InputDescription as Ze } from "./components/form/InputDescription.js";
|
|
@@ -31,12 +31,12 @@ import { InputSuggestionMenuContent as Xe, InputSuggestionMenuContentItems as Ye
|
|
|
31
31
|
import { NumberInput as $e } from "./components/form/NumberInput.js";
|
|
32
32
|
import { PasswordInput as oo, passwordValidation as to } from "./components/form/PasswordInput.js";
|
|
33
33
|
import { PinInput as no, PinInputField as po, PinInputHiddenField as ao } from "./components/form/PinInput.js";
|
|
34
|
-
import { RadioGroup as
|
|
35
|
-
import { RadioInput as
|
|
36
|
-
import { SelectContent as fo, SelectInput as go, SelectItem as Io, SelectItemText as Co, SelectPortal as So, SelectTrigger as To, SelectValue as so, SelectViewport as
|
|
34
|
+
import { RadioGroup as lo } from "./components/form/RadioGroup.js";
|
|
35
|
+
import { RadioInput as io } from "./components/form/RadioInput.js";
|
|
36
|
+
import { SelectContent as fo, SelectInput as go, SelectItem as Io, SelectItemText as Co, SelectPortal as So, SelectTrigger as To, SelectValue as so, SelectViewport as co } from "./components/form/SelectInput.js";
|
|
37
37
|
import { SwitchInput as Mo } from "./components/form/SwitchInput.js";
|
|
38
38
|
import { TextAreaInput as Do } from "./components/form/TextAreaInput.js";
|
|
39
|
-
import { TextInput as
|
|
39
|
+
import { TextInput as Po } from "./components/form/TextInput.js";
|
|
40
40
|
import { useForm as vo } from "./components/form/useForm.js";
|
|
41
41
|
import { buildDefaultSyntax as Ro } from "./components/form/Input.syntax.hook.js";
|
|
42
42
|
import { JsonView as Lo } from "./components/json-view/JsonView.js";
|
|
@@ -46,39 +46,40 @@ import { Layout as ko } from "./components/layout/Layout.js";
|
|
|
46
46
|
import { Menu as Oo, MenuArrow as Qo, MenuCheckboxItem as Jo, MenuContent as Zo, MenuGroup as jo, MenuItem as qo, MenuItemIndicator as Ko, MenuLabel as Uo, MenuPortal as Wo, MenuSeparator as Xo, MenuSub as Yo, MenuSubContent as _o, MenuSubTrigger as $o, MenuTrigger as et } from "./components/menu/Menu.js";
|
|
47
47
|
import { Progress as tt } from "./components/progress/Progress.js";
|
|
48
48
|
import { Quote as nt } from "./components/quote/Quote.js";
|
|
49
|
-
import { ResizableHandle as at, ResizablePanel as mt, ResizablePanelGroup as
|
|
50
|
-
import { Row as
|
|
51
|
-
import {
|
|
52
|
-
import { SegmentedControl as
|
|
53
|
-
import { Spacing as
|
|
54
|
-
import { Tab as
|
|
55
|
-
import { Text as
|
|
56
|
-
import { Toast as
|
|
57
|
-
import { Tooltip as
|
|
58
|
-
import { ContextStore as
|
|
59
|
-
import { ReactiveArrayService as
|
|
60
|
-
import { mergeComponentProps as
|
|
61
|
-
import { Colors as
|
|
62
|
-
import { getDOMSizeFromCodeZeroSize as
|
|
49
|
+
import { ResizableHandle as at, ResizablePanel as mt, ResizablePanelGroup as lt } from "./components/resizable/Resizable.js";
|
|
50
|
+
import { Row as it } from "./components/row/Row.js";
|
|
51
|
+
import { AutoScrollArea as ft, ScrollArea as gt, ScrollAreaCorner as It, ScrollAreaScrollbar as Ct, ScrollAreaThumb as St, ScrollAreaViewport as Tt } from "./components/scroll-area/ScrollArea.js";
|
|
52
|
+
import { SegmentedControl as dt, SegmentedControlItem as ct } from "./components/segmented-control/SegmentedControl.js";
|
|
53
|
+
import { Spacing as Mt } from "./components/spacing/Spacing.js";
|
|
54
|
+
import { Tab as Dt, TabContent as At, TabList as Pt, TabTrigger as wt } from "./components/tab/Tab.js";
|
|
55
|
+
import { Text as ht } from "./components/text/Text.js";
|
|
56
|
+
import { Toast as Gt, toast as Lt } from "./components/toast/Toast.js";
|
|
57
|
+
import { Tooltip as zt, TooltipArrow as Vt, TooltipContent as Bt, TooltipPortal as Et, TooltipTrigger as Ht } from "./components/tooltip/Tooltip.js";
|
|
58
|
+
import { ContextStore as Nt, ContextStoreProvider as Ot, useService as Qt, useStore as Jt } from "./utils/contextStore.js";
|
|
59
|
+
import { ReactiveArrayService as jt, useReactiveArrayService as qt } from "./utils/reactiveArrayService.js";
|
|
60
|
+
import { mergeComponentProps as Ut } from "./utils/component.js";
|
|
61
|
+
import { Colors as Xt, hashToColor as Yt, withAlpha as _t } from "./utils/color.js";
|
|
62
|
+
import { getDOMSizeFromCodeZeroSize as er } from "./utils/size.js";
|
|
63
63
|
export {
|
|
64
64
|
t as Alert,
|
|
65
65
|
n as AuroraBackground,
|
|
66
|
+
ft as AutoScrollArea,
|
|
66
67
|
a as Avatar,
|
|
67
|
-
|
|
68
|
-
|
|
68
|
+
l as Badge,
|
|
69
|
+
i as Breadcrumb,
|
|
69
70
|
f as Button,
|
|
70
71
|
I as ButtonGroup,
|
|
71
72
|
S as Card,
|
|
72
73
|
Me as CheckboxInput,
|
|
73
74
|
s as Col,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
Xt as Colors,
|
|
76
|
+
c as Command,
|
|
77
|
+
b as CommandDialog,
|
|
77
78
|
M as CommandEmpty,
|
|
78
79
|
F as CommandGroup,
|
|
79
80
|
D as CommandInput,
|
|
80
|
-
|
|
81
|
-
|
|
81
|
+
A as CommandItem,
|
|
82
|
+
P as CommandList,
|
|
82
83
|
w as CommandSeparator,
|
|
83
84
|
v as CommandShortcut,
|
|
84
85
|
R as Container,
|
|
@@ -94,8 +95,8 @@ export {
|
|
|
94
95
|
O as ContextMenuSubContent,
|
|
95
96
|
Q as ContextMenuSubTrigger,
|
|
96
97
|
J as ContextMenuTrigger,
|
|
97
|
-
|
|
98
|
-
|
|
98
|
+
Nt as ContextStore,
|
|
99
|
+
Ot as ContextStoreProvider,
|
|
99
100
|
j as DataTable,
|
|
100
101
|
K as DataTableColumn,
|
|
101
102
|
W as DataTableFilterInput,
|
|
@@ -108,11 +109,11 @@ export {
|
|
|
108
109
|
pe as DialogHeader,
|
|
109
110
|
ae as DialogOverlay,
|
|
110
111
|
me as DialogPortal,
|
|
111
|
-
|
|
112
|
-
|
|
112
|
+
le as DialogTitle,
|
|
113
|
+
ue as DialogTrigger,
|
|
113
114
|
xe as Editor,
|
|
114
115
|
De as EditorInput,
|
|
115
|
-
|
|
116
|
+
Pe as EmailInput,
|
|
116
117
|
he as FileInput,
|
|
117
118
|
Re as FileInputContext,
|
|
118
119
|
Ge as FileInputDropzone,
|
|
@@ -130,7 +131,7 @@ export {
|
|
|
130
131
|
Te as FileTabsList,
|
|
131
132
|
ge as FileTabsService,
|
|
132
133
|
se as FileTabsTrigger,
|
|
133
|
-
|
|
134
|
+
ce as Flex,
|
|
134
135
|
zo as FullScreen,
|
|
135
136
|
Bo as Gantt,
|
|
136
137
|
Qe as Input,
|
|
@@ -162,20 +163,20 @@ export {
|
|
|
162
163
|
ao as PinInputHiddenField,
|
|
163
164
|
tt as Progress,
|
|
164
165
|
nt as Quote,
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
166
|
+
lo as RadioGroup,
|
|
167
|
+
io as RadioInput,
|
|
168
|
+
jt as ReactiveArrayService,
|
|
168
169
|
at as ResizableHandle,
|
|
169
170
|
mt as ResizablePanel,
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
171
|
+
lt as ResizablePanelGroup,
|
|
172
|
+
it as Row,
|
|
173
|
+
gt as ScrollArea,
|
|
174
|
+
It as ScrollAreaCorner,
|
|
175
|
+
Ct as ScrollAreaScrollbar,
|
|
176
|
+
St as ScrollAreaThumb,
|
|
177
|
+
Tt as ScrollAreaViewport,
|
|
178
|
+
dt as SegmentedControl,
|
|
179
|
+
ct as SegmentedControlItem,
|
|
179
180
|
fo as SelectContent,
|
|
180
181
|
go as SelectInput,
|
|
181
182
|
Io as SelectItem,
|
|
@@ -183,34 +184,34 @@ export {
|
|
|
183
184
|
So as SelectPortal,
|
|
184
185
|
To as SelectTrigger,
|
|
185
186
|
so as SelectValue,
|
|
186
|
-
|
|
187
|
-
|
|
187
|
+
co as SelectViewport,
|
|
188
|
+
Mt as Spacing,
|
|
188
189
|
Mo as SwitchInput,
|
|
189
|
-
|
|
190
|
-
|
|
190
|
+
Dt as Tab,
|
|
191
|
+
At as TabContent,
|
|
191
192
|
Pt as TabList,
|
|
192
|
-
|
|
193
|
-
|
|
193
|
+
wt as TabTrigger,
|
|
194
|
+
ht as Text,
|
|
194
195
|
Do as TextAreaInput,
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
196
|
+
Po as TextInput,
|
|
197
|
+
Gt as Toast,
|
|
198
|
+
zt as Tooltip,
|
|
199
|
+
Vt as TooltipArrow,
|
|
200
|
+
Bt as TooltipContent,
|
|
201
|
+
Et as TooltipPortal,
|
|
202
|
+
Ht as TooltipTrigger,
|
|
202
203
|
Ro as buildDefaultSyntax,
|
|
203
204
|
X as createFilterQueryLanguage,
|
|
204
205
|
we as emailValidation,
|
|
205
|
-
|
|
206
|
+
er as getDOMSizeFromCodeZeroSize,
|
|
206
207
|
Eo as getRelativeValue,
|
|
207
|
-
|
|
208
|
-
|
|
208
|
+
Yt as hashToColor,
|
|
209
|
+
Ut as mergeComponentProps,
|
|
209
210
|
to as passwordValidation,
|
|
210
|
-
|
|
211
|
+
Lt as toast,
|
|
211
212
|
vo as useForm,
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
213
|
+
qt as useReactiveArrayService,
|
|
214
|
+
Qt as useService,
|
|
215
|
+
Jt as useStore,
|
|
216
|
+
_t as withAlpha
|
|
216
217
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@code0-tech/pictor",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A simple template for a custom React component library",
|
|
6
6
|
"scripts": {
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
"author": "CodeZero",
|
|
19
19
|
"devDependencies": {
|
|
20
20
|
"@ark-ui/react": "^5.36.2",
|
|
21
|
-
"@babel/plugin-proposal-decorators": "^7.29.
|
|
22
|
-
"@babel/plugin-transform-class-properties": "^7.
|
|
21
|
+
"@babel/plugin-proposal-decorators": "^7.29.7",
|
|
22
|
+
"@babel/plugin-transform-class-properties": "^7.29.7",
|
|
23
23
|
"@codemirror/autocomplete": "^6.20.3",
|
|
24
24
|
"@codemirror/lang-json": "^6.0.2",
|
|
25
25
|
"@codemirror/language": "^6.12.3",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
43
43
|
"@radix-ui/react-toggle-group": "^1.1.11",
|
|
44
44
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
45
|
-
"@rollup/plugin-commonjs": "^29.0.
|
|
45
|
+
"@rollup/plugin-commonjs": "^29.0.3",
|
|
46
46
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
47
47
|
"@rollup/plugin-terser": "^1.0.0",
|
|
48
48
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
@@ -61,6 +61,9 @@
|
|
|
61
61
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
62
62
|
"@uiw/codemirror-themes": "^4.25.10",
|
|
63
63
|
"@uiw/react-codemirror": "^4.25.10",
|
|
64
|
+
"slate": "^0.124.1",
|
|
65
|
+
"slate-history": "^0.113.1",
|
|
66
|
+
"slate-react": "^0.125.1",
|
|
64
67
|
"@uiw/react-json-view": "^2.0.0-alpha.43",
|
|
65
68
|
"@vitejs/plugin-react": "^5.2.0",
|
|
66
69
|
"@vitest/browser-playwright": "^4.1.2",
|
|
@@ -85,7 +88,7 @@
|
|
|
85
88
|
"react-zoom-pan-pinch": "^3.7.0",
|
|
86
89
|
"rimraf": "^6.1.3",
|
|
87
90
|
"sass": "^1.99.0",
|
|
88
|
-
"sass-loader": "^16.0.
|
|
91
|
+
"sass-loader": "^16.0.8",
|
|
89
92
|
"sonner": "^2.0.7",
|
|
90
93
|
"storybook": "^10.4.2",
|
|
91
94
|
"style-loader": "^4.0.0",
|
|
@@ -142,6 +145,9 @@
|
|
|
142
145
|
"react-resizable-panels": "^4.3.1",
|
|
143
146
|
"react-zoom-pan-pinch": "^3.7.0",
|
|
144
147
|
"sonner": "^2.0.7",
|
|
148
|
+
"slate": "^0.124.0",
|
|
149
|
+
"slate-history": "^0.113.0",
|
|
150
|
+
"slate-react": "^0.125.0",
|
|
145
151
|
"zustand": ">=4.3.0 <5.0.0"
|
|
146
152
|
},
|
|
147
153
|
"publishConfig": {
|