lecom-ui 4.8.6 → 4.8.7

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([]);
@@ -90,19 +91,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

@@ -571,9 +571,9 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
 }
 
 declare const inputVariants: (props?: ({
-    variant?: "default" | "filled" | "borderless" | null | undefined;
-    size?: "default" | "small" | "large" | null | undefined;
-    radius?: "default" | "small" | "large" | null | undefined;
+    variant?: "filled" | "default" | "borderless" | null | undefined;
+    size?: "small" | "large" | "default" | null | undefined;
+    radius?: "small" | "large" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
     sufix?: React$1.ReactNode;
@@ -735,7 +735,7 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive
 declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
 declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
 declare const tooltipContentVariants: (props?: ({
-    color?: "black" | "white" | null | undefined;
+    color?: "white" | "black" | null | undefined;
     arrow?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
@@ -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;
 };