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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.17",
+  "version": "0.0.1-beta.2",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [
@@ -35,16 +35,16 @@
     "directory": "build",
     "registry": "https://registry.npmjs.org/",
     "dependencies": {
-      "@oneplatformdev/hooks": "~0.0.1-beta.3",
-      "@oneplatformdev/utils": "~0.0.2-beta.7"
+      "@oneplatformdev/utils": "latest",
+      "@oneplatformdev/hooks": "latest"
     }
   },
   "peerDependency": {
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@oneplatformdev/hooks": "~0.0.1-beta.3",
-    "@oneplatformdev/utils": "~0.0.2-beta.7",
+    "@oneplatformdev/utils": "latest",
+    "@oneplatformdev/hooks": "latest",
     "lucide-react": "^0.469.0"
   },
   "peerDependenciesMeta": {
@@ -87,17 +87,16 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "@tanstack/react-table": "^8.20.6",
     "cmdk": "1.0.0",
-    "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.5.1",
     "input-otp": "^1.4.1",
     "next-themes": "^0.4.4",
     "react-day-picker": "8.10.1",
-    "react-dropzone": "^14.3.5",
     "react-hook-form": "^7.54.2",
     "react-resizable-panels": "^2.1.7",
     "recharts": "^2.15.0",
     "sonner": "^1.7.1",
     "vaul": "^1.1.2",
+    "date-fns": "^4.1.0",
     "zod": "^3.24.1"
   }
 }

package/Dropzone/Dropzone.d.ts

@@ -1,22 +0,0 @@
-import { DropzoneProps } from './Dropzone.types';
-
-/**
- * Dropzone component - A drag-and-drop file upload area with image previews, error handling, and localization.
- *
- * @component
- * @param {DropzoneProps} props - The props for the Dropzone component.
- * @param {string[]} [props.acceptTypes=DEFAULT_FILE_TYPES] - Allowed file MIME types.
- * @param {number} props.maxSizeMB - Maximum allowed file size in megabytes.
- * @param {number} [props.maxFiles=1] - Maximum number of files that can be uploaded.
- * @param {DropzoneTranslations} props.translations - Translations for text labels.
- * @param {(errors: FileRejection[]) => void} [props.onErrors] - Callback triggered when file errors occur.
- * @param {boolean} [props.hideErrors=false] - Whether to hide error messages.
- * @param {boolean} [props.disabled=false] - Whether the dropzone is disabled.
- * @param {DropzoneStyles} [props.classNames] - Custom classNames for different dropzone states.
- * @param {DropzoneValueItem[]} [props.value=[]] - Current selected files or URLs.
- * @param {(items: DropzoneValueItem[]) => void} [props.onChangeValue] - Callback triggered when file selection changes.
- * @param {string} [props.className] - Additional class names for styling.
- * @param {React.Ref<HTMLDivElement>} ref - Ref for the root dropzone container.
- * @returns {JSX.Element} The rendered Dropzone component.
- */
-export declare const Dropzone: import('react').ForwardRefExoticComponent<DropzoneProps & import('react').RefAttributes<HTMLDivElement>>;

package/Dropzone/Dropzone.mjs

