@fattureincloud/fic-design-system 0.15.9 → 0.15.11-alpha.0

package/dist/components/ficFeatures/FICFeatures.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FICFeaturesProps } from './types';
+declare const FICFeatures: (props: FICFeaturesProps) => JSX.Element;
+export default FICFeatures;

package/dist/components/ficFeatures/FICFeaturesContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FICFeaturesContextValue, FICFeaturesProviderProps } from './types';
+export declare const FICFeaturesContext: React.Context<FICFeaturesContextValue>;
+declare const FICFeaturesProvider: ({ children, editable, plansToShow }: FICFeaturesProviderProps) => JSX.Element;
+export default FICFeaturesProvider;

package/dist/components/ficFeatures/components/changeOrderModal/ChangeOrderModal.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type ChangeOrderModalProps<T extends Record<string, unknown>> = {
+    close: () => void;
+    itemLabelExtractor: (item: T) => string;
+    list: T[];
+    open: boolean;
+    title: string;
+    updateList: (newOrder: T[]) => void;
+};
+declare const ChangeOrderModal: <T extends Record<string, unknown>>({ close, itemLabelExtractor, list, open, title, updateList, }: ChangeOrderModalProps<T>) => JSX.Element;
+export default ChangeOrderModal;

package/dist/components/ficFeatures/components/feature/Feature.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TFeature } from '../../types';
+declare type FeatureProps = TFeature & {
+    catIdx: number;
+    featureIdx: number;
+};
+declare const Feature: ({ catIdx, comingSoon, description, featureIdx, isNew, name, plans }: FeatureProps) => JSX.Element;
+export default Feature;

package/dist/components/ficFeatures/components/feature/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const FeatureContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PlansWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FeatureNameAndDesc: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FeatureTitle: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const PlanContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/ficFeatures/components/featureCategory/EditableCategoryHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TFeatureCategory, TFeaturesConfig } from '../../types';
+declare type EditableCategoryHeaderProps = {
+    category: TFeatureCategory;
+    index: number;
+    setEditedConfig: React.Dispatch<React.SetStateAction<TFeaturesConfig>>;
+};
+declare const EditableCategoryHeader: ({ category, index, setEditedConfig }: EditableCategoryHeaderProps) => JSX.Element;
+export default EditableCategoryHeader;

package/dist/components/ficFeatures/components/featureCategory/FeatureCategory.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { SortFeatures, TFeatureCategory, TFeaturesConfig } from '../../types';
+declare type FeatureCategoryProps = {
+    category: TFeatureCategory;
+    index: number;
+    setChangeFeaturesOrder: Dispatch<SetStateAction<SortFeatures | undefined>>;
+    setEditedConfig: Dispatch<SetStateAction<TFeaturesConfig>>;
+};
+declare const FeatureCategory: ({ category, index, setChangeFeaturesOrder, setEditedConfig, }: FeatureCategoryProps) => JSX.Element;
+export default FeatureCategory;

package/dist/components/ficFeatures/components/featureCategory/IconSelector.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TFeaturesConfig } from '../../types';
+declare type IconSelectorProps = {
+    close: () => void;
+    icon: string;
+    index: number;
+    setEditedConfig: React.Dispatch<React.SetStateAction<TFeaturesConfig>>;
+};
+declare const IconSelector: ({ close, icon, index, setEditedConfig }: IconSelectorProps) => JSX.Element;
+export default IconSelector;

package/dist/components/ficFeatures/components/featureCategory/styled.d.ts

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

package/dist/components/ficFeatures/components/featureEditModal/FeatureEditModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TFeaturesConfig } from '../../types';
+declare type FeatureEditModalProps = {
+    editedConfig: TFeaturesConfig;
+    setEditedConfig: React.Dispatch<React.SetStateAction<TFeaturesConfig>>;
+};
+declare const FeatureEditModal: ({ editedConfig, setEditedConfig }: FeatureEditModalProps) => JSX.Element;
+export default FeatureEditModal;

package/dist/components/ficFeatures/components/featureEditModal/PlanEditField.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TFeature, TPlanConfig } from '../../types';
+declare type PlanEditFieldProps = TPlanConfig & {
+    index: number;
+    setFeatureCopy: React.Dispatch<React.SetStateAction<TFeature | undefined>>;
+};
+declare const PlanEditField: (props: PlanEditFieldProps) => JSX.Element;
+export default PlanEditField;

package/dist/components/ficFeatures/components/featureEditModal/constants.d.ts

