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

package/dist/styles/fic-palette/indigo.d.ts

@@ -0,0 +1,12 @@
+export declare const indigo: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/fic-palette/orange.d.ts

@@ -0,0 +1,12 @@
+export declare const orange: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/fic-palette/pink.d.ts

@@ -0,0 +1,12 @@
+export declare const pink: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/fic-palette/red.d.ts

@@ -0,0 +1,12 @@
+export declare const red: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/fic-palette/yellow.d.ts

@@ -0,0 +1,12 @@
+export declare const yellow: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/palette.d.ts

@@ -0,0 +1,298 @@
+export declare const palette: {
+    colors: {
+        base: {
+            transparent: string;
+            gradientBlue: string;
+        };
+        black: {
+            8: string;
+            16: string;
+            48: string;
+            80: string;
+            100: string;
+        };
+        white: {
+            8: string;
+            16: string;
+            48: string;
+            80: string;
+            100: string;
+        };
+        grey: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        blue: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        indigo: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        yellow: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        orange: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        red: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        green: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        fucsia: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        pink: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        cyan: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        primary: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+    };
+    form: {
+        field: {
+            label: string;
+            validationMessage: string;
+            description: string;
+        };
+    };
+    button: {
+        primary: {
+            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;
+            };
+        };
+        secondary: {
+            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;
+            };
+            yellow: {
+                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;
+            };
+        };
+    };
+    iconButton: {
+        primary: {
+            blue: {
+                icon: string;
+                iconHover: string;
+            };
+            red: {
+                icon: string;
+                iconHover: string;
+            };
+            green: {
+                icon: string;
+                iconHover: string;
+            };
+            yellow: {
+                icon: string;
+                iconHover: string;
+            };
+        };
+        secondary: {
+            blue: {
+                icon: string;
+                iconHover: string;
+            };
+            red: {
+                icon: string;
+                iconHover: string;
+            };
+            green: {
+                icon: string;
+                iconHover: string;
+            };
+            yellow: {
+                icon: string;
+                iconHover: string;
+            };
+        };
+    };
+    text: {
+        gray: string;
+    };
+    link: {
+        normal: string;
+        hover: string;
+        gray: string;
+    };
+    /**
+     * Defaults
+     */
+    defaultButton: string;
+};
+export declare type TypePalette = typeof palette;

package/dist/styles/shadows.d.ts

@@ -0,0 +1,3 @@
+export declare const Elevations: {
+    second: string;
+};

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 { FileUploaderPalette } from '../components/form/fileUploader';
 import { InputHelperPalette } from '../components/form/inputHelper';
 import { InputTextPalette } from '../components/form/inputText';
 import { SelectPalette } from '../components/form/select';
@@ -11,6 +12,7 @@ import { IconBackgroundPalette, IconPalette } from '../components/icon';
 import { SidebarItemPalette } from '../components/layout/sidebarItem';
 import { MicroTagPalette } from '../components/microTag';
 import { StepperPalette } from '../components/stepper';
+import { TablePalette } from '../components/table';
 import { TagPalette } from '../components/tag';
 import { TooltipPalette } from '../components/tooltip';
 import { Palette } from './types';
