@fattureincloud/fic-design-system 0.19.21 → 0.19.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/README.md +26 -1
  2. package/dist/common/components/Label.d.ts +3 -0
  3. package/dist/common/components/iframeClickBlocker/IframeClickBlocker.d.ts +7 -0
  4. package/dist/common/components/iframeClickBlocker/iframeClickBlocker.stories.d.ts +6 -0
  5. package/dist/common/components/iframeClickBlocker/index.d.ts +1 -0
  6. package/dist/common/components/iframeClickBlocker/styled.d.ts +1 -0
  7. package/dist/common/types/label.d.ts +12 -0
  8. package/dist/common/utils/label.d.ts +5 -0
  9. package/dist/components/accordion/styled.d.ts +5 -0
  10. package/dist/components/accordions/accordions.d.ts +9 -0
  11. package/dist/components/accordions/accordions.stories.d.ts +8 -0
  12. package/dist/components/accordions/components/styledAccordionWrapper.d.ts +1 -0
  13. package/dist/components/accordions/index.d.ts +2 -0
  14. package/dist/components/accordions/types.d.ts +19 -0
  15. package/dist/components/chart/stories/styled.d.ts +2 -20
  16. package/dist/components/form/datepicker/components/MonthPicker.d.ts +5 -0
  17. package/dist/components/form/datepickerNew/DatePicker.d.ts +12 -0
  18. package/dist/components/form/datepickerNew/DatePickerImpl.d.ts +4 -0
  19. package/dist/components/form/datepickerNew/NewDatePicker.d.ts +12 -0
  20. package/dist/components/form/datepickerNew/components/CustomButton.d.ts +8 -0
  21. package/dist/components/form/datepickerNew/components/DatePickerDay.d.ts +3 -0
  22. package/dist/components/form/datepickerNew/components/DatePickerHeader.d.ts +8 -0
  23. package/dist/components/form/datepickerNew/components/YearPicker.d.ts +7 -0
  24. package/dist/components/form/datepickerNew/components/hooks/useDatePickerHeaderShowLogic.d.ts +15 -0
  25. package/dist/components/form/datepickerNew/components/styled.d.ts +5 -0
  26. package/dist/components/form/datepickerNew/datePickerPalette.d.ts +33 -0
  27. package/dist/components/form/datepickerNew/datepicker.stories.d.ts +18 -0
  28. package/dist/components/form/datepickerNew/hooks/useFormattedDate.d.ts +12 -0
  29. package/dist/components/form/datepickerNew/hooks/useYearsList.d.ts +2 -0
  30. package/dist/components/form/datepickerNew/index.d.ts +5 -0
  31. package/dist/components/form/datepickerNew/newDatePickerPalette.d.ts +33 -0
  32. package/dist/components/form/datepickerNew/styled.d.ts +6 -0
  33. package/dist/components/form/datepickerNew/types.d.ts +31 -0
  34. package/dist/components/form/datepickerNew/utils.d.ts +3 -0
  35. package/dist/components/form/inputText/InputText.d.ts +3 -0
  36. package/dist/components/form/inputText/components/InputElement.d.ts +4 -1
  37. package/dist/components/form/inputText/types.d.ts +2 -1
  38. package/dist/components/newTable_v2/components/body/Body.d.ts +2 -2
  39. package/dist/components/newTable_v2/components/cell/hooks/useCellValues.d.ts +0 -1
  40. package/dist/components/newTable_v2/components/cell/styled.d.ts +1 -11
  41. package/dist/components/newTable_v2/components/footer/footerCell/styled.d.ts +1 -10
  42. package/dist/components/newTable_v2/components/footer/styled.d.ts +0 -5
  43. package/dist/components/newTable_v2/components/header/Header.d.ts +2 -1
  44. package/dist/components/newTable_v2/components/header/actionsHeader/styled.d.ts +1 -0
  45. package/dist/components/newTable_v2/components/header/headerCell/styled.d.ts +1 -11
  46. package/dist/components/newTable_v2/components/header/hooks/useHeaderValues.d.ts +0 -1
  47. package/dist/components/newTable_v2/components/header/styled.d.ts +4 -1
  48. package/dist/components/newTable_v2/constants.d.ts +1 -1
  49. package/dist/components/newTable_v2/index.d.ts +1 -1
  50. package/dist/components/newTable_v2/styled.d.ts +1 -3
  51. package/dist/components/newTable_v2/types/columnsTypes.d.ts +0 -1
  52. package/dist/components/newTable_v2/types/features/actions.d.ts +1 -1
  53. package/dist/components/newTable_v2/types/tableTypes.d.ts +1 -1
  54. package/dist/components/newTable_v2/utils.d.ts +0 -11
  55. package/dist/components/tableV3/components/cell/styled.d.ts +1 -0
  56. package/dist/components/verticalTab/VerticalTab.d.ts +4 -0
  57. package/dist/components/verticalTab/components/VerticalTabSelector/VerticalTabSelector.d.ts +13 -0
  58. package/dist/components/verticalTab/components/VerticalTabSelector/index.d.ts +5 -0
  59. package/dist/components/verticalTab/components/VerticalTabSelector/styled.d.ts +11 -0
  60. package/dist/components/verticalTab/components/VerticalTabSelector/types.d.ts +37 -0
  61. package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelector.stories.d.ts +5 -0
  62. package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelectorPalette.d.ts +3 -0
  63. package/dist/components/verticalTab/index.d.ts +2 -0
  64. package/dist/components/verticalTab/styled.d.ts +6 -0
  65. package/dist/components/verticalTab/types.d.ts +6 -0
  66. package/dist/components/verticalTab/verticalTab.stories.d.ts +8 -0
  67. package/dist/index.esm.js +6 -6
  68. package/dist/index.esm.js.map +1 -1
  69. package/dist/index.js +8 -8
  70. package/dist/index.js.map +1 -1
  71. package/package.json +1 -1
  72. package/dist/components/ficFeatures/components/featureCategory/IconSelector.d.ts +0 -10
  73. package/dist/components/ficFeatures/configExample.d.ts +0 -3
  74. package/dist/components/ficFeatures/icons.d.ts +0 -6
  75. package/dist/components/ficFeatures/styled.d.ts +0 -2
  76. package/dist/components/inlineMessage/const.d.ts +0 -2
  77. package/dist/components/tableV3/hooks/usePagination.d.ts +0 -8
  78. /package/dist/components/accordion/{Accordion.d.ts → accordion.d.ts} +0 -0
