@fattureincloud/fic-design-system 0.6.0 → 0.6.2-temp-table

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

@@ -1,5 +1,4 @@
-import { PaginationType } from './';
 export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PaginationElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    color: PaginationType;
-}, never>;
+export declare const PaginationElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PaginationNumberElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PaginationButtonElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -15,11 +15,21 @@ export declare type PaginationProps = {
     currentPage: number;
     prevText: string;
     nextText: string;
-    color?: PaginationType;
 };
+declare type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
+declare type PaginationButtonsStatus = 'normal' | 'disabled';
 export declare type PaginationPalette = {
-    [key in PaginationType]: {
-        backgroundColor: paletteColor;
-        color: paletteColor;
+    numbers: {
+        [k in PaginationNumbersStatus]: {
+            backgroundColor: paletteColor;
+            color: paletteColor;
+        };
+    };
+    buttons: {
+        [k in PaginationButtonsStatus]: {
+            backgroundColor: paletteColor;
+            color: paletteColor;
+        };
     };
 };
+export {};

package/dist/components/progressbar/components/styledProgressbarWrapper.d.ts

@@ -0,0 +1,2 @@
+import { UnstyledProgressbarPropsInterface } from '../types';
+export declare const StyledProgressbarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledProgressbarPropsInterface, never>;

package/dist/components/radioButton/components/label.d.ts

@@ -0,0 +1,2 @@
+import { LabelInterface } from '../typings/radioButton';
+export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, LabelInterface, never>;

package/dist/components/radioButton/components/radio.d.ts

@@ -0,0 +1,2 @@
+import { RadioInterface } from '../typings/radioButton';
+export declare const Radio: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, RadioInterface, never>;

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

@@ -0,0 +1,2 @@
+import { TRadioButton } from './typings/radioButton';
+export declare const RadioButton: TRadioButton;

package/dist/components/radioButton/radio.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { RadioButtonInterface } from './typings/radioButton';
+export declare const WithKnobs: () => JSX.Element;
+declare const RadioButtonStories: Meta<RadioButtonInterface>;
+export default RadioButtonStories;

package/dist/components/radioButton/typings/radioButton.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface RadioInterface {
+    isDisabled?: boolean;
+    isChecked: boolean;
+}
+export interface LabelInterface {
+    isDisabled?: boolean;
+}
+export interface RadioButtonInterface extends RadioInterface {
+    className?: string;
+    label: string;
+    inline?: boolean;
+    onClick: () => void;
+    optionsSpacing?: number;
+    renderOption?: (props: {
+        isDisabled?: boolean;
+        isChecked: boolean;
+        label: string;
+    }) => JSX.Element;
+}
+export declare type TRadioButton = React.FunctionComponent<RadioButtonInterface>;

package/dist/components/table/components/ActionsCell.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Row } from 'react-table';
+import { RowActions, TableData } from '../types';
+interface Props<T extends TableData> {
+    row: Row<T>;
+    actions?: RowActions<T>;
+    renderActions?: () => JSX.Element;
+}
+declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
+export default ActionsCell;

package/dist/components/table/components/SortIndicator.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    isSorted: boolean;
+    isSortedDesc?: boolean;
+}
+declare const SortIndicator: ({ isSorted, isSortedDesc }: Props) => JSX.Element;
+export default SortIndicator;

package/dist/components/table/components/TableBody.d.ts

@@ -0,0 +1,14 @@
+import { Row, UseTableInstanceProps } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    rows: Row<T>[];
+    prepareRow: UseTableInstanceProps<T>['prepareRow'];
+    selectedRowsIds: string[];
+    isLoading: boolean;
+}
+declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
+export interface TableBodyTrProps {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export default TableBody;

package/dist/components/table/components/TableFoot.d.ts

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

package/dist/components/table/components/TableHeader.d.ts

@@ -0,0 +1,7 @@
+import { HeaderGroup } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    headerGroups: HeaderGroup<T>[];
+}
+declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
+export default TableHeader;

package/dist/components/table/components/tableBody/TableBodyLoader.d.ts

