@adamosuiteservices/ui 2.12.2 → 2.13.0

package/dist/components/ui/file-upload/file-upload.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps } from 'react';
+export type FileUploadLabels = {
+    dragDrop?: string;
+    selectFile?: string;
+    fileRequirements?: string;
+};
+export type FileUploadProps = ComponentProps<"div"> & Readonly<{
+    selectedFile: File | null;
+    onFileSelect: (file: File | null) => void;
+    acceptedExtensions?: string[];
+    maxSizeInMB?: number;
+    labels?: FileUploadLabels;
+}>;
+export declare function FileUpload({ className, selectedFile, onFileSelect, acceptedExtensions, maxSizeInMB, labels, ...props }: FileUploadProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/file-upload/index.d.ts

@@ -0,0 +1 @@
+export * from './file-upload';

package/dist/components/ui/typography/typography.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 declare const typographyVariants: (props?: ({
-    variant?: "caption" | "sm" | "lg" | "xs" | "md" | null | undefined;
+    variant?: "caption" | "sm" | "lg" | "md" | "xs" | null | undefined;
     color?: "default" | "muted" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Typography({ className, variant, color, asChild, ...props }: React.ComponentProps<"p"> & VariantProps<typeof typographyVariants> & {

package/dist/dialog.cjs

@@ -21,14 +21,14 @@
               adm:focus:ring-2 adm:focus:ring-ring adm:focus:ring-offset-2
               adm:focus:outline-hidden
               adm:disabled:pointer-events-none
+              adm:**:data-[slot=icon]:pointer-events-none
+              adm:**:data-[slot=icon]:shrink-0
               adm:data-[state=open]:bg-accent
               adm:data-[state=open]:text-muted-foreground
-              adm:[&_[data-slot=icon]]:pointer-events-none
-              adm:[&_[data-slot=icon]]:shrink-0
               adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
               adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
               adm:[&_svg:not([class*=size-])]:size-4
             `,children:[t.jsxRuntimeExports.jsx(r.Icon,{symbol:"close"}),t.jsxRuntimeExports.jsx("span",{className:"adm:sr-only",children:"Close"})]})]})]})}function p({className:a,...o}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-header",className:s.cn("adm:flex adm:flex-col adm:gap-2",a),...o})}function f({className:a,...o}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-footer",className:s.cn(`
-          adm:flex adm:gap-2
+          adm:flex adm:gap-6
           adm:sm:flex-row adm:sm:justify-start
-        `,a),...o})}function j({className:a,...o}){return t.jsxRuntimeExports.jsx(e.Title,{"data-slot":"dialog-title",className:s.cn("adm:text-sm adm:font-semibold adm:text-foreground",a),...o})}function D({className:a,...o}){return t.jsxRuntimeExports.jsx(e.Description,{"data-slot":"dialog-description",className:s.cn("adm:text-sm adm:text-muted-foreground",a),...o})}function R({className:a,...o}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-body",className:s.cn("adm:mt-2 adm:mb-6",a),...o})}exports.Dialog=c;exports.DialogBody=R;exports.DialogClose=u;exports.DialogContent=g;exports.DialogDescription=D;exports.DialogFooter=f;exports.DialogHeader=p;exports.DialogOverlay=n;exports.DialogPortal=d;exports.DialogTitle=j;exports.DialogTrigger=x;
+        `,a),...o})}function j({className:a,...o}){return t.jsxRuntimeExports.jsx(e.Title,{"data-slot":"dialog-title",className:s.cn("adm:text-sm adm:font-semibold adm:text-foreground",a),...o})}function D({className:a,...o}){return t.jsxRuntimeExports.jsx(e.Description,{"data-slot":"dialog-description",className:s.cn("adm:text-sm adm:text-muted-foreground",a),...o})}function R({className:a,...o}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"dialog-body",className:s.cn("adm:mt-4 adm:mb-10",a),...o})}exports.Dialog=c;exports.DialogBody=R;exports.DialogClose=u;exports.DialogContent=g;exports.DialogDescription=D;exports.DialogFooter=f;exports.DialogHeader=p;exports.DialogOverlay=n;exports.DialogPortal=d;exports.DialogTitle=j;exports.DialogTrigger=x;

package/dist/dialog.js

@@ -44,7 +44,7 @@ function j({
     }
   );
 }