@@ -2,7 +2,7 @@ import { SettingsLabels, TableComponent } from './types';
2
2
  export declare const HEIGHT_SMALL = 42;
3
3
  export declare const HEIGHT_LARGE = 56;
4
4
  export declare const TEXTAREA_HEIGHT = 100;
5
- export declare const CHECKBOX_WIDTH = 18;
5
+ export declare const CHECKBOX_WIDTH = 35;
6
6
  export declare const CLASS_PREFIX = "DS-table";
7
7
  export declare const DS_PREFIX = "dstbl";
8
8
  export declare const COMPONENTS: Record<TableComponent, string[]>;
@@ -1,3 +1,3 @@
1
1
  export { default as TableV3 } from './Table';
2
- export { CellValue as CellValueV3, BaseColumnsType as BaseColumnsTypeV3, BaseColumnDef as BaseColumnDefV3, EditableCellsColumn as EditableCellsColumnV3, AccessorColumnDef as AccessorColumnDefV3, AccessorColumn as AccessorColumnV3, DisplayColumnDef as DisplayColumnDefV3, DisplayColumn as DisplayColumnV3, GroupColumnDef as GroupColumnDefV3, GroupColumn as GroupColumnV3, ColumnDef as ColumnDefV3, ColumnsType as ColumnsTypeV3, RowSize as RowSizeV3, ColumnDefType as ColumnDefTypeV3, ActionType as ActionTypeV3, TableProps as TablePropsV3, LoadingStyle as LoadingStyleV3, TableComponent as TableComponentV3, TableActions as TableActionsV3, RowActions as RowActionsV3, PrimaryAction as PrimaryActionV3, TableActionsDropdowItem as TableActionsDropdowItemV3, DropdownActions as DropdownActionsV3, BulkAction as BulkActionV3, AllSelectedCTA as AllSelectedCTAV3, ColumnsSettings as ColumnsSettingsV3, SettingsLabels as SettingsLabelsV3, SettingsEvent as SettingsEventV3, TableSettings as TableSettingsV3, OnSort as OnSortV3, CustomSorted as CustomSortedV3, } from './types';
2
+ export * from './types';
3
3
  export * from './customCells';
