lecom-ui 4.8.6 → 4.8.8

package/README.md

@@ -1 +1 @@
-lecom-ui
+lecom-ui

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,5 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs };

package/dist/_virtual/index.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
+import { __require as requireLib } from '../node_modules/hex-color-opacity/lib/index.js';
+
+var libExports = requireLib();
+var opacity = /*@__PURE__*/getDefaultExportFromCjs(libExports);
+
+export { opacity as default };

package/dist/{table.js → components/Table/Table.js}

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { cn } from './lib/utils.js';
+import { cn } from '../../lib/utils.js';
 
-const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto scrollbar-thin", children: /* @__PURE__ */ jsx(
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -39,7 +39,7 @@ const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   {
     ref,
     className: cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      "border-b transition-colors data-[state=selected]:bg-muted",
       className
     ),
     ...props
@@ -51,7 +51,7 @@ const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   {
     ref,
     className: cn(
-      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
       className
     ),
     ...props
@@ -62,10 +62,7 @@ const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   "td",
   {
     ref,
-    className: cn(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-      className
-    ),
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
     ...props
   }
 ));

package/dist/components/Upload/Upload.js

@@ -12,6 +12,7 @@ const Upload = ({
   className,
   accept,
   multiple,
+  disabled,
   id = "input-file-browse"
 }) => {
   const [files, setFiles] = React.useState([]);
@@ -57,6 +58,7 @@ const Upload = ({
       {
         className: cn(
           "px-4 border border-grey-400 rounded-[4px] w-full h-10 flex items-center",
+          disabled && "cursor-not-allowed bg-grey-100",
           className
         )
       },
@@ -72,15 +74,21 @@ const Upload = ({
         ArrowDownToLine,
         {
           size: 20,
-          onClick: () => handleDownloadFile(index),
-          className: "text-grey-800 hover:cursor-pointer hover:text-grey-950 transition-all"
+          onClick: !disabled ? () => handleDownloadFile(index) : void 0,
+          className: cn(
+            "text-grey-800 hover:cursor-pointer hover:text-grey-950 transition-all",
+            disabled && "hover:cursor-not-allowed"
+          )
         }
       )), /* @__PURE__ */ React.createElement(TooltipContent, { color: "black" }, t("upload.download"))), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
         Trash,
         {
           size: 20,
-          onClick: () => handleRemoveFile(index),
-          className: "text-grey-800 hover:cursor-pointer hover:text-grey-950 transition-all"
+          onClick: !disabled ? () => handleRemoveFile(index) : void 0,
+          className: cn(
+            "text-grey-800 hover:cursor-pointer hover:text-grey-950 transition-all",
+            disabled && "hover:cursor-not-allowed"
+          )
         }
       )), /* @__PURE__ */ React.createElement(TooltipContent, { color: "black" }, t("upload.remove")))))))
     );
@@ -90,19 +98,27 @@ const Upload = ({
     {
       className: cn(
         "p-4 border border-grey-400 border-dashed rounded-[4px] h-[96px] w-full hover:cursor-pointer hover:border-grey-600 transition-all",
+        disabled && "hover:cursor-not-allowed bg-grey-100 hover:border-grey-400",
         className
       ),
-      onDrop: handleDrop,
-      onDragOver: (event) => event.preventDefault(),
-      onClick: handleClickUpload
+      onDrop: !disabled ? handleDrop : void 0,
+      onDragOver: !disabled ? (event) => event.preventDefault() : void 0,
+      onClick: !disabled ? handleClickUpload : void 0
     },
-    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body-medium-400", textColor: "text-grey-500" }, t("upload.label")), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        variant: "body-medium-400",
+        textColor: disabled ? "text-grey-400" : "text-grey-500"
+      },
+      t("upload.label")
+    ), /* @__PURE__ */ React.createElement(
       "input",
       {
         type: "file",
         hidden: true,
         id,
-        onChange: handleFileChange,
+        onChange: !disabled ? handleFileChange : void 0,
         accept: accept || "*",
         multiple: !!multiple
       }

package/dist/hooks/use-mobile.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(
+    void 0
+  );
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+export { useIsMobile };

package/dist/index.d.ts

@@ -802,9 +802,10 @@ interface UploadProps {
     accept?: string;
     multiple?: boolean;
     id?: string;
+    disabled?: boolean;
 }
 declare const Upload: {
-    ({ onFilesSelected, className, accept, multiple, id, }: UploadProps): React$1.JSX.Element;
+    ({ onFilesSelected, className, accept, multiple, disabled, id, }: UploadProps): React$1.JSX.Element;
     displayName: string;
 };