@fattureincloud/fic-design-system 0.5.2 → 0.5.4

package/dist/styles/theme.d.ts

@@ -3,6 +3,7 @@ import { DefaultTheme } from 'styled-components';
 import { BadgePalette } from '../components/badge';
 import { BannerPalette } from '../components/banner';
 import { ButtonPalette, IconButtonPalette } from '../components/buttons';
+import { CardPalette } from '../components/card';
 import { ChipPalette } from '../components/chip';
 import { DropdownPalette } from '../components/dropdown';
 import { FloatingBadgePalette } from '../components/floatingBadge';
@@ -60,6 +61,7 @@ interface Components {
     tip: TipPalette;
     label: LabelPalette;
     segmentButton: SegmentButtonPalette;
+    card: CardPalette;
 }
 export interface Theme {
     palette: Palette;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fattureincloud/fic-design-system",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "Fatture in Cloud and Danea design system",
   "repository": "git@bitbucket.org:fattureincloud/design-system.git",
   "license": "MIT",
@@ -63,6 +63,7 @@
     "@types/react": "^17.0.37",
     "@types/react-select": "^4.0.18",
     "date-fns": "^2.28.0",
+    "libphonenumber-js": "^1.10.18",
     "lodash": "^4.17.21",
     "react-content-loader": "^6.1.0",
     "react-datepicker": "^4.6.0",
@@ -75,7 +76,7 @@
     "react-select": "^4.3.1",
     "react-table": "^7.7.0",
     "react-toastify": "^6.0.8",
-    "react-transition-group": "^4.4.2",
+    "react-transition-group": "^4.4.5",
     "react-use": "^17.3.1",
     "styled-components": "5.3.1"
   },

package/CHANGELOG.md

