lecom-ui 5.4.37 → 5.4.38
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.
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { useTranslation } from 'react-i18next';
|
|
2
3
|
import { Button } from '../Button/Button.js';
|
|
3
4
|
import { Input } from '../Input/Input.js';
|
|
5
|
+
import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip/Tooltip.js';
|
|
4
6
|
import { useIsMobile } from '../../hooks/useIsMobile.js';
|
|
5
7
|
import opacity from 'hex-color-opacity';
|
|
6
8
|
import { Search, SlidersHorizontal } from 'lucide-react';
|
|
@@ -13,6 +15,7 @@ const SearchInput = ({
|
|
|
13
15
|
onChangeValue,
|
|
14
16
|
onClickButton
|
|
15
17
|
}) => {
|
|
18
|
+
const { t } = useTranslation();
|
|
16
19
|
const isMobile = useIsMobile();
|
|
17
20
|
const { normal, hover, focus } = customStyles;
|
|
18
21
|
const [backgroundColor, setBackgroundColor] = React.useState(
|
|
@@ -40,7 +43,7 @@ const SearchInput = ({
|
|
|
40
43
|
color: isActive ? focus.textColor : color,
|
|
41
44
|
boxShadow: shadowSmTailwind
|
|
42
45
|
};
|
|
43
|
-
return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 flex-1 max-w-[630px]" }, !isMobile && /* @__PURE__ */ React.createElement(
|
|
46
|
+
return /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 flex-1 max-w-[630px]" }, !isMobile && /* @__PURE__ */ React.createElement(
|
|
44
47
|
Input,
|
|
45
48
|
{
|
|
46
49
|
id: "header-search-input-lecom-ui",
|
|
@@ -58,7 +61,7 @@ const SearchInput = ({
|
|
|
58
61
|
style: mappedCustomStyles,
|
|
59
62
|
onChange: (e) => onChangeValue?.(e.target.value)
|
|
60
63
|
}
|
|
61
|
-
), /* @__PURE__ */ React.createElement(
|
|
64
|
+
), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
|
|
62
65
|
Button,
|
|
63
66
|
{
|
|
64
67
|
size: "small",
|
|
@@ -69,11 +72,11 @@ const SearchInput = ({
|
|
|
69
72
|
className: "shrink-0"
|
|
70
73
|
},
|
|
71
74
|
/* @__PURE__ */ React.createElement(SlidersHorizontal, null)
|
|
72
|
-
), /* @__PURE__ */ React.createElement("style", null, `
|
|
75
|
+
)), /* @__PURE__ */ React.createElement(TooltipContent, { color: "black" }, t("header.filters"))), /* @__PURE__ */ React.createElement("style", null, `
|
|
73
76
|
#header-search-input-lecom-ui::placeholder {
|
|
74
77
|
color: ${mappedCustomStyles.color};
|
|
75
78
|
}
|
|
76
|
-
`));
|
|
79
|
+
`)));
|
|
77
80
|
};
|
|
78
81
|
SearchInput.displayName = "SearchInput";
|
|
79
82
|
|
package/dist/index.d.ts
CHANGED
|
@@ -788,8 +788,8 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
|
|
|
788
788
|
|
|
789
789
|
declare const inputVariants: (props?: ({
|
|
790
790
|
variant?: "default" | "filled" | "borderless" | null | undefined;
|
|
791
|
-
size?: "
|
|
792
|
-
radius?: "
|
|
791
|
+
size?: "small" | "default" | "large" | null | undefined;
|
|
792
|
+
radius?: "small" | "default" | "large" | "full" | null | undefined;
|
|
793
793
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
794
794
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
|
|
795
795
|
sufix?: React$1.ReactNode;
|
|
@@ -995,7 +995,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
|
|
|
995
995
|
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
996
996
|
|
|
997
997
|
declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
|
|
998
|
-
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<
|
|
998
|
+
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLDivElement | HTMLButtonElement | 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"> & {
|
|
999
999
|
className?: string;
|
|
1000
1000
|
collapsedSize?: number | undefined;
|
|
1001
1001
|
collapsible?: boolean | undefined;
|
|
@@ -1162,9 +1162,9 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
|
|
|
1162
1162
|
|
|
1163
1163
|
declare const textareaVariants: (props?: ({
|
|
1164
1164
|
variant?: "default" | "filled" | "borderless" | null | undefined;
|
|
1165
|
-
size?: "
|
|
1166
|
-
radius?: "
|
|
1167
|
-
resize?: "
|
|
1165
|
+
size?: "small" | "default" | "large" | null | undefined;
|
|
1166
|
+
radius?: "small" | "default" | "large" | "full" | null | undefined;
|
|
1167
|
+
resize?: "both" | "horizontal" | "vertical" | "default" | "vertical-limited" | null | undefined;
|
|
1168
1168
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1169
1169
|
interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
|
|
1170
1170
|
}
|
|
@@ -1307,7 +1307,7 @@ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dial
|
|
|
1307
1307
|
declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
1308
1308
|
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1309
1309
|
declare const sheetVariants: (props?: ({
|
|
1310
|
-
side?: "
|
|
1310
|
+
side?: "top" | "bottom" | "left" | "right" | null | undefined;
|
|
1311
1311
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1312
1312
|
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
1313
1313
|
}
|