lecom-ui 5.3.25 → 5.3.27

package/dist/components/DataTable/DataTable.js

@@ -27,7 +27,7 @@ function DataTable({
   const [expanded, setExpanded] = React.useState(
     initialExpanded || {}
   );
-  const memoizedColumns = React.useMemo(
+  const memorizedColumns = React.useMemo(
     () => buildColumns({
       columns,
       size,
@@ -48,7 +48,7 @@ function DataTable({
   const tableConfig = React.useMemo(
     () => ({
       data,
-      columns: memoizedColumns,
+      columns: memorizedColumns,
       getCoreRowModel: getCoreRowModel(),
       onSortingChange: setSorting,
       getSortedRowModel: getSortedRowModel(),
@@ -62,7 +62,7 @@ function DataTable({
     }),
     [
       data,
-      memoizedColumns,
+      memorizedColumns,
       handleExpandedChange,
       sorting,
       expanded,

package/dist/components/DataTable/DataTable.utils.js

@@ -152,6 +152,8 @@ function buildColumns({
     enableExpanding: externalColumn.enableExpand && !!expandedContent,
     meta: {
       width: externalColumn.width,
+      maxWidth: externalColumn.maxWidth,
+      minWidth: externalColumn.minWidth,
       fixed: externalColumn.fixed,
       truncate: !!externalColumn.truncate,
       align: externalColumn.align,

package/dist/components/DataTable/Table.js

@@ -18,7 +18,8 @@ function Table({
       return {
         width: meta.width,
         overflow: "hidden",
-        maxWidth: "0",
+        maxWidth: meta.maxWidth || "0",
+        minWidth: meta.minWidth || "0",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap",
         textAlign: meta.align || "left"

package/dist/index.d.ts

@@ -476,6 +476,8 @@ interface Column<TData, TValue> {
     enableSelect?: boolean;
     enableExpand?: boolean;
     width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
     fixed?: string;
     truncate?: boolean;
     align?: 'left' | 'center' | 'right';
@@ -532,6 +534,8 @@ interface BuildCellSelect<TData, TValue> {
 }
 interface Meta {
     width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
     fixed?: string;
     truncate?: boolean;
     align?: 'left' | 'center' | 'right';
@@ -738,9 +742,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" | "full" | null | undefined;
+    variant?: "filled" | "default" | "borderless" | null | undefined;
+    size?: "small" | "large" | "default" | null | undefined;
+    radius?: "small" | "large" | "default" | "full" | 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;
@@ -899,7 +903,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLLabelElement | HTMLParagraphElement | HTMLHeadingElement | HTMLInputElement | HTMLUListElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLDivElement | HTMLButtonElement | HTMLLabelElement | HTMLParagraphElement | HTMLHeadingElement | HTMLUListElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -1054,9 +1058,9 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const textareaVariants: (props?: ({
-    variant?: "default" | "filled" | "borderless" | null | undefined;
-    size?: "default" | "small" | "large" | null | undefined;
-    radius?: "default" | "small" | "large" | "full" | null | undefined;
+    variant?: "filled" | "default" | "borderless" | null | undefined;
+    size?: "small" | "large" | "default" | null | undefined;
+    radius?: "small" | "large" | "default" | "full" | null | undefined;
     resize?: "default" | "both" | "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {

package/dist/plugin/pluginNext.cjs

@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-
-const buildPlugin = require('./template').buildPlugin;
-
-module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');
+/* eslint-disable @typescript-eslint/no-require-imports */
+
+const buildPlugin = require('./template').buildPlugin;
+
+module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');

package/dist/plugin/pluginVite.cjs

@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-
-const buildPlugin = require('./template').buildPlugin;
-
-module.exports = buildPlugin('/node_modules/lecom-ui/dist/public');
+/* eslint-disable @typescript-eslint/no-require-imports */
+
+const buildPlugin = require('./template').buildPlugin;
+
+module.exports = buildPlugin('/node_modules/lecom-ui/dist/public');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.3.25",
+  "version": "5.3.27",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",

package/dist/_virtual/_commonjsHelpers.js

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

package/dist/_virtual/index.js

@@ -1,7 +0,0 @@
-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/components/Collapse/Collapse.js

@@ -1,128 +0,0 @@
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { cva } from 'class-variance-authority';
-import { ChevronRight, ChevronDown } from 'lucide-react';
-
-const collapseVariants = cva(
-  "flex flex-1 items-center gap-4 transition-all text-left outline-none w-full",
-  {
-    variants: {
-      variant: {
-        default: "border-t border-grey-400 text-grey-950 hover:bg-grey-200 hover:rounded-lg hover:border-t-transparent hover:ring-0 focus:hover:ring-0 active:bg-grey-400 active:border-transparent active:ring-0 disabled:text-grey-300 disabled:bg-transparent disabled:cursor-not-allowed disabled:hover:bg-none disabled:hover:rounded-none disabled:hover:border-grey-400 disabled:focus:ring-0 disabled:active:bg-transparent",
-        collapse: "bg-transparent border-none data-[state=open]:font-semibold hover:bg-transparent"
-      },
-      size: {
-        small: "heading-xxsmall-600 py-1.5 px-4 min-h-8",
-        medium: "heading-xsmall-600 py-2.5 px-4 min-h-10",
-        large: "heading-small-600 py-3 px-4 min-h-12",
-        "collapse-small": "text-sm py-1.5 px-4 min-h-8",
-        "collapse-medium": "text-base py-2.5 px-4 min-h-10",
-        "collapse-large": "text-lg py-3 px-4 min-h-12"
-      },
-      iconPosition: {
-        start: "justify-start",
-        end: "justify-between"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "large",
-      iconPosition: "end"
-    }
-  }
-);
-const Collapse = AccordionPrimitive.Root;
-const CollapseItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
-CollapseItem.displayName = "CollapseItem";
-const CollapseTrigger = React.forwardRef(
-  ({
-    className,
-    children,
-    variant = "default",
-    size,
-    disabled,
-    asChild,
-    iconPosition = "end",
-    ghost = false,
-    mode,
-    header,
-    extra,
-    ...props
-  }, ref) => {
-    const isCollapseMode = mode === "collapse";
-    const finalVariant = isCollapseMode || ghost ? "collapse" : variant;
-    const finalIconPosition = isCollapseMode ? "start" : iconPosition;
-    const allowedSizes = ["small", "medium", "large"];
-    let finalSize = size;
-    if ((isCollapseMode || ghost) && size && allowedSizes.includes(size) && typeof size === "string") {
-      if (size === "collapse-small" || size === "collapse-medium" || size === "collapse-large") {
-        finalSize = size;
-      } else {
-        finalSize = `collapse-${size}`;
-      }
-    }
-    const content = isCollapseMode ? header : children;
-    const renderTriggerContent = () => {
-      if (asChild) {
-        return content;
-      }
-      if (isCollapseMode || ghost && finalIconPosition === "start") {
-        return /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 truncate" }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center justify-center flex-shrink-0 min-w-4 min-h-4 transition-transform duration-300 group-data-[state=open]:rotate-90 text-grey-700 text-lg select-none font-normal" }, /* @__PURE__ */ React.createElement(ChevronRight, { className: "size-4" })), /* @__PURE__ */ React.createElement("span", { className: "font-normal" }, content)), extra && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-grey-500" }, extra));
-      }
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, finalIconPosition === "start" && /* @__PURE__ */ React.createElement(
-        ChevronDown,
-        {
-          className: cn(
-            "size-5 shrink-0 text-grey-800 transition-transform duration-200 [&[data-state=open]]:rotate-90",
-            disabled && "text-grey-300"
-          )
-        }
-      ), /* @__PURE__ */ React.createElement("span", { className: "flex-1" }, content), finalIconPosition === "end" && /* @__PURE__ */ React.createElement(
-        ChevronDown,
-        {
-          className: cn(
-            "size-5 shrink-0 text-grey-800 transition-transform duration-200 [&[data-state=open]]:rotate-180",
-            disabled && "text-grey-300"
-          )
-        }
-      ));
-    };
-    return /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, null, /* @__PURE__ */ React.createElement(
-      AccordionPrimitive.Trigger,
-      {
-        ref,
-        className: cn(
-          collapseVariants({
-            variant: finalVariant,
-            size: finalSize,
-            iconPosition: finalIconPosition,
-            className
-          }),
-          (isCollapseMode || ghost) && "group"
-        ),
-        ...props,
-        disabled,
-        asChild
-      },
-      renderTriggerContent()
-    ));
-  }
-);
-const CollapseContent = React.forwardRef(({ className, children, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  AccordionPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
-      className
-    ),
-    "aria-disabled": disabled,
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("div", { className: "pt-2 pb-4 px-4" }, children)
-));
-CollapseTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-CollapseContent.displayName = AccordionPrimitive.Content.displayName;
-
-export { Collapse, CollapseContent, CollapseItem, CollapseTrigger, collapseVariants };

package/dist/components/Table/Table.js

@@ -1,80 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
-  "table",
-  {
-    ref,
-    className: cn("w-full caption-bottom text-sm", className),
-    ...props
-  }
-) }));
-Table.displayName = "Table";
-const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-TableHeader.displayName = "TableHeader";
-const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tbody",
-  {
-    ref,
-    className: cn("[&_tr:last-child]:border-0", className),
-    ...props
-  }
-));
-TableBody.displayName = "TableBody";
-const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tfoot",
-  {
-    ref,
-    className: cn(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className
-    ),
-    ...props
-  }
-));
-TableFooter.displayName = "TableFooter";
-const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-b transition-colors data-[state=selected]:bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-TableRow.displayName = "TableRow";
-const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "th",
-  {
-    ref,
-    className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className
-    ),
-    ...props
-  }
-));
-TableHead.displayName = "TableHead";
-const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "td",
-  {
-    ref,
-    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
-    ...props
-  }
-));
-TableCell.displayName = "TableCell";
-const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "caption",
-  {
-    ref,
-    className: cn("mt-4 text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-TableCaption.displayName = "TableCaption";
-
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/hooks/use-mobile.js

@@ -1,20 +0,0 @@
-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 };