@@ -0,0 +1,6 @@
+import { DataType } from '../../types';
+export declare const typesOptions: {
+    value: DataType;
+    label: string;
+}[];
+export declare const defaultPlanValues: Record<DataType, string | number | boolean>;

package/dist/components/ficFeatures/components/featureEditModal/styled.d.ts

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

package/dist/components/ficFeatures/components/iconSelectionModal/IconSelectionModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TFeaturesConfig } from '../../types';
+declare type IconSelectionModalProps = {
+    editedConfig: TFeaturesConfig;
+    setEditedConfig: React.Dispatch<React.SetStateAction<TFeaturesConfig>>;
+};
+declare const IconSelectionModal: ({ editedConfig, setEditedConfig }: IconSelectionModalProps) => JSX.Element;
+export default IconSelectionModal;

package/dist/components/ficFeatures/components/iconSelectionModal/styled.d.ts

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

package/dist/components/ficFeatures/components/topBar/TopBar.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { TFeaturesConfig } from '../../types';
+declare type TopBarProps = {
+    editedConfig: TFeaturesConfig;
+    onSave?: (config: TFeaturesConfig) => void;
+    originalConfig: TFeaturesConfig;
+    setEditedConfig: Dispatch<SetStateAction<TFeaturesConfig>>;
+};
+declare const TopBar: ({ editedConfig, onSave, originalConfig, setEditedConfig }: TopBarProps) => JSX.Element;
+export default TopBar;

package/dist/components/ficFeatures/components/topBar/styled.d.ts

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

package/dist/components/ficFeatures/configExample.d.ts

@@ -0,0 +1,3 @@
+import { TFeaturesConfig } from './types';
+declare const defaultConfig: TFeaturesConfig;
+export default defaultConfig;

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

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

package/dist/components/ficFeatures/icons.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from '../icon';
+export declare const greenPlusIcon: IconProps;
+export declare const sortIcon: IconProps;
+export declare const redBackwardIcon: IconProps;
+export declare const greenCheckIcon: IconProps;
+export declare const greyTimesIcon: IconProps;

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

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

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

@@ -0,0 +1,62 @@
+import { IconName } from '@fortawesome/fontawesome-svg-core';
+import { Dispatch, SetStateAction } from 'react';
+export declare enum DataType {
+    BOOLEAN = "boolean",
+    NUMBER = "number",
+    STRING = "string"
+}
+export declare const ficPlans: readonly ["forfettari", "standard", "premium", "premium_plus", "complete"];
+export declare type TPlanConfig = {
+    id: (typeof ficPlans)[number];
+    type: DataType.STRING;
+    value: string;
+} | {
+    id: (typeof ficPlans)[number];
+    type: DataType.BOOLEAN;
+    value: boolean;
+} | {
+    id: (typeof ficPlans)[number];
+    type: DataType.NUMBER;
+    value: number;
+};
+export declare type TFeature = {
+    comingSoon?: boolean;
+    description?: string;
+    isNew?: boolean;
+    name: string;
+    plans: TPlanConfig[];
+};
+export declare type TFeatureCategory = {
+    categoryIcon: IconName;
+    categoryName: string;
+    features: TFeature[];
+};
+export declare type SortFeatures = TFeatureCategory & {
+    index: number;
+};
+export declare type TFeaturesConfig = TFeatureCategory[];
+export declare type FICFeaturesProps = {
+    config: TFeaturesConfig;
+    editable?: boolean;
+    onSave?: (config: TFeaturesConfig) => void;
+    plansToShow: string[];
+};
+export declare type EditFeatureParams = {
+    catIdx: number;
+    featureIdx: number;
+};
+export declare type FICFeaturesContextValue = {
+    editable: boolean;
+    plansToShow: string[];
+    openCategoriesOrderModal: boolean;
+    setOpenCategoriesOrderModal: Dispatch<SetStateAction<boolean>>;
+    openFeaturesOrderModal: boolean;
+    setOpenFeaturesOrderModal: Dispatch<SetStateAction<boolean>>;
+    editFeatureParams: EditFeatureParams | undefined;
+    setEditFeatureParams: Dispatch<SetStateAction<EditFeatureParams | undefined>>;
+    chooseCategoryIcon: number | undefined;
+    setChooseCategoryIcon: Dispatch<SetStateAction<number | undefined>>;
+};
+export declare type FICFeaturesProviderProps = FICFeaturesProps & {
+    children: React.ReactNode;
+};