-function _({
+function k({
   className: a,
   children: d,
   showCloseButton: s = !0,
@@ -88,10 +88,10 @@ function _({
               adm:focus:ring-2 adm:focus:ring-ring adm:focus:ring-offset-2
               adm:focus:outline-hidden
               adm:disabled:pointer-events-none
+              adm:**:data-[slot=icon]:pointer-events-none
+              adm:**:data-[slot=icon]:shrink-0
               adm:data-[state=open]:bg-accent
               adm:data-[state=open]:text-muted-foreground
-              adm:[&_[data-slot=icon]]:pointer-events-none
-              adm:[&_[data-slot=icon]]:shrink-0
               adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
               adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
               adm:[&_svg:not([class*=size-])]:size-4
@@ -107,7 +107,7 @@ function _({
     )
   ] });
 }
-function k({ className: a, ...d }) {
+function w({ className: a, ...d }) {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -117,14 +117,14 @@ function k({ className: a, ...d }) {
     }
   );
 }
-function w({ className: a, ...d }) {
+function T({ className: a, ...d }) {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-slot": "dialog-footer",
       className: o(
         `
-          adm:flex adm:gap-2
+          adm:flex adm:gap-6
           adm:sm:flex-row adm:sm:justify-start
         `,
         a
@@ -133,7 +133,7 @@ function w({ className: a, ...d }) {
     }
   );
 }
-function T({
+function _({
   className: a,
   ...d
 }) {
@@ -167,7 +167,7 @@ function P({
     "div",
     {
       "data-slot": "dialog-body",
-      className: o("adm:mt-2 adm:mb-6", a),
+      className: o("adm:mt-4 adm:mb-10", a),
       ...d
     }
   );
@@ -176,12 +176,12 @@ export {
   N as Dialog,
   P as DialogBody,
   C as DialogClose,
-  _ as DialogContent,
+  k as DialogContent,
   O as DialogDescription,
-  w as DialogFooter,
-  k as DialogHeader,
+  T as DialogFooter,
+  w as DialogHeader,
   j as DialogOverlay,
   p as DialogPortal,
-  T as DialogTitle,
+  _ as DialogTitle,
   z as DialogTrigger
 };

package/dist/file-upload.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-BB_1_6y_.cjs"),p=require("./button-Day6_fbu.cjs"),l=require("./icon-DPMQJBkA.cjs"),r=require("./typography-DqQZZpkD.cjs"),a=require("./index-DoxiiusW.cjs"),N=require("react");function D({className:j,selectedFile:n,onFileSelect:m,acceptedExtensions:d=[".xls",".xlsx",".numbers"],maxSizeInMB:x=50,labels:i,...f}){const[c,o]=N.useState(!1),h=d.join(","),g=x*1024*1024,y=s=>{s.preventDefault(),o(!0)},R=s=>{s.preventDefault(),o(!1)},b=s=>{s.preventDefault(),o(!1);const t=s.dataTransfer.files[0];t&&u(t)&&m(t)},v=s=>{const t=s.target.files?.[0];t&&u(t)&&m(t)},E=()=>{m(null)},u=s=>{const t=s.name.substring(s.name.lastIndexOf("."));return d.includes(t.toLowerCase())&&s.size<=g};return e.jsxRuntimeExports.jsx("div",{className:a.cn("adm:flex adm:flex-col",j),...f,children:n?e.jsxRuntimeExports.jsxs("div",{className:a.cn(`
+            adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border
+            adm:border-input adm:bg-muted adm:p-6
+          `),children:[e.jsxRuntimeExports.jsx("div",{className:a.cn(`
+              adm:flex adm:items-center adm:justify-center adm:rounded-xl
+              adm:bg-primary-50 adm:p-2.5
+            `),children:e.jsxRuntimeExports.jsx(l.Icon,{symbol:"text_snippet",className:"adm:text-primary"})}),e.jsxRuntimeExports.jsxs("div",{className:`
+              adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
+            `,children:[e.jsxRuntimeExports.jsx("div",{className:"adm:min-w-0 adm:flex-1",children:e.jsxRuntimeExports.jsx(r.Typography,{className:"adm:truncate adm:font-semibold",children:n.name})}),e.jsxRuntimeExports.jsxs(r.Typography,{className:"adm:shrink-0",color:"muted",children:[(n.size/1024/1024).toFixed(1)," MB"]})]}),e.jsxRuntimeExports.jsx(p.Button,{variant:"destructive-medium",onClick:E,type:"button",children:e.jsxRuntimeExports.jsx(l.Icon,{symbol:"delete",className:"adm:text-destructive"})})]}):e.jsxRuntimeExports.jsxs("div",{onDragOver:y,onDragLeave:R,onDrop:b,className:a.cn(`
+                adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
+                adm:border-2
+              `,`
+                adm:border-dashed adm:bg-background adm:p-6
+                adm:transition-colors
+              `,{"adm:border-primary":c,"adm:border-input":!c}),children:[e.jsxRuntimeExports.jsx("div",{className:a.cn(`
+              adm:flex adm:items-center adm:justify-center adm:rounded-xl
+              adm:bg-primary-50 adm:p-2.5
+            `),children:e.jsxRuntimeExports.jsx(l.Icon,{symbol:"text_snippet",className:"adm:text-primary"})}),e.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:items-center adm:gap-2",children:[e.jsxRuntimeExports.jsx(r.Typography,{children:i?.dragDrop||"Drag and drop your file here or"}),e.jsxRuntimeExports.jsxs("label",{htmlFor:"file-upload",children:[e.jsxRuntimeExports.jsx("input",{id:"file-upload",type:"file",accept:h,onChange:v,className:"adm:hidden"}),e.jsxRuntimeExports.jsx(p.Button,{asChild:!0,type:"button",variant:"link",className:"adm:cursor-pointer",children:e.jsxRuntimeExports.jsx("span",{children:i?.selectFile||"Select the file"})})]})]}),e.jsxRuntimeExports.jsx(r.Typography,{className:"adm:text-center",color:"muted",children:i?.fileRequirements||`Allowed files: ${d.join(", ")}. Maximum size ${x} MB.`})]})})}exports.FileUpload=D;

package/dist/file-upload.js

@@ -0,0 +1,146 @@
+import { j as e } from "./jsx-runtime-BzflLqGi.js";
+import { B as f } from "./button-Bn4LFAa9.js";
+import { I as o } from "./icon-DKAhvlX_.js";
+import { T as m } from "./typography-9EoV0kcN.js";
+import { c as s } from "./index-CRiPKpXj.js";
+import { useState as I } from "react";
+function L({
+  className: u,
+  selectedFile: r,
+  onFileSelect: t,
+  acceptedExtensions: n = [".xls", ".xlsx", ".numbers"],
+  maxSizeInMB: c = 50,
+  labels: i,
+  ...h
+}) {
+  const [x, l] = I(!1), j = n.join(","), g = c * 1024 * 1024, v = (a) => {
+    a.preventDefault(), l(!0);
+  }, b = (a) => {
+    a.preventDefault(), l(!1);
+  }, y = (a) => {
+    a.preventDefault(), l(!1);
+    const d = a.dataTransfer.files[0];
+    d && p(d) && t(d);
+  }, N = (a) => {
+    const d = a.target.files?.[0];
+    d && p(d) && t(d);
+  }, D = () => {
+    t(null);
+  }, p = (a) => {
+    const d = a.name.substring(a.name.lastIndexOf("."));
+    return n.includes(d.toLowerCase()) && a.size <= g;
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: s("adm:flex adm:flex-col", u), ...h, children: r ? (
+    // Selected File Display (when file is selected)
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: s(`
+            adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border
+            adm:border-input adm:bg-muted adm:p-6
+          `),
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: s(`
+              adm:flex adm:items-center adm:justify-center adm:rounded-xl
+              adm:bg-primary-50 adm:p-2.5
+            `),
+              children: /* @__PURE__ */ e.jsx(o, { symbol: "text_snippet", className: "adm:text-primary" })
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: `
+              adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
+            `,
+              children: [
+                /* @__PURE__ */ e.jsx("div", { className: "adm:min-w-0 adm:flex-1", children: /* @__PURE__ */ e.jsx(m, { className: "adm:truncate adm:font-semibold", children: r.name }) }),
+                /* @__PURE__ */ e.jsxs(m, { className: "adm:shrink-0", color: "muted", children: [
+                  (r.size / 1024 / 1024).toFixed(1),
+                  " MB"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            f,
+            {
+              variant: "destructive-medium",
+              onClick: D,
+              type: "button",
+              children: /* @__PURE__ */ e.jsx(o, { symbol: "delete", className: "adm:text-destructive" })
+            }
+          )
+        ]
+      }
+    )
+  ) : (
+    // Drag & Drop Area (when no file is selected)
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        onDragOver: v,
+        onDragLeave: b,
+        onDrop: y,
+        className: s(
+          `
+                adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
+                adm:border-2
+              `,
+          `
+                adm:border-dashed adm:bg-background adm:p-6
+                adm:transition-colors
+              `,
+          {
+            "adm:border-primary": x,
+            "adm:border-input": !x
+          }
+        ),
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: s(`
+              adm:flex adm:items-center adm:justify-center adm:rounded-xl
+              adm:bg-primary-50 adm:p-2.5
+            `),
+              children: /* @__PURE__ */ e.jsx(o, { symbol: "text_snippet", className: "adm:text-primary" })
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:flex-col adm:items-center adm:gap-2", children: [
+            /* @__PURE__ */ e.jsx(m, { children: i?.dragDrop || "Drag and drop your file here or" }),
+            /* @__PURE__ */ e.jsxs("label", { htmlFor: "file-upload", children: [
+              /* @__PURE__ */ e.jsx(
+                "input",
+                {
+                  id: "file-upload",
+                  type: "file",
+                  accept: j,
+                  onChange: N,
+                  className: "adm:hidden"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                f,
+                {
+                  asChild: !0,
+                  type: "button",
+                  variant: "link",
+                  className: "adm:cursor-pointer",
+                  children: /* @__PURE__ */ e.jsx("span", { children: i?.selectFile || "Select the file" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsx(m, { className: "adm:text-center", color: "muted", children: i?.fileRequirements || `Allowed files: ${n.join(", ")}. Maximum size ${c} MB.` })
+        ]
+      }
+    )
+  ) });
+}
+export {
+  L as FileUpload
+};