@fattureincloud/fic-design-system 0.6.5 → 0.7.0

package/dist/styles/theme.d.ts

@@ -20,11 +20,11 @@ import { IconBackgroundPalette, IconPalette } from '../components/icon';
 import { InlineMessagePalette } from '../components/inlineMessage';
 import { SidebarItemPalette } from '../components/layout/sidebarItem';
 import { MicroTagPalette } from '../components/microTag';
+import { TablePalette } from '../components/oldTable';
 import { PaginationPalette } from '../components/pagination';
 import { ProgressBarPalette } from '../components/progressbar';
 import { SegmentButtonPalette } from '../components/segmentButton';
 import { StepperPalette } from '../components/stepper';
-import { TablePalette } from '../components/table';
 import { TagPalette } from '../components/tag';
 import { TipPalette } from '../components/tip/';
 import { ToastPalette } from '../components/toast';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fattureincloud/fic-design-system",
-  "version": "0.6.5",
+  "version": "0.7.0",
   "description": "Fatture in Cloud and Danea design system",
   "repository": "git@bitbucket.org:fattureincloud/design-system.git",
   "license": "MIT",
@@ -60,6 +60,7 @@
     "@fortawesome/pro-solid-svg-icons": "~5.15.4",
     "@fortawesome/react-fontawesome": "0.1.14",
     "@popperjs/core": "^2.6.0",
+    "@tanstack/react-table": "^8.5.13",
     "@types/react": "^17.0.37",
     "@types/react-select": "^4.0.18",
     "date-fns": "^2.28.0",

package/dist/components/accordion-new/Accordion.d.ts

@@ -1,12 +0,0 @@
-import { AccordionProps } from './types';
-/**
- * Component props
- * @param {boolean} multipleOpen Allows to open multiple accordion items at the same time
- * @param {AnimatedIcon} leftIcon Left icon on the header of the accorion
- * @param {AnimatedIcon} rightIcon Right icon on the header of the accordion
- * @param {ReactChild} divider Component used to divide accordion items
- * @param {ItemListProps} items List of the accordion items
- * @param {object} style Styles for header and content of each accordion item
- */
-declare const AccordionNew: ({ divider, items, leftIcon, multipleOpen, rightIcon, style }: AccordionProps) => JSX.Element;
-export default AccordionNew;

package/dist/components/accordion-new/accordion-new.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-import { AccordionProps } from './types';
-declare const AccordionNewStories: Meta<AccordionProps>;
-export default AccordionNewStories;

package/dist/components/accordion-new/components/AccordionIcon.d.ts

@@ -1,3 +0,0 @@
-import { AccordionIconProps } from '../types';
-declare const AccordionIcon: ({ iconProps: { animation, changeColor, ...otherIconProps }, open, }: AccordionIconProps) => JSX.Element;
-export default AccordionIcon;

package/dist/components/accordion-new/components/AccordionItem.d.ts

@@ -1,3 +0,0 @@
-import { AccordionItemProps } from '../types';
-declare const AccordionItem: ({ content, header, index, leftIcon, open, rightIcon, style, toggleOpen, }: AccordionItemProps) => JSX.Element;
-export default AccordionItem;

package/dist/components/accordion-new/components/styled.d.ts

@@ -1,8 +0,0 @@
-import { IconContainerProps, MappedProps } from '../types';
-export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    leftPad: boolean;
-    rightPad: boolean;
-}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MappedProps & IconContainerProps, keyof MappedProps>;

package/dist/components/accordion-new/index.d.ts

@@ -1,3 +0,0 @@
-import AccordionNew from './Accordion';
-import { AccordionProps, AnimatedIcon, Animations, ItemListProps, rotate45, rotate90, rotate180 } from './types';
-export { AccordionNew, AccordionProps, Animations, AnimatedIcon, ItemListProps, rotate45, rotate90, rotate180 };

package/dist/components/accordion-new/types.d.ts

@@ -1,58 +0,0 @@
-import { CSSProperties, ReactChild } from 'react';
-import { IconProps } from '../icon';
-export declare const rotate45 = "rotate45";
-export declare const rotate90 = "rotate90";
-export declare const rotate180 = "rotate180";
-export declare type Animations = typeof rotate45 | typeof rotate90 | typeof rotate180;
-export interface AnimatedIcon extends Omit<IconProps, 'rotation'> {
-    animation?: Animations;
-    changeColor?: boolean;
-}
-export interface AccordionProps {
-    multipleOpen?: boolean;
-    leftIcon?: AnimatedIcon;
-    rightIcon?: IconProps;
-    divider?: ReactChild;
-    items: ItemListProps[];
-    style?: {
-        header?: Record<string, unknown>;
-        content?: Record<string, unknown>;
-    };
-}
-export interface ItemListProps {
-    header: React.ReactChild;
-    content: React.ReactChild;
-    style?: {
-        header?: CSSProperties;
-        content?: CSSProperties;
-    };
-    defaultOpen?: boolean;
-    leftIcon?: AnimatedIcon;
-    rightIcon?: AnimatedIcon;
-}
-export interface AccordionItemProps {
-    index: number;
-    header: React.ReactChild;
-    content: React.ReactChild;
-    style?: {
-        header?: CSSProperties;
-        content?: CSSProperties;
-    };
-    open: boolean;
-    toggleOpen: (index: number) => void;
-    leftIcon?: AnimatedIcon;
-    rightIcon?: AnimatedIcon;
-}
-export interface AccordionIconProps {
-    iconProps: AnimatedIcon;
-    open: boolean;
-}
-export interface MappedProps {
-    animation: string;
-    iconColor: string;
-}
-export interface IconContainerProps {
-    animation?: Animations;
-    changeColor?: boolean;
-    open: boolean;
-}