@@ -26,10 +28,12 @@ interface Components {
     dropdown: DropdownPalette;
     sidebarItem: SidebarItemPalette;
     stepper: StepperPalette;
+    table: TablePalette;
     inputText: InputTextPalette;
     textArea: TextAreaPalette;
     inputHelper: InputHelperPalette;
     select: SelectPalette;
+    fileUploader: FileUploaderPalette;
 }
 export interface Theme {
     palette: Palette;

package/dist/utils/FICNumbers.d.ts

@@ -0,0 +1,11 @@
+export declare class FICNumbers {
+    qtyPrecision: number;
+    parse: (string: string, strict?: boolean) => number;
+    randomBetween: (min: number, max: number) => number;
+    nSign: (num: number) => 0 | 1 | -1;
+    roundToDigit: (num: number, digits: number) => number;
+    roundToTwo: (num: number) => number;
+    roundSignificative: (n: number, digits?: number) => number;
+    dotsToCommas: (txt: string) => string;
+    commasToDots: (txt: string) => string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fattureincloud/fic-design-system",
-  "version": "0.4.6",
+  "version": "0.4.9-expenses.1.1",
   "description": "Fatture in Cloud and Danea design system",
   "repository": "git@bitbucket.org:fattureincloud/design-system.git",
   "license": "MIT",
@@ -21,9 +21,9 @@
     "@storybook/react": "^6.4.9",
     "@storybook/theming": "^6.4.9",
     "@types/lodash": "^4.14.138",
-    "@types/react-beautiful-dnd": "^11.0.3",
     "@types/react-modal": "^3.10.4",
     "@types/react-select": "^4.0.18",
+    "@types/react-table": "^7.7.9",
     "@types/react-transition-group": "^4.4.4",
     "@types/styled-components": "~5.1.15",
     "@typescript-eslint/eslint-plugin": "^4.25.0",
@@ -40,7 +40,6 @@
     "prettier": "^2.3.0",
     "pretty-quick": "^2.0.1",
     "react": "^17.0.2",
-    "react-beautiful-dnd": "^11.0.5",
     "react-dom": "^17.0.2",
     "rollup": "^2.60.0",
     "rollup-plugin-filesize": "^9.1.1",
@@ -50,34 +49,37 @@
     "typescript": "~4.4.0"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.3.0",
-    "@fortawesome/free-brands-svg-icons": "^6.0.0",
-    "@fortawesome/free-regular-svg-icons": "^6.0.0",
-    "@fortawesome/free-solid-svg-icons": "^6.0.0",
-    "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
-    "@fortawesome/pro-light-svg-icons": "^6.0.0",
-    "@fortawesome/pro-regular-svg-icons": "^6.0.0",
-    "@fortawesome/pro-solid-svg-icons": "^6.0.0",
-    "@fortawesome/react-fontawesome": "^0.1.17",
+    "@fortawesome/fontawesome-svg-core": "1.2.36",
+    "@fortawesome/free-brands-svg-icons": "~5.15.4",
+    "@fortawesome/free-regular-svg-icons": "~5.15.4",
+    "@fortawesome/free-solid-svg-icons": "~5.15.4",
+    "@fortawesome/pro-duotone-svg-icons": "~5.15.4",
+    "@fortawesome/pro-light-svg-icons": "~5.15.4",
+    "@fortawesome/pro-regular-svg-icons": "~5.15.4",
+    "@fortawesome/pro-solid-svg-icons": "~5.15.4",
+    "@fortawesome/react-fontawesome": "0.1.14",
     "@popperjs/core": "^2.6.0",
     "@types/react": "^17.0.37",
     "@types/react-select": "^4.0.18",
     "lodash": "^4.17.21",
     "react-device-detect": "^2.1.2",
+    "react-dropzone": "^12.0.2",
     "react-is": "^17.0.2",
     "react-modal": "^3.11.1",
     "react-popper": "^2.2.4",
     "react-select": "^4.3.1",
+    "react-table": "^7.7.0",
     "react-toastify": "^6.0.8",
     "react-transition-group": "^4.4.2",
     "react-use": "^17.3.1",
     "styled-components": "5.3.1"
   },
   "peerDependencies": {
+    "@types/react-table": "^7.7.9",
     "@types/styled-components": "~5.1.15",
     "react": "^17.0.2",
-    "react-beautiful-dnd": "^11.0.5",
     "react-dom": "^17.0.2",
+    "react-table": "^7.7.0",
     "styled-components": "5.3.1"
   },
   "scripts": {
@@ -95,4 +97,4 @@
     ]
   },
   "packageManager": "yarn@3.1.1"
