@fattureincloud/fic-design-system 0.4.21 → 0.4.24

package/dist/components/form/datepicker/DatePicker.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
-import { LabelProps } from '../label';
-import { DatePickerImplProps } from './DatePickerImpl';
-export declare type DatePickerProps = LabelProps & DatePickerImplProps;
+import { DatePickerProps } from './types';
+/**
+ * Component Props:
+ * @param {Date | null} date selected date
+ * @param {function} placeholderText text to show as placeholder
+ * @param {string|ReactNode} minDate minimum selectable date
+ * @param {string|ReactNode} maxDate maximum selectable date
+ * @others ReactDatePickerProps
+ */
 declare const DatePicker: (props: DatePickerProps) => JSX.Element;
 export default DatePicker;

package/dist/components/form/datepicker/DatePickerImpl.d.ts

@@ -1,25 +1,4 @@
-import { Dispatch, ReactChild, SetStateAction } from 'react';
-import { ReactDatePickerProps } from 'react-datepicker';
-import { CommonFormTypes } from '../common/types';
-export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
-export declare type CustomButtonProps = {
-    text: string;
-    onClick: (props: RenderCustomFooterProps) => void;
-};
-export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChange'>, CommonFormTypes {
-    date: Date | null;
-    setDate: Dispatch<SetStateAction<Date | null>>;
-    allowMonthView?: boolean;
-    allowYearView?: boolean;
-    yearsDisplayed?: number;
-    hasTodayButton?: boolean;
-    customButtons?: CustomButtonProps[];
-    renderCustomFooter?: RenderCustomFooterType;
-    isPrefilled?: boolean;
-}
-export interface RenderCustomFooterProps extends DatePickerImplProps {
-    isOpen: boolean;
-    setIsOpen: Dispatch<SetStateAction<boolean>>;
-}
+/// <reference types="react" />
+import { DatePickerImplProps } from './types';
 declare const DatePickerImpl: (props: DatePickerImplProps) => JSX.Element;
 export default DatePickerImpl;

package/dist/components/form/datepicker/components/hooks/useDatePickerHeaderShowLogic.d.ts