package/dist/components/accordion-new/utils.d.ts

@@ -1,10 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-import { Animations, MappedProps } from './types';
-interface MapParams {
-    animation?: Animations;
-    changeColor?: boolean;
-    open: boolean;
-    theme: DefaultTheme;
-}
-export declare const mapAnimation: ({ animation, changeColor, open, theme }: MapParams) => MappedProps;
-export {};

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,15 +0,0 @@
-import { ChangeEvent, InputHTMLAttributes } from 'react';
-import { CheckboxInputProps } from './components/Input';
-import { CheckboxLabelProps } from './components/Label';
-interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<CheckboxLabelProps, 'hasError'> {
-    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
-    text?: string;
-    error?: string;
-    className?: string;
-    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
-}
-export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
-    value: CheckboxImplProps['value'] | boolean;
-}
-declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
-export default Checkbox;

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

@@ -1 +0,0 @@
-export {};

package/dist/components/checkbox/checkboxPalette.d.ts

@@ -1,16 +0,0 @@
-import { paletteColor } from '../../styles/types';
-import { checkboxParts, checkboxState, checkboxStatus } from './types';
-export declare type CheckboxPalette = {
-    input: {
-        [k in checkboxState]: {
-            [k in checkboxStatus]: {
-                [k in checkboxParts]: paletteColor;
-            };
-        };
-    };
-    label: {
-        [k in checkboxState]: paletteColor;
-    };
-};
-declare const checkboxPalette: CheckboxPalette;
-export default checkboxPalette;

package/dist/components/checkbox/components/Input.d.ts

@@ -1,9 +0,0 @@
-import { checkboxStatus, CheckboxStyles } from '../types';
-export interface CheckboxInputProps {
-    value: checkboxStatus;
-    isDisabled?: boolean;
-    large?: boolean;
-    hasError: boolean;
-}
-declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "height" | "width" | "backgroundColor" | "tickColor" | "borderColor" | "cursor" | "opacity">;
-export default Input;

package/dist/components/checkbox/components/Label.d.ts

@@ -1,8 +0,0 @@
-import { MappedLabelProps } from '../types';
-export interface CheckboxLabelProps {
-    large?: boolean;
-    isDisabled?: boolean;
-    hasError: boolean;
-}
-declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "fontSize" | "cursor" | "opacity">;
-export default Label;

package/dist/components/checkbox/hooks/useCheckboxValue.d.ts

@@ -1,11 +0,0 @@
-import { checkboxStatus } from '../types';
-interface UseCheckboxValueReturn {
-    status: checkboxStatus;
-    value: boolean;
-    setCheck: () => void;
-    setUncheck: () => void;
-    setIndeterminate: () => void;
-    toggleCheckbox: () => void;
-}
-declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
-export default useCheckboxValue;

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

@@ -1,4 +0,0 @@
-import Checkbox, { CheckboxProps } from './Checkbox';
-import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
-import useCheckboxValue from './hooks/useCheckboxValue';
-export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };

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

@@ -1,19 +0,0 @@
-import { paletteColor } from '../../styles/types';
-export declare type checkboxStatus = 'checked' | 'unchecked' | 'indeterminate';
-export declare type checkboxState = 'normal' | 'error';
-export declare type checkboxParts = 'tickColor' | 'backgroundColor' | 'borderColor';
-export interface CheckboxStyles {
-    height: string;
-    width: string;
-    backgroundColor: paletteColor;
-    tickColor: paletteColor;
-    borderColor: paletteColor;
-    cursor: string;
-    opacity: number;
-}
-export interface MappedLabelProps {
-    fontSize: string;
-    cursor: string;
-    color: paletteColor;
-    opacity: number;
-}

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

@@ -1,24 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-import { IconProps } from '../icon';
-import { CheckboxInputProps } from './components/Input';
-import { CheckboxLabelProps } from './components/Label';
-import { checkboxStatus, CheckboxStyles } from './types';
-interface InputMapParams extends CheckboxInputProps {
-    theme: DefaultTheme;
-}
-export declare const getInputStyle: ({ theme, value, isDisabled, large, hasError }: InputMapParams) => CheckboxStyles;
-interface LabelMapProps extends CheckboxLabelProps {
-    theme: DefaultTheme;
-}
-export declare const getLabelStyle: ({ isDisabled, large, theme, hasError }: LabelMapProps) => {
-    fontSize: string;
-    cursor: string;
-    opacity: number;
-    color: string;
-};
-declare type statusIconType = {
-    [k in checkboxStatus]: IconProps['icon'] | null;
-};
-export declare const statusIcon: statusIconType;
-export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
-export {};

