@kwantis-id3/frontend-library 1.3.0 → 1.4.0

package/dist/esm/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { TTooltipProps } from "./TooltipInterfaces";
+export declare const Tooltip: React.FC<TTooltipProps>;

package/dist/esm/types/components/Tooltip/TooltipInterfaces.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export type TTooltipPlacement = "top" | "right" | "bottom" | "left";
+export type TTooltipProps = {
+    /** The element that triggers the tooltip on hover */
+    children: React.ReactElement;
+    /** The content displayed inside the tooltip */
+    content: React.ReactNode;
+    /** Controls whether the tooltip is shown */
+    enabled?: boolean;
+    /** Placement of the tooltip relative to the trigger */
+    placement?: TTooltipPlacement;
+    /** Width of the tooltip content */
+    width?: number | string;
+    /** Custom styles applied to the children wrapper */
+    childrenSx?: React.CSSProperties;
+    /** Custom styles applied to the tooltip content */
+    contentSx?: React.CSSProperties;
+    /** If true, tooltip content is displayed on a single line */
+    singleLine?: boolean;
+};

package/dist/esm/types/components/Tooltip/TooltipStyled.d.ts

@@ -0,0 +1,18 @@
+import { TTooltipPlacement } from "./TooltipInterfaces";
+import React from "react";
+export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TooltipContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $singleLine?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Arrow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const placementStyles: Record<TTooltipPlacement, React.CSSProperties>;
+export declare const arrowPlacement: Record<TTooltipPlacement, React.CSSProperties>;

package/dist/esm/types/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Tooltip";
+export * from "./TooltipInterfaces";

package/dist/esm/types/components/index.d.ts

@@ -18,5 +18,6 @@ export * from "./Checkbox";
 export * from "./Switch";
 export * from "./Popover";
 export * from "./AIBubble";
+export * from "./Tooltip";
 export * from "./Stack";
 export * from "./Skeleton";

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_react from '@emotion/react';
 import { Interpolation, Theme } from '@emotion/react';
-import * as react from 'react';
-import react__default, { PropsWithChildren, ReactElement, FC, ReactNode } from 'react';
+import * as React$1 from 'react';
+import React__default, { PropsWithChildren, ReactElement, FC, ReactNode } from 'react';
 import * as _emotion_styled from '@emotion/styled';
 import { CreateStyled } from '@emotion/styled';
 import { ColumnDef } from '@tanstack/react-table';