@@ -1,605 +0,0 @@
-# Changelog
-
-## v0.5.2 - 26/10/2022
-
-### 🐛 Bug Fix
-
-- Avatar placeholder behavior
-
-## v0.5.1 - 25/10/2022
-
-### 🐛 Bug Fix
-
-- DatePicker format
-- InlineMessage onActionClick
-- Confirmation modal buttons position
-
-### 💅 Enhancement
-
-- Avatar refactor
-
-## v0.5.0 - 18/10/2022
-
-### 🚀 Added
-
-- A completely new typography
-- SegmentButton
-
-### 💅 Enhancement
-
-- Datepicker input controls
-
-## v0.4.31 - 11/10/2022
-
-### 🚀 Added
-
-- exports:
-  • ButtonPalette,
-  • DropdownItemType,
-  • iconColors,
-  • tagTypes,
-  • BadgePalette,
-  • BannerPalette,
-  • ChipPalette,
-  • FloatingBadgePalette,
-  • LabelPalette,
-  • PaginationPalette,
-  • ProgressBarPalette,
-  • bwColor,
-  • IconButtonPalette
-
-## v0.4.30 - 29/09/2022
-
-### 🚀 Added
-
-- Tabs badge
-- Table actionsHeader
-
-### 🐛 Bug Fix
-
-- Table text selection restored
-
-## v0.4.29 - 14/09/2022
-
-### 💥 Breaking
-
-- Progressbar renamed ProgressBar
-
-### 🚀 Added
-
-- Chip leftIcon
-- Badge palette
-- Chip palette
-- Tip palette
-- FloatingBadgeType and FloatingBadge palette
-- ProgressBar palette
-- Banner palette
-- NotificationBadge
-
-### 🐛 Bug Fix
-
-- Label mandatory icon space fix
-- SidebarItem fix
-
-### 💅 Enhancement
-
-- Chip refactor
-- Pagination refactor
-
-## v0.4.28 - 13/09/2022
-
-### 🐛 Bug Fix
-
-- `macro` imports removed
-- Some types fix
-
-### 💅 Enhancement
-
-- RadioGroupOptions exported enum
-
-## v0.4.27 - 24/08/2022
-
-### 💥 Breaking
-
-- RadioButton replaced with Radio
-- RadioButtonGroup replaced with RadioGroup
-
-### 🚀 Added
-
-- RadioGroup selection handled
-- Radio palette
-- InlineMessage palette
-- InlineMessage action button
-
-### 🐛 Bug Fix
-
-- Fix Toast icon graphical appearance
-
-### 💅 Enhancement
-
-- InlineMessageType and ToastType exported enums
-
-## v0.4.26 - 16/08/2022
-
-- Aggiunte props `emptyState` e `isDisabled` in Dropdown
-- Rimossa prop `isSmall` da Dropdown
-
-## v0.4.25 - 11/08/2022
-
-- Aggiunte prop su modale per nascondere backdrop e poter modificare lo stile del portal
-
-## v0.4.24 - 10/08/2022
-
-- Implementata possibilità di poter passare prop hideAfterSeconds sul tooltip
-
-## v0.4.23 - 09/08/2022
-
-- Implementata possibilità di poter usare un tooltip nel componente InputText
-- Implementata possibilità di poter usare un tooltip nel componente Tabs
-
-## v0.4.22 - 02/08/2022
-
-- Fixato placeholder nel componente DatePicker, che ora prende il valore dalle props oppure assume quello del giorno corrente
-- I giorni non selezionabili del DatePicker ora si distinguono per colore
-- Piccolo fix grafico alle voci della sidebar che contengono un badge
-
-## v0.4.21 - 26/07/2022
-
-- Refactor component Toast
-
-## v0.4.20 - 13/07/2022
-
-- Bugfix di useUpDownKeyNavigation, premendo ENTER venivano intercettati altri comportamenti in altri componenti
-
-## v0.4.19 - 28/06/2022
-
-- Aggiunta la possibilità di usare le frecce per selezionare una riga nella Table o un'opzione nel Dropdown
-- Aggiunto export del componente Spinner
-
-## v0.4.18
-
-- Rimossa prop disabled dal componente Select perché ridondante
-
-## v0.4.17
-
-- Fixato l'hook useFormattedDate del componente DatePicker
-
-## v0.4.16 - 18/05/2022
-
-### 🚀 Added
-
-- Implementata prop "fixedHeight" in componente FileUploader
-
-### 🚀 Bugfix
-
-- Modificato il border bottom dell’header in maniera che sia più chiaro, sistemato le icone di ordinamento
-- Fixato stile Dropdown
-- Fixato font in storybook usando "Inter UI"
-
-## v0.4.15 - 17/05/2022
-
-### 🚀 Bugfix
-
-- Fixed style "min-height" if prop isSmall is true on component ConfirmationModal
-
-## v0.4.14 - 12/05/2022
-
-### 🚀 Added
-
-- Added new prop pageSize on component Table
-
-## v0.4.13 - 05/05/2022
-
-### 🚀 Added
-
-- Added new prop maxFileSize on component FileUploader
-
-### 🐛 Bug Fix
-
-- Fix placeholder in Select component style bug
-
-## v0.4.12 - 03/05/2022
-
-### 🐛 Bug Fix
-
-- Fix placeholder in Select component, the cursor was at the end of the placeholder
-- Fix Table LoadingCell
-
-## v0.4.11 - 12/04/2022
-
-### 🐛 Bug Fix
-
-- Fix text color to 900 in component InlineMessage
-
-## v.0.4.10 - 08/04/2022
-
-### 🚀 Added
-
-- Added new component DatePicker
-- Added new features in component Table
-- Added backgroundColor in palette for component FileUploader and fixed file type mappings to manage "p7m" extension
-
-## 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/banner/utils.d.ts

@@ -1,8 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-import { bannerColorType } from './Banner';
-interface MappedColors {
-    bgColor: string;
-    textColor: string;
-}
-export declare const mapColors: (theme: DefaultTheme, color: bannerColorType) => MappedColors;
-export {};

package/dist/components/chips/chips.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Chip: (props: any) => JSX.Element;
-export default Chip;

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

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ComponentProps } from 'react';
-import { Chip } from '.';
-export declare const Normal: () => JSX.Element;
-declare const ChipStories: Meta<ComponentProps<typeof Chip>>;
-export default ChipStories;

package/dist/components/chips/components/styledChipWrapper.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ChipsProps } from '../types';
-export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,2 +0,0 @@
-export { default as Chip } from './Chips';
-export { ChipsProps } from './types';

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const ChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
-export declare const ChipIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface ChipsProps {
-    text?: string | number;
-    statusEdit?: boolean;
-    closeAction?: () => void;
-}
-export declare type TChip = React.FunctionComponent<ChipsProps>;
-export interface UnstyledChipProps extends ChipsProps {
-}
-export interface UnstyledChipState {
-}

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

@@ -1,9 +0,0 @@
-import { checkboxStatus, CheckboxStyles } from '../types';
-export interface CheckboxInputProps {
-    value: checkboxStatus;
-    disabled?: boolean;
-    large?: boolean;
-    hasError: boolean;
-}
-declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
-export default Input;

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

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