@@ -1,136 +0,0 @@
-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: y = Y,
-    maxSizeMB: w,
-    maxFiles: a = 1,
-    onErrors: x,
-    hideErrors: b = !1,
-    disabled: p = !1,
-    classNames: l,
-    value: u = [],
-    onChangeValue: s,
-    className: F,
-    labelDropzonePrompt: z = "Drop files here or click to select",
-    labelOrClickToSelect: H = "Click to select files",
-    labelSelectedFiles: D = "Selected Files",
-    labelUploadErrors: I = "Upload Errors",
-    labelFileTooLarge: k = "File is too large",
-    labelInvalidFileType: S = "Invalid file type",
-    ...E
-  }, P) => {
-    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 r = c.filter((n, f) => f !== i);
-      h(r), s == null || s(r);
-    }, { getRootProps: _, getInputProps: A, isDragActive: B } = M({
-      onDrop: W,
-      accept: y.reduce((e, i) => (e[i] = [], e), {}),
-      maxSize: w * 1024 * 1024,
-      maxFiles: a,
-      disabled: p
-    });
-    return /* @__PURE__ */ t(
-      U,
-      {
-        ..._(),
-        ...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",
-          F
-        ),
-        ref: P,
-        children: [
-          /* @__PURE__ */ o("input", { ...A() }),
-          c.length === 0 && d.length === 0 && /* @__PURE__ */ t(
-            "div",
-            {
-              className: m(
-                "flex flex-col items-center gap-1",
-                l == null ? void 0 : l.idleWrapper
-              ),
-              children: [
-                /* @__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__ */ 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 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__ */ 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(
-                        O,
-                        {
-                          size: 16,
-                          strokeWidth: 1,
-                          color: "black",
-                          onClick: (f) => T(f, i)
-                        }
-                      ) })
-                    ] }),
-                    /* @__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,
-                        ")"
-                      ] })
-                    ] })
-                  ]
-                },
-                i
-              );
-            }) })
-          ] }),
-          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__ */ t("li", { children: [
-              e.file.name,
-              " (",
-              (e.file.size / (1024 * 1024)).toFixed(2),
-              " MB)",
-              !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)) })
-          ] })
-        ]
-      }
-    );
-  }
-);
-G.displayName = "Dropzone";
-export {
-  G as Dropzone
-};

package/Dropzone/Dropzone.types.d.ts

@@ -1,36 +0,0 @@
-import { FileRejection } from 'react-dropzone';
-
-export type DropzoneValueItem = File | string;
-export interface FilePreviewProps {
-    item: DropzoneValueItem;
-    styles?: Pick<DropzoneStyles, 'previewWraper' | 'previewImage' | 'previewFile'>;
-}
-export interface DropzoneTranslations {
-    labelDropzonePrompt?: string;
-    labelOrClickToSelect?: string;
-    labelSelectedFiles?: string;
-    labelUploadErrors?: string;
-    labelFileTooLarge?: string;
-    labelInvalidFileType?: string;
-}
-export interface DropzoneProps extends DropzoneTranslations, React.HTMLAttributes<HTMLDivElement> {
-    acceptTypes?: string[];
-    maxSizeMB: number;
-    maxFiles?: number;
-    onErrors?: (errors: FileRejection[]) => void;
-    hideErrors?: boolean;
-    disabled?: boolean;
-    classNames?: DropzoneStyles;
-    value?: DropzoneValueItem[];
-    onChangeValue?: (items: DropzoneValueItem[]) => void;
-}
-export interface DropzoneStyles {
-    idleWrapper?: string;
-    previewWrapper?: string;
-    errorWrapper?: string;
-    previewWraper?: string;
-    previewImage?: string;
-    previewFile?: string;
-}
-export declare const DEFAULT_FILE_TYPES: string[];
-export declare const DEFAULT_IMAGES_TYPES: string[];

package/Dropzone/DropzoneFilePreview.d.ts

@@ -1,4 +0,0 @@
-import { FilePreviewProps } from './Dropzone.types';
-import { FC } from 'react';
-
-export declare const FilePreview: FC<FilePreviewProps>;

package/Dropzone/DropzoneFilePreview.mjs

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

package/Dropzone/DropzoneUtils.d.ts

@@ -1,4 +0,0 @@
-import { DropzoneValueItem } from './Dropzone.types';
-
-export declare function isFile(item: DropzoneValueItem): item is File;
-export declare function extractName(url: string): string;

package/Dropzone/DropzoneUtils.mjs

@@ -1,15 +0,0 @@
-function e(t) {
-  return t instanceof File;
-}
-function i(t) {
-  try {
-    const n = t.split("?")[0].split("#")[0].split("/");
-    return n[n.length - 1] || t;
-  } catch {
-    return t;
-  }
-}
-export {
-  i as extractName,
-  e as isFile
-};

package/Dropzone/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Dropzone';
-export * from './Dropzone.types';

package/Dropzone/index.mjs

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

package/Dropzone/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/DropzoneFilePreview-Dhtv8F4u.js