@@ -1,7 +1,7 @@
-import { datePickerStatus } from '../../types';
+import { DatePickerStatus } from '../../types';
 import { DatePickerHeaderProps } from '../DatePickerHeader';
 interface ReturnType {
-    status: datePickerStatus;
+    status: DatePickerStatus;
     title: string;
     leftArrowOnClick: () => void;
     leftArrowIsDisabled: boolean;

package/dist/components/form/datepicker/datePickerPalette.d.ts

@@ -1,20 +1,20 @@
 import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
-declare type itemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover';
+declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
 declare type DayPalette = {
     borderRadius: string;
     today: {
-        [k in itemStatus]: colorsPalette;
+        [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
     };
     inMonth: {
-        [k in itemStatus]: colorsPalette;
+        [k in ItemStatus]: colorsPalette;
     };
     outMonth: {
-        [k in Exclude<itemStatus, 'active' | 'activeHover'>]: colorsPalette;
+        [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
     };
 };
 declare type ItemStatusPalette = {
-    [k in itemStatus]: colorsPalette;
+    [k in ItemStatus]: colorsPalette;
 };
 interface ItemPalette extends ItemStatusPalette {
     borderRadius: string;

package/dist/components/form/datepicker/datepicker.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, Story } from '@storybook/react';
-import { DatePickerProps } from './DatePicker';
+import { DatePickerProps } from './types';
 export declare const Normal: Story<DatePickerProps>;
 export declare const WithCustomButton: Story<DatePickerProps>;
 declare const DatePickerStories: Meta<DatePickerProps>;

package/dist/components/form/datepicker/index.d.ts

@@ -1,5 +1,5 @@
-import DatePicker, { DatePickerProps } from './DatePicker';
-import datePickerPalette, { DatePickerPalette } from './datePickerPalette';
-import useFormattedDate from './hooks/useFormattedDate';
-import { timeConversionOptions } from './utils';
-export { datePickerPalette, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions };
+export { default as DatePicker } from './DatePicker';
+export { default as datePickerPalette, DatePickerPalette } from './datePickerPalette';
+export { default as useFormattedDate } from './hooks/useFormattedDate';
+export { DatePickerProps } from './types';
+export { timeConversionOptions } from './utils';

package/dist/components/form/datepicker/styled.d.ts

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

package/dist/components/form/datepicker/types.d.ts

@@ -1,4 +1,29 @@
-export declare type datePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
+import { Dispatch, ReactChild, SetStateAction } from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+export declare type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
 export declare const dateFormatsArray: [string, ...string[]];
-export declare type dateFormat = typeof dateFormatsArray[number];
-export declare type DateFormats = [dateFormat, ...dateFormat[]];
+export declare type DateFormat = typeof dateFormatsArray[number];
+export declare type DateFormats = [DateFormat, ...DateFormat[]];
+export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
+export declare type CustomButtonProps = {
+    text: string;
+    onClick: (props: RenderCustomFooterProps) => void;
+};
+export interface RenderCustomFooterProps extends DatePickerImplProps {
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+}
+export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChange'>, CommonFormTypes {
+    date: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    allowMonthView?: boolean;
+    allowYearView?: boolean;
+    yearsDisplayed?: number;
+    hasTodayButton?: boolean;
+    customButtons?: CustomButtonProps[];
+    renderCustomFooter?: RenderCustomFooterType;
+    isPrefilled?: boolean;
+}
+export declare type DatePickerProps = LabelProps & DatePickerImplProps;

package/dist/components/form/inputText/types.d.ts

@@ -1,5 +1,6 @@
 import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
 import { IconProps } from '../../icon';
+import { TooltipProps } from '../../tooltip';
 import { CommonFormTypes } from '../common/types';
 import { UnitDropdownProps } from './components/UnitDropdown';
 export declare const inputTypesArray: readonly ["password", "text", "number"];
@@ -14,4 +15,5 @@ export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttrib
     isPrefilled?: boolean;
     isTransparent?: boolean;
     unitDropdownProps?: UnitDropdownProps;
+    tooltip?: TooltipProps;
 }

package/dist/components/tabs/common/Item.d.ts

@@ -3,5 +3,5 @@ import { TabsItem } from './types';
 interface Props extends TabsItem {
     tabRef?: () => RefObject<HTMLDivElement>;
 }
-declare const Item: ({ active, handleClick, tabRef, text }: Props) => JSX.Element;
+declare const Item: ({ active, handleClick, tabRef, text, tooltip }: Props) => JSX.Element;
 export default Item;

package/dist/components/tabs/common/types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { TooltipProps } from '../../tooltip';
 export interface TabsProps {
     className?: string;
     tabs: TabsItem[];
@@ -9,4 +10,5 @@ export interface TabsItem {
     text: string | JSX.Element;
     active?: boolean;
     handleClick?: () => void;
+    tooltip?: TooltipProps;
 }

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

@@ -1,6 +1,7 @@
 import { BasePlacement } from '@popperjs/core';
 import { MouseEventHandler, ReactNode } from 'react';
 import { MessageProps } from './components/Message';
+export declare const defaultTooltipProps: TooltipProps;
 export interface TooltipProps extends MessageProps {
     message: string | JSX.Element;
     className?: string;
@@ -8,6 +9,9 @@ export interface TooltipProps extends MessageProps {
     placement: BasePlacement;
     onMouseEnter?: MouseEventHandler;
     onMouseLeave?: MouseEventHandler;
+    showAlways?: boolean;
+    hideAfterSeconds?: number;
+    callbackAfterTimeout?: () => void;
 }
-declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, hideAfterSeconds, callbackAfterTimeout, }: TooltipProps) => JSX.Element;
 export default Tooltip;