@nomos-ui/form 0.4.5 → 0.4.6
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-input.d.ts","sourceRoot":"","sources":["../../src/components/image-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,QAAgB,EAChB,MAAkB,EAClB,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,gBAAwB,EACxB,GAAG,EACH,WAAW,EACX,aAAa,EACb,GAAG,KAAK,EACT,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"image-input.d.ts","sourceRoot":"","sources":["../../src/components/image-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,QAAgB,EAChB,MAAkB,EAClB,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,gBAAwB,EACxB,GAAG,EACH,WAAW,EACX,aAAa,EACb,GAAG,KAAK,EACT,EAAE,eAAe,2CAyIjB"}
|
|
@@ -10,13 +10,16 @@ const lucide_react_1 = require("lucide-react");
|
|
|
10
10
|
const tailwind_merge_1 = require("tailwind-merge");
|
|
11
11
|
function ImageInput({ value, onChange, labelProps, onError, className, dropzoneClassName, previewClassName, disabled = false, accept = "image/*", maxSize, error, label, required = false, showRequiredSign = false, tip, renderEmpty, renderPreview, ...props }) {
|
|
12
12
|
const [isDragging, setIsDragging] = react_1.default.useState(false);
|
|
13
|
-
const handleFile = (file) => {
|
|
13
|
+
const handleFile = async (file) => {
|
|
14
14
|
if (file) {
|
|
15
15
|
if (maxSize && file.size > maxSize) {
|
|
16
16
|
onError?.(`Max size: ${Math.round(maxSize / (1024 * 1024))}MB`);
|
|
17
17
|
return;
|
|
18
18
|
}
|
|
19
|
-
|
|
19
|
+
const buffer = await file.arrayBuffer();
|
|
20
|
+
const blob = new Blob([buffer], { type: file.type });
|
|
21
|
+
const snapshotFile = new File([blob], file.name, { type: file.type });
|
|
22
|
+
onChange?.(snapshotFile);
|
|
20
23
|
}
|
|
21
24
|
else {
|
|
22
25
|
onChange?.(null);
|
|
@@ -25,13 +28,13 @@ function ImageInput({ value, onChange, labelProps, onError, className, dropzoneC
|
|
|
25
28
|
const handleRemove = () => {
|
|
26
29
|
handleFile(null);
|
|
27
30
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
31
|
+
const previewUrl = react_1.default.useMemo(() => {
|
|
32
|
+
if (value instanceof File)
|
|
33
|
+
return URL.createObjectURL(value);
|
|
34
|
+
if (typeof value === "string")
|
|
35
|
+
return value;
|
|
36
|
+
return null;
|
|
37
|
+
}, [value]);
|
|
35
38
|
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("space-y-1.5 w-full", className), children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("label", { ...((labelProps?.htmlFor || props?.id) && {
|
|
36
39
|
htmlFor: labelProps?.htmlFor || props?.id,
|
|
37
40
|
}), className: "text-sm font-bold text-foreground", children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { className: "w-3 h-3 text-destructive" })), tip && ((0, jsx_runtime_1.jsxs)("div", { className: "ml-auto relative group", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CircleHelpIcon, { className: "w-4 h-4 text-muted-foreground cursor-help" }), (0, jsx_runtime_1.jsx)("span", { className: "absolute left-1/2 -translate-x-1/2 top-6 w-max max-w-xs px-2 py-1 bg-popover text-popover-foreground text-xs rounded-md border border-input shadow-md opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-50", children: tip })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "relative h-48 w-full", children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: accept, disabled: disabled, onChange: (e) => handleFile(e.target.files?.[0] || null), className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10 disabled:cursor-not-allowed", onDragOver: (e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-input.js","sourceRoot":"","sources":["../../src/components/image-input.tsx"],"names":[],"mappings":";;;;;AAwBA,
|
|
1
|
+
{"version":3,"file":"image-input.js","sourceRoot":"","sources":["../../src/components/image-input.tsx"],"names":[],"mappings":"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"}
|