@kwantis-id3/frontend-library 1.3.0-rc.0 → 1.4.0

package/dist/esm/types/components/DataGrid/DataGridInterfaces.d.ts

@@ -3,7 +3,6 @@ import { TCellValues } from "../Table";
 export type TDataGridProps<Cell extends TCellValues, Row extends TDataGridRow<Cell>> = {
     columns: ColumnDef<TDataGridRow<Cell>, Cell>[];
     data: Row[] | undefined;
-    onFilteredRowsChange?: (rows: Row[]) => void;
 };
 export type TDataGridRow<Cell extends TCellValues> = {
     [key: string]: Cell;

package/dist/esm/types/components/Skeleton/SkeletonCard.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const SkeletonCard: FC;

package/dist/esm/types/components/Skeleton/SkeletonInterfaces.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export type TSkeletonVariant = "circle" | "text" | "rect" | "rounded";
+export type TSkeletonProps = React.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) */
+    width?: string | number;
+    /** Height of the skeleton. Accepts any valid CSS length string or a number (treated as px) */
+    height?: string | number;
+    /** Controls whether the shimmer animation plays */
+    animated?: boolean;
+    /** Forwarded ref to the underlying DOM element */
+    ref?: React.Ref<HTMLDivElement>;
+};

package/dist/esm/types/components/Skeleton/SkeletonItem.d.ts

@@ -0,0 +1,2 @@
+import { TSkeletonProps } from "./SkeletonInterfaces";
+export declare function SkeletonItem({ variant, width, height, animated, style, ref, ...rest }: TSkeletonProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Skeleton/SkeletonStyled.d.ts

@@ -0,0 +1,10 @@
+import { TSkeletonVariant } from "./SkeletonInterfaces";
+export declare const SkeletonStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $variant: TSkeletonVariant;
+    $width: string;
+    $height: string;
+    $animated: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,3 @@
+export * from "./SkeletonItem";
+export * from "./SkeletonCard";
+export * from "./SkeletonInterfaces";

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

@@ -0,0 +1,2 @@
+import { TStackProps } from "./StackInterfaces";
+export declare function Stack({ direction, spacing, width, centered, wrap, style, children, ref, as, ...rest }: TStackProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Stack/StackInterfaces.d.ts

@@ -0,0 +1,17 @@
+import React, { PropsWithChildren } from "react";
+export type TStackProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement> & {
+    /** Direction of the stack */
+    direction?: "row" | "column";
+    /** Spacing between the items in the stack */
+    spacing?: string;
+    /** Width of the stack */
+    width?: string;
+    /** If true, the stack will be centered both vertically and horizontally */
+    centered?: boolean;
+    /** 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.Ref<HTMLDivElement>;
+    /** Allows rendering the stack as a different HTML element or component */
+    as?: React.ElementType;
+};

package/dist/esm/types/components/Stack/StackStyled.d.ts

@@ -0,0 +1,10 @@
+export declare const StackStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $direction: string;
+    $spacing: string;
+    $width: string;
+    $centered?: boolean;
+    $wrap?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,2 @@
+export * from "./Stack";
+export * from "./StackInterfaces";

package/dist/esm/types/components/Table/TableInterfaces.d.ts

@@ -3,7 +3,6 @@ export type TCellValues = string | number | boolean | null;
 export type TTableProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = {
     columns: ColumnDef<Row, Cell>[];
     data: Row[] | undefined;
-    onFilteredRowsChange?: (rows: Row[]) => void;
 };
 export type TTableCell<T extends TCellValues> = {
     value: T;

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,3 +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 */
@@ -461,7 +461,6 @@ type TCellValues = string | number | boolean | null;
 type TTableProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = {
     columns: ColumnDef<Row, Cell>[];
     data: Row[] | undefined;
-    onFilteredRowsChange?: (rows: Row[]) => void;
 };
 type TTableCell<T extends TCellValues> = {
     value: T;
@@ -485,7 +484,6 @@ declare const renderCell: (value: string | number | boolean | null) => _emotion_
 type TDataGridProps<Cell extends TCellValues, Row extends TDataGridRow<Cell>> = {
     columns: ColumnDef<TDataGridRow<Cell>, Cell>[];
     data: Row[] | undefined;
-    onFilteredRowsChange?: (rows: Row[]) => void;
 };
 type TDataGridRow<Cell extends TCellValues> = {
     [key: string]: Cell;
@@ -759,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 */
@@ -774,6 +772,65 @@ 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 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 */
+    spacing?: string;
+    /** Width of the stack */
+    width?: string;
+    /** If true, the stack will be centered both vertically and horizontally */
+    centered?: boolean;
+    /** 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>;
+    /** Allows rendering the stack as a different HTML element or component */
+    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> & {
+    /** Visual variant of the skeleton placeholder */
+    variant?: TSkeletonVariant;
+    /** Width of the skeleton. Accepts any valid CSS length string or a number (treated as px) */
+    width?: string | number;
+    /** Height of the skeleton. Accepts any valid CSS length string or a number (treated as px) */
+    height?: string | number;
+    /** Controls whether the shimmer animation plays */
+    animated?: boolean;
+    /** Forwarded ref to the underlying DOM element */
+    ref?: React__default.Ref<HTMLDivElement>;
+};
+
+declare function SkeletonItem({ variant, width, height, animated, style, ref, ...rest }: TSkeletonProps): _emotion_react_jsx_runtime.JSX.Element;
+
+declare const SkeletonCard: FC;
+
 /**
  * emotion.js doesn't support transient options out of the box.
  *
@@ -823,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, Slider, 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, TSliderProps, 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-rc.0",
+  "version": "1.4.0",
   "description": "Kwantis frontend components collection",
   "scriptsComments": {
     "storybook": "Starts storybook in development mode",