@@ -156,7 +156,7 @@ declare const AccordionGroup: _emotion_styled.StyledComponent<{
     as?: React.ElementType;
 } & {
     $variant: "default" | "light";
-}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
 type TAccordionProps = PropsWithChildren & {
     /** Title to be used if no custom trigger is passed */
@@ -183,11 +183,11 @@ type TAccordionProps = PropsWithChildren & {
 
 declare const Accordion: FC<TAccordionProps>;
 
-declare const InputField: react.ForwardRefExoticComponent<react.InputHTMLAttributes<HTMLInputElement> & {
+declare const InputField: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
     containerClassName?: string;
     color?: string;
     sx?: _emotion_react.Interpolation<_emotion_react.Theme>;
-} & react.RefAttributes<HTMLInputElement>>;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
 type TTextFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
     /** Classname given to the container div */
@@ -757,7 +757,7 @@ type TPopoverPosition = {
     zIndex?: number;
 };
 
-declare const Popover: ({ trigger, children, placement, align, color, showArrow, isOpen: controlledIsOpen, onToggle, closeOnOutsideClick, width, height, position, showCloseButton, sx, onOpen, onClose, expandable, collapsedSize, expandedSize, showExpandButton, topBarLeft, isExpanded: controlledIsExpanded, onExpandedChange, }: TPopoverProps) => string | number | bigint | boolean | Iterable<react__default.ReactNode> | Promise<string | number | bigint | boolean | react__default.ReactPortal | react__default.ReactElement<unknown, string | react__default.JSXElementConstructor<any>> | Iterable<react__default.ReactNode> | null | undefined> | _emotion_react_jsx_runtime.JSX.Element | null | undefined;
+declare const Popover: ({ trigger, children, placement, align, color, showArrow, isOpen: controlledIsOpen, onToggle, closeOnOutsideClick, width, height, position, showCloseButton, sx, onOpen, onClose, expandable, collapsedSize, expandedSize, showExpandButton, topBarLeft, isExpanded: controlledIsExpanded, onExpandedChange, }: TPopoverProps) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | _emotion_react_jsx_runtime.JSX.Element | null | undefined;
 
 type TAIBubbleProps = Omit<TPopoverProps, "trigger" | "children" | "topBarLeft" | "expandable"> & {
     /** URL to embed in the iframe */
@@ -772,7 +772,29 @@ type TAIBubbleProps = Omit<TPopoverProps, "trigger" | "children" | "topBarLeft"
 
 declare const AIBubble: ({ url, externalUrl, placement, align, color, bubbleSize, iconSize, collapsedSize, showCloseButton, showExpandButton, ...rest }: TAIBubbleProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type TStackProps = PropsWithChildren & react__default.HTMLAttributes<HTMLDivElement> & {
+type TTooltipPlacement = "top" | "right" | "bottom" | "left";
+type TTooltipProps = {
+    /** The element that triggers the tooltip on hover */
+    children: React__default.ReactElement;
+    /** The content displayed inside the tooltip */
+    content: React__default.ReactNode;
+    /** Controls whether the tooltip is shown */
+    enabled?: boolean;
+    /** Placement of the tooltip relative to the trigger */
+    placement?: TTooltipPlacement;
+    /** Width of the tooltip content */
+    width?: number | string;
+    /** Custom styles applied to the children wrapper */
+    childrenSx?: React__default.CSSProperties;
+    /** Custom styles applied to the tooltip content */
+    contentSx?: React__default.CSSProperties;
+    /** If true, tooltip content is displayed on a single line */
+    singleLine?: boolean;
+};
+
+declare const Tooltip: React__default.FC<TTooltipProps>;
+
+type TStackProps = PropsWithChildren & React__default.HTMLAttributes<HTMLDivElement> & {
     /** Direction of the stack */
     direction?: "row" | "column";
     /** Spacing between the items in the stack */
@@ -784,15 +806,15 @@ type TStackProps = PropsWithChildren & react__default.HTMLAttributes<HTMLDivElem
     /** If true, the stack items will wrap to the next line when they overflow */
     wrap?: boolean;
     /** Ref forward to the underlying DOM element */
-    ref?: react__default.Ref<HTMLDivElement>;
+    ref?: React__default.Ref<HTMLDivElement>;
     /** Allows rendering the stack as a different HTML element or component */
-    as?: react__default.ElementType;
+    as?: React__default.ElementType;
 };
 
 declare function Stack({ direction, spacing, width, centered, wrap, style, children, ref, as, ...rest }: TStackProps): _emotion_react_jsx_runtime.JSX.Element;
 
 type TSkeletonVariant = "circle" | "text" | "rect" | "rounded";
-type TSkeletonProps = react__default.HTMLAttributes<HTMLDivElement> & {
+type TSkeletonProps = React__default.HTMLAttributes<HTMLDivElement> & {
     /** Visual variant of the skeleton placeholder */
     variant?: TSkeletonVariant;
     /** Width of the skeleton. Accepts any valid CSS length string or a number (treated as px) */
@@ -802,7 +824,7 @@ type TSkeletonProps = react__default.HTMLAttributes<HTMLDivElement> & {
     /** Controls whether the shimmer animation plays */
     animated?: boolean;
     /** Forwarded ref to the underlying DOM element */
-    ref?: react__default.Ref<HTMLDivElement>;
+    ref?: React__default.Ref<HTMLDivElement>;
 };
 
 declare function SkeletonItem({ variant, width, height, animated, style, ref, ...rest }: TSkeletonProps): _emotion_react_jsx_runtime.JSX.Element;
@@ -858,4 +880,4 @@ declare const getActiveColor: (color: string) => string;
 
 declare function usePrefersColorScheme(): "light" | "dark";
 
-export { AIBubble, Accordion, AccordionGroup, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, Checkbox, ControlledTreeView, DataGrid, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewGrid, MultiViewList, Popover, SingleSelect, SingleSelectProps, SkeletonCard, SkeletonItem, Slider, Stack, Switch, TAIBubbleProps, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TCheckboxProps, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDataGridProps, TDataGridRow, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewGridProps, TMultiViewListProps, TPopoverActions, TPopoverPosition, TPopoverProps, TRenderTriggerProps, TSkeletonProps, TSkeletonVariant, TSliderProps, TStackProps, TSwitchProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, commonColors, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };
+export { AIBubble, Accordion, AccordionGroup, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, Checkbox, ControlledTreeView, DataGrid, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewGrid, MultiViewList, Popover, SingleSelect, SingleSelectProps, SkeletonCard, SkeletonItem, Slider, Stack, Switch, TAIBubbleProps, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TCheckboxProps, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDataGridProps, TDataGridRow, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewGridProps, TMultiViewListProps, TPopoverActions, TPopoverPosition, TPopoverProps, TRenderTriggerProps, TSkeletonProps, TSkeletonVariant, TSliderProps, TStackProps, TSwitchProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTooltipPlacement, TTooltipProps, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, Tooltip, UncontrolledTreeView, commonColors, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Kwantis frontend components collection",
   "scriptsComments": {
     "storybook": "Starts storybook in development mode",