@@ -1,67 +0,0 @@
-import { jsx as l, jsxs as d } from "react/jsx-runtime";
-import { useState as m, useEffect as f } from "react";
-import { File as s } from "lucide-react";
-import { isFile as o } from "./Dropzone/DropzoneUtils.mjs";
-import { cn as c } from "@oneplatformdev/utils";
-const h = [
-  "application/msword",
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  "text/csv",
-  "text/plain",
-  "application/pdf"
-], u = [
-  "image/png",
-  "image/jpeg",
-  "image/jpg",
-  "image/webp",
-  "image/gif"
-], j = ({ item: e, styles: r }) => {
-  const [t, a] = m(null), p = o(e) && u.includes(e.type);
-  return f(() => {
-    let n = null;
-    if (o(e) && p) {
-      const i = new FileReader();
-      return i.onloadend = () => a(i.result), i.readAsDataURL(e), () => a(null);
-    } else {
-      if (typeof e == "string")
-        return n = new Image(), n.src = e, n.onload = () => a(e), n.onerror = () => a(null), () => {
-          n.onload = null, n.onerror = null;
-        };
-      a(null);
-    }
-    return () => a(null);
-  }, [e, p]), /* @__PURE__ */ l(
-    "div",
-    {
-      className: c(
-        "w-32 h-32 border border-gray-300 rounded-md overflow-hidden flex items-center justify-center",
-        r == null ? void 0 : r.previewWraper
-      ),
-      children: t ? /* @__PURE__ */ l(
-        "img",
-        {
-          src: t,
-          alt: o(e) ? e.name : "external-image",
-          className: c("w-full h-full object-cover", r == null ? void 0 : r.previewImage)
-        }
-      ) : /* @__PURE__ */ d(
-        "div",
-        {
-          className: c(
-            "flex flex-col items-center justify-center text-gray-500 text-sm p-2 text-center",
-            r == null ? void 0 : r.previewFile
-          ),
-          children: [
-            /* @__PURE__ */ l(s, { className: "w-6 h-6" }),
-            o(e) ? /* @__PURE__ */ l("span", { className: "text-xs break-all", children: e.name }) : /* @__PURE__ */ l("span", { className: "text-xs break-all", children: e })
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  h as D,
-  j as F,
-  u as a
-};

package/FormDropzone/FormDropzone.d.ts

@@ -1,4 +0,0 @@
-import { FormDropzoneProps } from './FormDropzone.types';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-
-export declare const FormDropzone: <Data extends FieldValues, Form extends UseFormReturn<Data>>(props: FormDropzoneProps<Data, Form>) => import("react/jsx-runtime").JSX.Element;

package/FormDropzone/FormDropzone.mjs

@@ -1,26 +0,0 @@
-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 f } from "../Dropzone/Dropzone.mjs";
-const h = (n) => {
-  const { form: e, label: m, name: t, ...p } = n;
-  return /* @__PURE__ */ o(
-    l,
-    {
-      form: e,
-      label: m,
-      name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
-        f,
-        {
-          ...p,
-          ...r,
-          onChangeValue: r.onChange
-        }
-      ) })
-    }
-  );
-};
-export {
-  h as FormDropzone
-};

package/FormDropzone/FormDropzone.types.d.ts

@@ -1,7 +0,0 @@
-import { FormRenderControlExtendProps } from '../Form';
-import { DropzoneProps } from '../Dropzone';
-import { UseFormReturn } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form/dist/types/fields';
-
-export interface FormDropzoneProps<Data extends FieldValues, Form extends UseFormReturn<Data>> extends FormRenderControlExtendProps<Data, Form>, DropzoneProps {
-}

package/FormDropzone/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FormDropzone';
-export * from './FormDropzone.types';

package/FormDropzone/index.mjs

@@ -1,4 +0,0 @@
-import { FormDropzone as e } from "./FormDropzone.mjs";
-export {
-  e as FormDropzone
-};

package/FormDropzone/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/Input/inputVariants.d.ts

@@ -1,3 +0,0 @@
-export declare const inputVariants: (props?: ({
-    variant?: "default" | "grey" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

package/Input/inputVariants.mjs

@@ -1,18 +0,0 @@
-import { cva as e } from "class-variance-authority";
-const r = e(
-  "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-background",
-        grey: "bg-slate-200"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-export {
-  r as inputVariants
-};