@fattureincloud/fic-design-system 0.4.9-expenses.1.1 → 0.4.9-expenses.1.4

package/dist/styles/theme.d.ts

@@ -3,6 +3,7 @@ import { DefaultTheme } from 'styled-components';
 import { ButtonPalette, IconButtonPalette } from '../components/buttons';
 import { DropdownPalette } from '../components/dropdown';
 import { CheckboxPalette } from '../components/form/checkbox';
+import { DatePickerPalette } from '../components/form/datepicker';
 import { FileUploaderPalette } from '../components/form/fileUploader';
 import { InputHelperPalette } from '../components/form/inputHelper';
 import { InputTextPalette } from '../components/form/inputText';
@@ -29,6 +30,7 @@ interface Components {
     sidebarItem: SidebarItemPalette;
     stepper: StepperPalette;
     table: TablePalette;
+    datePicker: DatePickerPalette;
     inputText: InputTextPalette;
     textArea: TextAreaPalette;
     inputHelper: InputHelperPalette;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fattureincloud/fic-design-system",
-  "version": "0.4.9-expenses.1.1",
+  "version": "0.4.9-expenses.1.4",
   "description": "Fatture in Cloud and Danea design system",
   "repository": "git@bitbucket.org:fattureincloud/design-system.git",
   "license": "MIT",
@@ -21,6 +21,7 @@
     "@storybook/react": "^6.4.9",
     "@storybook/theming": "^6.4.9",
     "@types/lodash": "^4.14.138",
+    "@types/react-datepicker": "^4.3.4",
     "@types/react-modal": "^3.10.4",
     "@types/react-select": "^4.0.18",
     "@types/react-table": "^7.7.9",
@@ -61,9 +62,13 @@
     "@popperjs/core": "^2.6.0",
     "@types/react": "^17.0.37",
     "@types/react-select": "^4.0.18",
+    "date-fns": "^2.28.0",
     "lodash": "^4.17.21",
+    "react-content-loader": "^6.1.0",
+    "react-datepicker": "^4.6.0",
     "react-device-detect": "^2.1.2",
     "react-dropzone": "^12.0.2",
+    "react-infinite-scroll-component": "^6.1.0",
     "react-is": "^17.0.2",
     "react-modal": "^3.11.1",
     "react-popper": "^2.2.4",

package/CHANGELOG.md

@@ -1,386 +0,0 @@
-# Changelog
-
-## v0.4.9 - 23/02/2022
-
-### 🐛 Bug Fix
-
-- Fix FontAwesome version
-
-## v0.4.8 - 23/02/2022
-
-### 🐛 Bug Fix
-
-- Downgrade FontAwesome to v5 due to browser compatibility issues
-
-## v0.4.7 - 22/02/2022
-
-### 🚀 Added
-
-- Add new FileUploader component
-- Add new Table component
-
-### 🐛 Bug Fix
-
-- Fix appearance of multiline (long) Select Options 
-
-## v0.4.6 - 15/02/2022
-
-### 🚀 Added
-
-- Add `customHeader` and `customFooter` props to Modal
-- Add `isPrefilled` prop to InputText, TextArea and Select components
-- Add `isTransparent` prop to Select and InputText components
-- Add `customStyles` prop to Select component
-- Add UnitDropdown to InputText
-- Add `ref` prop to InputText component
-- Add Select `simpleValue` prop and `useSelectSimpleValue` hook
-
-### 🐛 Bug Fix
-
-- Fix Accordion graphical appearance (CSS)
-
-### 💅 Enhancement
-
-- Add `JSX.Element` to label prop type in form components
-- Remove up and down arrows on `input[type=number]`
-
-## v0.4.5 - 08/02/2022
-
-- Update FontAwesome to v6.0.0 (Downgraded to v5 in v0.4.8)
-
-## v0.4.4 - 25/01/2022
-
-### 🐛 Bug Fix
-
-- Move SidebarItem Dropdown on the left in Safari 
-
-## v0.4.3 - 21/01/2022
-
-### 🐛 Bug Fix
-
-- Remove the Checkbox `Label` tag when prop `text` is missing
-
-### 💅 Enhancement
-
-- Change Button `text` prop from `string | JSX.Element` to `ReactText | JSX.Element`
-
-## v0.4.2 - 19/01/2022
-
-### 🐛 Bug Fix
-
-- Fix Dropdown content appearance animation in Safari (animation removed)
-- Fix absent Select typings
-- Fix Select Option multiline appearance
-
-### 💅 Enhancement
-
-- Change all occurrences of `isDisabled` prop to `disabled` for "form" components
-
-## v0.4.1 - 14/01/2022
-
-### 🐛 Bug Fix
-
-- Fix a bug during the update of SidebarItem
-
-## v0.4.0 - 15/12/2021
-
-### 💅 Enhancement
-
-- Update Storybook to v6
-- Update Rollup to v2
-  - Change build configs
-
-## v0.3.24 - 13/12/2021
-
-### 🐛 Bug Fix
-
-- Add preventDefault on Dropdown trigger click
-
-## v0.3.23 - 13/12/2021
-
-### 💅 Enhancement
-
-- Add href and cmd/ctrl+click on SidebarItem
-
-## v0.3.22 - 30/11/2021
-
-### 🐛 Bug Fix
-
-- Move `lint-staged` to devDependencies
-
-## v0.3.21 - 29/11/2021
-
-### 🐛 Bug Fix
-
-- Fix bug with Select usage
-
-## v0.3.20 - 22/11/2021
-
-### 🚀 Added
-
-- TextArea:
-  - Add isResizable prop
-  - Add characters counter
-- Add new `Select` components (`Select`, `CreatableSelect`, `AsyncSelect`, `AsyncCreatableSelect`)
-
-### 💅 Enhancement
-
-- `InputHelper`'s prop `message` changed type from `string` to `ReactChild`
-- Add `className` to TextArea wrapper
-- Remove `margin-bottom: 1em` from `InputText` and `TextArea` components
-- Update styled-components to v5
-- Add styled-components to `peerDependencies`
-
-### 🐛 Bug Fix
-
-- The cursor hovering an Icon will be `pointer` only if the icon has an `onClick` event
-- Fix Tabs component glitch
-
-## v0.3.19 - 02/11/2021
-
-### 🚀 Added
-
-- Add SidebarItem customization through `CustomSidebarItemProps` prop
-- Add exports for `SidebarItemProps`
-
-### 💅 Enhancement
-
-- Remove deprecated `alignRight` props from Dropdown component
-- The `text` prop in Badge is now a `ReactText`
-- Button `type=text` now supports icons and hover/active state
-
-### 🐛 Bug Fix
-
-- Fix click on SidebarItem's Dropdown 
-
-## v0.3.18 - 20/10/2021
-
-### 🚀 Added
-
-- Add new InputText component
-- Add new InputHelper component
-- Add new TextArea component
-
-### 💅 Enhancement
-
-- Add `isDisabled` prop to Icon component
-
-### 🐛 Bug Fix
-
-- Close the Tooltip dropdown on click outside
-- Better mobile event handling on Tooltip component (close on scroll page)
-- Add a maximum width to the tooltip dropdown
-
-## v0.3.17 - 06/10/2021
-
-### 🚀 Added
-
-- Added new `Stepper` component
-- Added prop `forceOpenDropdown` on SidebarItem component
-
-## v0.3.16 - 29/09/2021
-
-### 🚀 Added
-
-- Add new `forceOpen` prop to Dropdown
-
-### 💅 Enhancement
-
-- Change SidebarItem height from 40px to 44px
-
-### 🐛 Bug Fix
-
-- Fix Tooltip's arrow color
-
-## v0.3.15 - 21/09/2021
-
-### 🚀 Added
-
-- Add new SidebarItem component
-
-## v0.3.14 - 02/09/2021
-
-### 🚀 Added
-
-- Added new Tooltip component
-
-### 💅 Enhancement
-
-- Add `triggerStyles` Dropdown prop
-- Add new `IconBackground` component to support circle background behind icons 
-
-## v0.3.13 - 19/08/2021
-
-- Add `link` to DropdownItem `type`
-
-## v0.3.12 - 19/08/2021
-
-### 💅 Enhancement
-
-- Merged Dropdown interfaces `ContentOption` and `ItemProps` in `DropdownItemProps`
-- Add a part of DropdownPalette
-
-### 🐛 Bug Fix
-
-- Add `e.stopPropagation()` on Dropdown trigger click
-
-## v0.3.11 - 16/08/2021
-
-### 💅 Enhancement
-
-- DropdownItems doesn't highlight without an `onClick` prop anymore
-- Changed DropdownItems' shortcuts style
-
-## v0.3.10 - 28/07/2021
-
-### 🐛 Bug Fix
-
-- Export checkboxPalette interface
-- Added boolean-only support for Checkbox component
-
-### 💅 Enhancement
-
-- Change onClick prop type for Checkbox component
-
-## v0.3.9 - 28/07/2021
-
-### 💅 Enhancement
-
-- Added boolean values support to Checkbox 
-
-### 🐛 Bug Fix
-
-- Fix CustomSizeModal width on small screens
-
-## v0.3.8 - 26/07/2021
-
-### 🚀 Added
-
-- Added new Checkbox component with Checkbox Palette
-
-### 🐛 Bug Fix
-
-- Increased Toast z-index to make it visible while a modal is open
-
-## v0.3.7 - 25/06/2021
-
-### 🚀 Added
-
-- Added MicroTag palette
-- Added Icon palette
-
-### 💅 Enhancement
-
-- Refactor Palette structure
-  - Remove base palette part
-  - Use "transparent" css value instead of palette.base.transparent
-
-## v0.3.6 - 04/06/2021
-
-### 💅 Enhancement
-
-- Change project linting rules
-
-## v0.3.5 - 03/06/2021
-
-### 🚀 Added
-
-- Add export for `closeDropdownType`
-
-### 💅 Enhancement
-
-- Remove Dropdown padding with custom content
-
-## v0.3.4 - 26/05/2021
-
-### 🚀 Added
-
-- isDisabled prop on IconButton
-- IconButton default types (defaultColor, defaultType) in iconButtonPalette
-- Add `href` and `target` props on Button component
-
-### 💅 Enhancement
-
-- Fix buttons appearance on small screens
-
-## v0.3.2 - 19/05/2021
-
-### 🚀 Added
-
-- Add fullWidth prop on Button
-
-### 💅 Enhancement
-
-- Fix default buttonPalette colors
-- Align iconButton palette names to Button's one
-
-## v0.3.1 - 18/05/2021
-
-### 🚀 Added
-
-- New useDebounceClick hook
-- Add new theme object manual configuration
-- Add palette configuration object for:
-  - Tag
-  - Button
-  - IconButton
-
-### 💅 Enhancement
-
-- Switch default palette to DIC's palette
-- Button component redone from scratch
-  - TextButton merged with Button (type='text')
-- IconButton component redone from scratch
-- Refactor Tag component
-
-## v0.2.9 - 05/05/2021
-
-### 💅 Enhancement
-
-- The first render of the "not scrollable" Tabs component now
-  shows the scrollable version instead of an empty row with a dropdown
-- Split Tabs component in ScrollableTabs and DropdownTabs
-
-### 🐛 Bug Fix
-
-- Actually use the lateralPadding prop in Tabs component
-
-## v0.2.8 - 30/04/2021
-
-### 🐛 Bug Fix
-
-- Fixed Dropdowns in Internet Explorer
-
-## v0.2.7 - 07/04/2021
-
-### 🐛 Bug Fix
-
-- Fixed dropdown menu openings on Internet Explorer
-
-## v0.2.6 - 10/03/2021
-
-### 🐛 Bug Fix
-
-- Change Tag component "style" prop to "tagStyle" to prevent TypeScript error
-
-## v0.2.5 - 04/03/2021
-
-### 💅 Enhancement
-
-- Hide Tabs scrollbar if there's enough space for the elements
-
-### 🐛 Bug Fix
-
-- Force Tabs component to have height: 100% (prevent component/sidebar overlap)
-
-## v0.2.4 - 03/03/2021
-
-### 🐛 Bug Fix
-
-- Fixed Button appearance with empty text
-
-## v0.2.3 - 23/02/2021
-
-### 🐛 Bug Fix
-
-- Fixed an error in Tabs causing the page overflow in scrollable mode

package/dist/components/avatar/AvatarImage.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { AvatarImageProps } from './typings/avatar';
-export declare const AvatarImage: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarImageProps, never>;

package/dist/components/avatar/AvatarInitials.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { AvatarInitialsProps } from './typings/avatar';
-export declare const AvatarInitials: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarInitialsProps, never>;

package/dist/components/avatar/AvatarPlaceholder.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { AvatarPlaceholderProps } from './typings/avatar';
-export declare const AvatarPlaceholder: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarPlaceholderProps, never>;

package/dist/components/avatar/baseAvatar.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { BaseAvatarProps } from './typings/avatar';
-export declare const BaseAvatar: import("styled-components").StyledComponent<(props: BaseAvatarProps) => JSX.Element, any, {}, never>;

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

@@ -1,30 +0,0 @@
-export declare type AvatarProps = AvatarInitialsProps | AvatarPlaceholderProps | AvatarImageProps;
-export interface AvatarPlaceholderProps {
-    size: 'xs' | 's' | 'm' | 'l';
-    placeholder?: string;
-}
-export interface AvatarImageProps {
-    image?: string;
-    size: 'xs' | 's' | 'm' | 'l';
-}
-export interface AvatarInitialsProps extends AvatarImageProps {
-    color?: 'blue' | 'red' | 'green' | 'yellow';
-    initials: string;
-}
-export interface BaseAvatarProps {
-    className?: string;
-    initials?: string;
-    size: 'xs' | 's' | 'm' | 'l';
-}
-export declare const avatarSizes: {
-    xs: number;
-    s: number;
-    m: number;
-    l: number;
-};
-export declare const textSizes: {
-    xs: number;
-    s: number;
-    m: number;
-    l: number;
-};

package/dist/components/badge/components/styledBadgeWrapper.d.ts

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

package/dist/components/buttons/baseButton.d.ts

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

package/dist/components/buttons/button.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from './typings/buttons';
-export declare const Button: import("styled-components").StyledComponent<(props: import("./typings/baseButton").BaseButtonProps) => JSX.Element, any, ButtonProps, never>;

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

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

package/dist/components/buttons/iconButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IconButtonProps } from './typings/iconButton';
-export declare const IconButtonWrapper: import("styled-components").StyledComponent<({ onClick, target, className, href, style, children }: IconButtonProps) => JSX.Element, any, IconButtonProps, never>;

