@fattureincloud/fic-design-system 0.18.2 → 0.19.1

package/dist/components/ficFeatures/components/iconSelectionModal/styled.d.ts

@@ -1,3 +1,4 @@
-export declare const CurrentIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const IconGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    selected: boolean;
+}, never>;

package/dist/components/ficFeatures/constants/configExample.d.ts

@@ -0,0 +1,3 @@
+import { TFeaturesConfig } from '../types';
+declare const defaultConfig: TFeaturesConfig;
+export default defaultConfig;

package/dist/components/ficFeatures/constants/icons.d.ts

@@ -0,0 +1,8 @@
+import { IconName } from '@fortawesome/fontawesome-svg-core';
+import { IconProps } from '../../icon';
+export declare const greenPlusIcon: IconProps;
+export declare const sortIcon: IconProps;
+export declare const redBackwardIcon: IconProps;
+export declare const greenCheckIcon: IconProps;
+export declare const greyTimesIcon: IconProps;
+export declare const iconsList: IconName[];

package/dist/components/form/select/components/ClearIndicator.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { IndicatorProps } from 'react-select/src/components/indicators';
 import { OptionType } from './Option';
-declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ clearValue, isDisabled, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
 export default ClearIndicator;

package/dist/components/form/select/components/Option.d.ts

@@ -10,5 +10,5 @@ export interface OptionType extends OptionTypeBase {
 interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> extends Omit<OptionProps<O, IsMulti>, 'data'> {
     data: OptionType;
 }
-declare const Option: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onClick }, data: { label, icon }, isSelected, }: Props<O, IsMulti>) => JSX.Element;
+declare const Option: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ data: { icon, label }, innerProps: { onClick }, isSelected, }: Props<O, IsMulti>) => JSX.Element;
 export default Option;

package/dist/components/inlineMessageV2/InlineMessageV2.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { InlineMessageV2Props } from './types';
+/**
+ * Component Props:
+ * @param {ButtonProps} [action] - button props to create an action
+ * @param {CardColor} [color] - card color
+ * @param {string} [content] - content to render in the card
+ * @param {IconProps} [icon] - icon props to override the default icon
+ * @param {function} [onClose] - if provided, will render a close icon that calls this function on click
+ * @param {string} title - inline message title
+ * @param other - other card props
+ */
+declare const InlineMessageV2: ({ action, color, content, icon, onClose, title, ...other }: InlineMessageV2Props) => JSX.Element;
+export default InlineMessageV2;

package/dist/components/inlineMessageV2/const.d.ts

@@ -0,0 +1,3 @@
+import { CardColor } from '../card';
+import { IconProps } from '../icon';
+export declare const INLINE_MESSAGE_V2_DEFAULT_ICONS: Record<CardColor, IconProps>;

package/dist/components/inlineMessageV2/index.d.ts

@@ -0,0 +1,2 @@
+export { default as InlineMessageV2 } from './InlineMessageV2';
+export * from './types';

package/dist/components/inlineMessageV2/inlineMessageV2.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { InlineMessageV2Props } from './types';
+export declare const Standard: Story<InlineMessageV2Props>;
+declare const InlineMessageV2Stories: Meta<InlineMessageV2Props>;
+export default InlineMessageV2Stories;

package/dist/components/inlineMessageV2/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const InlineMessageCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../card/types").StyledCardProps & {
+    children: import("react").ReactNode | import("react").ReactNode[];
+} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const CustomButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../buttons").ButtonProps & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/inlineMessageV2/types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ButtonProps } from '../buttons';
+import { CardProps } from '../card';
+import { IconProps } from '../icon';
+export declare type InlineMessageV2Props = Omit<CardProps, 'children'> & {
+    action?: ButtonProps;
+    content?: string | JSX.Element;
+    icon?: IconProps | false;
+    onClose?: () => void;
+    title: string;
+};

package/dist/components/tableV3/components/cell/actionsCell/styled.d.ts

