@fattureincloud/fic-design-system 0.4.9 → 0.4.12

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",
+  "version": "0.4.12",
   "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",
@@ -75,9 +80,11 @@
     "styled-components": "5.3.1"
   },
   "peerDependencies": {
+    "@types/react-table": "^7.7.9",
     "@types/styled-components": "~5.1.15",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-table": "^7.7.0",
     "styled-components": "5.3.1"
   },
   "scripts": {
@@ -95,4 +102,4 @@
     ]
   },
   "packageManager": "yarn@3.1.1"
-}
+}

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/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 { statuses } from '../types';
-declare const useTexts: (status: statuses, customTexts?: any) => any;
-export default useTexts;

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

@@ -1,3 +0,0 @@
-export declare const ActionLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
-    color?: string | undefined;
-}, never>;

package/dist/components/table/components/actions/actionsPopUp.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ActionType } from '../../typings/main';
-export declare const ActionsPopUp: (props: {
-    actions: Array<ActionType>;
-    selectedRows: number[];
-    element: {
-        [key: string]: React.ReactText;
-        id: number;
-    };
-    active: boolean;
-    handlePopUpVisibility: (rowId?: number | undefined) => void;
-}) => JSX.Element;

package/dist/components/table/components/actions/actionsPopUpButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare type Props = {
-    rowId: number;
-    handlePopUpVisibility: (rowId: number) => void;
-    active: boolean;
-};
-export declare const ActionsPopUpButton: (props: Props) => JSX.Element;
-export {};

package/dist/components/table/components/actions/actionsPopUpUnderlay.d.ts

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

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ActionType, PropertyFilterInterface, TControlledProperties } from '../../typings/main';
-interface Props {
-    isLoading?: boolean;
-    allChecked: boolean;
-    handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    controlledProperties: TControlledProperties;
-    setShowModalCustomizeTrue: () => void;
-    propertiesFilter: PropertyFilterInterface[];
-    handleSortOnProperty: (id: string, type: boolean | 'desc' | 'asc') => void;
-    actions?: ActionType[];
-    disableSelection?: boolean;
-}
-export declare const HeadDesktop: ({ actions, allChecked, controlledProperties, disableSelection, handleSelectAll, handleSortOnProperty, isLoading, propertiesFilter, setShowModalCustomizeTrue, }: Props) => JSX.Element;
-export {};

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

@@ -1,15 +0,0 @@
-import React from 'react';
-interface Props {
-    listSize: number;
-    isLoading?: boolean;
-    data: {
-        [key: string]: React.ReactText;
-        id: number;
-    }[];
-    renderMobileRow?: (o: {
-        [key: string]: React.ReactText;
-        id: number;
-    }) => JSX.Element;
-}
-export declare const ListMobile: ({ data, isLoading, listSize, renderMobileRow }: Props) => JSX.Element;
-export {};

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { ActionType, TControlledProperties } from '../../typings/main';
-interface Props {
-    index: number;
-    selectedList?: number[];
-    element: {
-        [key: string]: React.ReactText;
-        id: number;
-    };
-    handleSelection: (id: number) => void;
-    controlledProperties: TControlledProperties;
-    actions?: ActionType[];
-    handlePopUpVisibility: (rowId?: number) => void;
-    currentActionsPopUp?: number;
-    disableSelection?: boolean;
-}
-export declare const RowDesktop: ({ actions, controlledProperties, currentActionsPopUp, disableSelection, element, handlePopUpVisibility, handleSelection, index, selectedList, }: Props) => JSX.Element;
-export {};

package/dist/components/table/components/customizationModal/customizationsModal.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'react';
-import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
-import { CustomizationsModalPropsInterface, CustomizationsModalStateInterface } from '../../typings/main';
-export declare class CustomizationsModal extends Component<CustomizationsModalPropsInterface, CustomizationsModalStateInterface> {
-    constructor(props: CustomizationsModalPropsInterface);
-    propertiesDisplayHandler: (id: string) => void;
-    onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
-    resetProperties: () => void;
-    render(): JSX.Element;
-}

package/dist/components/table/components/customizationModal/index.d.ts

@@ -1,2 +0,0 @@
-import { CustomizationsModal } from './customizationsModal';
-export { CustomizationsModal };

package/dist/components/table/components/customizationModal/styledWrapper.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    show?: boolean | undefined;
-}, never>;

package/dist/components/table/components/customizationModal/useDnd.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
-import { TControlledProperties } from '../../typings/main';
-export declare const UseDnd: React.FunctionComponent<{
-    localProperties: TControlledProperties;
-    onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
-    propertiesDisplayHandler: (id: string) => void;
-}>;

package/dist/components/table/components/customizationModal/utils.d.ts

@@ -1,6 +0,0 @@
-import { CSSProperties } from 'react';
-import { DraggableStateSnapshot, DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
-import { TControlledProperties } from '../../typings/main';
-export declare const getItemStyle: (snapshot: DraggableStateSnapshot, draggableStyle?: DraggingStyle | NotDraggingStyle | undefined) => React.CSSProperties;
-export declare const getListStyle: (isDraggingOver: boolean) => CSSProperties;
-export declare const reorder: (list: TControlledProperties, startIndex: number, endIndex: number) => import("../../typings/main").TControlledProperty[];

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

@@ -1,10 +0,0 @@
-import { Component } from 'react';
-interface Props {
-}
-interface State {
-}
-export declare class EmptySet extends Component<Props, State> {
-    state: {};
-    render(): JSX.Element;
-}
-export {};

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

@@ -1 +0,0 @@
-export declare const linearBackground: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface LoadingContentProps {
-    elmentsNumber: number;
-    propsNumber: number;
-}
-export declare const LoadingContent: (props: LoadingContentProps) => JSX.Element;
-export {};

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

@@ -1,2 +0,0 @@
-import { TSortIcon } from '../typings/main';
-export declare const SortIcon: TSortIcon;

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

@@ -1,3 +0,0 @@
-import { TablePropsInterface } from '../typings/main';
-import { UnstyledTable } from './unstyledTable';
-export declare const StyledTableWrapper: import("styled-components").StyledComponent<typeof UnstyledTable, import("styled-components").DefaultTheme, TablePropsInterface, never>;

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

@@ -1,11 +0,0 @@
-import React, { Component } from 'react';
-import { TablePropsInterface, TableStateInterface, TControlledProperties } from '../typings/main';
-export declare class UnstyledTable extends Component<TablePropsInterface, TableStateInterface> {
-    constructor(props: TablePropsInterface);
-    handleSelection: (id: number) => void;
-    handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    handleSortOnProperty: (id: string, type: 'desc' | 'asc' | boolean) => void;
-    modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
-    handlePopUpVisibility: (rowId?: number | undefined) => void;
-    render(): JSX.Element;
-}