@true-engineering/true-react-common-ui-kit 4.0.0-alpha37 → 4.0.0-alpha39
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/FiltersPane/components/FilterInterval/FilterInterval.d.ts +3 -11
- package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.d.ts +2 -1
- package/dist/components/FiltersPane/types.d.ts +2 -0
- package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +1 -1
- package/dist/components/FloatDocActions/FloatDocActions.d.ts +6 -0
- package/dist/components/FloatDocActions/FloatDocActions.styles.d.ts +8 -0
- package/dist/components/FloatDocActions/components/DocActions/DocActions.d.ts +12 -0
- package/dist/components/FloatDocActions/components/DocActions/DocActions.styles.d.ts +6 -0
- package/dist/components/FloatDocActions/components/DocActions/constants.d.ts +1 -0
- package/dist/components/FloatDocActions/components/DocActions/index.d.ts +4 -0
- package/dist/components/FloatDocActions/components/DocActions/types.d.ts +2 -0
- package/dist/components/FloatDocActions/components/index.d.ts +1 -0
- package/dist/components/FloatDocActions/constants.d.ts +1 -0
- package/dist/components/FloatDocActions/index.d.ts +3 -0
- package/dist/components/IconButton/IconButton.styles.d.ts +1 -1
- package/dist/components/IconButton/constants.d.ts +1 -1
- package/dist/components/Input/InputBase.d.ts +1 -1
- package/dist/components/Modal/Modal.styles.d.ts +1 -1
- package/dist/components/Notification/Notification.styles.d.ts +1 -1
- package/dist/components/Toaster/Toaster.styles.d.ts +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/theme/types.d.ts +2 -1
- package/dist/true-react-common-ui-kit.js +920 -595
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +920 -595
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +4 -3
- package/src/components/FiltersPane/FiltersPane.stories.tsx +4 -0
- package/src/components/FiltersPane/components/FilterInterval/FilterInterval.tsx +5 -17
- package/src/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.tsx +3 -0
- package/src/components/FiltersPane/types.ts +6 -0
- package/src/components/FlexibleTable/FlexibleTable.styles.ts +4 -2
- package/src/components/FlexibleTable/FlexibleTable.tsx +4 -1
- package/src/components/FloatDocActions/FloatDocActions.stories.tsx +117 -0
- package/src/components/FloatDocActions/FloatDocActions.styles.ts +12 -0
- package/src/components/FloatDocActions/FloatDocActions.tsx +34 -0
- package/src/components/FloatDocActions/components/DocActions/DocActions.styles.ts +29 -0
- package/src/components/FloatDocActions/components/DocActions/DocActions.tsx +43 -0
- package/src/components/FloatDocActions/components/DocActions/constants.ts +1 -0
- package/src/components/FloatDocActions/components/DocActions/index.ts +4 -0
- package/src/components/FloatDocActions/components/DocActions/types.ts +3 -0
- package/src/components/FloatDocActions/components/index.ts +1 -0
- package/src/components/FloatDocActions/constants.ts +1 -0
- package/src/components/FloatDocActions/index.ts +3 -0
- package/src/components/IconButton/IconButton.styles.ts +15 -13
- package/src/components/IconButton/constants.ts +1 -1
- package/src/components/Input/InputBase.tsx +3 -3
- package/src/components/index.ts +1 -0
- package/src/theme/types.ts +2 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { ICommonProps } from '../../../../types';
|
|
3
|
-
import { IFilterLocaleKey, IPartialFilterLocale } from '../../types';
|
|
3
|
+
import { IFilterLocaleKey, IFilterNumberInputProps, IPartialFilterLocale } from '../../types';
|
|
4
4
|
import { IFilterIntervalStyles } from './FilterInterval.styles';
|
|
5
5
|
export interface IFilterIntervalProps extends ICommonProps<IFilterIntervalStyles> {
|
|
6
6
|
value?: Array<number | undefined>;
|
|
@@ -10,15 +10,7 @@ export interface IFilterIntervalProps extends ICommonProps<IFilterIntervalStyles
|
|
|
10
10
|
locale?: IPartialFilterLocale;
|
|
11
11
|
withFieldNameInLabel?: boolean;
|
|
12
12
|
canBeFloat?: boolean;
|
|
13
|
-
fromInput?:
|
|
14
|
-
|
|
15
|
-
max?: number;
|
|
16
|
-
maxLength?: number;
|
|
17
|
-
};
|
|
18
|
-
toInput?: {
|
|
19
|
-
min?: number;
|
|
20
|
-
max?: number;
|
|
21
|
-
maxLength?: number;
|
|
22
|
-
};
|
|
13
|
+
fromInput?: IFilterNumberInputProps;
|
|
14
|
+
toInput?: IFilterNumberInputProps;
|
|
23
15
|
}
|
|
24
16
|
export declare const FilterInterval: FC<IFilterIntervalProps>;
|
|
@@ -16,5 +16,6 @@ export interface IFiltersPaneSearchProps<Value> extends ICommonProps<IFiltersPan
|
|
|
16
16
|
hasClearSelectButton?: boolean;
|
|
17
17
|
isDisabled?: boolean;
|
|
18
18
|
isSelectSearchEnabled?: boolean;
|
|
19
|
+
isAutoSized?: boolean;
|
|
19
20
|
}
|
|
20
|
-
export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, hasClearSelectButton, isDisabled, isSelectSearchEnabled, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;
|
|
21
|
+
export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, hasClearSelectButton, isDisabled, isSelectSearchEnabled, isAutoSized, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;
|
|
@@ -2,6 +2,7 @@ import { FC, ReactNode } from 'react';
|
|
|
2
2
|
import { ITestIdProps } from '../../types';
|
|
3
3
|
import { IDatePickerProps } from '../DatePicker';
|
|
4
4
|
import { IMultiSelectListValues } from '../MultiSelectList';
|
|
5
|
+
import { INumberInputProps } from '../NumberInput';
|
|
5
6
|
import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
|
|
6
7
|
import { FilterLocales, PERIODS, SelectLocales } from './constants';
|
|
7
8
|
export type IPeriodType = (typeof PERIODS)[number];
|
|
@@ -118,3 +119,4 @@ export interface ISelectLocale {
|
|
|
118
119
|
}
|
|
119
120
|
export type ISelectLocaleKey = keyof typeof SelectLocales;
|
|
120
121
|
export type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate' | 'tweakStyles'>;
|
|
122
|
+
export type IFilterNumberInputProps = Omit<INumberInputProps, 'onChange' | 'value' | 'label' | 'testId' | 'tweakStyles'>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import type { IFlexibleTableRowStyles } from './components';
|
|
3
3
|
export declare const STICKY_SHADOW_PADDING = 12;
|
|
4
|
-
export declare const useStyles: import("../../theme").IUseStyles<"scroll" | "root" | "loader" | "header" | "nothingFound" | "head" | "body" | "loaderRow" | "loaderCell" | "headerRow" | "headerSticky" | "headerSecond" | "nothingFoundRow", unknown>;
|
|
4
|
+
export declare const useStyles: import("../../theme").IUseStyles<"scroll" | "root" | "loader" | "header" | "nothingFound" | "flexibleTableWrapper" | "head" | "body" | "loaderRow" | "loaderCell" | "headerRow" | "headerSticky" | "headerSecond" | "nothingFoundRow", unknown>;
|
|
5
5
|
export type IFlexibleTableStyles = ITweakStyles<typeof useStyles, {
|
|
6
6
|
tweakTableRow: IFlexibleTableRowStyles;
|
|
7
7
|
}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ITweakStyles } from '../../theme';
|
|
2
|
+
import { IDocActionsStyles } from './components';
|
|
3
|
+
export declare const useStyles: (data?: {
|
|
4
|
+
theme?: Jss.Theme | undefined;
|
|
5
|
+
} | undefined) => import("jss").Classes<"slide-up-enter" | "slide-up-enter-active" | "slide-up-exit-active" | "slide-up-exit">;
|
|
6
|
+
export type IFloatDocActionsStyles = ITweakStyles<typeof useStyles, {
|
|
7
|
+
tweakDocActions: IDocActionsStyles;
|
|
8
|
+
}>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { ICommonProps } from '../../../../types';
|
|
3
|
+
import { ICheckboxProps } from '../../../Checkbox';
|
|
4
|
+
import { IDocActionsView } from './types';
|
|
5
|
+
import { IDocActionsStyles } from './DocActions.styles';
|
|
6
|
+
export interface IDocActionsProps extends Omit<ICheckboxProps<never>, 'tweakStyles'>, ICommonProps<IDocActionsStyles> {
|
|
7
|
+
title: string;
|
|
8
|
+
/** @default 'neutral' */
|
|
9
|
+
view?: IDocActionsView;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const DocActions: FC<IDocActionsProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ITweakStyles } from '../../../../theme';
|
|
2
|
+
import { ICheckboxStyles } from '../../../Checkbox';
|
|
3
|
+
export declare const useStyles: import("../../../../theme").IUseStyles<"docActions" | "neutral" | "inverse" | "counterWrapper" | "title" | "actionsWrapper", unknown>;
|
|
4
|
+
export type IDocActionsStyles = ITweakStyles<typeof useStyles, {
|
|
5
|
+
tweakCheckbox: ICheckboxStyles;
|
|
6
|
+
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DOC_ACTIONS_VIEWS: readonly ["neutral", "inverse"];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DocActions';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DEFAULT_TIMEOUT = 150;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import("../../theme").IUseStyles<"main" | "custom" | "cancel" | "root" | "icon" | "active" | "disabled" | "s" | "m" | "loader" | "loading" | "cancel-light", unknown>;
|
|
2
|
+
export declare const useStyles: import("../../theme").IUseStyles<"main" | "custom" | "cancel" | "root" | "icon" | "active" | "disabled" | "s" | "m" | "l" | "loader" | "loading" | "cancel-light", unknown>;
|
|
3
3
|
export type IIconButtonStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ICON_BUTTON_SIZES: readonly ["s", "m"];
|
|
1
|
+
export declare const ICON_BUTTON_SIZES: readonly ["s", "m", "l"];
|
|
2
2
|
export declare const ICON_BUTTON_VIEWS: readonly ["cancel", "cancel-light", "main", "custom"];
|
|
@@ -19,6 +19,6 @@ export interface IInputBaseProps extends ICommonProps<IInputStyles>, Omit<InputH
|
|
|
19
19
|
isAutoSized?: boolean;
|
|
20
20
|
/** @default false */
|
|
21
21
|
shouldAlwaysShowPlaceholder?: boolean;
|
|
22
|
-
onChange: (value: string, event: IChangeInputEvent) => void;
|
|
22
|
+
onChange: (value: string, event: IChangeInputEvent, eventType: 'change' | 'clear') => void;
|
|
23
23
|
}
|
|
24
24
|
export declare const InputBase: import("react").ForwardRefExoticComponent<IInputBaseProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IIconButtonStyles } from '../IconButton';
|
|
3
|
-
export declare const useStyles: import("../../theme").IUseStyles<"content" | "overlay" | "close" | "root" | "s" | "m" | "l" | "footer" | "fixedPosition" | "innerOverlay" | "sideBar" | "position-static" | "position-left" | "position-right" | "position-center" | "modal" | "
|
|
3
|
+
export declare const useStyles: import("../../theme").IUseStyles<"content" | "overlay" | "close" | "root" | "s" | "m" | "l" | "title" | "footer" | "fixedPosition" | "innerOverlay" | "sideBar" | "position-static" | "position-left" | "position-right" | "position-center" | "modal" | "titleWithCloseButton" | "stickyFooterWrapper" | "stickyFooter" | "buttons-left" | "buttons-center" | "buttons-right" | "withoutFooter" | "withStickyFooter" | "footerWrapper" | "modalWrapper" | "animationEnd" | "animationStart" | "modal-enter" | "modal-enter-active" | "modal-exit" | "modal-exit-active", unknown>;
|
|
4
4
|
export declare const closeButtonStyles: IIconButtonStyles;
|
|
5
5
|
export type IModalStyles = ITweakStyles<typeof useStyles, {
|
|
6
6
|
tweakCloseButton: IIconButtonStyles;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import("../../theme").IUseStyles<"content" | "custom" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "
|
|
2
|
+
export declare const useStyles: import("../../theme").IUseStyles<"content" | "custom" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "title" | "info" | "body" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
|
|
3
3
|
export type INotificationStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IIconButtonStyles } from '../IconButton';
|
|
3
|
-
export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "
|
|
3
|
+
export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "title" | "info" | "iconContainer" | "ok" | "not-ok", unknown>;
|
|
4
4
|
export type IToasterStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakCloseButton: IIconButtonStyles;
|
|
6
6
|
}>;
|
package/dist/theme/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Styles } from 'react-jss';
|
|
2
2
|
import { Classes, JssValue } from 'jss';
|
|
3
|
-
import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, IControlWrapperStyles, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFileInputStyles, IFileItemStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIconType, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INewMoreMenuStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithMessagesStyles, IWithPopupStyles, IWithTooltipStyles } from '../components';
|
|
3
|
+
import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, IControlWrapperStyles, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDocActionsStyles, IDotsPreloaderStyles, IFileInputStyles, IFileItemStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIconType, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INewMoreMenuStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithMessagesStyles, IWithPopupStyles, IWithTooltipStyles } from '../components';
|
|
4
4
|
export type IStyles<C extends string, P = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
|
|
5
5
|
export type IMaybeArray<T> = T[] | T;
|
|
6
6
|
export type IMixedStyles<T> = IMaybeArray<T | boolean | undefined>;
|
|
@@ -19,6 +19,7 @@ export interface IComponentStyles {
|
|
|
19
19
|
DatePicker: IDatePickerStyles;
|
|
20
20
|
DatePickerHeader: IDatePickerHeaderStyles;
|
|
21
21
|
Description: IDescriptionStyles;
|
|
22
|
+
DocActions: IDocActionsStyles;
|
|
22
23
|
DotsPreloader: IDotsPreloaderStyles;
|
|
23
24
|
SvgPreloader: ISvgPreloaderStyles;
|
|
24
25
|
FileInput: IFileInputStyles;
|