package/dist/components/buttons/iconButton.stories.d.ts

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

package/dist/components/buttons/typings/baseButton.d.ts

@@ -1,15 +0,0 @@
-import { CSSProperties } from 'react';
-import { IconProps } from '../../icon/Icon';
-export interface BaseButtonProps {
-    text: string | JSX.Element;
-    iconLeft?: IconProps;
-    iconRight?: IconProps;
-    contentMaxWidth?: string;
-    className?: string;
-    href?: string;
-    target?: string;
-    onClick?: (e: React.MouseEvent) => void;
-    style?: CSSProperties;
-    isDisabled?: boolean;
-    isLoading?: boolean;
-}

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

@@ -1,9 +0,0 @@
-import { BaseButtonProps } from './baseButton';
-export interface ButtonProps extends BaseButtonProps {
-    color?: 'blue' | 'red' | 'green' | 'white' | 'yellow';
-    useSecondaryColor?: boolean;
-    size?: 'medium' | 'large';
-    reactRouterLink?: boolean;
-    fullWidth?: boolean;
-    inNavbar?: boolean;
-}

package/dist/components/buttons/typings/iconButton.d.ts

@@ -1,13 +0,0 @@
-import { IconProps } from '../../icon/Icon';
-import { ReactElement } from 'react';
-export interface IconButtonProps {
-    className?: string;
-    href?: string;
-    target?: string;
-    onClick?: (e: React.MouseEvent) => void;
-    style?: object;
-    children: ReactElement<IconProps>;
-    color?: 'blue' | 'red' | 'green' | 'white' | 'yellow';
-    useSecondaryColor?: boolean;
-    reactRouterLink?: boolean;
-}

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

