@object-ui/plugin-aggrid 3.3.2 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/{AvatarField-CpFxJRdO.js → AvatarField-DuaF__ns.js} +2 -2
- package/dist/FileField-DtvoWRK-.js +214 -0
- package/dist/{GeolocationField-BfhC7QLw.js → GeolocationField-CyzG2dqR.js} +1 -1
- package/dist/ImageCropperDialog-BFlbM7vO.js +153 -0
- package/dist/ImageField-DoXNtXV_.js +145 -0
- package/dist/LookupField-DXGCnQ3q.js +1063 -0
- package/dist/{MasterDetailField-DGUmvg2f.js → MasterDetailField-JpmMudRV.js} +3 -3
- package/dist/{ObjectAgGridImpl-yiHlXYgp.js → ObjectAgGridImpl-Bz5whFec.js} +110 -108
- package/dist/{PasswordField-BJboeBJY.js → PasswordField-40E439oE.js} +1 -1
- package/dist/{QRCodeField-COLyc5iQ.js → QRCodeField-CrRsA1vB.js} +1 -1
- package/dist/{RatingField-B2momIna.js → RatingField-BVkroiQ4.js} +1 -1
- package/dist/{SelectField-oo6vnNhQ.js → SelectField-K-xoVDss.js} +1 -1
- package/dist/{SignatureField-DUgoK09r.js → SignatureField-D0nUx3Cb.js} +1 -1
- package/dist/TextAreaField-j4eJQ66C.js +125 -0
- package/dist/{UserField-eT5njHwQ.js → UserField-LrhYdvnz.js} +1 -1
- package/dist/check-CBAnx5TO.js +7 -0
- package/dist/{createLucideIcon-C_5JZ35b.js → createLucideIcon-BtZxPlua.js} +1 -1
- package/dist/crop-2wjrXKXD.js +10 -0
- package/dist/dist-BcXWTU-8.js +54 -0
- package/dist/index.js +1 -1
- package/dist/index.umd.cjs +79 -79
- package/dist/loader-circle-Cxg-xF4u.js +7 -0
- package/dist/{plus-bvZ2f9T_.js → plus-COkdZ2Fh.js} +1 -1
- package/dist/{upload-BdzwEMeV.js → upload-DWhfIa3Y.js} +1 -1
- package/dist/{x-98xe-fYG.js → x-BDi_yYx9.js} +1 -1
- package/package.json +8 -8
- package/dist/FileField-D3mZIrJ1.js +0 -158
- package/dist/ImageField-BZfSFwmJ.js +0 -75
- package/dist/LookupField-Cms1Cu_l.js +0 -1032
- package/dist/TextAreaField-CLzzmPce.js +0 -37
- package/dist/image-DmzU2ETO.js +0 -24
- /package/dist/{AgGridImpl-DJWnS8p3.js → AgGridImpl-DiTsK8F6.js} +0 -0
- /package/dist/{BooleanField-Chphr8cB.js → BooleanField-0QUz5DOy.js} +0 -0
- /package/dist/{CodeField-BWngVIw1.js → CodeField-iTabv7wS.js} +0 -0
- /package/dist/{ColorField-GygyYArR.js → ColorField-R7ZmLj1V.js} +0 -0
- /package/dist/{CurrencyField-O8Pn59RO.js → CurrencyField-CEu2SjEj.js} +0 -0
- /package/dist/{DateField-u6U8wmvI.js → DateField-DoaPu9GV.js} +0 -0
- /package/dist/{DateTimeField-D1z1Ovvy.js → DateTimeField-DcKX54zr.js} +0 -0
- /package/dist/{EmailField-IOcDmGjJ.js → EmailField-eYfpFAtE.js} +0 -0
- /package/dist/{FormulaField-MuyWzQx0.js → FormulaField-DF6-4u2b.js} +0 -0
- /package/dist/{GridField-gN34gk4b.js → GridField-BFlgbp8W.js} +0 -0
- /package/dist/{LocationField-B-zwfw3h.js → LocationField-BeYK6K9V.js} +0 -0
- /package/dist/{NumberField-BV5sKwZ7.js → NumberField-BYuCxbmU.js} +0 -0
- /package/dist/{ObjectField-DJ5s3ciA.js → ObjectField-Dlf_yrMC.js} +0 -0
- /package/dist/{PercentField-DO3be_bL.js → PercentField-BvdQEcfn.js} +0 -0
- /package/dist/{PhoneField-CT6XcO6O.js → PhoneField-CBuoC-vs.js} +0 -0
- /package/dist/{RichTextField-C7qzDPJy.js → RichTextField-DEYNcokk.js} +0 -0
- /package/dist/{SliderField-DrggtBSX.js → SliderField-C2EpGbj8.js} +0 -0
- /package/dist/{SummaryField-DuMsFoY5.js → SummaryField-S6Gt7IDC.js} +0 -0
- /package/dist/{TextField-CZE7SzK4.js → TextField-DccUZtd7.js} +0 -0
- /package/dist/{TimeField-Bha4cayv.js → TimeField-CWbpycPt.js} +0 -0
- /package/dist/{UrlField-Dff4WLlN.js → UrlField-BkPyImh9.js} +0 -0
- /package/dist/{VectorField-BHe8lDOH.js → VectorField-Baa_mHsO.js} +0 -0
- /package/dist/{useFieldTranslation-CfXaJRC4.js → useFieldTranslation-DtLNhrx3.js} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@object-ui/plugin-aggrid",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.4.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "AG Grid data grid plugin for Object UI, powered by AG Grid Community",
|
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
"./style.css": "./dist/index.css"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@object-ui/components": "3.
|
|
29
|
-
"@object-ui/core": "3.
|
|
30
|
-
"@object-ui/data-objectstack": "3.
|
|
31
|
-
"@object-ui/fields": "3.
|
|
32
|
-
"@object-ui/react": "3.
|
|
33
|
-
"@object-ui/types": "3.
|
|
28
|
+
"@object-ui/components": "3.4.0",
|
|
29
|
+
"@object-ui/core": "3.4.0",
|
|
30
|
+
"@object-ui/data-objectstack": "3.4.0",
|
|
31
|
+
"@object-ui/fields": "3.4.0",
|
|
32
|
+
"@object-ui/react": "3.4.0",
|
|
33
|
+
"@object-ui/types": "3.4.0"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"ag-grid-community": "^32.0.0",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"ag-grid-community": "^35.2.1",
|
|
47
47
|
"typescript": "^6.0.3",
|
|
48
48
|
"vite": "^8.0.10",
|
|
49
|
-
"vite-plugin-dts": "^
|
|
49
|
+
"vite-plugin-dts": "^5.0.0"
|
|
50
50
|
},
|
|
51
51
|
"keywords": [
|
|
52
52
|
"objectui",
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
|
|
2
|
-
import { t } from "./jsx-runtime-CXSCp6pT.js";
|
|
3
|
-
import { t as n } from "./createLucideIcon-C_5JZ35b.js";
|
|
4
|
-
import { t as r } from "./image-DmzU2ETO.js";
|
|
5
|
-
import { t as i } from "./upload-BdzwEMeV.js";
|
|
6
|
-
import { t as a } from "./x-98xe-fYG.js";
|
|
7
|
-
import { useCallback as o, useRef as s, useState as c } from "react";
|
|
8
|
-
import { Button as l, EmptyValue as u } from "@object-ui/components";
|
|
9
|
-
var d = n("file", [["path", {
|
|
10
|
-
d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
|
|
11
|
-
key: "1oefj6"
|
|
12
|
-
}], ["path", {
|
|
13
|
-
d: "M14 2v5a1 1 0 0 0 1 1h5",
|
|
14
|
-
key: "wfsgrz"
|
|
15
|
-
}]]), f = /* @__PURE__ */ e({ FileField: () => m }), p = t();
|
|
16
|
-
function m({ value: e, onChange: t, field: n, readonly: f, ...m }) {
|
|
17
|
-
let h = s(null), g = n || m.schema, _ = g?.multiple || !1, v = g?.accept ? g.accept.join(",") : void 0, y = g?.maxSize, [b, x] = c(!1), [S, C] = c([]), w = e ? Array.isArray(e) ? e : [e] : [], T = o((e) => {
|
|
18
|
-
if (e.length === 0) return;
|
|
19
|
-
let n = [], r = e.filter((e) => {
|
|
20
|
-
if (y && e.size > y) {
|
|
21
|
-
let t = (y / (1024 * 1024)).toFixed(1);
|
|
22
|
-
return n.push(`"${e.name}" exceeds max size (${t} MB)`), !1;
|
|
23
|
-
}
|
|
24
|
-
return !0;
|
|
25
|
-
});
|
|
26
|
-
if (C(n), r.length === 0) return;
|
|
27
|
-
let i = r.map((e) => ({
|
|
28
|
-
name: e.name,
|
|
29
|
-
original_name: e.name,
|
|
30
|
-
size: e.size,
|
|
31
|
-
mime_type: e.type,
|
|
32
|
-
url: URL.createObjectURL(e)
|
|
33
|
-
}));
|
|
34
|
-
t(_ ? [...w, ...i] : i[0]);
|
|
35
|
-
}, [
|
|
36
|
-
w,
|
|
37
|
-
_,
|
|
38
|
-
t,
|
|
39
|
-
y
|
|
40
|
-
]), E = o((e) => {
|
|
41
|
-
e.preventDefault(), e.stopPropagation(), x(!0);
|
|
42
|
-
}, []), D = o((e) => {
|
|
43
|
-
e.preventDefault(), e.stopPropagation(), x(!1);
|
|
44
|
-
}, []), O = o((e) => {
|
|
45
|
-
e.preventDefault(), e.stopPropagation(), x(!1);
|
|
46
|
-
let t = Array.from(e.dataTransfer.files);
|
|
47
|
-
if (v) {
|
|
48
|
-
let e = v.split(",").map((e) => e.trim().toLowerCase());
|
|
49
|
-
T(t.filter((t) => {
|
|
50
|
-
let n = t.name.split("."), r = n.length > 1 ? "." + n.pop()?.toLowerCase() : "";
|
|
51
|
-
return e.some((e) => e === t.type || r && e === r || e.endsWith("/*") && t.type.startsWith(e.replace("/*", "/")));
|
|
52
|
-
}));
|
|
53
|
-
} else T(t);
|
|
54
|
-
}, [v, T]);
|
|
55
|
-
if (f) return e ? /* @__PURE__ */ (0, p.jsx)("div", {
|
|
56
|
-
className: "flex flex-wrap gap-2",
|
|
57
|
-
children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ (0, p.jsx)("span", {
|
|
58
|
-
className: "text-sm truncate max-w-xs",
|
|
59
|
-
children: e.name || e.original_name || "File"
|
|
60
|
-
}, t))
|
|
61
|
-
}) : /* @__PURE__ */ (0, p.jsx)(u, {});
|
|
62
|
-
let k = (e) => {
|
|
63
|
-
T(Array.from(e.target.files || []));
|
|
64
|
-
}, A = (e) => {
|
|
65
|
-
if (_) {
|
|
66
|
-
let n = w.filter((t, n) => n !== e);
|
|
67
|
-
t(n.length > 0 ? n : null);
|
|
68
|
-
} else t(null);
|
|
69
|
-
}, j = (e) => (e.mime_type || "").startsWith("image/");
|
|
70
|
-
return /* @__PURE__ */ (0, p.jsxs)("div", {
|
|
71
|
-
className: m.className,
|
|
72
|
-
children: [/* @__PURE__ */ (0, p.jsx)("input", {
|
|
73
|
-
ref: h,
|
|
74
|
-
type: "file",
|
|
75
|
-
multiple: _,
|
|
76
|
-
accept: v,
|
|
77
|
-
onChange: k,
|
|
78
|
-
className: "hidden"
|
|
79
|
-
}), /* @__PURE__ */ (0, p.jsxs)("div", {
|
|
80
|
-
className: "space-y-2",
|
|
81
|
-
children: [
|
|
82
|
-
/* @__PURE__ */ (0, p.jsxs)("div", {
|
|
83
|
-
onDragOver: E,
|
|
84
|
-
onDragLeave: D,
|
|
85
|
-
onDrop: O,
|
|
86
|
-
onClick: () => h.current?.click(),
|
|
87
|
-
className: `
|
|
88
|
-
flex flex-col items-center justify-center gap-2 p-6
|
|
89
|
-
border-2 border-dashed rounded-lg cursor-pointer
|
|
90
|
-
transition-colors duration-200
|
|
91
|
-
${b ? "border-primary bg-primary/5 text-primary" : "border-muted-foreground/25 hover:border-primary/50 text-muted-foreground hover:text-foreground"}
|
|
92
|
-
`,
|
|
93
|
-
role: "button",
|
|
94
|
-
tabIndex: 0,
|
|
95
|
-
onKeyDown: (e) => {
|
|
96
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h.current?.click());
|
|
97
|
-
},
|
|
98
|
-
children: [/* @__PURE__ */ (0, p.jsx)(i, { className: `size-8 ${b ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ (0, p.jsxs)("div", {
|
|
99
|
-
className: "text-center",
|
|
100
|
-
children: [/* @__PURE__ */ (0, p.jsx)("p", {
|
|
101
|
-
className: "text-sm font-medium",
|
|
102
|
-
children: b ? "Drop files here" : "Drag & drop files here"
|
|
103
|
-
}), /* @__PURE__ */ (0, p.jsx)("p", {
|
|
104
|
-
className: "text-xs text-muted-foreground mt-1",
|
|
105
|
-
children: "or click to browse"
|
|
106
|
-
})]
|
|
107
|
-
})]
|
|
108
|
-
}),
|
|
109
|
-
S.length > 0 && /* @__PURE__ */ (0, p.jsx)("div", {
|
|
110
|
-
className: "space-y-0.5",
|
|
111
|
-
children: S.map((e, t) => /* @__PURE__ */ (0, p.jsx)("p", {
|
|
112
|
-
className: "text-xs text-destructive",
|
|
113
|
-
children: e
|
|
114
|
-
}, t))
|
|
115
|
-
}),
|
|
116
|
-
w.length > 0 && /* @__PURE__ */ (0, p.jsx)("div", {
|
|
117
|
-
className: "space-y-1",
|
|
118
|
-
children: w.map((e, t) => /* @__PURE__ */ (0, p.jsxs)("div", {
|
|
119
|
-
className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
|
|
120
|
-
children: [/* @__PURE__ */ (0, p.jsxs)("div", {
|
|
121
|
-
className: "flex items-center gap-2 flex-1 min-w-0",
|
|
122
|
-
children: [
|
|
123
|
-
j(e) && e.url ? /* @__PURE__ */ (0, p.jsx)("img", {
|
|
124
|
-
src: e.url,
|
|
125
|
-
alt: e.name,
|
|
126
|
-
className: "size-8 object-cover rounded flex-shrink-0"
|
|
127
|
-
}) : j(e) ? /* @__PURE__ */ (0, p.jsx)(r, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ (0, p.jsx)(d, { className: "size-4 text-muted-foreground flex-shrink-0" }),
|
|
128
|
-
/* @__PURE__ */ (0, p.jsx)("span", {
|
|
129
|
-
className: "text-sm truncate",
|
|
130
|
-
children: e.name || e.original_name || "File"
|
|
131
|
-
}),
|
|
132
|
-
e.size && /* @__PURE__ */ (0, p.jsxs)("span", {
|
|
133
|
-
className: "text-xs text-muted-foreground",
|
|
134
|
-
children: [
|
|
135
|
-
"(",
|
|
136
|
-
(e.size / 1024).toFixed(1),
|
|
137
|
-
" KB)"
|
|
138
|
-
]
|
|
139
|
-
})
|
|
140
|
-
]
|
|
141
|
-
}), /* @__PURE__ */ (0, p.jsx)(l, {
|
|
142
|
-
type: "button",
|
|
143
|
-
variant: "ghost",
|
|
144
|
-
size: "sm",
|
|
145
|
-
onClick: (e) => {
|
|
146
|
-
e.stopPropagation(), A(t);
|
|
147
|
-
},
|
|
148
|
-
className: "h-6 w-6 p-0",
|
|
149
|
-
children: /* @__PURE__ */ (0, p.jsx)(a, { className: "size-3" })
|
|
150
|
-
})]
|
|
151
|
-
}, t))
|
|
152
|
-
})
|
|
153
|
-
]
|
|
154
|
-
})]
|
|
155
|
-
});
|
|
156
|
-
}
|
|
157
|
-
//#endregion
|
|
158
|
-
export { f as t };
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
|
|
2
|
-
import { t } from "./jsx-runtime-CXSCp6pT.js";
|
|
3
|
-
import { t as n } from "./image-DmzU2ETO.js";
|
|
4
|
-
import { t as r } from "./x-98xe-fYG.js";
|
|
5
|
-
import { useRef as i } from "react";
|
|
6
|
-
import { Button as a, EmptyValue as o } from "@object-ui/components";
|
|
7
|
-
//#region ../fields/src/widgets/ImageField.tsx
|
|
8
|
-
var s = /* @__PURE__ */ e({ ImageField: () => l }), c = t();
|
|
9
|
-
function l({ value: e, onChange: t, field: s, readonly: l, ...u }) {
|
|
10
|
-
let d = i(null), f = s || u.schema, p = f?.multiple || !1, m = f?.accept ? f.accept.join(",") : "image/*";
|
|
11
|
-
if (l) return e ? /* @__PURE__ */ (0, c.jsx)("div", {
|
|
12
|
-
className: "flex flex-wrap gap-2",
|
|
13
|
-
children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ (0, c.jsx)("img", {
|
|
14
|
-
src: e.url || "",
|
|
15
|
-
alt: e.name || `Image ${t + 1}`,
|
|
16
|
-
className: "size-20 rounded-md object-cover border border-gray-200"
|
|
17
|
-
}, t))
|
|
18
|
-
}) : /* @__PURE__ */ (0, c.jsx)(o, {});
|
|
19
|
-
let h = e ? Array.isArray(e) ? e : [e] : [], g = (e) => {
|
|
20
|
-
let n = Array.from(e.target.files || []);
|
|
21
|
-
if (n.length === 0) return;
|
|
22
|
-
let r = n.map((e) => ({
|
|
23
|
-
name: e.name,
|
|
24
|
-
original_name: e.name,
|
|
25
|
-
size: e.size,
|
|
26
|
-
mime_type: e.type,
|
|
27
|
-
url: URL.createObjectURL(e)
|
|
28
|
-
}));
|
|
29
|
-
t(p ? [...h, ...r] : r[0]);
|
|
30
|
-
}, _ = (e) => {
|
|
31
|
-
if (p) {
|
|
32
|
-
let n = h.filter((t, n) => n !== e);
|
|
33
|
-
t(n.length > 0 ? n : null);
|
|
34
|
-
} else t(null);
|
|
35
|
-
};
|
|
36
|
-
return /* @__PURE__ */ (0, c.jsxs)("div", {
|
|
37
|
-
className: u.className,
|
|
38
|
-
children: [/* @__PURE__ */ (0, c.jsx)("input", {
|
|
39
|
-
ref: d,
|
|
40
|
-
type: "file",
|
|
41
|
-
multiple: p,
|
|
42
|
-
accept: m,
|
|
43
|
-
onChange: g,
|
|
44
|
-
className: "hidden"
|
|
45
|
-
}), /* @__PURE__ */ (0, c.jsxs)("div", {
|
|
46
|
-
className: "space-y-2",
|
|
47
|
-
children: [h.length > 0 && /* @__PURE__ */ (0, c.jsx)("div", {
|
|
48
|
-
className: "grid grid-cols-4 gap-2",
|
|
49
|
-
children: h.map((e, t) => /* @__PURE__ */ (0, c.jsxs)("div", {
|
|
50
|
-
className: "relative group",
|
|
51
|
-
children: [/* @__PURE__ */ (0, c.jsx)("img", {
|
|
52
|
-
src: e.url || "",
|
|
53
|
-
alt: e.name || `Image ${t + 1}`,
|
|
54
|
-
className: "size-20 rounded-md object-cover border border-gray-200"
|
|
55
|
-
}), /* @__PURE__ */ (0, c.jsx)(a, {
|
|
56
|
-
type: "button",
|
|
57
|
-
variant: "destructive",
|
|
58
|
-
size: "sm",
|
|
59
|
-
onClick: () => _(t),
|
|
60
|
-
className: "absolute top-1 right-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
|
|
61
|
-
children: /* @__PURE__ */ (0, c.jsx)(r, { className: "size-3" })
|
|
62
|
-
})]
|
|
63
|
-
}, t))
|
|
64
|
-
}), /* @__PURE__ */ (0, c.jsxs)(a, {
|
|
65
|
-
type: "button",
|
|
66
|
-
variant: "outline",
|
|
67
|
-
onClick: () => d.current?.click(),
|
|
68
|
-
className: "w-full",
|
|
69
|
-
children: [/* @__PURE__ */ (0, c.jsx)(n, { className: "size-4 mr-2" }), h.length > 0 ? "Add More Images" : "Upload Image"]
|
|
70
|
-
})]
|
|
71
|
-
})]
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
//#endregion
|
|
75
|
-
export { s as n, l as t };
|