@fattureincloud/fic-design-system 0.4.28 → 0.4.29-new-table

package/dist/styles/theme.d.ts

@@ -1,12 +1,17 @@
 import 'styled-components';
 import { DefaultTheme } from 'styled-components';
+import { BadgePalette } from '../components/badge';
+import { BannerPalette } from '../components/banner';
 import { ButtonPalette, IconButtonPalette } from '../components/buttons';
+import { ChipPalette } from '../components/chip';
 import { DropdownPalette } from '../components/dropdown';
+import { FloatingBadgePalette } from '../components/floatingBadge';
 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';
+import { LabelPalette } from '../components/form/label';
 import { RadioPalette } from '../components/form/radio';
 import { SelectPalette } from '../components/form/select';
 import { TextAreaPalette } from '../components/form/textArea';
@@ -14,9 +19,12 @@ import { IconBackgroundPalette, IconPalette } from '../components/icon';
 import { InlineMessagePalette } from '../components/inlineMessage';
 import { SidebarItemPalette } from '../components/layout/sidebarItem';
 import { MicroTagPalette } from '../components/microTag';
+import { PaginationPalette } from '../components/pagination';
+import { ProgressBarPalette } from '../components/progressbar';
 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';
 import { TooltipPalette } from '../components/tooltip';
 import { Palette } from './types';
@@ -40,8 +48,16 @@ interface Components {
     inputHelper: InputHelperPalette;
     select: SelectPalette;
     fileUploader: FileUploaderPalette;
+    chip: ChipPalette;
+    floatingBadge: FloatingBadgePalette;
+    progressBar: ProgressBarPalette;
+    banner: BannerPalette;
     inlineMessage: InlineMessagePalette;
     toast: ToastPalette;
+    pagination: PaginationPalette;
+    badge: BadgePalette;
+    tip: TipPalette;
+    label: LabelPalette;
 }
 export interface Theme {
     palette: Palette;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fattureincloud/fic-design-system",
-  "version": "0.4.28",
+  "version": "0.4.29-new-table",
   "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/CHANGELOG.md

@@ -1,519 +0,0 @@
-# Changelog
-
-## 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