@@ -1,47 +0,0 @@
-export declare const getColorRoot: (secondary: boolean | undefined) => {
-    blue: {
-        normal: string;
-        hover: string;
-        active: string;
-        disabled: string;
-        text: string;
-        textHover: string;
-    };
-    red: {
-        normal: string;
-        hover: string;
-        active: string;
-        disabled: string;
-        text: string;
-        textHover: string;
-    };
-    green: {
-        normal: string;
-        hover: string;
-        active: string;
-        disabled: string;
-        text: string;
-        textHover: string;
-    };
-    white: {
-        normal: string;
-        hover: string;
-        active: string;
-        disabled: string;
-        text: string;
-        textHover: string;
-    };
-    yellow: {
-        normal: string;
-        hover: string;
-        active: string;
-        disabled: string;
-        text: string;
-        textHover: string;
-    };
-};
-declare type TgetButtonColor = (secondary: boolean | undefined, color: string | undefined, type: string, theme: any) => string;
-export declare const getButtonColor: TgetButtonColor;
-declare type TgetIconButtonColor = (secondary: boolean | undefined, color: string | undefined, type: string, theme: any) => string;
-export declare const getIconButtonColor: TgetIconButtonColor;
-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/checkbox-input.d.ts

@@ -1,2 +0,0 @@
-import { ICheckboxInput } from '../typings/checkbox';
-export declare const CheckboxInput: import("styled-components").StyledComponent<"span", any, ICheckboxInput, never>;

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

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

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/components/styledCheckboxInputWrapper.d.ts

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

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 };