lecom-ui 5.3.48 → 5.3.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -329,7 +329,7 @@ const MultiSelect = React.forwardRef(
|
|
|
329
329
|
"div",
|
|
330
330
|
{
|
|
331
331
|
className: cn(
|
|
332
|
-
"flex h-4 w-4 items-center justify-center rounded-sm border transition-colors",
|
|
332
|
+
"flex h-4 w-4 items-center justify-center rounded-sm border transition-colors flex-shrink-0",
|
|
333
333
|
fully ? "bg-blue-600 border-blue-600 text-primary-foreground" : "border-grey-400 bg-white"
|
|
334
334
|
),
|
|
335
335
|
onClick: (e) => {
|
|
@@ -343,11 +343,12 @@ const MultiSelect = React.forwardRef(
|
|
|
343
343
|
/* @__PURE__ */ React.createElement(
|
|
344
344
|
"span",
|
|
345
345
|
{
|
|
346
|
-
className: "text-sm flex-1 truncate cursor-pointer",
|
|
346
|
+
className: "text-sm flex-1 truncate cursor-pointer overflow-hidden",
|
|
347
347
|
onClick: (e) => {
|
|
348
348
|
e.stopPropagation();
|
|
349
349
|
toggleTreeNode(n);
|
|
350
|
-
}
|
|
350
|
+
},
|
|
351
|
+
title: n.label
|
|
351
352
|
},
|
|
352
353
|
highlightMatches ? highlight(n.label, treeQuery) : n.label
|
|
353
354
|
)
|
|
@@ -478,13 +479,20 @@ const MultiSelect = React.forwardRef(
|
|
|
478
479
|
"div",
|
|
479
480
|
{
|
|
480
481
|
className: cn(
|
|
481
|
-
"flex h-4 w-4 items-center justify-center rounded-sm border-2 border-grey-400",
|
|
482
|
+
"flex h-4 w-4 items-center justify-center rounded-sm border-2 border-grey-400 flex-shrink-0",
|
|
482
483
|
isSelected ? "bg-blue-600 border-blue-600 text-primary-foreground" : "opacity-50 [&_svg]:invisible"
|
|
483
484
|
)
|
|
484
485
|
},
|
|
485
486
|
/* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" })
|
|
486
487
|
),
|
|
487
|
-
/* @__PURE__ */ React.createElement(
|
|
488
|
+
/* @__PURE__ */ React.createElement(
|
|
489
|
+
"span",
|
|
490
|
+
{
|
|
491
|
+
className: "text-grey-800 truncate overflow-hidden",
|
|
492
|
+
title: option.label
|
|
493
|
+
},
|
|
494
|
+
highlight(option.label, query)
|
|
495
|
+
)
|
|
488
496
|
);
|
|
489
497
|
}));
|
|
490
498
|
}
|
|
@@ -503,16 +511,23 @@ const MultiSelect = React.forwardRef(
|
|
|
503
511
|
"div",
|
|
504
512
|
{
|
|
505
513
|
className: cn(
|
|
506
|
-
"flex h-4 w-4 items-center justify-center rounded-sm border-2 border-grey-400",
|
|
514
|
+
"flex h-4 w-4 items-center justify-center rounded-sm border-2 border-grey-400 flex-shrink-0",
|
|
507
515
|
isSelected ? "bg-blue-600 border-blue-600 text-primary-foreground" : "opacity-50 [&_svg]:invisible"
|
|
508
516
|
)
|
|
509
517
|
},
|
|
510
518
|
/* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" })
|
|
511
519
|
),
|
|
512
|
-
/* @__PURE__ */ React.createElement(
|
|
520
|
+
/* @__PURE__ */ React.createElement(
|
|
521
|
+
"span",
|
|
522
|
+
{
|
|
523
|
+
className: "text-grey-800 truncate overflow-hidden",
|
|
524
|
+
title: option.label
|
|
525
|
+
},
|
|
526
|
+
highlight(option.label, query)
|
|
527
|
+
)
|
|
513
528
|
);
|
|
514
529
|
})))),
|
|
515
|
-
isTree && /* @__PURE__ */ React.createElement("div", { className: "min-w-[260px]" }, treeSearch && /* @__PURE__ */ React.createElement("div", { className: "px-1 pt-2 pb-0 border-b border-grey-300" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(
|
|
530
|
+
isTree && /* @__PURE__ */ React.createElement("div", { className: "min-w-[260px] max-h-80 overflow-hidden flex flex-col" }, treeSearch && /* @__PURE__ */ React.createElement("div", { className: "px-1 pt-2 pb-0 border-b border-grey-300 flex-shrink-0" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(
|
|
516
531
|
"svg",
|
|
517
532
|
{
|
|
518
533
|
className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground",
|
|
@@ -538,7 +553,7 @@ const MultiSelect = React.forwardRef(
|
|
|
538
553
|
placeholder: treeSearchPlaceholder || t("multiSelect.search"),
|
|
539
554
|
className: "w-full h-9 pl-9 pr-3 text-sm border-0 focus:outline-none focus:ring-0 bg-transparent placeholder:text-muted-foreground"
|
|
540
555
|
}
|
|
541
|
-
))), /* @__PURE__ */ React.createElement("div", { className: "px-2 pb-1" }, !treeQuery && /* @__PURE__ */ React.createElement(
|
|
556
|
+
))), /* @__PURE__ */ React.createElement("div", { className: "px-2 pb-1 overflow-y-auto overflow-x-hidden" }, !treeQuery && /* @__PURE__ */ React.createElement(
|
|
542
557
|
"div",
|
|
543
558
|
{
|
|
544
559
|
className: "flex items-center gap-2 px-2 py-1 cursor-pointer rounded-sm hover:bg-accent text-sm",
|
package/dist/index.d.ts
CHANGED
|
@@ -755,9 +755,9 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
|
|
|
755
755
|
}
|
|
756
756
|
|
|
757
757
|
declare const inputVariants: (props?: ({
|
|
758
|
-
variant?: "
|
|
759
|
-
size?: "
|
|
760
|
-
radius?: "
|
|
758
|
+
variant?: "default" | "filled" | "borderless" | null | undefined;
|
|
759
|
+
size?: "default" | "small" | "large" | null | undefined;
|
|
760
|
+
radius?: "default" | "small" | "large" | "full" | null | undefined;
|
|
761
761
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
762
762
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
|
|
763
763
|
sufix?: React$1.ReactNode;
|
|
@@ -944,7 +944,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
|
|
|
944
944
|
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
945
945
|
|
|
946
946
|
declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
|
|
947
|
-
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<
|
|
947
|
+
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | 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"> & {
|
|
948
948
|
className?: string;
|
|
949
949
|
collapsedSize?: number | undefined;
|
|
950
950
|
collapsible?: boolean | undefined;
|
|
@@ -1099,9 +1099,9 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
|
|
|
1099
1099
|
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1100
1100
|
|
|
1101
1101
|
declare const textareaVariants: (props?: ({
|
|
1102
|
-
variant?: "
|
|
1103
|
-
size?: "
|
|
1104
|
-
radius?: "
|
|
1102
|
+
variant?: "default" | "filled" | "borderless" | null | undefined;
|
|
1103
|
+
size?: "default" | "small" | "large" | null | undefined;
|
|
1104
|
+
radius?: "default" | "small" | "large" | "full" | null | undefined;
|
|
1105
1105
|
resize?: "default" | "both" | "horizontal" | "vertical" | "vertical-limited" | null | undefined;
|
|
1106
1106
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1107
1107
|
interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
|
|
@@ -1230,7 +1230,7 @@ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dial
|
|
|
1230
1230
|
declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
1231
1231
|
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1232
1232
|
declare const sheetVariants: (props?: ({
|
|
1233
|
-
side?: "
|
|
1233
|
+
side?: "left" | "right" | "top" | "bottom" | null | undefined;
|
|
1234
1234
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1235
1235
|
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
1236
1236
|
}
|