@fattureincloud/fic-design-system 0.19.22 → 0.19.24
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.
- package/dist/common/types/misc.d.ts +10 -0
- package/dist/components/chart/stories/styled.d.ts +20 -2
- package/dist/components/dropdown/DropdownImpl.d.ts +1 -1
- package/dist/components/dropdown/DropdownPopper.d.ts +1 -1
- package/dist/components/dropdown/dropdown.stories.d.ts +1 -0
- package/dist/components/dropdown/styled.d.ts +1 -0
- package/dist/components/dropdown/types.d.ts +2 -1
- package/dist/components/editableInput/EditableInput.d.ts +3 -2
- package/dist/components/editableInput/components/CustomInput.d.ts +3 -2
- package/dist/components/editableInput/components/TextAreaPopup.d.ts +4 -3
- package/dist/components/editableInput/editableInput.stories.d.ts +1 -0
- package/dist/components/ficFeatures/components/featureCategory/IconSelector.d.ts +10 -0
- package/dist/components/ficFeatures/configExample.d.ts +3 -0
- package/dist/components/ficFeatures/icons.d.ts +6 -0
- package/dist/components/ficFeatures/styled.d.ts +2 -0
- package/dist/components/form/select/components/Option.d.ts +1 -1
- package/dist/components/inlineMessage/const.d.ts +2 -0
- package/dist/components/newTable_v2/components/body/Body.d.ts +2 -2
- package/dist/components/newTable_v2/components/cell/hooks/useCellValues.d.ts +1 -0
- package/dist/components/newTable_v2/components/cell/styled.d.ts +11 -1
- package/dist/components/newTable_v2/components/footer/footerCell/styled.d.ts +10 -1
- package/dist/components/newTable_v2/components/footer/styled.d.ts +5 -0
- package/dist/components/newTable_v2/components/header/Header.d.ts +1 -2
- package/dist/components/newTable_v2/components/header/actionsHeader/styled.d.ts +0 -1
- package/dist/components/newTable_v2/components/header/headerCell/styled.d.ts +11 -1
- package/dist/components/newTable_v2/components/header/hooks/useHeaderValues.d.ts +1 -0
- package/dist/components/newTable_v2/components/header/styled.d.ts +1 -4
- package/dist/components/newTable_v2/constants.d.ts +1 -1
- package/dist/components/newTable_v2/index.d.ts +1 -1
- package/dist/components/newTable_v2/styled.d.ts +3 -1
- package/dist/components/newTable_v2/types/columnsTypes.d.ts +1 -0
- package/dist/components/newTable_v2/types/features/actions.d.ts +1 -1
- package/dist/components/newTable_v2/types/tableTypes.d.ts +1 -1
- package/dist/components/newTable_v2/utils.d.ts +11 -0
- package/dist/components/tableV3/components/settings/settingsDropdownContent/styled.d.ts +1 -0
- package/dist/components/tableV3/hooks/usePagination.d.ts +8 -0
- package/dist/components/tableV3/providers/TableProvider/types.d.ts +1 -0
- package/dist/components/tableV3/types/features/settings.d.ts +1 -1
- package/dist/index.esm.js +4 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/common/components/Label.d.ts +0 -3
- package/dist/common/components/iframeClickBlocker/IframeClickBlocker.d.ts +0 -7
- package/dist/common/components/iframeClickBlocker/iframeClickBlocker.stories.d.ts +0 -6
- package/dist/common/components/iframeClickBlocker/index.d.ts +0 -1
- package/dist/common/components/iframeClickBlocker/styled.d.ts +0 -1
- package/dist/common/types/label.d.ts +0 -12
- package/dist/common/utils/label.d.ts +0 -5
- package/dist/components/accordion/styled.d.ts +0 -5
- package/dist/components/accordions/accordions.d.ts +0 -9
- package/dist/components/accordions/accordions.stories.d.ts +0 -8
- package/dist/components/accordions/components/styledAccordionWrapper.d.ts +0 -1
- package/dist/components/accordions/index.d.ts +0 -2
- package/dist/components/accordions/types.d.ts +0 -19
- package/dist/components/form/datepicker/components/MonthPicker.d.ts +0 -5
- package/dist/components/form/datepickerNew/DatePicker.d.ts +0 -12
- package/dist/components/form/datepickerNew/DatePickerImpl.d.ts +0 -4
- package/dist/components/form/datepickerNew/NewDatePicker.d.ts +0 -12
- package/dist/components/form/datepickerNew/components/CustomButton.d.ts +0 -8
- package/dist/components/form/datepickerNew/components/DatePickerDay.d.ts +0 -3
- package/dist/components/form/datepickerNew/components/DatePickerHeader.d.ts +0 -8
- package/dist/components/form/datepickerNew/components/YearPicker.d.ts +0 -7
- package/dist/components/form/datepickerNew/components/hooks/useDatePickerHeaderShowLogic.d.ts +0 -15
- package/dist/components/form/datepickerNew/components/styled.d.ts +0 -5
- package/dist/components/form/datepickerNew/datePickerPalette.d.ts +0 -33
- package/dist/components/form/datepickerNew/datepicker.stories.d.ts +0 -18
- package/dist/components/form/datepickerNew/hooks/useFormattedDate.d.ts +0 -12
- package/dist/components/form/datepickerNew/hooks/useYearsList.d.ts +0 -2
- package/dist/components/form/datepickerNew/index.d.ts +0 -5
- package/dist/components/form/datepickerNew/newDatePickerPalette.d.ts +0 -33
- package/dist/components/form/datepickerNew/styled.d.ts +0 -6
- package/dist/components/form/datepickerNew/types.d.ts +0 -31
- package/dist/components/form/datepickerNew/utils.d.ts +0 -3
- package/dist/components/verticalTab/VerticalTab.d.ts +0 -4
- package/dist/components/verticalTab/components/VerticalTabSelector/VerticalTabSelector.d.ts +0 -13
- package/dist/components/verticalTab/components/VerticalTabSelector/index.d.ts +0 -5
- package/dist/components/verticalTab/components/VerticalTabSelector/styled.d.ts +0 -11
- package/dist/components/verticalTab/components/VerticalTabSelector/types.d.ts +0 -37
- package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelector.stories.d.ts +0 -5
- package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelectorPalette.d.ts +0 -3
- package/dist/components/verticalTab/index.d.ts +0 -2
- package/dist/components/verticalTab/styled.d.ts +0 -6
- package/dist/components/verticalTab/types.d.ts +0 -6
- package/dist/components/verticalTab/verticalTab.stories.d.ts +0 -8
- /package/dist/components/accordion/{accordion.d.ts → Accordion.d.ts} +0 -0
@@ -18,3 +18,13 @@ export declare type Dimensions = {
|
|
18
18
|
width: number;
|
19
19
|
};
|
20
20
|
export declare type DSRect = Coordinates & Dimensions;
|
21
|
+
export interface PopperProps {
|
22
|
+
/**
|
23
|
+
* Ensures the popper does not extend beyond the table's header (`<thead>`),
|
24
|
+
* keeping it below the header but above the rest of the content.
|
25
|
+
* Useful when the popper is used within a table to maintain visibility hierarchy.
|
26
|
+
*
|
27
|
+
* Default: `false`
|
28
|
+
*/
|
29
|
+
preventOverlay?: boolean;
|
30
|
+
}
|
@@ -1,4 +1,22 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const DropdownText: import("styled-components").StyledComponent<
|
3
|
-
|
2
|
+
export declare const DropdownText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
|
3
|
+
bold?: boolean | undefined;
|
4
|
+
centered?: boolean | undefined;
|
5
|
+
children: import("react").ReactNode | import("react").ReactNode[];
|
6
|
+
clamp?: number | undefined;
|
7
|
+
className?: string | undefined;
|
8
|
+
color?: string | undefined;
|
9
|
+
type?: "date" | "currency" | undefined;
|
10
|
+
style?: import("react").CSSProperties | undefined;
|
11
|
+
} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
12
|
+
export declare const DropdownParagraph: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
|
13
|
+
bold?: boolean | undefined;
|
14
|
+
centered?: boolean | undefined;
|
15
|
+
children: import("react").ReactNode | import("react").ReactNode[];
|
16
|
+
clamp?: number | undefined;
|
17
|
+
className?: string | undefined;
|
18
|
+
color?: string | undefined;
|
19
|
+
type?: "date" | "currency" | undefined;
|
20
|
+
style?: import("react").CSSProperties | undefined;
|
21
|
+
} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
4
22
|
export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { DropdownProps } from './types';
|
3
|
-
declare const DropdownImpl: ({ className, content, disableArrowNavigation, emptyState, fullWidth, isDisabled, maxHeight, maxWidth, minWidthAsTrigger, offsetY, onClose, onOpen, open, outsideTriggers, placement, portalContainer, renderContent, renderTrigger, setOpen, sideButton, title, triggerStyles, usePortal, withPadding, }: DropdownProps) => JSX.Element;
|
3
|
+
declare const DropdownImpl: ({ className, content, disableArrowNavigation, emptyState, fullWidth, isDisabled, maxHeight, maxWidth, minWidthAsTrigger, offsetY, onClose, onOpen, open, outsideTriggers, placement, portalContainer, preventOverlay, renderContent, renderTrigger, setOpen, sideButton, title, triggerStyles, usePortal, withPadding, }: DropdownProps) => JSX.Element;
|
4
4
|
export default DropdownImpl;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { DropdownProps } from './types';
|
3
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<DropdownProps, "content" | "onClose" | "onOpen" | "fullWidth" | "maxWidth" | "emptyState" | "renderContent"> & {
|
3
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<DropdownProps, "content" | "onClose" | "onOpen" | "fullWidth" | "maxWidth" | "emptyState" | "preventOverlay" | "renderContent"> & {
|
4
4
|
attributes: {
|
5
5
|
[key: string]: {
|
6
6
|
[key: string]: string;
|
@@ -5,5 +5,6 @@ export declare const Simple: () => JSX.Element;
|
|
5
5
|
export declare const WithExternalTrigger: () => JSX.Element;
|
6
6
|
export declare const WithKnobs: () => JSX.Element;
|
7
7
|
export declare const WithButton: () => JSX.Element;
|
8
|
+
export declare const WithPreventOverlay: (args: DropdownProps) => JSX.Element;
|
8
9
|
declare const DropdownStories: Meta<DropdownProps>;
|
9
10
|
export default DropdownStories;
|
@@ -13,6 +13,7 @@ export declare const DefaultContentWrapper: import("styled-components").StyledCo
|
|
13
13
|
export declare const CustomContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContentWrapperProps, never>;
|
14
14
|
export declare const PopperContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
15
15
|
withPadding: boolean;
|
16
|
+
preventOverlay?: boolean | undefined;
|
16
17
|
}, never>;
|
17
18
|
export declare const BodyAnimationWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
18
19
|
export {};
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { Placement } from '@popperjs/core/lib/enums';
|
2
2
|
import React, { CSSProperties, Dispatch, MouseEventHandler, ReactNode, SetStateAction } from 'react';
|
3
|
+
import { PopperProps } from '../../common/types/misc';
|
3
4
|
import { ButtonProps } from '../buttons';
|
4
5
|
import { IconProps } from '../icon';
|
5
6
|
export declare type TitleProps = {
|
@@ -40,7 +41,7 @@ declare type UncontrolledStateProps = BaseProps & {
|
|
40
41
|
setOpen?: never;
|
41
42
|
outsideTriggers?: never;
|
42
43
|
};
|
43
|
-
export declare type DropdownProps = ControlledStateProps | UncontrolledStateProps;
|
44
|
+
export declare type DropdownProps = (ControlledStateProps | UncontrolledStateProps) & PopperProps;
|
44
45
|
export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
|
45
46
|
export interface DropdownItemProps {
|
46
47
|
active?: boolean;
|
@@ -1,5 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
|
2
|
+
import { PopperProps } from '../../common/types/misc';
|
3
|
+
export interface EditableInputProps extends PopperProps {
|
3
4
|
content: string | number | null;
|
4
5
|
hover: boolean;
|
5
6
|
maxContentLength?: number;
|
@@ -10,5 +11,5 @@ export interface EditableInputProps {
|
|
10
11
|
rowId: number;
|
11
12
|
unitSymbol?: string | undefined;
|
12
13
|
}
|
13
|
-
declare const EditableInput: ({ content, hover, maxContentLength, offsetY, onChange, onClose, onOpen, rowId, unitSymbol, }: EditableInputProps) => JSX.Element;
|
14
|
+
declare const EditableInput: ({ content, hover, maxContentLength, offsetY, onChange, onClose, onOpen, preventOverlay, rowId, unitSymbol, }: EditableInputProps) => JSX.Element;
|
14
15
|
export default EditableInput;
|
@@ -1,5 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
|
2
|
+
import { PopperProps } from '../../../common/types/misc';
|
3
|
+
interface Props extends PopperProps {
|
3
4
|
content: string | number | null;
|
4
5
|
hover: boolean;
|
5
6
|
maxContentLength?: number;
|
@@ -10,5 +11,5 @@ interface Props {
|
|
10
11
|
rowId: number;
|
11
12
|
unitSymbol?: string | undefined;
|
12
13
|
}
|
13
|
-
declare const CustomInput: ({ content, hover, maxContentLength, offsetY, onChange, onClose, onOpen, rowId, unitSymbol, }: Props) => JSX.Element;
|
14
|
+
declare const CustomInput: ({ content, hover, maxContentLength, offsetY, onChange, onClose, onOpen, preventOverlay, rowId, unitSymbol, }: Props) => JSX.Element;
|
14
15
|
export default CustomInput;
|
@@ -1,8 +1,9 @@
|
|
1
1
|
import { MutableRefObject } from 'react';
|
2
|
-
|
2
|
+
import { PopperProps } from '../../../common/types/misc';
|
3
|
+
interface Props extends PopperProps {
|
3
4
|
content: string | number | null;
|
4
5
|
focus: boolean;
|
5
|
-
inputWrapperRef: MutableRefObject<null>;
|
6
|
+
inputWrapperRef: MutableRefObject<HTMLElement | null>;
|
6
7
|
maxContentLength?: number;
|
7
8
|
offsetY?: number;
|
8
9
|
onBlur: () => void;
|
@@ -11,5 +12,5 @@ interface Props {
|
|
11
12
|
rowId: number;
|
12
13
|
unitSymbol?: string | undefined;
|
13
14
|
}
|
14
|
-
declare const TextAreaPopup: ({ content, focus, inputWrapperRef, maxContentLength, offsetY, onBlur, onChange, onClose, rowId, }: Props) => JSX.Element;
|
15
|
+
declare const TextAreaPopup: ({ content, focus, inputWrapperRef, maxContentLength, offsetY, onBlur, onChange, onClose, preventOverlay, rowId, }: Props) => JSX.Element;
|
15
16
|
export default TextAreaPopup;
|
@@ -4,4 +4,5 @@ import { EditableInputProps } from './EditableInput';
|
|
4
4
|
declare const EditableInputStories: Meta<EditableInputProps>;
|
5
5
|
export declare const Default: () => JSX.Element;
|
6
6
|
export declare const WithMaxContentLength: () => JSX.Element;
|
7
|
+
export declare const WithPreventOverlay: (args: EditableInputProps) => JSX.Element;
|
7
8
|
export default EditableInputStories;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TFeaturesConfig } from '../../types';
|
3
|
+
declare type IconSelectorProps = {
|
4
|
+
close: () => void;
|
5
|
+
icon: string;
|
6
|
+
index: number;
|
7
|
+
setEditedConfig: React.Dispatch<React.SetStateAction<TFeaturesConfig>>;
|
8
|
+
};
|
9
|
+
declare const IconSelector: ({ close, icon, index, setEditedConfig }: IconSelectorProps) => JSX.Element;
|
10
|
+
export default IconSelector;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { IconProps } from '../icon';
|
2
|
+
export declare const greenPlusIcon: IconProps;
|
3
|
+
export declare const sortIcon: IconProps;
|
4
|
+
export declare const redBackwardIcon: IconProps;
|
5
|
+
export declare const greenCheckIcon: IconProps;
|
6
|
+
export declare const greyTimesIcon: IconProps;
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export declare const FICFeaturesContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
2
|
+
export declare const FlexRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -10,5 +10,5 @@ export interface OptionType extends OptionTypeBase {
|
|
10
10
|
interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> extends Omit<OptionProps<O, IsMulti>, 'data'> {
|
11
11
|
data: OptionType;
|
12
12
|
}
|
13
|
-
declare const Option: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ data: { icon, label }, innerProps
|
13
|
+
declare const Option: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ data: { icon, label }, innerProps, innerRef, isSelected, isFocused }: Props<O, IsMulti>) => JSX.Element;
|
14
14
|
export default Option;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { Row as RowType } from '@tanstack/react-table';
|
3
3
|
import { TableProps } from '../../types';
|
4
|
-
interface BodyProps<T> extends Pick<TableProps<T>, '
|
4
|
+
interface BodyProps<T> extends Pick<TableProps<T>, 'isLoading' | 'isRowDisabled' | 'isRowHighlighted' | 'onRowClick' | 'rowActions' | 'rowHighlightColor' | 'rowSelection' | 'rowTooltip'> {
|
5
5
|
pageIndex: number;
|
6
6
|
rows: RowType<T>[];
|
7
7
|
}
|
8
|
-
declare const Body: <T>({
|
8
|
+
declare const Body: <T>({ isLoading, isRowDisabled, isRowHighlighted, onRowClick, pageIndex, rowActions, rowHighlightColor, rowSelection, rowTooltip, rows, }: BodyProps<T>) => JSX.Element;
|
9
9
|
export default Body;
|
@@ -1,9 +1,19 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
declare type DSTdProps = {
|
3
|
+
fixedWidth?: number;
|
2
4
|
justifyContent: 'center' | 'left' | 'right';
|
3
5
|
maxWidth?: number;
|
4
6
|
minWidth?: number;
|
5
7
|
};
|
6
8
|
export declare const BaseTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
|
7
|
-
export declare const DSTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme,
|
9
|
+
export declare const DSTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "key" | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
|
10
|
+
ref?: ((instance: HTMLTableDataCellElement | null) => void) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
|
11
|
+
} & {
|
12
|
+
minWidth?: number | undefined;
|
13
|
+
maxWidth?: number | undefined;
|
14
|
+
fixedWidth?: number | undefined;
|
15
|
+
}> & {
|
16
|
+
[others: string]: any;
|
17
|
+
} & DSTdProps, string | number>;
|
8
18
|
export declare const CutText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
9
19
|
export {};
|
@@ -1,3 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { ColumnPinningPosition } from '@tanstack/react-table';
|
2
3
|
import { RowSize } from '../../../types';
|
3
4
|
declare type DSThProps = {
|
@@ -6,5 +7,13 @@ declare type DSThProps = {
|
|
6
7
|
minWidth?: number;
|
7
8
|
maxWidth?: number;
|
8
9
|
};
|
9
|
-
export declare const DSThFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme,
|
10
|
+
export declare const DSThFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>> & {
|
11
|
+
ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | import("react").RefObject<HTMLTableHeaderCellElement> | null | undefined;
|
12
|
+
} & {
|
13
|
+
minWidth?: number | undefined;
|
14
|
+
maxWidth?: number | undefined;
|
15
|
+
fixedWidth?: number | undefined;
|
16
|
+
}> & {
|
17
|
+
[others: string]: any;
|
18
|
+
} & DSThProps, string | number>;
|
10
19
|
export {};
|
@@ -4,4 +4,9 @@ declare type DSTHeadProps = {
|
|
4
4
|
footerSize?: RowSize;
|
5
5
|
};
|
6
6
|
export declare const DSTrFooter: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, DSTHeadProps, never>;
|
7
|
+
export declare const CheckboxFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {}, never>;
|
8
|
+
declare type ActionsFooterProps = {
|
9
|
+
actionColumnWidth: number;
|
10
|
+
};
|
11
|
+
export declare const ActionsFooter: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, ActionsFooterProps, never>;
|
7
12
|
export {};
|
@@ -4,10 +4,9 @@ import { TableProps } from '../../types';
|
|
4
4
|
declare type HeaderProps<T> = Pick<TableProps<T>, 'headerSize' | 'onSort'> & {
|
5
5
|
actionsHeader?: string | JSX.Element;
|
6
6
|
headerGroups: HeaderGroup<T>[];
|
7
|
-
isSelectable?: boolean;
|
8
7
|
onRowSelection?: (e: string[]) => void;
|
9
8
|
rowSelection?: string[];
|
10
9
|
table: Table<T>;
|
11
10
|
};
|
12
|
-
declare const Header: <T>({ actionsHeader, headerGroups, headerSize,
|
11
|
+
declare const Header: <T>({ actionsHeader, headerGroups, headerSize, onRowSelection, onSort, rowSelection, table, }: HeaderProps<T>) => JSX.Element;
|
13
12
|
export default Header;
|
@@ -1,9 +1,19 @@
|
|
1
|
+
/// <reference types="react" />
|
1
2
|
import { ColumnPinningPosition } from '@tanstack/react-table';
|
2
3
|
declare type DSThProps = {
|
4
|
+
fixedWidth?: number;
|
3
5
|
isPinned: ColumnPinningPosition;
|
4
6
|
minWidth?: number;
|
5
7
|
maxWidth?: number;
|
6
8
|
sortable: boolean;
|
7
9
|
};
|
8
|
-
export declare const DSThHeader: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme,
|
10
|
+
export declare const DSThHeader: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>> & {
|
11
|
+
ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | import("react").RefObject<HTMLTableHeaderCellElement> | null | undefined;
|
12
|
+
} & {
|
13
|
+
minWidth?: number | undefined;
|
14
|
+
maxWidth?: number | undefined;
|
15
|
+
fixedWidth?: number | undefined;
|
16
|
+
}> & {
|
17
|
+
[others: string]: any;
|
18
|
+
} & DSThProps, string | number>;
|
9
19
|
export {};
|
@@ -1,8 +1,5 @@
|
|
1
1
|
import { RowSize } from '../../types';
|
2
|
-
declare
|
3
|
-
scrollbarPadding: number;
|
4
|
-
};
|
5
|
-
export declare const DSTHead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, DSTHeadProps, never>;
|
2
|
+
export declare const DSTHead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
|
6
3
|
declare type DSTrHeaderProps = {
|
7
4
|
headerSize?: RowSize;
|
8
5
|
};
|
@@ -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 =
|
5
|
+
export declare const CHECKBOX_WIDTH = 18;
|
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
|
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';
|
3
3
|
export * from './customCells';
|
@@ -1,6 +1,8 @@
|
|
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, {
|
3
|
+
export declare const HorizontalScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
4
|
+
maxHeight?: number | undefined;
|
5
|
+
}, never>;
|
4
6
|
export declare const DSTable: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
|
5
7
|
export declare const SortIndicator: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
6
8
|
export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -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> = DropdownItemProps & {
|
29
|
+
export declare type TableActionsDropdowItem<T> = Omit<DropdownItemProps, 'onClick'> & {
|
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;
|
15
14
|
columns: ColumnsType<T>[];
|
16
15
|
data: T[];
|
17
16
|
headerSize?: RowSize;
|
18
17
|
isLoading?: boolean;
|
19
18
|
isRowDisabled?: (row: Row<T>) => boolean;
|
20
19
|
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,4 +15,15 @@ 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;
|
18
29
|
export {};
|
@@ -7,3 +7,4 @@ export declare const DragIcon: import("styled-components").StyledComponent<"div"
|
|
7
7
|
dragging: boolean;
|
8
8
|
draggable: boolean;
|
9
9
|
}, never>;
|
10
|
+
export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { PaginationState } from '@tanstack/react-table';
|
2
|
+
import { Dispatch, SetStateAction } from 'react';
|
3
|
+
interface ReturnType {
|
4
|
+
pagination: PaginationState;
|
5
|
+
setPagination: Dispatch<SetStateAction<PaginationState>>;
|
6
|
+
}
|
7
|
+
export declare const usePagination: (size: number | undefined) => ReturnType;
|
8
|
+
export {};
|
@@ -21,6 +21,7 @@ export declare type TableContextProps = ImmutableContext & {
|
|
21
21
|
columnsSettings: Required<ColumnsSettings>;
|
22
22
|
setColumnsSettings: Dispatch<SetStateAction<Required<ColumnsSettings>>>;
|
23
23
|
onSettingsChange?: TableSettings['onSettingsChange'];
|
24
|
+
initialSettings: Required<ColumnsSettings>;
|
24
25
|
};
|
25
26
|
export declare type TableProviderProps<T> = TableProps<T> & {
|
26
27
|
children: ReactNode | ReactNode[];
|
@@ -16,7 +16,7 @@ export declare type SettingsLabels = {
|
|
16
16
|
rowSizeLargeLabel?: string;
|
17
17
|
columnsLabel?: string;
|
18
18
|
};
|
19
|
-
export declare type SettingsEvent = 'resizeRow' | 'hideColumn' | 'showColumn' | 'moveColumn';
|
19
|
+
export declare type SettingsEvent = 'resizeRow' | 'hideColumn' | 'showColumn' | 'moveColumn' | 'resetSettings';
|
20
20
|
export declare type TableSettings = VariableSettings & {
|
21
21
|
enableSettings?: boolean;
|
22
22
|
settingsLabels?: SettingsLabels;
|