package/dist/components/monthlyTab/MonthlyTab.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { MonthlyTabProps } from './types';
-declare const MonthlyTab: ({ data, onSelectionChange, monthText, preSelectedMonths, currentMonth, }: MonthlyTabProps) => JSX.Element;
+declare const MonthlyTab: ({ currentMonth, data, onSelectionChange, preSelectedMonths, }: MonthlyTabProps) => JSX.Element;
 export default MonthlyTab;

package/dist/components/monthlyTab/components/month/Month.d.ts

@@ -1,15 +1,12 @@
 /// <reference types="react" />
+import { MonthDocument } from '../../types';
 interface MonthProps {
     monthNumber: number;
     percentage: number;
     selected: boolean;
-    documents: number[];
+    documents: MonthDocument[];
     amount: number;
-    monthText: {
-        singular: string;
-        plural: string;
-    }[];
     isCurrentMonth: boolean;
 }
-declare const Month: ({ monthNumber, percentage, selected, documents, amount, monthText, isCurrentMonth, }: MonthProps) => JSX.Element;
+declare const Month: ({ amount, documents, isCurrentMonth, monthNumber, percentage, selected }: MonthProps) => JSX.Element;
 export default Month;

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

@@ -1,3 +1,3 @@
 export { default as MonthlyTab } from './MonthlyTab';
-export { MonthlyTabProps, MonthlyTabPalette, MonthData, MonthAmountData } from './types';
+export { MonthlyTabProps, MonthlyTabPalette, MonthData, MonthAmountData, MonthDocumentAmount, MonthDocument, } from './types';
 export { default as monthlyTabPalette } from './monthlyTabPalette';

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

@@ -3,20 +3,21 @@ export declare type MonthAmountData = {
     month: number;
     monthName: string;
 } & MonthDocumentAmount;
-declare type MonthDocumentAmount = {
-    documents: number[];
+export declare type MonthDocumentAmount = {
+    documents: MonthDocument[];
     amount: number;
 };
+export interface MonthDocument {
+    number: number;
+    singular: string;
+    plural: string;
+}
 export declare type MonthData = {
     months: MonthDocumentAmount[];
 };
 export interface MonthlyTabProps {
     data: MonthData;
     onSelectionChange: (monthsData: MonthAmountData[]) => void;
-    monthText?: {
-        singular: string;
-        plural: string;
-    }[];
     preSelectedMonths: number[];
     currentMonth: number;
 }
@@ -39,4 +40,3 @@ export declare type MonthlyTabPalette = {
     monthColor: paletteColor;
     expenseColor: paletteColor;
 };
-export {};

package/dist/components/sortableList/SortableItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SortableItemProps } from './types';
+declare const SortableItem: ({ dragging, index, onDragEnd, onDragStart, renderItem }: SortableItemProps) => JSX.Element;
+export default SortableItem;

package/dist/components/sortableList/SortableList.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SortableListProps } from './types';
+declare const SortableList: <T extends Record<string, unknown>>({ list, renderItem, updateList, }: SortableListProps<T>) => JSX.Element;
+export default SortableList;

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

@@ -0,0 +1,2 @@
+export { default as SortableList } from './SortableList';
+export { SortableListProps } from './types';

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

@@ -0,0 +1,4 @@
+export declare const DragIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    dragging: boolean;
+}, never>;
+export declare const DragItemWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,13 @@
+import { DragEvent, ReactNode, RefObject } from 'react';
+export declare type SortableListProps<T extends Record<string, unknown>> = {
+    list: T[];
+    renderItem: (item: T) => ReactNode;
+    updateList: (newOrder: T[]) => void;
+};
+export declare type SortableItemProps = {
+    dragging?: number;
+    index: number;
+    onDragStart: (event: DragEvent<HTMLDivElement>, index: number, element: RefObject<HTMLDivElement>) => void;
+    onDragEnd: () => void;
+    renderItem: () => ReactNode;
+};

package/dist/index.d.ts

@@ -35,7 +35,7 @@ export { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag'
 export { Modal, ModalSearchable, ModalBody } from './components/modals';
 export { ConfirmationModal } from './components/modals/confirmationModal';
 export * from './components/modals/stepModal';
-export { MonthlyTab, MonthlyTabPalette } from './components/monthlyTab';
+export { MonthlyTab, MonthlyTabPalette, MonthData, MonthAmountData, MonthDocumentAmount, MonthlyTabProps, MonthDocument, } from './components/monthlyTab';
 export { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions, } from './components/newTable';
 export * from './components/newTable_v2';
 export { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues, } from './components/oldTable';