@@ -1,8 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const HorizontalScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
4
- maxHeight?: number | undefined;
5
- }, never>;
3
+ export declare const HorizontalScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
4
  export declare const DSTable: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
7
5
  export declare const SortIndicator: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
8
6
  export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -18,7 +18,6 @@ export declare type BaseColumnDef<T> = IdentifiedColumnDef<T> & {
18
18
  id?: string;
19
19
  maxWidth?: number;
20
20
  minWidth?: number;
21
- fixedWidth?: number;
22
21
  multiline?: boolean;
23
22
  };
24
23
  export declare type EditableCellsColumn<T> = {
@@ -26,7 +26,7 @@ export declare type PrimaryAction<T> = RequireAtLeastOne<BaseAction> & {
26
26
  onClick: (row: Row<T>) => void;
27
27
  tooltip?: TooltipProps;
28
28
  };
29
- export declare type TableActionsDropdowItem<T> = Omit<DropdownItemProps, 'onClick'> & {
29
+ export declare type TableActionsDropdowItem<T> = DropdownItemProps & {
30
30
  onClick: (row: Row<T>) => void;
31
31
  };
32
32
  export declare type DropdownActions<T> = {
@@ -11,13 +11,13 @@ import { SortableTable } from './features/sort';
11
11
  export declare type TableProps<T> = SelectableTable & PaginatedTable & SortableTable<T> & TableSettings & HighlightRow<T> & TableActions<T> & {
12
12
  absoluteElementsPortal?: HTMLElement;
13
13
  actionColumnWidth?: number;
14
+ bodyHeight?: number;
14
15
  columns: ColumnsType<T>[];
15
16
  data: T[];
16
17
  headerSize?: RowSize;
17
18
  isLoading?: boolean;
18
19
  isRowDisabled?: (row: Row<T>) => boolean;
19
20
  loadingStyle?: LoadingStyle;
20
- maxHeight?: number;
21
21
  onRowClick?: (row: Row<T>) => void;
22
22
  renderEmptyState?: () => JSX.Element;
23
23
  rowTooltip?: (row: Row<T>) => string;
@@ -15,15 +15,4 @@ export declare type MappedProps = {
15
15
  };
16
16
  export declare const mapBackground: ({ isDisabled, isRowHighlighted, rowHighlightColor, selected, theme, }: MapBackgrounProps) => MappedProps;
17
17
  export declare const getColumnId: <T>(column: ColumnsType<T>) => string;
18
- declare type MapColumnWidthParams = {
19
- minWidth?: number;
20
- maxWidth?: number;
21
- fixedWidth?: number;
22
- };
23
- declare type MappedColumnWidth = {
24
- width: string;
25
- minWidth: string;
26
- maxWidth: string;
27
- };
28
- export declare const mapColumnWidth: ({ fixedWidth, maxWidth, minWidth }: MapColumnWidthParams) => MappedColumnWidth;
29
18
  export {};
@@ -16,4 +16,5 @@ export declare const DSTd: import("styled-components").StyledComponent<"td", imp
16
16
  [others: string]: any;
17
17
  } & DSTdProps, string | number>;
18
18
  export declare const CutText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
19
+ export declare const BreakText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
19
20
  export {};
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { VerticalTabProps } from './types';
3
+ declare const VerticalTab: ({ width, renderLeftContent, renderRightContent, }: VerticalTabProps) => JSX.Element;
4
+ export default VerticalTab;
@@ -0,0 +1,13 @@
1
+ import { MouseEvent } from 'react';
2
+ import { IconProps } from '../../../icon';
3
+ import { VerticalTabSelectorStatus } from './types';
4
+ export interface VerticalTabSelectorProps {
5
+ leftIcon?: IconProps;
6
+ text: string;
7
+ counter?: number;
8
+ active?: boolean;
9
+ status: VerticalTabSelectorStatus;
10
+ onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
11
+ }
12
+ declare const VerticalTabSelector: ({ leftIcon, text, status, counter, active, onClick, }: VerticalTabSelectorProps) => JSX.Element;
13
+ export default VerticalTabSelector;
@@ -0,0 +1,5 @@
1
+ export { default as verticalTabSelectorPalette } from './verticalTabSelectorPalette';
2
+ import { VerticalTabSelectorStatus } from './types';
3
+ import VerticalTabSelector from './VerticalTabSelector';
4
+ export { VerticalTabSelector, VerticalTabSelectorStatus };
5
+ export { VerticalTabSelectorPalette } from './types';
@@ -0,0 +1,11 @@
1
+ import { DefaultTheme } from 'styled-components';
2
+ import { VerticalTabSelectorProps } from './VerticalTabSelector';
3
+ export declare const VerticalTabSelectorWrapper: import("styled-components").StyledComponent<"button", DefaultTheme, {
4
+ active: VerticalTabSelectorProps['active'];
5
+ status: VerticalTabSelectorProps['status'];
6
+ }, never>;
7
+ export declare const IconContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
8
+ export declare const StatusContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
9
+ export declare const TextContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {
10
+ status: VerticalTabSelectorProps['status'];
11
+ }, never>;
@@ -0,0 +1,37 @@
1
+ import { paletteColor } from '../../../../styles/types';
2
+ export declare enum VerticalTabSelectorStatus {
3
+ DEFAULT = "default",
4
+ COMPLETED = "completed",
5
+ EDIT = "edit",
6
+ WARNING = "warning"
7
+ }
8
+ export declare type VerticalTabSelectorPalette = {
9
+ default: {
10
+ active: {
11
+ color: paletteColor;
12
+ backgroundColor: paletteColor;
13
+ hoverBackground: paletteColor;
14
+ activeButtonBackground: paletteColor;
15
+ };
16
+ inactive: {
17
+ color: paletteColor;
18
+ backgroundColor: paletteColor;
19
+ hoverBackground: paletteColor;
20
+ activeButtonBackground: paletteColor;
21
+ };
22
+ };
23
+ warning: {
24
+ active: {
25
+ color: paletteColor;
26
+ backgroundColor: paletteColor;
27
+ hoverBackground: paletteColor;
28
+ activeButtonBackground: paletteColor;
29
+ };
30
+ inactive: {
31
+ color: paletteColor;
32
+ backgroundColor: paletteColor;
33
+ hoverBackground: paletteColor;
34
+ activeButtonBackground: paletteColor;
35
+ };
36
+ };
37
+ };
@@ -0,0 +1,5 @@
1
+ import { Meta, Story } from '@storybook/react';
2
+ import { VerticalTabSelectorProps } from './VerticalTabSelector';
3
+ export declare const Template: Story<VerticalTabSelectorProps>;
4
+ declare const VerticalTabSelectorStories: Meta<VerticalTabSelectorProps>;
5
+ export default VerticalTabSelectorStories;
@@ -0,0 +1,3 @@
1
+ import { VerticalTabSelectorPalette } from './types';
2
+ declare const verticalTabSelectorPalette: VerticalTabSelectorPalette;
3
+ export default verticalTabSelectorPalette;
@@ -0,0 +1,2 @@
1
+ import VerticalTab from './VerticalTab';
2
+ export { VerticalTab };
@@ -0,0 +1,6 @@
1
+ import { VerticalTabProps } from './types';
2
+ export declare const VerticalTabWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
3
+ width: VerticalTabProps['width'];
4
+ }, never>;
5
+ export declare const VerticalTabSelectorsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
+ export declare const VerticalTabContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export interface VerticalTabProps {
3
+ width?: string | number;
4
+ renderLeftContent: () => JSX.Element | JSX.Element[];
5
+ renderRightContent: () => JSX.Element | JSX.Element[];
6
+ }
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { Meta, Story } from '@storybook/react';
3
+ import { VerticalTabProps } from './types';
4
+ export declare const Template: Story<VerticalTabProps>;
5
+ export declare const WithVerticalTabSelectors: () => JSX.Element;
6
+ export declare const WithVerticalTabSelectorsEdit: () => JSX.Element;
7
+ declare const VerticalTabStories: Meta<VerticalTabProps>;
8
+ export default VerticalTabStories;