@@ -2,6 +2,7 @@ import { MappedProps } from '../../../utils';
 declare type ActionsTdProps = {
     actionColumnWidth: number;
     isDisabled: boolean;
+    isLoading: boolean;
     isRowHighlighted?: boolean;
     mouseHover: boolean;
     rowHighlightColor?: string;

package/dist/components/tableV3/components/cell/checkboxCell/styled.d.ts

@@ -1,6 +1,7 @@
 import { MappedProps } from '../../../utils';
 declare type CheckboxTdProps = {
     isDisabled: boolean;
+    isLoading: boolean;
     isRowHighlighted?: boolean;
     mouseHover: boolean;
     rowHighlightColor?: string;

package/dist/components/tableV3/components/cell/loadingCell/styled.d.ts

@@ -0,0 +1 @@
+export declare const LoaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/tableV3/components/row/styled.d.ts

@@ -3,6 +3,7 @@ import { MappedProps } from '../../utils';
 declare type TRowProps = {
     hasClick: boolean;
     isDisabled: boolean;
+    isLoading: boolean;
     isRowHighlighted?: boolean;
     mouseHover: boolean;
     rowHighlightColor?: string;

package/dist/components/tableV3/components/settings/settingsDropdownContent/DraggableColumn.d.ts

@@ -1,11 +1,12 @@
-import { Column } from '@tanstack/react-table';
+import { Column, Header } from '@tanstack/react-table';
 import React from 'react';
 declare type Props<T> = {
     column: Column<T, unknown>;
     dragging: boolean;
+    header: Header<T, unknown>;
     onDragEnd: React.HTMLProps<HTMLDivElement>['onDragEnd'];
     onDragOver: React.HTMLProps<HTMLDivElement>['onDragOver'];
     onDragStart: (event: React.DragEvent<HTMLDivElement>, parent: HTMLDivElement) => void;
 };
-declare const DraggableColumn: <T>({ column, dragging, onDragEnd, onDragOver, onDragStart }: Props<T>) => JSX.Element;
+declare const DraggableColumn: <T>({ column, dragging, header, onDragEnd, onDragOver, onDragStart, }: Props<T>) => JSX.Element;
 export default DraggableColumn;

package/dist/components/tableV3/utils.d.ts

@@ -4,6 +4,7 @@ import { ColumnsType } from './types';
 export declare const getNextSortingDirection: (direction?: false | SortDirection | undefined) => false | SortDirection;
 declare type MapBackgrounProps = {
     isDisabled: boolean;
+    isLoading: boolean;
     isRowHighlighted?: boolean;
     rowHighlightColor?: string;
     selected: boolean;
@@ -13,7 +14,7 @@ export declare type MappedProps = {
     backgroundColor: string;
     backgroundHover: string;
 };
-export declare const mapBackground: ({ isDisabled, isRowHighlighted, rowHighlightColor, selected, theme, }: MapBackgrounProps) => MappedProps;
+export declare const mapBackground: ({ isDisabled, isLoading, isRowHighlighted, rowHighlightColor, selected, theme, }: MapBackgrounProps) => MappedProps;
 export declare const getColumnId: <T>(column: ColumnsType<T>) => string;
 declare type MapColumnWidthParams = {
     minWidth?: number;

package/dist/components/tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TooltipProps } from './types';
 export declare const defaultTooltipProps: TooltipProps;
-declare const Tooltip: ({ callbackAfterTimeout, children, className, hideAfterSeconds, icon, message, onMouseEnter, onMouseLeave, onOpen, placement, positionStrategy, renderButton, shouldRender, showAfterSeconds, showAlways, style, type, }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ callbackAfterTimeout, children, className, hideAfterSeconds, icon, message, onMouseEnter, onMouseLeave, onOpen, placement, positionStrategy, renderButton, shouldRender, showAfterSeconds, showAlways, style, type, usePortal, }: TooltipProps) => JSX.Element;
 export default Tooltip;

package/dist/components/tooltip/types.d.ts

@@ -20,4 +20,5 @@ export interface TooltipProps {
     shouldRender?: boolean;
     style?: React.CSSProperties;
     type?: tooltipTypes;
+    usePortal?: boolean;
 }

package/dist/index.d.ts

@@ -53,6 +53,7 @@ export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } fro
 export { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
 export { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 export * from './components/verticalTabs';
+export * from './components/inlineMessageV2';
 export { autocompleteYellow } from './styles/defaultPalette/colors/others';
 export { Theme } from './styles/theme';
 export { Palette, paletteColor, BwPalette, ColorsPalette, bwColors, bwColor, color, colors } from './styles/types';