@@ -0,0 +1,7 @@
+import { ColumnInstance } from 'react-table';
+import { TableData } from '../../types';
+interface Props<T extends TableData> {
+    allColumns: ColumnInstance<T>[];
+}
+declare const TableBodyLoader: <T extends TableData>({ allColumns }: Props<T>) => JSX.Element;
+export default TableBodyLoader;

package/dist/components/table/components/tableBody/styled.d.ts

@@ -0,0 +1,3 @@
+import { TableBodyTrStyles } from '../../utils';
+import { TableBodyTrProps } from '../TableBody';
+export declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;

package/dist/components/tip/components/styledTip.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledTip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLeftIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCloseIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/toast/ToastContainer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ToastContainerProps } from './typings/toast';
+export declare const ToastContainer: import("styled-components").StyledComponent<import("react").FC<import("react-toastify").ToastContainerProps>, import("styled-components").DefaultTheme, {
+    hideProgressBar: true;
+    newestOnTop: true;
+    closeOnClick: false;
+    draggable: false;
+    rtl: false;
+} & ToastContainerProps, "draggable" | "rtl" | "closeOnClick" | "newestOnTop" | "hideProgressBar">;

package/dist/components/toast/typings/toast.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from 'react';
+import { ToastPosition } from 'react-toastify/dist/types';
+import { IconProps } from '../../icon';
+export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export declare type toastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
+export declare const typeMap: Record<toastType, toastLibraryType>;
+export interface ToastProps {
+    type?: toastType;
+    content?: ReactNode;
+    icon?: IconProps;
+    actionLabel?: string;
+    onActionClick?: () => void;
+    autoClose?: false;
+}
+export interface ToastContentProps {
+    title: ReactNode;
+    content?: ReactNode;
+    icon: IconProps;
+    actionLabel?: string;
+    onActionClick?: () => void;
+}
+export interface ToastInterface {
+    Container: React.FC<ToastContainerProps>;
+    show: (title: ReactNode, options: ToastProps) => string | undefined;
+    dismiss: (toastId: string | undefined) => void;
+    success: (title: ReactNode, options?: ToastProps) => string | undefined;
+    error: (title: ReactNode, options?: ToastProps) => string | undefined;
+    info: (title: ReactNode, options?: ToastProps) => string | undefined;
+    warning: (title: ReactNode, options?: ToastProps) => string | undefined;
+    standard: (title: ReactNode, options?: ToastProps) => string | undefined;
+}
+export interface ToastContainerProps {
+    position: ToastPosition;
+}

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

@@ -11,7 +11,9 @@ export interface TooltipProps extends MessageProps {
     onMouseLeave?: MouseEventHandler;
     showAlways?: boolean;
     hideAfterSeconds?: number;
+    showAfterSeconds?: number;
     callbackAfterTimeout?: () => void;
+    onOpen?: (isOpen: boolean) => void;
 }
-declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, hideAfterSeconds, callbackAfterTimeout, }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, }: TooltipProps) => JSX.Element;
 export default Tooltip;

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxVa
 import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate } from './components/form/datepicker';
 import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
 import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
-import { CodeInputProps, InputText, InputTextPalette, InputTextProps, StandardInputProps, TelephoneInputProps, UnitDropdownProps } from './components/form/inputText';
+import { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
 import { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
 import { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/form/radioGroup';
 import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
@@ -22,6 +22,7 @@ import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag'
 import { Modal, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps } from './components/modals';
 import { ConfirmationModal } from './components/modals/confirmationModal';
 import { ModalBody } from './components/modals/modalStyled';
+import { ColumnDefType, ColumnsType, NewTable, CellProps } from './components/newTable';
 import { PageEmptySet } from './components/pageEmptySet';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
@@ -45,4 +46,4 @@ export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
 export { bwColor } from './styles/types';
 export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
-export { autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputTextProps, StandardInputProps, CodeInputProps, TelephoneInputProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
+export { NewTable, ColumnsType, ColumnDefType, CellProps, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };