@true-engineering/true-react-common-ui-kit 3.0.4 → 3.0.6
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/components/AccountInfo/AccountInfo.stories.d.ts +8 -0
- package/dist/components/AccountInfo/AccountInfo.styles.d.ts +1 -1
- package/dist/components/AddButton/AddButton.stories.d.ts +8 -0
- package/dist/components/AddButton/AddButton.styles.d.ts +1 -1
- package/dist/components/Button/Button.stories.d.ts +6 -0
- package/dist/components/Button/Button.styles.d.ts +1 -1
- package/dist/components/Button/types.d.ts +2 -2
- package/dist/components/Checkbox/Checkbox.stories.d.ts +5 -0
- package/dist/components/Checkbox/Checkbox.styles.d.ts +1 -1
- package/dist/components/CloseButton/CloseButton.styles.d.ts +1 -1
- package/dist/components/Colors/Colors.stories.d.ts +5 -0
- package/dist/components/CssBaseline/CssBaseline.d.ts +1 -1
- package/dist/components/CssBaseline/CssBaseline.styles.d.ts +1 -1
- package/dist/components/DateInput/DateInput.stories.d.ts +8 -0
- package/dist/components/DateInput/DateInput.styles.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -0
- package/dist/components/DatePicker/DatePicker.stories.d.ts +8 -0
- package/dist/components/DatePicker/DatePicker.styles.d.ts +1 -1
- package/dist/components/DatePicker/components/DatePickerHeader/DatePickerHeader.styles.d.ts +1 -1
- package/dist/components/DatePicker/types.d.ts +2 -2
- package/dist/components/Description/Description.stories.d.ts +18 -0
- package/dist/components/Description/Description.styles.d.ts +1 -1
- package/dist/components/FiltersPane/FiltersPane.stories.d.ts +32 -0
- package/dist/components/FiltersPane/FiltersPane.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.styles.d.ts +2 -2
- package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.d.ts +1 -1
- package/dist/components/FiltersPane/types.d.ts +18 -18
- package/dist/components/Flag/Flag.stories.d.ts +14 -0
- package/dist/components/Flag/Flag.styles.d.ts +1 -1
- package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts +20 -0
- package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +1 -1
- package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.d.ts +1 -1
- package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts +1 -1
- package/dist/components/FlexibleTable/types.d.ts +6 -6
- package/dist/components/Icon/Icon.stories.d.ts +6 -0
- package/dist/components/Icon/Icon.styles.d.ts +1 -1
- package/dist/components/Icon/icons-list.d.ts +1 -1
- package/dist/components/Icon/types.d.ts +4 -4
- package/dist/components/IncrementInput/IncrementInput.stories.d.ts +8 -0
- package/dist/components/IncrementInput/IncrementInput.styles.d.ts +1 -1
- package/dist/components/Input/Input.stories.d.ts +35 -0
- package/dist/components/Input/Input.styles.d.ts +2 -2
- package/dist/components/Input/types.d.ts +1 -1
- package/dist/components/List/List.stories.d.ts +6 -0
- package/dist/components/List/List.styles.d.ts +1 -1
- package/dist/components/List/components/ListItem/ListItem.styles.d.ts +1 -1
- package/dist/components/Modal/Modal.stories.d.ts +30 -0
- package/dist/components/Modal/Modal.styles.d.ts +1 -1
- package/dist/components/Modal/types.d.ts +2 -2
- package/dist/components/MoreMenu/MoreMenu.stories.d.ts +8 -0
- package/dist/components/MoreMenu/MoreMenu.styles.d.ts +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts +14 -0
- package/dist/components/MultiSelect/MultiSelect.styles.d.ts +2 -2
- package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts +1 -1
- package/dist/components/MultiSelect/types.d.ts +1 -1
- package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts +1 -1
- package/dist/components/MultiSelectList/types.d.ts +1 -1
- package/dist/components/Notification/Notification.stories.d.ts +8 -0
- package/dist/components/Notification/Notification.styles.d.ts +1 -1
- package/dist/components/Notification/types.d.ts +1 -1
- package/dist/components/NumberInput/NumberInput.stories.d.ts +8 -0
- package/dist/components/PhoneInput/PhoneInput.stories.d.ts +30 -0
- package/dist/components/PhoneInput/PhoneInput.styles.d.ts +1 -1
- package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.stories.d.ts +6 -0
- package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts +1 -1
- package/dist/components/RadioButton/RadioButton.stories.d.ts +8 -0
- package/dist/components/RadioButton/RadioButton.styles.d.ts +1 -1
- package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +2 -2
- package/dist/components/SearchInput/SearchInput.d.ts +1 -1
- package/dist/components/SearchInput/SearchInput.stories.d.ts +8 -0
- package/dist/components/SearchInput/SearchInput.styles.d.ts +1 -1
- package/dist/components/Select/MultiSelect.stories.d.ts +17 -0
- package/dist/components/Select/Select.stories.d.ts +17 -0
- package/dist/components/Select/Select.styles.d.ts +4 -4
- package/dist/components/Select/components/SelectList/SelectList.styles.d.ts +1 -1
- package/dist/components/Select/types.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.stories.d.ts +8 -0
- package/dist/components/Skeleton/Skeleton.styles.d.ts +1 -1
- package/dist/components/SmartInput/SmartInput.stories.d.ts +19 -0
- package/dist/components/SmartInput/types.d.ts +1 -1
- package/dist/components/Switch/Switch.stories.d.ts +17 -0
- package/dist/components/Switch/Switch.styles.d.ts +1 -1
- package/dist/components/TextArea/TextArea.stories.d.ts +18 -0
- package/dist/components/TextArea/TextArea.styles.d.ts +1 -1
- package/dist/components/TextWithInfo/TextWithInfo.stories.d.ts +13 -0
- package/dist/components/TextWithInfo/TextWithInfo.styles.d.ts +1 -1
- package/dist/components/TextWithTooltip/TextWithTooltip.stories.d.ts +26 -0
- package/dist/components/TextWithTooltip/TextWithTooltip.styles.d.ts +1 -1
- package/dist/components/ThemedPreloader/ThemedPreloader.stories.d.ts +18 -0
- package/dist/components/ThemedPreloader/ThemedPreloader.styles.d.ts +1 -1
- package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.d.ts +1 -1
- package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.d.ts +1 -1
- package/dist/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.d.ts +1 -1
- package/dist/components/ThemedPreloader/types.d.ts +1 -1
- package/dist/components/Toaster/Toaster.stories.d.ts +6 -0
- package/dist/components/Toaster/Toaster.styles.d.ts +1 -1
- package/dist/components/Toaster/types.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.stories.d.ts +6 -0
- package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/components/Tooltip/types.d.ts +1 -1
- package/dist/hooks/use-tweak-styles.d.ts +1 -1
- package/dist/theme/common.d.ts +37 -2
- package/dist/theme/types.d.ts +8 -8
- package/dist/true-react-common-ui-kit.js +3 -0
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +3 -0
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +3 -3
- package/src/components/TextArea/TextArea.styles.ts +4 -0
- package/src/theme/common.ts +4 -3
- package/src/theme/types.ts +2 -2
- package/dist/components/Flag/augment.d.ts +0 -1
- package/dist/components/Icon/complexIcons/augment.d.ts +0 -1
- package/dist/vite-env.d.ts +0 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<import("./AccountInfo").IAccountInfoProps>;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: ComponentStory<import("react").FC<import("./AccountInfo").IAccountInfoProps>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IListStyles } from '../List';
|
|
3
3
|
export declare const useStyles: import("../../theme").IUseStyles<"root" | "account" | "accountName" | "accountNameOpened" | "accountChevron" | "accountChevronOpened" | "accountMenu" | "avatarIcon" | "slide-up-enter" | "slide-up-enter-active" | "slide-up-exit-active" | "slide-up-exit", unknown>;
|
|
4
|
-
export
|
|
4
|
+
export type IAccountInfoStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakList: IListStyles;
|
|
6
6
|
}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<import("./AddButton").IAddButtonProps>;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: ComponentStory<import("react").FC<import("./AddButton").IAddButtonProps>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "disabled" | "fullWidth", unknown>;
|
|
3
|
-
export
|
|
3
|
+
export type IAddButtonStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { Button, IButtonProps } from './Button';
|
|
4
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: ComponentStory<typeof Button>;
|
|
@@ -3,6 +3,6 @@ import { IThemedPreloaderStyles } from '../ThemedPreloader';
|
|
|
3
3
|
import { IButtonSize } from './types';
|
|
4
4
|
export declare const useStyles: import("../../theme").IUseStyles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>;
|
|
5
5
|
export declare const getPreloaderStyles: (size: IButtonSize) => IThemedPreloaderStyles | undefined;
|
|
6
|
-
export
|
|
6
|
+
export type IButtonStyles = ITweakStyles<typeof useStyles, {
|
|
7
7
|
tweakPreloader: IThemedPreloaderStyles;
|
|
8
8
|
}>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { BUTTON_VIEWS } from './constants';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type IButtonSize = 's' | 'm' | 'l' | 'xl';
|
|
3
|
+
export type IButtonView = (typeof BUTTON_VIEWS)[number];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
export declare const useStyles: import("../../theme").IUseStyles<"input" | "root" | "disabled" | "children" | "check" | "checked" | "labelPositionLeft", unknown>;
|
|
3
|
-
export
|
|
3
|
+
export type ICheckboxStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { ICommonProps } from '../../types';
|
|
3
3
|
import { ICssBaselineStyles } from './CssBaseline.styles';
|
|
4
|
-
export
|
|
4
|
+
export type ICssBaselineProps = ICommonProps<ICssBaselineStyles>;
|
|
5
5
|
export declare const CssBaseline: FC<ICssBaselineProps>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
export declare const useStyles: import("../../theme").IUseStyles<"root" | "@global html, body", unknown>;
|
|
3
|
-
export
|
|
3
|
+
export type ICssBaselineStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("./DateInput").IDateInputProps & import("react").RefAttributes<HTMLInputElement>>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IInputStyles } from '../Input';
|
|
3
3
|
export declare const useStyles: import("../../theme").IUseStyles<"root", unknown>;
|
|
4
|
-
export
|
|
4
|
+
export type IDateInputStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakInput: IInputStyles;
|
|
6
6
|
}>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FC, SyntheticEvent } from 'react';
|
|
2
2
|
import ReactDatePicker from 'react-datepicker';
|
|
3
|
+
import 'react-datepicker/dist/react-datepicker.css';
|
|
3
4
|
import { ICommonProps } from '../../types';
|
|
4
5
|
import { IDateInputProps } from '../DateInput';
|
|
5
6
|
import { IDatePickerBaseProps, IRange } from './types';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("./DatePicker").IDatePickerProps & import("react").RefAttributes<import("react-datepicker").ReactDatePicker<never, undefined>>>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IDateInputStyles } from '../DateInput';
|
|
3
3
|
export declare const useStyles: import("../../theme").IUseStyles<"popper" | "root" | "day" | "datepicker", unknown>;
|
|
4
|
-
export
|
|
4
|
+
export type IDatePickerStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakDateInput: IDateInputStyles;
|
|
6
6
|
}>;
|
|
@@ -2,6 +2,6 @@ import { ITweakStyles } from '../../../../theme';
|
|
|
2
2
|
import { ISelectStyles } from '../../../Select';
|
|
3
3
|
export declare const useStyles: import("../../../../theme").IUseStyles<"select" | "btn" | "selectValue" | "selectControl" | "header" | "buttons", unknown>;
|
|
4
4
|
export declare const selectStyles: ISelectStyles;
|
|
5
|
-
export
|
|
5
|
+
export type IDatePickerHeaderStyles = ITweakStyles<typeof useStyles, {
|
|
6
6
|
tweakSelect: ISelectStyles;
|
|
7
7
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ReactDatePickerProps } from 'react-datepicker';
|
|
2
2
|
import { IDateInputProps } from '../DateInput';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type IRange = [Date | null, Date | null] | null;
|
|
4
|
+
export type IDatePickerBaseProps = Pick<ReactDatePickerProps, 'startDate' | 'endDate' | 'minDate' | 'maxDate' | 'allowSameDay' | 'disabledKeyboardNavigation' | 'monthsShown' | 'popperModifiers' | 'popperPlacement' | 'filterDate' | 'dayClassName' | 'calendarContainer' | 'onCalendarOpen' | 'onCalendarClose' | 'onYearChange' | 'onMonthChange' | 'focusSelectedMonth' | 'shouldCloseOnSelect' | 'showPreviousMonths' | 'todayButton' | 'renderCustomHeader' | 'customInputRef' | 'preventOpenOnFocus' | 'strictParsing'> & Omit<IDateInputProps, 'date' | 'startDate' | 'endDate' | 'isRange' | 'isActive' | 'iconType' | 'maxLength' | 'onChange' | 'onClick' | 'tweakStyles'>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<import("./Description").IDescriptionProps>;
|
|
6
|
+
argTypes: {
|
|
7
|
+
truncateIndex: {
|
|
8
|
+
control: {
|
|
9
|
+
type: string;
|
|
10
|
+
min: number;
|
|
11
|
+
max: number;
|
|
12
|
+
step: number;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
export declare const Default: ComponentStory<import("react").FC<import("./Description").IDescriptionProps>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
export declare const useStyles: import("../../theme").IUseStyles<"root" | "link" | "button", unknown>;
|
|
3
|
-
export
|
|
3
|
+
export type IDescriptionStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ComponentStory } from '@storybook/react';
|
|
2
|
+
import { IFiltersPaneProps } from './FiltersPane';
|
|
3
|
+
interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps<Values, Content> {
|
|
4
|
+
containerWidth: number;
|
|
5
|
+
isSearchDisabled: boolean;
|
|
6
|
+
isSearchAutosizeable: boolean;
|
|
7
|
+
shouldShowSettingsButton: boolean;
|
|
8
|
+
withFieldNameInLabel: boolean;
|
|
9
|
+
isGroupingEnabled: boolean;
|
|
10
|
+
checkboxPosition: 'left' | 'right';
|
|
11
|
+
}
|
|
12
|
+
declare function FiltersPaneWithCustomProps<Values, Content>({ containerWidth, isSearchDisabled, isSearchAutosizeable, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, ...args }: IFiltersPaneWithCustomProps<Values, Content>): JSX.Element;
|
|
13
|
+
declare const _default: {
|
|
14
|
+
title: string;
|
|
15
|
+
component: typeof FiltersPaneWithCustomProps;
|
|
16
|
+
argTypes: {
|
|
17
|
+
containerWidth: {
|
|
18
|
+
control: {
|
|
19
|
+
type: string;
|
|
20
|
+
min: number;
|
|
21
|
+
max: number;
|
|
22
|
+
step: number;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
checkboxPosition: {
|
|
26
|
+
control: string;
|
|
27
|
+
options: string[];
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
export default _default;
|
|
32
|
+
export declare const Default: ComponentStory<typeof FiltersPaneWithCustomProps>;
|
|
@@ -4,6 +4,6 @@ export declare const FILTER_HEIGHT = 36;
|
|
|
4
4
|
export declare const useStyles: import("../../theme").IUseStyles<"clear" | "root" | "settings" | "settingsIcon" | "filterWithClearButton", unknown>;
|
|
5
5
|
export declare const clearButtonStyles: IButtonStyles;
|
|
6
6
|
export declare const innerTextButtonStyles: IButtonStyles;
|
|
7
|
-
export
|
|
7
|
+
export type IFiltersPaneStyles = ITweakStyles<typeof useStyles, {
|
|
8
8
|
tweakClearButton: IButtonStyles;
|
|
9
9
|
}>;
|
|
@@ -9,7 +9,7 @@ export declare const clearButtonStyles: Partial<import("jss").Styles<"content" |
|
|
|
9
9
|
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
10
10
|
}>;
|
|
11
11
|
}>;
|
|
12
|
-
export
|
|
12
|
+
export type IFilterIntervalStyles = ITweakStyles<typeof useStyles, {
|
|
13
13
|
tweakInput: IInputStyles;
|
|
14
14
|
tweakClearButton: IButtonStyles;
|
|
15
15
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IMultiSelectListProps } from '../../../MultiSelectList';
|
|
2
2
|
import { IFilterMultiSelectValues } from '../../types';
|
|
3
|
-
export
|
|
3
|
+
export type IFilterMultiSelectProps<Value, Option = string> = IMultiSelectListProps<Value, Option>;
|
|
4
4
|
export declare function FilterMultiSelect<Value extends IFilterMultiSelectValues<Option>, Option = string>(props: IFilterMultiSelectProps<Value, Option>): JSX.Element;
|
|
@@ -9,7 +9,7 @@ export declare const clearButtonStyles: Partial<import("jss").Styles<"content" |
|
|
|
9
9
|
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
10
10
|
}>;
|
|
11
11
|
}>;
|
|
12
|
-
export
|
|
12
|
+
export type IFilterSelectStyles = ITweakStyles<typeof useStyles, {
|
|
13
13
|
tweakSearchInput: ISearchInputStyles;
|
|
14
14
|
tweakClearButton: IButtonStyles;
|
|
15
15
|
}>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../../../theme';
|
|
2
2
|
export declare const useStyles: import("../../../../theme").IUseStyles<"text" | "count", unknown>;
|
|
3
|
-
export
|
|
3
|
+
export type IFilterValueViewStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -18,7 +18,7 @@ export declare const startDatePickerStyles: IDatePickerStyles;
|
|
|
18
18
|
export declare const startDatePickerWithButtonStyles: IDatePickerStyles;
|
|
19
19
|
export declare const endDatePickerStyles: IDatePickerStyles;
|
|
20
20
|
export declare const endDatePickerWithButtonStyles: IDatePickerStyles;
|
|
21
|
-
export
|
|
21
|
+
export type IFilterWithDatesStyles = ITweakStyles<typeof useStyles, {
|
|
22
22
|
tweakClearButton: IButtonStyles;
|
|
23
23
|
tweakBackButton: IButtonStyles;
|
|
24
24
|
tweakStartDatePicker: IDatePickerStyles;
|
package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.styles.d.ts
CHANGED
|
@@ -2,6 +2,6 @@ import { ITweakStyles } from '../../../../theme';
|
|
|
2
2
|
import { IFilterSelectStyles } from '../FilterSelect';
|
|
3
3
|
export declare const useStyles: import("../../../../theme").IUseStyles<"main" | "root" | "picker", unknown>;
|
|
4
4
|
export declare const filterSelectStyles: IFilterSelectStyles;
|
|
5
|
-
export
|
|
5
|
+
export type IFilterWithPeriodStyles = ITweakStyles<typeof useStyles, {
|
|
6
6
|
tweakFilterSelect: IFilterSelectStyles;
|
|
7
7
|
}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../../../theme';
|
|
2
2
|
import type { IFilterValueViewStyles } from '../FilterValueView';
|
|
3
|
-
export declare const useStyles: import("../../../../theme").IUseStyles<"boolean" | "
|
|
4
|
-
export
|
|
3
|
+
export declare const useStyles: import("../../../../theme").IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "dropdown" | "animationEnd" | "animationStart" | "dropdown-enter" | "dropdown-enter-active" | "dropdown-exit-active" | "dropdown-exit", unknown>;
|
|
4
|
+
export type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakValueView: IFilterValueViewStyles;
|
|
6
6
|
}>;
|
package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { ISelectStyles } from '../../../Select';
|
|
|
4
4
|
export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "open" | "active" | "disabled" | "dropdownInput" | "dropdown" | "focused" | "selectWrapper" | "selectBlock" | "selectLabel" | "chevronIcon", unknown>;
|
|
5
5
|
export declare const searchInputStyles: ISearchInputStyles;
|
|
6
6
|
export declare const selectStyles: ISelectStyles;
|
|
7
|
-
export
|
|
7
|
+
export type IFiltersPaneSearchStyles = ITweakStyles<typeof useStyles, {
|
|
8
8
|
tweakSearchInput: ISearchInputStyles;
|
|
9
9
|
tweakSelect: ISelectStyles;
|
|
10
10
|
}>;
|
|
@@ -3,9 +3,9 @@ import { IDatePickerProps } from '../DatePicker';
|
|
|
3
3
|
import { IMultiSelectListValues } from '../MultiSelectList';
|
|
4
4
|
import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
|
|
5
5
|
import { FilterLocales, PERIODS, SelectLocales } from './constants';
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
6
|
+
export type IPeriodType = (typeof PERIODS)[number];
|
|
7
|
+
export type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
|
|
8
|
+
export type IPeriodsList = Array<IPeriodType | [string, IPeriodGetter]>;
|
|
9
9
|
export interface IFiltersPaneSearchPayload<Value> {
|
|
10
10
|
value?: string;
|
|
11
11
|
field?: Value;
|
|
@@ -22,9 +22,9 @@ export interface IPeriod extends IDatePeriod {
|
|
|
22
22
|
periodType: string;
|
|
23
23
|
label?: string;
|
|
24
24
|
}
|
|
25
|
-
export
|
|
26
|
-
export
|
|
27
|
-
export
|
|
25
|
+
export type IPeriodGetter = () => IDatePeriod;
|
|
26
|
+
export type IFilterWithDatesValue = IDatePeriod;
|
|
27
|
+
export type MultiSelectOptionType<Value> = Value | undefined extends IFilterMultiSelectValues<infer Option> | undefined ? Option : unknown;
|
|
28
28
|
export interface IConfigItemBasicBase<Value> {
|
|
29
29
|
name: string;
|
|
30
30
|
isInline?: boolean;
|
|
@@ -33,27 +33,27 @@ export interface IConfigItemBasicBase<Value> {
|
|
|
33
33
|
locale?: IPartialFilterLocale;
|
|
34
34
|
getSelectedValueView?: (v: Value) => ReactNode;
|
|
35
35
|
}
|
|
36
|
-
export
|
|
36
|
+
export type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
|
|
37
37
|
type: 'interval';
|
|
38
38
|
} & Omit<IFilterIntervalProps, 'value' | 'onChange' | 'labelName'>;
|
|
39
39
|
export interface IBooleanConfigItem<Value> extends IConfigItemBasicBase<Value> {
|
|
40
40
|
type: 'boolean';
|
|
41
41
|
}
|
|
42
|
-
export
|
|
42
|
+
export type IMultiSelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
|
|
43
43
|
type: 'multiSelect';
|
|
44
44
|
} & Omit<IFilterMultiSelectProps<Value, MultiSelectOptionType<Value>>, 'value' | 'onChange'>;
|
|
45
|
-
export
|
|
45
|
+
export type ISelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
|
|
46
46
|
type: 'select';
|
|
47
47
|
} & Omit<IFilterSelectProps<Value>, 'value' | 'onChange'>;
|
|
48
|
-
export
|
|
48
|
+
export type IDateRangeWithoutPeriodConfigItem<Value> = IConfigItemBasicBase<Value> & {
|
|
49
49
|
type: 'dateRangeWithoutPeriod';
|
|
50
50
|
dateFormat?: string;
|
|
51
51
|
} & Omit<IFilterWithDatesProps, 'value' | 'onChange' | 'onStartBtnSubmit' | 'onEndBtnSubmit'>;
|
|
52
|
-
export
|
|
52
|
+
export type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
|
|
53
53
|
type: 'dateRange';
|
|
54
54
|
dateFormat?: string;
|
|
55
55
|
} & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
|
|
56
|
-
export
|
|
56
|
+
export type CustomComponent<Value> = FC<{
|
|
57
57
|
value?: Value;
|
|
58
58
|
onChange: (v?: Value) => void;
|
|
59
59
|
onClose?: () => void;
|
|
@@ -67,8 +67,8 @@ export interface ICustomConfigItem<Value> extends IConfigItemBasicBase<Value> {
|
|
|
67
67
|
component: CustomComponent<Value>;
|
|
68
68
|
valueViewType?: 'range' | 'multiple';
|
|
69
69
|
}
|
|
70
|
-
export
|
|
71
|
-
export
|
|
70
|
+
export type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
|
|
71
|
+
export type ConfigType<Values> = {
|
|
72
72
|
[K in keyof Values]: ConfigItem<Values[K]>;
|
|
73
73
|
};
|
|
74
74
|
export interface IFilterLocale {
|
|
@@ -92,10 +92,10 @@ export interface IFilterLocale {
|
|
|
92
92
|
CUSTOM: string;
|
|
93
93
|
};
|
|
94
94
|
}
|
|
95
|
-
export
|
|
95
|
+
export type IPartialFilterLocale = Partial<Omit<IFilterLocale, 'periods'>> & {
|
|
96
96
|
periods?: Partial<IFilterLocale['periods']>;
|
|
97
97
|
};
|
|
98
|
-
export
|
|
98
|
+
export type IFilterLocaleKey = keyof typeof FilterLocales;
|
|
99
99
|
export interface ISelectLocale {
|
|
100
100
|
clear: string;
|
|
101
101
|
all: string;
|
|
@@ -103,5 +103,5 @@ export interface ISelectLocale {
|
|
|
103
103
|
searchPlaceholder: string;
|
|
104
104
|
nothingFound: string;
|
|
105
105
|
}
|
|
106
|
-
export
|
|
107
|
-
export
|
|
106
|
+
export type ISelectLocaleKey = keyof typeof SelectLocales;
|
|
107
|
+
export type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate' | 'tweakStyles'>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<import("./Flag").IFlagProps>;
|
|
6
|
+
argTypes: {
|
|
7
|
+
countryCode: {
|
|
8
|
+
control: string;
|
|
9
|
+
options: string[];
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
14
|
+
export declare const Default: ComponentStory<import("react").FC<import("./Flag").IFlagProps>>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ComponentStory } from '@storybook/react';
|
|
2
|
+
import { FlexibleTable } from './FlexibleTable';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof FlexibleTable;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
interface ITableContent {
|
|
9
|
+
contractCode: string;
|
|
10
|
+
validFrom: Date;
|
|
11
|
+
validTo: Date;
|
|
12
|
+
title: string;
|
|
13
|
+
signDate: Date;
|
|
14
|
+
partner: string;
|
|
15
|
+
partnerDescription: string;
|
|
16
|
+
parentContract: string;
|
|
17
|
+
currency: string;
|
|
18
|
+
status: string;
|
|
19
|
+
}
|
|
20
|
+
export declare const Default: ComponentStory<({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, isLoading, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: import("./FlexibleTable").IFlexibleTableProps<ITableContent>) => JSX.Element>;
|
|
@@ -2,6 +2,6 @@ import { ITweakStyles } from '../../theme';
|
|
|
2
2
|
import type { IFlexibleTableRowStyles } from './components';
|
|
3
3
|
export declare const STICKY_SHADOW_PADDING = 12;
|
|
4
4
|
export declare const useStyles: import("../../theme").IUseStyles<"scroll" | "root" | "loader" | "header" | "headerRow" | "headerSticky" | "headerSecond" | "skeleton", unknown>;
|
|
5
|
-
export
|
|
5
|
+
export type IFlexibleTableStyles = ITweakStyles<typeof useStyles, {
|
|
6
6
|
tweakTableRow: IFlexibleTableRowStyles;
|
|
7
7
|
}>;
|
package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../../../theme';
|
|
2
2
|
export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "sticky" | "second", unknown>;
|
|
3
|
-
export
|
|
3
|
+
export type IFlexibleTableCellStyles = ITweakStyles<typeof useStyles>;
|
package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../../../theme';
|
|
2
2
|
import { IFlexibleTableCellStyles } from '../FlexibleTableCell';
|
|
3
3
|
export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "active" | "editable" | "clickable", unknown>;
|
|
4
|
-
export
|
|
4
|
+
export type IFlexibleTableRowStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakTableCell: IFlexibleTableCellStyles;
|
|
6
6
|
}>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
2
|
+
export type ITextAlignment = 'left' | 'center' | 'right';
|
|
3
|
+
export type IVerticalAlignment = 'middle' | 'top' | 'bottom' | 'baseline' | 'sub' | string;
|
|
4
|
+
export type IPosition = 'sticky' | 'absolute' | 'relative' | 'static';
|
|
5
|
+
export type ITitleComponent<Value> = FC<{
|
|
6
6
|
value?: Value;
|
|
7
7
|
}>;
|
|
8
|
-
export
|
|
8
|
+
export type IValueComponent<Values, Value> = (props: {
|
|
9
9
|
value: Value;
|
|
10
10
|
row: Values;
|
|
11
11
|
isFocusedRow?: boolean;
|
|
@@ -13,7 +13,7 @@ export declare type IValueComponent<Values, Value> = (props: {
|
|
|
13
13
|
isRowNestedComponentExpanded: boolean;
|
|
14
14
|
onSetNestedComponent: (component?: ReactNode) => void;
|
|
15
15
|
}) => JSX.Element | ReactNode;
|
|
16
|
-
export
|
|
16
|
+
export type IFlexibleTableConfigType<Values> = {
|
|
17
17
|
[Key in keyof Values]?: {
|
|
18
18
|
title?: ReactNode;
|
|
19
19
|
titleComponent?: ITitleComponent<unknown>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const iconsList: Record<"
|
|
1
|
+
export declare const iconsList: Record<"direction" | "filter" | "document" | "copy" | "cancel" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "import" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;
|
|
@@ -7,7 +7,7 @@ export interface ISvgIcon {
|
|
|
7
7
|
circles?: Array<SVGAttributes<never>>;
|
|
8
8
|
rects?: Array<SVGAttributes<never>>;
|
|
9
9
|
}
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
export
|
|
10
|
+
export type ICommonIcon = keyof typeof iconsList;
|
|
11
|
+
export type IComplexIcon = keyof typeof complexIcons;
|
|
12
|
+
export type IIconType = ICommonIcon | IComplexIcon;
|
|
13
|
+
export type IIcon = IIconType | ReactElement;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<import("./IncrementInput").IIncrementInputProps>;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: ComponentStory<import("react").FC<import("./IncrementInput").IIncrementInputProps>>;
|
|
@@ -4,6 +4,6 @@ export declare const BUTTONS_WIDTH = 36;
|
|
|
4
4
|
export declare const BUTTONS_GAP = 2;
|
|
5
5
|
export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "buttons" | "disabledButton" | "errorButton", unknown>;
|
|
6
6
|
export declare const inputStyles: IInputStyles;
|
|
7
|
-
export
|
|
7
|
+
export type IIncrementInputStyles = ITweakStyles<typeof useStyles, {
|
|
8
8
|
tweakInput: IInputStyles;
|
|
9
9
|
}>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentStory } from '@storybook/react';
|
|
3
|
+
import { IInputProps } from './Input';
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
7
|
+
argTypes: {
|
|
8
|
+
type: {
|
|
9
|
+
control: string;
|
|
10
|
+
options: ("number" | "text" | "email" | "password" | undefined)[];
|
|
11
|
+
};
|
|
12
|
+
border: {
|
|
13
|
+
control: string;
|
|
14
|
+
options: (string | undefined)[];
|
|
15
|
+
};
|
|
16
|
+
iconType: {
|
|
17
|
+
control: string;
|
|
18
|
+
options: (string | undefined)[];
|
|
19
|
+
};
|
|
20
|
+
errorPosition: {
|
|
21
|
+
control: string;
|
|
22
|
+
options: string[];
|
|
23
|
+
};
|
|
24
|
+
mask: {
|
|
25
|
+
control: string;
|
|
26
|
+
options: (string | undefined)[];
|
|
27
|
+
};
|
|
28
|
+
inlineStyles: {
|
|
29
|
+
control: string;
|
|
30
|
+
options: (string | undefined)[];
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default _default;
|
|
35
|
+
export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>>;
|