@oneplatformdev/ui 0.0.1-beta.14 → 0.0.1-beta.17

package/Dropzone/Dropzone.mjs

@@ -1,106 +1,102 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { forwardRef as L, useState as y, useEffect as M } from "react";
-import { useDropzone as U } from "react-dropzone";
-import { Card as j } from "../Card/Card.mjs";
-import { File as O, X } from "lucide-react";
-import { cn as f } from "@oneplatformdev/utils";
-import { F as Y, D as q } from "../FilePreview-Dhtv8F4u.js";
-import { isFile as v, extractName as G } from "./DropzoneUtils.mjs";
-const H = L(
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { forwardRef as L, useState as g } from "react";
+import { useDropzone as M } from "react-dropzone";
+import { Card as U } from "../Card/Card.mjs";
+import { File as j, X as O } from "lucide-react";
+import { cn as m } from "@oneplatformdev/utils";
+import { F as X, D as Y } from "../DropzoneFilePreview-Dhtv8F4u.js";
+import { isFile as v, extractName as q } from "./DropzoneUtils.mjs";
+const G = L(
   ({
-    acceptTypes: w = q,
-    maxSizeMB: b,
-    maxFiles: h = 1,
-    onErrors: g,
-    hideErrors: F = !1,
+    acceptTypes: y = Y,
+    maxSizeMB: w,
+    maxFiles: a = 1,
+    onErrors: x,
+    hideErrors: b = !1,
     disabled: p = !1,
     classNames: l,
-    value: m = [],
+    value: u = [],
     onChangeValue: s,
-    className: u,
+    className: F,
     labelDropzonePrompt: z = "Drop files here or click to select",
-    labelOrClickToSelect: J = "Click to select files",
+    labelOrClickToSelect: H = "Click to select files",
     labelSelectedFiles: D = "Selected Files",
     labelUploadErrors: I = "Upload Errors",
     labelFileTooLarge: k = "File is too large",
-    labelInvalidFileType: E = "Invalid file type",
-    ...S
+    labelInvalidFileType: S = "Invalid file type",
+    ...E
   }, P) => {
-    const [c, a] = y(m), [d, N] = y([]);
-    M(() => {
-      a(m);
-    }, [m]);
-    const W = (e, i) => {
-      N(i), g && g(i);
-      const t = [...c, ...e].slice(0, h);
-      a(t), s == null || s(t);
+    const [c, h] = g(u), [d, N] = g([]), W = (e, i) => {
+      N(i), x && x(i);
+      const r = [...c, ...e].slice(0, a);
+      h(r), s == null || s(r);
     }, T = (e, i) => {
       if (p) return;
       e.stopPropagation();
-      const t = c.filter((n, x) => x !== i);
-      a(t), s == null || s(t);
-    }, { getRootProps: _, getInputProps: A, isDragActive: B } = U({
+      const r = c.filter((n, f) => f !== i);
+      h(r), s == null || s(r);
+    }, { getRootProps: _, getInputProps: A, isDragActive: B } = M({
       onDrop: W,
-      accept: w.reduce((e, i) => (e[i] = [], e), {}),
-      maxSize: b * 1024 * 1024,
-      maxFiles: h,
+      accept: y.reduce((e, i) => (e[i] = [], e), {}),
+      maxSize: w * 1024 * 1024,
+      maxFiles: a,
       disabled: p
     });
-    return /* @__PURE__ */ r(
-      j,
+    return /* @__PURE__ */ t(
+      U,
       {
         ..._(),
-        ...S,
-        className: f(
+        ...E,
+        className: m(
           "border-dashed border-2 p-6 text-center flex flex-col items-center justify-center",
           p && "bg-gray-300 pointer-events-none",
           d.length > 0 ? "border-red-500" : "border-gray-300",
           B && "bg-gray-100",
-          u
+          F
         ),
         ref: P,
         children: [
           /* @__PURE__ */ o("input", { ...A() }),
-          c.length === 0 && d.length === 0 && /* @__PURE__ */ r(
+          c.length === 0 && d.length === 0 && /* @__PURE__ */ t(
             "div",
             {
-              className: f(
+              className: m(
                 "flex flex-col items-center gap-1",
                 l == null ? void 0 : l.idleWrapper
               ),
               children: [
-                /* @__PURE__ */ o(O, { className: "w-8 h-8 text-gray-500" }),
-                !p && /* @__PURE__ */ o("span", { className: "font-semibold text-gray-600", children: z })
+                /* @__PURE__ */ o(j, { className: "w-8 h-8 text-gray-500" }),
+                !p && /* @__PURE__ */ o("pre", { className: "font-semibold text-gray-600", children: z })
               ]
             }
           ),
-          c.length > 0 && /* @__PURE__ */ r("div", { className: f("w-full mt-2", l == null ? void 0 : l.previewWrapper), children: [
-            /* @__PURE__ */ r("span", { className: "font-semibold text-gray-600", children: [
+          c.length > 0 && /* @__PURE__ */ t("div", { className: m("w-full mt-2", l == null ? void 0 : l.previewWrapper), children: [
+            /* @__PURE__ */ t("pre", { className: "font-semibold text-gray-600", children: [
               D,
               ":"
             ] }),
             /* @__PURE__ */ o("ul", { className: "mt-2 text-sm text-gray-500 flex flex-wrap gap-4 items-start justify-center", children: c.map((e, i) => {
-              const t = v(e) ? e.name : G(e), n = v(e) ? (e.size / (1024 * 1024)).toFixed(2) + " MB" : "";
-              return /* @__PURE__ */ r(
+              const r = v(e) ? e.name : q(e), n = v(e) ? (e.size / (1024 * 1024)).toFixed(2) + " MB" : "";
+              return /* @__PURE__ */ t(
                 "li",
                 {
                   className: "flex flex-col items-center gap-2 relative",
                   children: [
-                    /* @__PURE__ */ r("div", { className: "relative", children: [
-                      /* @__PURE__ */ o(Y, { item: e, styles: l }),
+                    /* @__PURE__ */ t("div", { className: "relative", children: [
+                      /* @__PURE__ */ o(X, { item: e, styles: l }),
                       /* @__PURE__ */ o("div", { className: "absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm", children: /* @__PURE__ */ o(
-                        X,
+                        O,
                         {
                           size: 16,
                           strokeWidth: 1,
                           color: "black",
-                          onClick: (x) => T(x, i)
+                          onClick: (f) => T(f, i)
                         }
                       ) })
                     ] }),
-                    /* @__PURE__ */ r("span", { className: "inline-flex flex-col items-center", children: [
-                      /* @__PURE__ */ o("span", { className: "max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap", children: t }),
-                      n && /* @__PURE__ */ r("span", { children: [
+                    /* @__PURE__ */ t("span", { className: "inline-flex flex-col items-center", children: [
+                      /* @__PURE__ */ o("span", { className: "max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap", children: r }),
+                      n && /* @__PURE__ */ t("span", { children: [
                         "(",
                         n,
                         ")"
@@ -112,20 +108,20 @@ const H = L(
               );
             }) })
           ] }),
-          d.length > 0 && /* @__PURE__ */ r("div", { className: f("w-full mt-4", l == null ? void 0 : l.errorWrapper), children: [
-            /* @__PURE__ */ r("span", { className: "font-semibold text-red-500", children: [
+          d.length > 0 && /* @__PURE__ */ t("div", { className: m("w-full mt-4", l == null ? void 0 : l.errorWrapper), children: [
+            /* @__PURE__ */ t("span", { className: "font-semibold text-red-500", children: [
               I,
               ":"
             ] }),
-            /* @__PURE__ */ o("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: d.map((e, i) => /* @__PURE__ */ r("li", { children: [
+            /* @__PURE__ */ o("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: d.map((e, i) => /* @__PURE__ */ t("li", { children: [
               e.file.name,
               " (",
               (e.file.size / (1024 * 1024)).toFixed(2),
               " MB)",
-              !F && /* @__PURE__ */ o("ul", { className: "ml-4 list-disc list-inside", children: e.errors.map((t, n) => /* @__PURE__ */ r("li", { children: [
-                t.code === "file-too-large" && k,
-                t.code === "file-invalid-type" && E,
-                t.code !== "file-too-large" && t.code !== "file-invalid-type" && t.message
+              !b && /* @__PURE__ */ o("ul", { className: "ml-4 list-disc list-inside", children: e.errors.map((r, n) => /* @__PURE__ */ t("li", { children: [
+                r.code === "file-too-large" && k,
+                r.code === "file-invalid-type" && S,
+                r.code !== "file-too-large" && r.code !== "file-invalid-type" && r.message
               ] }, n)) })
             ] }, i)) })
           ] })
@@ -134,7 +130,7 @@ const H = L(
     );
   }
 );
-H.displayName = "Dropzone";
+G.displayName = "Dropzone";
 export {
-  H as Dropzone
+  G as Dropzone
 };

package/Dropzone/{FilePreview.mjs → DropzoneFilePreview.mjs}

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "lucide-react";
-import { F } from "../FilePreview-Dhtv8F4u.js";
+import { F } from "../DropzoneFilePreview-Dhtv8F4u.js";
 import "./DropzoneUtils.mjs";
 import "@oneplatformdev/utils";
 export {

package/Dropzone/index.mjs

@@ -1,5 +1,5 @@
 import { Dropzone as r } from "./Dropzone.mjs";
-import { D as T, a as _ } from "../FilePreview-Dhtv8F4u.js";
+import { D as T, a as _ } from "../DropzoneFilePreview-Dhtv8F4u.js";
 export {
   T as DEFAULT_FILE_TYPES,
   _ as DEFAULT_IMAGES_TYPES,

package/FormDropzone/FormDropzone.mjs

@@ -1,22 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { FormControl as p } from "../Form/Form.mjs";
+import { jsx as o } from "react/jsx-runtime";
+import { FormControl as a } from "../Form/Form.mjs";
 import { FormRenderControl as l } from "../Form/FormRenderControl.mjs";
-import { Dropzone as s } from "../Dropzone/Dropzone.mjs";
-const h = (e) => {
-  const { form: n, label: m, name: t, ...a } = e;
-  return /* @__PURE__ */ r(
+import { Dropzone as f } from "../Dropzone/Dropzone.mjs";
+const h = (n) => {
+  const { form: e, label: m, name: t, ...p } = n;
+  return /* @__PURE__ */ o(
     l,
     {
-      form: n,
+      form: e,
       label: m,
       name: t,
-      render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
-        s,
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
+        f,
         {
-          ...a,
-          ...o,
-          value: o.value,
-          onChangeValue: o.onChange
+          ...p,
+          ...r,
+          onChangeValue: r.onChange
         }
       ) })
     }

package/FormSelect/FormSelect.types.d.ts

@@ -3,5 +3,5 @@ import { FormRenderControlExtendProps } from '../Form';
 import { UseFormReturn } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form/dist/types/fields';
 
-export interface FormSelectProps<Data extends FieldValues, Form extends UseFormReturn<Data>, ExtendOptionData> extends FormRenderControlExtendProps<Data, Form>, SelectProps<ExtendOptionData> {
+export interface FormSelectProps<Data extends FieldValues, Form extends UseFormReturn<Data>, ExtendOptionData> extends FormRenderControlExtendProps<Data, Form>, Omit<SelectProps<ExtendOptionData>, 'onChange'> {
 }

package/index.mjs

@@ -78,7 +78,7 @@ import { ToggleGroup as cn, ToggleGroupItem as Mn } from "./ToggleGroup/ToggleGr
 import { TooltipContent as An, TooltipProvider as In, TooltipRoot as wn, TooltipTrigger as hn } from "./Tooltip/TooltipRoot.mjs";
 import { Tooltip as Fn } from "./Tooltip/Tooltip.mjs";
 import { Dropzone as Bn } from "./Dropzone/Dropzone.mjs";
-import { D as Rn, a as kn } from "./FilePreview-Dhtv8F4u.js";
+import { D as Rn, a as kn } from "./DropzoneFilePreview-Dhtv8F4u.js";
 import { FormDropzone as Nn } from "./FormDropzone/FormDropzone.mjs";
 export {
   e as Accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.14",
+  "version": "0.0.1-beta.17",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [