@true-engineering/true-react-common-ui-kit 4.0.0-alpha36 → 4.0.0-alpha38

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 (48) 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/FlexibleTable/FlexibleTable.styles.d.ts +1 -1
  4. package/dist/components/FloatDocActions/FloatDocActions.d.ts +6 -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/IconButton/IconButton.styles.d.ts +1 -1
  15. package/dist/components/IconButton/constants.d.ts +1 -1
  16. package/dist/components/Input/InputBase.d.ts +1 -1
  17. package/dist/components/Modal/Modal.styles.d.ts +1 -1
  18. package/dist/components/Notification/Notification.styles.d.ts +1 -1
  19. package/dist/components/Toaster/Toaster.styles.d.ts +1 -1
  20. package/dist/components/index.d.ts +1 -0
  21. package/dist/theme/types.d.ts +2 -1
  22. package/dist/true-react-common-ui-kit.js +917 -593
  23. package/dist/true-react-common-ui-kit.js.map +1 -1
  24. package/dist/true-react-common-ui-kit.umd.cjs +917 -593
  25. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  26. package/package.json +1 -1
  27. package/src/components/FiltersPane/components/FilterInterval/FilterInterval.tsx +5 -17
  28. package/src/components/FiltersPane/types.ts +6 -0
  29. package/src/components/FlexibleTable/FlexibleTable.styles.ts +4 -2
  30. package/src/components/FlexibleTable/FlexibleTable.tsx +4 -1
  31. package/src/components/FloatDocActions/FloatDocActions.stories.tsx +117 -0
  32. package/src/components/FloatDocActions/FloatDocActions.styles.ts +12 -0
  33. package/src/components/FloatDocActions/FloatDocActions.tsx +34 -0
  34. package/src/components/FloatDocActions/components/DocActions/DocActions.styles.ts +29 -0
  35. package/src/components/FloatDocActions/components/DocActions/DocActions.tsx +43 -0
  36. package/src/components/FloatDocActions/components/DocActions/constants.ts +1 -0
  37. package/src/components/FloatDocActions/components/DocActions/index.ts +4 -0
  38. package/src/components/FloatDocActions/components/DocActions/types.ts +3 -0
  39. package/src/components/FloatDocActions/components/index.ts +1 -0
  40. package/src/components/FloatDocActions/constants.ts +1 -0
  41. package/src/components/FloatDocActions/index.ts +3 -0
  42. package/src/components/IconButton/IconButton.styles.ts +15 -13
  43. package/src/components/IconButton/constants.ts +1 -1
  44. package/src/components/Input/InputBase.tsx +3 -3
  45. package/src/components/Select/MultiSelect.stories.tsx +2 -2
  46. package/src/components/Select/Select.stories.tsx +2 -2
  47. package/src/components/index.ts +1 -0
  48. 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
- 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>;
@@ -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,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 { 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,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" | "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" | "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" | "info" | "body" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
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" | "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, 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;