lecom-ui 5.3.31 → 5.3.33

package/README.md

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

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { cn } from '../../lib/utils.js';
 import { ArrowUp, ArrowDown, ArrowUpDown } from 'lucide-react';
 import { Checkbox } from '../Checkbox/Checkbox.js';
 import { Typography } from '../Typography/Typography.js';
@@ -47,14 +46,21 @@ function renderSortArrow({
     }
   };
   if (sorted === "asc") {
-    return /* @__PURE__ */ React.createElement(ArrowUp, { size: 16, className: "ml-1 text-grey-950", onClick: handleClick });
+    return /* @__PURE__ */ React.createElement(
+      ArrowUp,
+      {
+        size: 16,
+        className: "ml-1 text-grey-950 hover:cursor-pointer",
+        onClick: handleClick
+      }
+    );
   }
   if (sorted === "desc") {
     return /* @__PURE__ */ React.createElement(
       ArrowDown,
       {
         size: 16,
-        className: "ml-1 text-grey-950",
+        className: "ml-1 text-grey-950 hover:cursor-pointer",
         onClick: handleClick
       }
     );
@@ -63,7 +69,7 @@ function renderSortArrow({
     ArrowUpDown,
     {
       size: 16,
-      className: "ml-1 text-grey-400 group-hover:text-grey-950",
+      className: "ml-1 text-grey-400 group-hover:text-grey-950 hover:cursor-pointer",
       onClick: handleClick
     }
   );
@@ -98,26 +104,16 @@ function buildColumns({
       }
       const hasSort = !!externalColumn.onSort || !!externalColumn.onSortClient;
       const title = typeof externalColumn.title === "function" ? externalColumn.title({ table, column }) : externalColumn.title;
-      return /* @__PURE__ */ React.createElement(
-        "div",
+      return /* @__PURE__ */ React.createElement("div", { className: "group flex items-center gap-1" }, typeof externalColumn.title === "string" ? /* @__PURE__ */ React.createElement(
+        Typography,
         {
-          className: cn(
-            "group flex items-center gap-1",
-            hasSort && "hover:cursor-pointer"
-          )
+          variant: size === "small" ? "body-medium-500" : "body-large-500",
+          textColor: "text-grey-950",
+          className: "whitespace-normal break-words max-sm:truncate",
+          title: externalColumn.title
         },
-        typeof externalColumn.title === "string" ? /* @__PURE__ */ React.createElement(
-          Typography,
-          {
-            variant: size === "small" ? "body-medium-500" : "body-large-500",
-            textColor: "text-grey-950",
-            className: "whitespace-normal break-words max-sm:truncate",
-            title: externalColumn.title
-          },
-          externalColumn.title
-        ) : title,
-        hasSort && renderSortArrow({ column, externalColumn, table })
-      );
+        externalColumn.title
+      ) : title, hasSort && renderSortArrow({ column, externalColumn, table }));
     },
     cell: ({ row }) => {
       if (externalColumn.enableSelect) {

package/dist/components/DataTable/Table.js

@@ -27,8 +27,8 @@ function Table({
     }
     return {
       width: meta.width,
-      maxWidth: meta.maxWidth ?? "0",
-      minWidth: meta.minWidth ?? "0",
+      maxWidth: meta.maxWidth ?? void 0,
+      minWidth: meta.minWidth ?? void 0,
       textAlign: meta.align || "left"
     };
   }, []);

package/dist/components/MultiSelect/MultiSelect.js

@@ -20,7 +20,6 @@ const MultiSelect = React.forwardRef(
     className,
     treeOptions,
     treeSelectionStrategy = "leaf",
-    defaultExpandAll = false,
     selectAllLabel,
     treeSearch = true,
     treeSearchPlaceholder,
@@ -29,20 +28,6 @@ const MultiSelect = React.forwardRef(
     const { t } = useTranslation();
     const [selectedValues, setSelectedValues] = React.useState(value);
     const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
-    const [expandedNodes, setExpandedNodes] = React.useState(
-      () => new Set(
-        defaultExpandAll ? function collectAll(ids, opts) {
-          if (!opts) return ids;
-          for (const o of opts) {
-            if (o.children?.length) {
-              ids.push(o.value);
-              collectAll(ids, o.children);
-            }
-          }
-          return ids;
-        }([], treeOptions) : []
-      )
-    );
     React.useEffect(() => {
       const shallowEqual = (a, b) => {
         if (a === b) return true;
@@ -130,21 +115,8 @@ const MultiSelect = React.forwardRef(
     }, [treeOptions, treeQuery, filterTree]);
     React.useEffect(() => {
       if (!treeOptions) return;
-      if (treeQuery) {
-        const all = /* @__PURE__ */ new Set();
-        const collect = (list) => {
-          for (const n of list) {
-            if (n.children?.length) {
-              all.add(n.value);
-              collect(n.children);
-            }
-          }
-        };
-        collect(treeOptions);
-        setExpandedNodes(all);
-      }
     }, [treeQuery, treeOptions]);
-    React.useCallback((val) => {
+    const findTreeLabel = React.useCallback((val) => {
       if (!treeOptions) return void 0;
       const stack = [...treeOptions];
       while (stack.length) {
@@ -154,10 +126,6 @@ const MultiSelect = React.forwardRef(
       }
       return void 0;
     }, [treeOptions]);
-    React.useCallback(
-      (id) => expandedNodes.has(id),
-      [expandedNodes]
-    );
     const collectAllValues = (node) => {
       const self = treeSelectionStrategy === "all" ? [node.value] : [];
       if (!node.children || node.children.length === 0) {
@@ -203,17 +171,34 @@ const MultiSelect = React.forwardRef(
               "flex items-center gap-2 px-2 py-1 cursor-pointer rounded-sm text-grey-800 hover:bg-grey-100 text-sm",
               (fully || isSelectedLeaf) && "bg-blue-50"
             ),
-            style: { paddingLeft: depth * 14 + 8 },
-            onClick: (e) => {
-              e.stopPropagation();
-              toggleTreeNode(n);
-            }
+            style: { paddingLeft: depth * 14 + 8 }
           },
-          /* @__PURE__ */ React.createElement("div", { className: cn(
-            "flex h-4 w-4 items-center justify-center rounded-sm border transition-colors",
-            fully ? "bg-blue-600 border-blue-600 text-primary-foreground" : "border-grey-400 bg-white"
-          ) }, fully && /* @__PURE__ */ React.createElement(Check, { className: "h-3 w-3" }), partial && !fully && /* @__PURE__ */ React.createElement(Minus, { className: "h-3 w-3 text-blue-600" })),
-          /* @__PURE__ */ React.createElement("span", { className: "text-sm flex-1 truncate" }, n.label)
+          /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: cn(
+                "flex h-4 w-4 items-center justify-center rounded-sm border transition-colors",
+                fully ? "bg-blue-600 border-blue-600 text-primary-foreground" : "border-grey-400 bg-white"
+              ),
+              onClick: (e) => {
+                e.stopPropagation();
+                toggleTreeNode(n);
+              }
+            },
+            fully && /* @__PURE__ */ React.createElement(Check, { className: "h-3 w-3" }),
+            partial && !fully && /* @__PURE__ */ React.createElement(Minus, { className: "h-3 w-3 text-blue-600" })
+          ),
+          /* @__PURE__ */ React.createElement(
+            "span",
+            {
+              className: "text-sm flex-1 truncate cursor-pointer",
+              onClick: (e) => {
+                e.stopPropagation();
+                toggleTreeNode(n);
+              }
+            },
+            n.label
+          )
         ), hasChildren && /* @__PURE__ */ React.createElement("div", null, renderTree(n.children, depth + 1)));
       }));
     };
@@ -240,7 +225,8 @@ const MultiSelect = React.forwardRef(
         },
         selectedValues.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1" }, selectedValues.slice(0, maxCount).map((value2) => {
           const option = options.find((o) => o.value === value2);
-          return /* @__PURE__ */ React.createElement(Tag, { key: value2, color: "blue", className: "focus:ring-0" }, option?.label, /* @__PURE__ */ React.createElement(
+          const label = option?.label || findTreeLabel(value2) || value2;
+          return /* @__PURE__ */ React.createElement(Tag, { key: value2, color: "blue", className: "focus:ring-0" }, label, /* @__PURE__ */ React.createElement(
             X,
             {
               className: "h-4 w-4 cursor-pointer",

package/dist/index.d.ts

@@ -743,8 +743,8 @@ 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;
+    size?: "small" | "default" | "large" | null | undefined;
+    radius?: "small" | "default" | "large" | "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;
@@ -800,12 +800,8 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
     matchTriggerWidth?: boolean;
     treeOptions?: MultiSelectTreeOption[];
     treeSelectionStrategy?: 'leaf' | 'all';
-    defaultExpandAll?: boolean;
-    /** Custom label para "selecionar tudo" */
     selectAllLabel?: string;
-    /** Exibe input de busca em modo árvore (default true) */
     treeSearch?: boolean;
-    /** Placeholder da busca em modo árvore */
     treeSearchPlaceholder?: string;
 }
 interface MultiSelectTreeOption {
@@ -1074,9 +1070,9 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 
 declare const textareaVariants: (props?: ({
     variant?: "default" | "filled" | "borderless" | null | undefined;
-    size?: "default" | "small" | "large" | null | undefined;
-    radius?: "default" | "small" | "large" | "full" | null | undefined;
-    resize?: "default" | "both" | "horizontal" | "vertical" | "vertical-limited" | null | undefined;
+    size?: "small" | "default" | "large" | null | undefined;
+    radius?: "small" | "default" | "large" | "full" | null | undefined;
+    resize?: "both" | "horizontal" | "vertical" | "default" | "vertical-limited" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
 }
@@ -1205,7 +1201,7 @@ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dial
 declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/dist/plugin/extend.js

@@ -1,78 +1,78 @@
-const extend = {
-  colors: {
-    background: 'hsl(var(--background))',
-    foreground: 'hsl(var(--foreground))',
-    card: {
-      DEFAULT: 'hsl(var(--card))',
-      foreground: 'hsl(var(--card-foreground))',
-    },
-    popover: {
-      DEFAULT: 'hsl(var(--popover))',
-      foreground: 'hsl(var(--popover-foreground))',
-    },
-    primary: {
-      DEFAULT: 'hsl(var(--primary))',
-      foreground: 'hsl(var(--primary-foreground))',
-    },
-    secondary: {
-      DEFAULT: 'hsl(var(--secondary))',
-      foreground: 'hsl(var(--secondary-foreground))',
-    },
-    muted: {
-      DEFAULT: 'hsl(var(--muted))',
-      foreground: 'hsl(var(--muted-foreground))',
-    },
-    accent: {
-      DEFAULT: 'hsl(var(--accent))',
-      foreground: 'hsl(var(--accent-foreground))',
-    },
-    destructive: {
-      DEFAULT: 'hsl(var(--destructive))',
-      foreground: 'hsl(var(--destructive-foreground))',
-    },
-    border: 'hsl(var(--border))',
-    input: 'hsl(var(--input))',
-    ring: 'hsl(var(--ring))',
-    chart: {
-      1: 'hsl(var(--chart-1))',
-      2: 'hsl(var(--chart-2))',
-      3: 'hsl(var(--chart-3))',
-      4: 'hsl(var(--chart-4))',
-      5: 'hsl(var(--chart-5))',
-      6: 'hsl(var(--chart-6))',
-      7: 'hsl(var(--chart-7))',
-      8: 'hsl(var(--chart-8))',
-    },
-    sidebar: {
-      DEFAULT: 'hsl(var(--sidebar-background))',
-      foreground: 'hsl(var(--sidebar-foreground))',
-      primary: 'hsl(var(--sidebar-primary))',
-      'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
-      accent: 'hsl(var(--sidebar-accent))',
-      'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
-      border: 'hsl(var(--sidebar-border))',
-      ring: 'hsl(var(--sidebar-ring))',
-    },
-  },
-  borderRadius: {
-    lg: 'var(--radius)',
-    md: 'calc(var(--radius) - 2px)',
-    sm: 'calc(var(--radius) - 4px)',
-  },
-  keyframes: {
-    'accordion-down': {
-      from: { height: '0' },
-      to: { height: 'var(--radix-accordion-content-height)' },
-    },
-    'accordion-up': {
-      from: { height: 'var(--radix-accordion-content-height)' },
-      to: { height: '0' },
-    },
-  },
-  animation: {
-    'accordion-down': 'accordion-down 0.2s ease-out',
-    'accordion-up': 'accordion-up 0.2s ease-out',
-  },
-};
-
-export { extend };
+const extend = {
+  colors: {
+    background: 'hsl(var(--background))',
+    foreground: 'hsl(var(--foreground))',
+    card: {
+      DEFAULT: 'hsl(var(--card))',
+      foreground: 'hsl(var(--card-foreground))',
+    },
+    popover: {
+      DEFAULT: 'hsl(var(--popover))',
+      foreground: 'hsl(var(--popover-foreground))',
+    },
+    primary: {
+      DEFAULT: 'hsl(var(--primary))',
+      foreground: 'hsl(var(--primary-foreground))',
+    },
+    secondary: {
+      DEFAULT: 'hsl(var(--secondary))',
+      foreground: 'hsl(var(--secondary-foreground))',
+    },
+    muted: {
+      DEFAULT: 'hsl(var(--muted))',
+      foreground: 'hsl(var(--muted-foreground))',
+    },
+    accent: {
+      DEFAULT: 'hsl(var(--accent))',
+      foreground: 'hsl(var(--accent-foreground))',
+    },
+    destructive: {
+      DEFAULT: 'hsl(var(--destructive))',
+      foreground: 'hsl(var(--destructive-foreground))',
+    },
+    border: 'hsl(var(--border))',
+    input: 'hsl(var(--input))',
+    ring: 'hsl(var(--ring))',
+    chart: {
+      1: 'hsl(var(--chart-1))',
+      2: 'hsl(var(--chart-2))',
+      3: 'hsl(var(--chart-3))',
+      4: 'hsl(var(--chart-4))',
+      5: 'hsl(var(--chart-5))',
+      6: 'hsl(var(--chart-6))',
+      7: 'hsl(var(--chart-7))',
+      8: 'hsl(var(--chart-8))',
+    },
+    sidebar: {
+      DEFAULT: 'hsl(var(--sidebar-background))',
+      foreground: 'hsl(var(--sidebar-foreground))',
+      primary: 'hsl(var(--sidebar-primary))',
+      'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+      accent: 'hsl(var(--sidebar-accent))',
+      'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+      border: 'hsl(var(--sidebar-border))',
+      ring: 'hsl(var(--sidebar-ring))',
+    },
+  },
+  borderRadius: {
+    lg: 'var(--radius)',
+    md: 'calc(var(--radius) - 2px)',
+    sm: 'calc(var(--radius) - 4px)',
+  },
+  keyframes: {
+    'accordion-down': {
+      from: { height: '0' },
+      to: { height: 'var(--radix-accordion-content-height)' },
+    },
+    'accordion-up': {
+      from: { height: 'var(--radix-accordion-content-height)' },
+      to: { height: '0' },
+    },
+  },
+  animation: {
+    'accordion-down': 'accordion-down 0.2s ease-out',
+    'accordion-up': 'accordion-up 0.2s ease-out',
+  },
+};
+
+export { extend };