@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.
Files changed (38) hide show
  1. package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.d.ts +3 -11
  2. package/dist/components/FiltersPane/types.d.ts +2 -0
  3. package/dist/components/FloatDocActions/FloatDocActions.d.ts +6 -0
  4. package/dist/components/FloatDocActions/FloatDocActions.stories.d.ts +8 -0
  5. package/dist/components/FloatDocActions/FloatDocActions.styles.d.ts +8 -0
  6. package/dist/components/FloatDocActions/components/DocActions/DocActions.d.ts +12 -0
  7. package/dist/components/FloatDocActions/components/DocActions/DocActions.styles.d.ts +6 -0
  8. package/dist/components/FloatDocActions/components/DocActions/constants.d.ts +1 -0
  9. package/dist/components/FloatDocActions/components/DocActions/index.d.ts +4 -0
  10. package/dist/components/FloatDocActions/components/DocActions/types.d.ts +2 -0
  11. package/dist/components/FloatDocActions/components/index.d.ts +1 -0
  12. package/dist/components/FloatDocActions/constants.d.ts +1 -0
  13. package/dist/components/FloatDocActions/index.d.ts +3 -0
  14. package/dist/components/Modal/Modal.styles.d.ts +1 -1
  15. package/dist/components/Notification/Notification.styles.d.ts +1 -1
  16. package/dist/components/Toaster/Toaster.styles.d.ts +1 -1
  17. package/dist/components/index.d.ts +1 -0
  18. package/dist/theme/types.d.ts +2 -1
  19. package/dist/true-react-common-ui-kit.js +826 -555
  20. package/dist/true-react-common-ui-kit.js.map +1 -1
  21. package/dist/true-react-common-ui-kit.umd.cjs +826 -555
  22. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  23. package/package.json +1 -1
  24. package/src/components/FiltersPane/components/FilterInterval/FilterInterval.tsx +5 -17
  25. package/src/components/FiltersPane/types.ts +6 -0
  26. package/src/components/FloatDocActions/FloatDocActions.stories.tsx +117 -0
  27. package/src/components/FloatDocActions/FloatDocActions.styles.ts +12 -0
  28. package/src/components/FloatDocActions/FloatDocActions.tsx +34 -0
  29. package/src/components/FloatDocActions/components/DocActions/DocActions.styles.ts +29 -0
  30. package/src/components/FloatDocActions/components/DocActions/DocActions.tsx +43 -0
  31. package/src/components/FloatDocActions/components/DocActions/constants.ts +1 -0
  32. package/src/components/FloatDocActions/components/DocActions/index.ts +4 -0
  33. package/src/components/FloatDocActions/components/DocActions/types.ts +3 -0
  34. package/src/components/FloatDocActions/components/index.ts +1 -0
  35. package/src/components/FloatDocActions/constants.ts +1 -0
  36. package/src/components/FloatDocActions/index.ts +3 -0
  37. package/src/components/index.ts +1 -0
  38. 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
- min?: number;
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,6 @@
1
+ import { FC } from 'react';
2
+ import { IDocActionsProps } from './components';
3
+ export interface IFloatDocActionsProps extends IDocActionsProps {
4
+ isOpen: boolean;
5
+ }
6
+ export declare const FloatDocActions: FC<IFloatDocActionsProps>;
@@ -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,4 @@
1
+ export * from './DocActions';
2
+ export * from './types';
3
+ export * from './constants';
4
+ export type { IDocActionsStyles } from './DocActions.styles';
@@ -0,0 +1,2 @@
1
+ import { DOC_ACTIONS_VIEWS } from './constants';
2
+ export type IDocActionsView = (typeof DOC_ACTIONS_VIEWS)[number];
@@ -0,0 +1 @@
1
+ export * from './DocActions';
@@ -0,0 +1 @@
1
+ export declare const DEFAULT_TIMEOUT = 150;
@@ -0,0 +1,3 @@
1
+ export * from './FloatDocActions';
2
+ export * from './components';
3
+ export type { IFloatDocActionsStyles } from './FloatDocActions.styles';
@@ -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" | "title" | "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>;
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" | "info" | "body" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
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" | "info" | "iconContainer" | "title" | "ok" | "not-ok", unknown>;
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
  }>;
@@ -13,6 +13,7 @@ export * from './FileItem';
13
13
  export * from './FiltersPane';
14
14
  export * from './Flag';
15
15
  export * from './FlexibleTable';
16
+ export * from './FloatDocActions';
16
17
  export * from './Icon';
17
18
  export * from './IconButton';
18
19
  export * from './IncrementInput';
@@ -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, INewMoreMenuStyles, IFileInputStyles, IFileItemStyles, IWithTooltipStyles } from '../components';
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;