@true-engineering/true-react-common-ui-kit 3.56.1 → 3.57.0
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/types.d.ts +2 -0
- package/dist/components/FloatDocActions/FloatDocActions.d.ts +6 -0
- package/dist/components/FloatDocActions/FloatDocActions.stories.d.ts +8 -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/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 +826 -555
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +826 -555
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/FiltersPane/components/FilterInterval/FilterInterval.tsx +5 -17
- package/src/components/FiltersPane/types.ts +6 -0
- 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/index.ts +1 -0
- package/src/theme/types.ts +5 -3
|
@@ -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>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { IDatePickerProps } from '../DatePicker';
|
|
3
3
|
import { IMultiSelectListValues } from '../MultiSelectList';
|
|
4
|
+
import { INumberInputProps } from '../NumberInput';
|
|
4
5
|
import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
|
|
5
6
|
import { FilterLocales, PERIODS, SelectLocales } from './constants';
|
|
6
7
|
export type IPeriodType = (typeof PERIODS)[number];
|
|
@@ -116,3 +117,4 @@ export interface ISelectLocale {
|
|
|
116
117
|
}
|
|
117
118
|
export type ISelectLocaleKey = keyof typeof SelectLocales;
|
|
118
119
|
export type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate' | 'tweakStyles'>;
|
|
120
|
+
export type IFilterNumberInputProps = Omit<INumberInputProps, 'onChange' | 'value' | 'label' | 'testId' | 'tweakStyles'>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import { FloatDocActions as FloatDocActionsComponent, IFloatDocActionsProps } from './FloatDocActions';
|
|
4
|
+
declare const DocActionsWithData: FC<IFloatDocActionsProps>;
|
|
5
|
+
declare const meta: Meta<typeof DocActionsWithData>;
|
|
6
|
+
export default meta;
|
|
7
|
+
type Story = StoryObj<typeof FloatDocActionsComponent>;
|
|
8
|
+
export declare const Default: Story;
|
|
@@ -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,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" | "overlay" | "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" | "close" | "overlay" | "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" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "custom" | "s" | "m" | "l" | "
|
|
2
|
+
export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "custom" | "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, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithPopupStyles,
|
|
3
|
+
import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDocActionsStyles, IDotsPreloaderStyles, IFileInputStyles, IFileItemStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, 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, 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;
|