-}
+}

package/dist/components/form/inputText/components/UnitDropdownTrigger.d.ts

@@ -1,5 +0,0 @@
-interface Props {
-    title: string;
-}
-declare const UnitDropdownTrigger: ({ title }: Props) => JSX.Element;
-export default UnitDropdownTrigger;

package/dist/package.json

@@ -1,98 +0,0 @@
-{
-  "name": "@fattureincloud/fic-design-system",
-  "version": "0.4.5",
-  "description": "Fatture in Cloud and Danea design system",
-  "repository": "git@bitbucket.org:fattureincloud/design-system.git",
-  "license": "MIT",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "devDependencies": {
-    "@babel/core": "^7.5.5",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.1.1",
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@storybook/addon-actions": "^6.4.9",
-    "@storybook/addon-essentials": "^6.4.9",
-    "@storybook/addon-knobs": "^6.4.0",
-    "@storybook/react": "^6.4.9",
-    "@storybook/theming": "^6.4.9",
-    "@types/lodash": "^4.14.138",
-    "@types/react-beautiful-dnd": "^11.0.3",
-    "@types/react-modal": "^3.10.4",
-    "@types/react-select": "^4.0.18",
-    "@types/react-transition-group": "^4.4.4",
-    "@types/styled-components": "~5.1.15",
-    "@typescript-eslint/eslint-plugin": "^4.25.0",
-    "@typescript-eslint/parser": "^4.25.0",
-    "eslint": "^7.27.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.23.2",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
-    "eslint-plugin-sort-destructure-keys": "^1.3.5",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.1.2",
-    "prettier": "^2.3.0",
-    "pretty-quick": "^2.0.1",
-    "react": "^17.0.2",
-    "react-beautiful-dnd": "^11.0.5",
-    "react-dom": "^17.0.2",
-    "rollup": "^2.60.0",
-    "rollup-plugin-filesize": "^9.1.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2",
-    "tslib": "^2.3.1",
-    "typescript": "~4.4.0"
-  },
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.3.0",
-    "@fortawesome/free-brands-svg-icons": "^6.0.0",
-    "@fortawesome/free-regular-svg-icons": "^6.0.0",
-    "@fortawesome/free-solid-svg-icons": "^6.0.0",
-    "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
-    "@fortawesome/pro-light-svg-icons": "^6.0.0",
-    "@fortawesome/pro-regular-svg-icons": "^6.0.0",
-    "@fortawesome/pro-solid-svg-icons": "^6.0.0",
-    "@fortawesome/react-fontawesome": "^0.1.17",
-    "@popperjs/core": "^2.6.0",
-    "@types/react": "^17.0.37",
-    "@types/react-select": "^4.0.18",
-    "lodash": "^4.17.21",
-    "react-device-detect": "^2.1.2",
-    "react-is": "^17.0.2",
-    "react-modal": "^3.11.1",
-    "react-popper": "^2.2.4",
-    "react-select": "^4.3.1",
-    "react-toastify": "^6.0.8",
-    "react-transition-group": "^4.4.2",
-    "react-use": "^17.3.1",
-    "styled-components": "5.3.1"
-  },
-  "peerDependencies": {
-    "@types/styled-components": "~5.1.15",
-    "react": "^17.0.2",
-    "react-beautiful-dnd": "^11.0.5",
-    "react-dom": "^17.0.2",
-    "styled-components": "5.3.1"
-  },
-  "scripts": {
-    "storybook": "start-storybook -s ./static -p 9001",
-    "build": "rollup -c",
-    "build-storybook": "build-storybook -c .storybook",
-    "precommit": "pretty-quick --staged",
-    "fix": "eslint --fix src/**/*.{ts,tsx}",
-    "prepare": "husky install"
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": [
-      "yarn run prettier --write",
-      "yarn run eslint --fix"
-    ]
-  },
-  "packageManager": "yarn@3.1.1"
-}