package/dist/components/form/fileUploader/fileTypes.d.ts

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

package/dist/components/form/fileUploader/hooks/useIcon.d.ts

@@ -1,4 +0,0 @@
-import { IconProps } from '../../../icon';
-import { statuses } from '../types';
-declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null;
-export default useIcon;

package/dist/components/form/fileUploader/hooks/useTexts.d.ts

@@ -1,3 +0,0 @@
-import { CustomTexts, FileUploaderTexts, statuses } from '../types';
-declare const useTexts: (status: statuses, customTexts?: CustomTexts | undefined) => FileUploaderTexts;
-export default useTexts;

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

@@ -1,10 +0,0 @@
-import { ComponentProps } from 'react';
-import { SelectProps } from '../types';
-declare type SelectComponents<IsMulti extends boolean = false> = Required<Required<SelectProps<IsMulti>>['components']>;
-export declare type OptionProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Option']>;
-export declare type PlaceholderProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Placeholder']>;
-export declare type ControlProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Control']>;
-export declare type MenuListProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['MenuList']>;
-export declare type DropdownIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['DropdownIndicator']>>;
-export declare type ClearIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['ClearIndicator']>>;
-export {};

package/dist/components/inputText/components/icons.d.ts

@@ -1,8 +0,0 @@
-import { EInputSize } from '../typings/enums';
-interface IconProps {
-    size?: EInputSize;
-    hasAction: boolean;
-}
-export declare const IconLeft: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
-export declare const IconRight: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
-export {};

package/dist/components/inputText/components/inputContainer.d.ts

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

package/dist/components/inputText/components/messages.d.ts

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

package/dist/components/inputText/components/wrapperTextArea.d.ts

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

package/dist/components/inputText/icons.d.ts

@@ -1,9 +0,0 @@
-import { IconProps } from '../icon';
-export declare const LefIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
-    isDisabled?: boolean | undefined;
-}, "primary" | "secondary">;
-export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
-    isDisabled?: boolean | undefined;
-} & {
-    isValid?: boolean | undefined;
-}, "primary" | "secondary">;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { InputTextPropsInterface } from './typings/inputText';
-export declare const InputText: (props: InputTextPropsInterface) => JSX.Element;

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

@@ -1 +0,0 @@
-export {};

package/dist/components/inputText/inputTextStyledWrapper.d.ts

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

package/dist/components/inputText/sideText.d.ts

@@ -1,6 +0,0 @@
-export declare const LeftText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
-    size?: "small" | "large" | "medium" | undefined;
-}, never>;
-export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
-    size?: "small" | "large" | "medium" | undefined;
-}, never>;

package/dist/components/inputText/typings/enums.d.ts

@@ -1,17 +0,0 @@
-export declare enum EInputSize {
-    medium = "medium",
-    large = "large"
-}
-export declare enum EInputTags {
-    textarea = "textarea",
-    input = "input"
-}
-export declare enum EInputTypes {
-    password = "password",
-    text = "text",
-    number = "number"
-}
-export declare enum EInputErrorTypes {
-    generic = "generic",
-    wordcount = "wordcount"
-}

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

@@ -1,43 +0,0 @@
-import React from 'react';
-import { IconProps } from '../../icon';
-import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './enums';
-export declare type MergedInputElements = HTMLInputElement | HTMLTextAreaElement;
-export interface InputTextStateInterface {
-}
-export interface InputTextStylingPropsInterface {
-    size?: EInputSize;
-    isDisabled?: boolean;
-    inputWidth?: string;
-    error?: {
-        id: EInputErrorTypes;
-        message: string;
-    };
-    rightInputIcon?: IconProps;
-    leftInputIcon?: IconProps;
-}
-export interface InputTextPropsInterface extends InputTextStylingPropsInterface {
-    tag?: EInputTags;
-    inputType?: EInputTypes;
-    value?: number | string;
-    inputPlaceholder?: string;
-    autoFocus?: boolean;
-    label?: string;
-    textAreaWordCount?: {
-        max: number;
-        current: number;
-    };
-    name?: string;
-    rows?: number;
-    className?: string;
-    description?: {
-        message: string;
-    };
-    onChange?: (e: React.ChangeEvent<MergedInputElements>) => void;
-    onFocus?: (e: React.FocusEvent<MergedInputElements>) => void;
-    onBlur?: (e: React.FocusEvent<MergedInputElements>) => void;
-    onKeyPress?: (e: React.KeyboardEvent<MergedInputElements>) => void;
-    onKeyUp?: (e: React.KeyboardEvent<MergedInputElements>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<MergedInputElements>) => void;
-    rightIconOnClick?: () => void;
-    leftIconOnClick?: () => void;
-}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { MergedInputElements } from './typings/inputText';
-/**
- *
- * @param textInput
- * It checks if the type of input is HTMLTextAreaElement or not
- */
-export declare function isTextArea(textInput: React.RefObject<MergedInputElements>): textInput is React.RefObject<HTMLTextAreaElement>;