@true-engineering/true-react-common-ui-kit 4.0.0-alpha45 → 4.0.0-alpha47
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.styles.d.ts +1 -1
- package/dist/components/AddButton/AddButton.styles.d.ts +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.styles.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.styles.d.ts +1 -1
- package/dist/components/CloseButton/CloseButton.styles.d.ts +1 -1
- package/dist/components/ControlWrapper/ControlWrapper.styles.d.ts +1 -1
- package/dist/components/ControlWrapper/types.d.ts +1 -1
- package/dist/components/CssBaseline/CssBaseline.styles.d.ts +1 -1
- package/dist/components/DateInput/DateInput.d.ts +1 -2
- package/dist/components/DateInput/DateInput.styles.d.ts +1 -1
- package/dist/components/DateInput/constants.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +2 -3
- package/dist/components/DatePicker/DatePicker.styles.d.ts +1 -1
- package/dist/components/DatePicker/components/DatePickerBase/DatePickerBase.d.ts +1 -1
- package/dist/components/DatePicker/components/DatePickerHeader/DatePickerHeader.styles.d.ts +1 -1
- package/dist/components/DatePicker/constants.d.ts +1 -1
- package/dist/components/DatePicker/types.d.ts +2 -2
- package/dist/components/Description/Description.styles.d.ts +1 -1
- package/dist/components/FileInput/FileInput.d.ts +1 -1
- package/dist/components/FileInput/FileInput.styles.d.ts +1 -1
- package/dist/components/FileItem/FileItem.styles.d.ts +1 -1
- package/dist/components/FiltersPane/FiltersPane.d.ts +0 -1
- package/dist/components/FiltersPane/FiltersPane.styles.d.ts +2 -2
- package/dist/components/FiltersPane/components/Filter/Filter.d.ts +1 -2
- package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +3 -6
- package/dist/components/FiltersPane/components/FilterMultiSelect/FilterMultiSelect.d.ts +0 -1
- package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +3 -6
- package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.d.ts +1 -2
- package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +5 -11
- package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +0 -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/constants.d.ts +1 -1
- package/dist/components/FiltersPane/helpers.d.ts +1 -1
- package/dist/components/FiltersPane/types.d.ts +1 -1
- package/dist/components/Flag/Flag.styles.d.ts +1 -1
- package/dist/components/Flag/customFlags/customFlags.d.ts +2 -2
- package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +2 -2
- 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/helpers.d.ts +2 -2
- package/dist/components/FloatDocActions/FloatDocActions.styles.d.ts +1 -1
- package/dist/components/FloatDocActions/components/DocActions/DocActions.styles.d.ts +1 -1
- package/dist/components/Icon/Icon.styles.d.ts +1 -1
- package/dist/components/Icon/icons/index.d.ts +29 -29
- package/dist/components/IconButton/IconButton.d.ts +1 -2
- package/dist/components/IconButton/IconButton.styles.d.ts +1 -1
- package/dist/components/IncrementInput/IncrementInput.styles.d.ts +1 -1
- package/dist/components/Input/Input.d.ts +1 -2
- package/dist/components/Input/Input.styles.d.ts +1 -1
- package/dist/components/Input/InputBase.d.ts +1 -1
- 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.styles.d.ts +1 -1
- package/dist/components/MoreMenu/MoreMenu.styles.d.ts +1 -1
- package/dist/components/MultiSelect/MultiSelect.d.ts +0 -1
- package/dist/components/MultiSelect/MultiSelect.styles.d.ts +1 -1
- package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts +1 -1
- package/dist/components/MultiSelectList/MultiSelectList.styles.d.ts +1 -1
- package/dist/components/MultiSelectList/constants.d.ts +1 -1
- package/dist/components/MultiSelectList/helpers.d.ts +1 -1
- package/dist/components/NewMoreMenu/NewMoreMenu.styles.d.ts +1 -1
- package/dist/components/Notification/Notification.styles.d.ts +1 -1
- package/dist/components/NumberInput/NumberInput.d.ts +1 -2
- package/dist/components/NumberInput/helpers.d.ts +2 -2
- package/dist/components/PhoneInput/PhoneInput.styles.d.ts +1 -1
- package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts +1 -1
- package/dist/components/RadioButton/RadioButton.styles.d.ts +1 -1
- package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts +3 -373
- package/dist/components/ScrollIntoViewIfNeeded/constants.d.ts +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +1 -2
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.styles.d.ts +12 -22
- package/dist/components/Select/components/SelectList/SelectList.d.ts +5 -5
- package/dist/components/Select/components/SelectList/SelectList.styles.d.ts +1 -1
- package/dist/components/Select/components/SelectListItem/SelectListItem.d.ts +2 -2
- package/dist/components/Select/helpers.d.ts +1 -1
- package/dist/components/Selector/Selector.d.ts +0 -1
- package/dist/components/Selector/Selector.styles.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.styles.d.ts +1 -1
- package/dist/components/SmartInput/SmartInput.d.ts +1 -1
- package/dist/components/Status/Status.styles.d.ts +1 -1
- package/dist/components/Status/types.d.ts +1 -1
- package/dist/components/Switch/Switch.styles.d.ts +1 -1
- package/dist/components/TextArea/TextArea.d.ts +1 -1
- package/dist/components/TextArea/TextArea.styles.d.ts +1 -1
- package/dist/components/TextButton/TextButton.d.ts +1 -1
- package/dist/components/TextButton/TextButton.styles.d.ts +1 -1
- package/dist/components/TextWithInfo/TextWithInfo.styles.d.ts +1 -1
- package/dist/components/TextWithTooltip/TextWithTooltip.styles.d.ts +1 -1
- package/dist/components/ThemedPreloader/ThemedPreloader.styles.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/Toaster/Toaster.styles.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/components/WithMessages/WithMessages.d.ts +1 -1
- package/dist/components/WithMessages/WithMessages.styles.d.ts +1 -1
- package/dist/components/WithPopup/WithPopup.styles.d.ts +1 -1
- package/dist/components/WithPopup/types.d.ts +4 -4
- package/dist/constants/phone-info.d.ts +1 -1
- package/dist/helpers/misc.d.ts +1 -1
- package/dist/helpers/phone.d.ts +1 -1
- package/dist/hooks/use-dropdown.d.ts +3 -3
- package/dist/hooks/use-merge.d.ts +1 -1
- package/dist/hooks/use-mixed-styles.d.ts +3 -3
- package/dist/hooks/use-tweak-styles.d.ts +5 -5
- package/dist/theme/Provider.d.ts +2 -2
- package/dist/theme/common.d.ts +1 -1
- package/dist/theme/helpers.d.ts +3 -3
- package/dist/theme/true-jss/ThemedStylesManager.d.ts +1 -1
- package/dist/theme/true-jss/TweakStylesManager.d.ts +1 -1
- package/dist/theme/types.d.ts +1 -1
- package/dist/true-react-common-ui-kit.js +2 -31108
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +3 -31095
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/dist/types.d.ts +4 -4
- package/package.json +17 -16
- package/src/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/src/components/Checkbox/types.ts +1 -1
- package/src/components/ControlWrapper/ControlWrapper.stories.tsx +1 -1
- package/src/components/ControlWrapper/types.ts +1 -1
- package/src/components/FiltersPane/components/Filter/Filter.tsx +1 -1
- package/src/components/FiltersPane/components/Filter/helpers.ts +3 -3
- package/src/components/FiltersPane/types.ts +0 -2
- package/src/components/Flag/Flag.tsx +2 -2
- package/src/components/Icon/types.ts +1 -1
- package/src/components/PhoneInput/PhoneInput.tsx +1 -1
- package/src/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.tsx +1 -4
- package/src/components/RadioButton/RadioButton.stories.tsx +1 -1
- package/src/components/RadioButton/types.ts +1 -1
- package/src/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.ts +15 -9
- package/src/components/Select/MultiSelect.stories.tsx +2 -2
- package/src/components/Select/Select.stories.tsx +2 -2
- package/src/components/Select/Select.tsx +27 -27
- package/src/components/Select/components/SelectList/SelectList.tsx +4 -4
- package/src/components/Selector/Selector.tsx +1 -2
- package/src/components/Status/Status.stories.tsx +1 -1
- package/src/components/Status/types.ts +1 -1
- package/src/components/TextArea/TextArea.stories.tsx +1 -1
- package/src/components/TextArea/types.ts +1 -1
- package/src/components/TextWithTooltip/TextWithTooltip.tsx +1 -2
- package/src/helpers/misc.ts +5 -5
- package/src/helpers/popper-helpers.ts +0 -1
- package/src/theme/helpers.ts +3 -1
- package/src/theme/true-jss/ThemedStylesManager.ts +2 -1
- package/src/theme/true-jss/TweakStylesManager.ts +1 -2
- package/src/theme/types.ts +0 -1
- package/src/types.ts +0 -2
- package/src/components/Flag/customFlags/augment.d.ts +0 -1
- /package/dist/{style.css → true-react-common-ui-kit.css} +0 -0
|
@@ -1,30 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { ITweakStyles } from '../../theme';
|
|
2
|
+
import { IInputStyles } from '../Input';
|
|
3
|
+
import { ISearchInputStyles } from '../SearchInput';
|
|
4
4
|
import { IWithMessagesStyles } from '../WithMessages';
|
|
5
|
-
import {
|
|
6
|
-
export declare const useStyles: import(
|
|
7
|
-
export declare const readonlyInputStyles: Partial<import(
|
|
8
|
-
tweakControlWrapper:
|
|
9
|
-
|
|
10
|
-
tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
|
|
11
|
-
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
12
|
-
}>;
|
|
13
|
-
} & import("..").IControlWrapperSizes>;
|
|
14
|
-
tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
|
|
5
|
+
import { ISelectListStyles } from './components';
|
|
6
|
+
export declare const useStyles: import('../../theme').IUseStyles<"root" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter">;
|
|
7
|
+
export declare const readonlyInputStyles: Partial<import('jss').Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown>> & Partial<{
|
|
8
|
+
tweakControlWrapper: import('..').IControlWrapperStyles;
|
|
9
|
+
tweakWithMessages: IWithMessagesStyles;
|
|
15
10
|
}>;
|
|
16
|
-
export declare const readonlyMultiSelectStyles: Partial<import(
|
|
17
|
-
tweakControlWrapper:
|
|
18
|
-
|
|
19
|
-
tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
|
|
20
|
-
tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
|
|
21
|
-
}>;
|
|
22
|
-
} & import("..").IControlWrapperSizes>;
|
|
23
|
-
tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
|
|
11
|
+
export declare const readonlyMultiSelectStyles: Partial<import('jss').Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown>> & Partial<{
|
|
12
|
+
tweakControlWrapper: import('..').IControlWrapperStyles;
|
|
13
|
+
tweakWithMessages: IWithMessagesStyles;
|
|
24
14
|
}>;
|
|
25
15
|
export declare const getInputStyles: ({ hasReadonlyInput, isMultiSelect, }: {
|
|
26
16
|
hasReadonlyInput: boolean;
|
|
27
|
-
isMultiSelect?: boolean
|
|
17
|
+
isMultiSelect?: boolean;
|
|
28
18
|
}) => IInputStyles;
|
|
29
19
|
export type ISelectStyles = ITweakStyles<typeof useStyles, {
|
|
30
20
|
tweakWithMessages: IWithMessagesStyles;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ICommonProps } from '../../../../types';
|
|
3
|
+
import { ISelectListItemProps } from '../SelectListItem';
|
|
4
|
+
import { ISelectListStyles } from './SelectList.styles';
|
|
5
5
|
export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>, Pick<ISelectListItemProps, 'onToggleCheckbox' | 'onOptionSelect' | 'isMultiSelect'> {
|
|
6
|
-
options: Value[] |
|
|
6
|
+
options: Value[] | readonly Value[];
|
|
7
7
|
focusedIndex?: number;
|
|
8
8
|
activeValue?: Value | Value[];
|
|
9
9
|
noMatchesLabel?: string;
|
|
@@ -2,5 +2,5 @@ import { ITweakStyles } from '../../../../theme';
|
|
|
2
2
|
export declare const ROW_HEIGHT = 40;
|
|
3
3
|
export declare const CONTAINER_PADDING = 10;
|
|
4
4
|
export declare const CELL_PADDING: number[];
|
|
5
|
-
export declare const useStyles: import(
|
|
5
|
+
export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "cell" | "active" | "disabled" | "loading" | "list" | "focused" | "withListHeader" | "withListFooter" | "listHeader" | "listFooter" | "cellWithCheckbox" | "noMatchesLabel" | "defaultCell">;
|
|
6
6
|
export type ISelectListStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { ChangeEvent, FC, KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { Classes } from 'jss';
|
|
3
3
|
import { IDataAttributesProps } from '../../../../types';
|
|
4
4
|
export interface ISelectListItemProps extends IDataAttributesProps {
|
|
5
5
|
index: number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const defaultIsOptionDisabled: <Value>(option: Value) => boolean;
|
|
2
2
|
export declare const defaultConvertFunction: (v: unknown) => string | undefined;
|
|
3
3
|
export declare const defaultCompareFunction: <Value>(v1: Value, v2: Value) => boolean;
|
|
4
|
-
export declare const getDefaultConvertToIdFunction: <Value>(convertValueToString: (value: Value) => string | undefined) => (value: Value) => string | undefined;
|
|
4
|
+
export declare const getDefaultConvertToIdFunction: <Value>(convertValueToString: (value: Value) => string | undefined) => ((value: Value) => string | undefined);
|
|
@@ -5,5 +5,5 @@ export declare const getSelectorLineStyle: (activeElementData?: {
|
|
|
5
5
|
clientWidth: number;
|
|
6
6
|
offsetLeft: number;
|
|
7
7
|
}) => CSSProperties | undefined;
|
|
8
|
-
export declare const useStyles: import(
|
|
8
|
+
export declare const useStyles: import('../../theme').IUseStyles<"invalid" | "root" | "active" | "disabled" | "iconFromRight" | "s" | "m" | "l" | "option" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "line" | "selector" | "autoWidth">;
|
|
9
9
|
export type ISelectorStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import(
|
|
2
|
+
export declare const useStyles: import('../../theme').IUseStyles<"root" | "@keyframes skeleton">;
|
|
3
3
|
export type ISkeletonStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -11,4 +11,4 @@ export interface ISmartInputProps extends Omit<IInputProps, 'onChange'> {
|
|
|
11
11
|
isTransliterationEnabled?: boolean;
|
|
12
12
|
onChange: (value: string, rawValue: IInputRawValue, event?: IChangeInputEvent | ClipboardEvent<HTMLInputElement>) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare const SmartInput: import(
|
|
14
|
+
export declare const SmartInput: import('react').ForwardRefExoticComponent<ISmartInputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IStatusColors } from './types';
|
|
3
|
-
export declare const useStyles: import(
|
|
3
|
+
export declare const useStyles: import('../../theme').IUseStyles<"custom" | "root" | "text" | "icon" | "s" | "m" | "iconLeft" | "badge" | "xs">;
|
|
4
4
|
export type IStatusStyles = ITweakStyles<typeof useStyles, IStatusColors>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IDefaultExtendableProps } from '../../types';
|
|
2
|
-
import
|
|
2
|
+
import { STATUS_SIZES } from './constants';
|
|
3
3
|
export type IStatusSize = (typeof STATUS_SIZES)[number];
|
|
4
4
|
export interface IStatusColors extends IDefaultExtendableProps {
|
|
5
5
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import(
|
|
2
|
+
export declare const useStyles: import('../../theme').IUseStyles<"input" | "invalid" | "root" | "disabled" | "primary" | "secondary" | "checked" | "label" | "switch" | "labelLeft" | "labelRight">;
|
|
3
3
|
export type ISwitchStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -25,4 +25,4 @@ export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, Omit<Text
|
|
|
25
25
|
shouldAlwaysShowPlaceholder?: boolean;
|
|
26
26
|
onChange: (value: string, event?: FormEvent<HTMLTextAreaElement>) => void;
|
|
27
27
|
}
|
|
28
|
-
export declare const TextArea: import(
|
|
28
|
+
export declare const TextArea: import('react').ForwardRefExoticComponent<ITextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -3,7 +3,7 @@ import { IWithPrefix } from '../../types';
|
|
|
3
3
|
import { IControlWrapperSizes, IControlWrapperStyles } from '../ControlWrapper';
|
|
4
4
|
import { IWithMessagesStyles } from '../WithMessages';
|
|
5
5
|
import { ITextAreaCounterPositions } from './types';
|
|
6
|
-
export declare const useStyles: import(
|
|
6
|
+
export declare const useStyles: import('../../theme').IUseStyles<"root" | "textarea" | "autoSized" | "withLabel" | "wrapper" | "symbolsCount" | "symbolsCountError" | "symbolsCountActive" | "counter-default">;
|
|
7
7
|
export type ITextAreaStyles = ITweakStyles<typeof useStyles, {
|
|
8
8
|
tweakWithMessages: IWithMessagesStyles;
|
|
9
9
|
tweakControlWrapper: IControlWrapperStyles;
|
|
@@ -28,4 +28,4 @@ export interface ITextButtonProps extends ICommonProps<ITextButtonStyles>, IText
|
|
|
28
28
|
/** @default 'dots' */
|
|
29
29
|
preloaderType?: IThemedPreloaderProps['type'];
|
|
30
30
|
}
|
|
31
|
-
export declare const TextButton: import(
|
|
31
|
+
export declare const TextButton: import('react').ForwardRefExoticComponent<ITextButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IThemedPreloaderStyles } from '../ThemedPreloader';
|
|
3
|
-
export declare const useStyles: import(
|
|
3
|
+
export declare const useStyles: import('../../theme').IUseStyles<"content" | "custom" | "bold" | "root" | "circle" | "icon" | "active" | "disabled" | "primary" | "secondary" | "l" | "xl" | "loader" | "loading" | "iconContainer" | "reverseContent">;
|
|
4
4
|
export declare const preloaderStyles: IThemedPreloaderStyles;
|
|
5
5
|
export type ITextButtonStyles = ITweakStyles<typeof useStyles, {
|
|
6
6
|
tweakPreloader: IThemedPreloaderStyles;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import(
|
|
2
|
+
export declare const useStyles: import('../../theme').IUseStyles<"container" | "root" | "text" | "info" | "selected">;
|
|
3
3
|
export type ITextWithInfoStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { ITooltipStyles } from '../Tooltip';
|
|
3
|
-
export declare const useStyles: import(
|
|
3
|
+
export declare const useStyles: import('../../theme').IUseStyles<"root" | "tooltip" | "clickable">;
|
|
4
4
|
export type ITextWithTooltipStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakTooltip: ITooltipStyles;
|
|
6
6
|
}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IDotsPreloaderStyles, ISvgPreloaderStyles } from './components';
|
|
3
|
-
export declare const useStyles: import(
|
|
3
|
+
export declare const useStyles: import('../../theme').IUseStyles<"root" | "default" | "currentColor" | "dots" | "logo">;
|
|
4
4
|
export type IThemedPreloaderStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakDotsPreloader: IDotsPreloaderStyles;
|
|
6
6
|
tweakSvgPreloader: ISvgPreloaderStyles;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../../../theme';
|
|
2
|
-
export declare const useStyles: import(
|
|
2
|
+
export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots">;
|
|
3
3
|
export type IDotsPreloaderStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../../../theme';
|
|
2
|
-
export declare const useStyles: import(
|
|
2
|
+
export declare const useStyles: import('../../../../theme').IUseStyles<"root">;
|
|
3
3
|
export type ISvgPreloaderStyles = 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(
|
|
3
|
+
export declare const useStyles: import('../../theme').IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "title" | "info" | "iconContainer" | "ok" | "not-ok">;
|
|
4
4
|
export type IToasterStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakCloseButton: IIconButtonStyles;
|
|
6
6
|
}>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import(
|
|
2
|
+
export declare const useStyles: import('../../theme').IUseStyles<"custom" | "error" | "root" | "tooltip" | "info" | "hint">;
|
|
3
3
|
export type ITooltipStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -7,4 +7,4 @@ export interface IWithMessagesProps extends ICommonProps<IWithMessagesStyles> {
|
|
|
7
7
|
errorMessage?: ReactNode;
|
|
8
8
|
controlsDirection?: 'horizontal' | 'vertical';
|
|
9
9
|
}
|
|
10
|
-
export declare const WithMessages: import(
|
|
10
|
+
export declare const WithMessages: import('react').ForwardRefExoticComponent<IWithMessagesProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import(
|
|
2
|
+
export declare const useStyles: import('../../theme').IUseStyles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message">;
|
|
3
3
|
export type IWithMessagesStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
|
-
export declare const useStyles: import(
|
|
2
|
+
export declare const useStyles: import('../../theme').IUseStyles<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "arrow" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted">;
|
|
3
3
|
export type IWithPopupStyles = ITweakStyles<typeof useStyles>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { MouseEvent, KeyboardEvent } from 'react';
|
|
2
|
+
import { FloatingArrowProps, UseFloatingReturn } from '@floating-ui/react';
|
|
3
|
+
import { IDataAttributesProps, IDomElementInteractions } from '../../types';
|
|
4
|
+
import { POPUP_EVENT_TYPES } from './constants';
|
|
5
5
|
export type IPopupEventType = (typeof POPUP_EVENT_TYPES)[number];
|
|
6
6
|
export type IWithPopupToggleEvent = MouseEvent | KeyboardEvent | Event;
|
|
7
7
|
export interface IReferenceProps extends IDomElementInteractions<HTMLElement> {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { IPhoneInfo } from '../components';
|
|
2
2
|
export declare const phoneInfo: IPhoneInfo[];
|
package/dist/helpers/misc.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import { IDataAttributes } from '../types';
|
|
|
2
2
|
export { default as rgba } from 'hex-to-rgba';
|
|
3
3
|
/** @deprecated Используйте `toKebabCase` из `true-react-platform-helpers` */
|
|
4
4
|
export declare const transformToKebab: (string: string) => string;
|
|
5
|
-
export declare const hasExactParent: (element: Element, parent: Element) => boolean;
|
|
6
5
|
export declare const getParentNode: (element: Element | ShadowRoot | Document) => Element;
|
|
6
|
+
export declare const hasExactParent: (element: Element, parent: Element) => boolean;
|
|
7
7
|
export declare const getStyleComputedProperty: (element: Element) => Partial<CSSStyleDeclaration>;
|
|
8
8
|
export declare const getScrollParent: (element: Element | Document) => Element;
|
|
9
9
|
export declare const isElementOffScreen: (element: HTMLElement, input?: HTMLElement) => boolean;
|
package/dist/helpers/phone.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { IPhoneInfo, IPhoneValue } from '../components';
|
|
2
2
|
export declare const findCountryByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => IPhoneInfo | undefined;
|
|
3
3
|
export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
|
|
4
4
|
export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { DependencyList } from 'react';
|
|
2
|
-
import usePopper,
|
|
2
|
+
import { default as usePopper, VirtualElement } from 'react-overlays/usePopper';
|
|
3
3
|
import { IDropdownWithPopperOptions } from '../types';
|
|
4
4
|
export declare const useDropdown: ({ isOpen, onDropdownClose, referenceElement, dropdownElement, options, dependenciesForPositionUpdating, }: {
|
|
5
5
|
isOpen: boolean;
|
|
6
6
|
referenceElement: VirtualElement | null | undefined;
|
|
7
7
|
dropdownElement: HTMLElement | null | undefined;
|
|
8
|
-
options?: IDropdownWithPopperOptions
|
|
9
|
-
dependenciesForPositionUpdating?: DependencyList
|
|
8
|
+
options?: IDropdownWithPopperOptions;
|
|
9
|
+
dependenciesForPositionUpdating?: DependencyList;
|
|
10
10
|
onDropdownClose: (event: Event) => void;
|
|
11
11
|
}) => ReturnType<typeof usePopper> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useMerge: <T>(one?: T
|
|
1
|
+
export declare const useMerge: <T>(one?: T, two?: T) => T | undefined;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare const mixStyles: <T>(...tweakStyles: IMixedStyles<T
|
|
3
|
-
export declare const useMixedStyles: <
|
|
1
|
+
import { IMixedStyles } from '../theme';
|
|
2
|
+
export declare const mixStyles: <T>(...tweakStyles: Array<IMixedStyles<T>>) => Array<NonNullable<T>>;
|
|
3
|
+
export declare const useMixedStyles: <StyleSheet>(baseStyles?: IMixedStyles<StyleSheet>, tweakStyles?: IMixedStyles<StyleSheet>) => Array<NonNullable<StyleSheet>>;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { IComponentName, IMaybeArray, IMixedStyles } from '../theme';
|
|
2
|
-
export declare const useTweakStyles: <
|
|
2
|
+
export declare const useTweakStyles: <StyleSheet, ClassName extends keyof StyleSheet & `tweak${string}`>({ innerStyles, tweakStyles, className, currentComponentName, }: {
|
|
3
3
|
/**
|
|
4
4
|
* Это tweakStyles, определенные в родительском компоненте
|
|
5
5
|
* (например, стили для Input, определенные в стилях компонента Select)
|
|
6
6
|
*/
|
|
7
|
-
innerStyles?: IMixedStyles<
|
|
7
|
+
innerStyles?: IMixedStyles<StyleSheet[ClassName]>;
|
|
8
8
|
/**
|
|
9
9
|
* Пропса tweakStyles из родительского компонента
|
|
10
10
|
* (это уже непосредственно ISelectProps.tweakStyles)
|
|
11
11
|
*/
|
|
12
|
-
tweakStyles?: IMaybeArray<
|
|
12
|
+
tweakStyles?: IMaybeArray<StyleSheet>;
|
|
13
13
|
/**
|
|
14
14
|
* Класс для переопределения tweakStyles из-вне. (Например, 'tweakInput')
|
|
15
15
|
*/
|
|
@@ -17,5 +17,5 @@ export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof Styl
|
|
|
17
17
|
/**
|
|
18
18
|
* Название компонента который вызывает useTweakStyles. (В данном примере 'Select')
|
|
19
19
|
*/
|
|
20
|
-
currentComponentName?:
|
|
21
|
-
}) => NonNullable<
|
|
20
|
+
currentComponentName?: IComponentName;
|
|
21
|
+
}) => Array<NonNullable<StyleSheet[ClassName]>>;
|
package/dist/theme/Provider.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { IUiKitTheme } from './types';
|
|
3
3
|
export interface IThemedProviderProps {
|
|
4
4
|
theme: IUiKitTheme;
|
|
5
5
|
children: ReactNode;
|
|
@@ -8,7 +8,7 @@ export declare const getTheme: () => IUiKitTheme;
|
|
|
8
8
|
interface ThemeContextValue {
|
|
9
9
|
theme: IUiKitTheme;
|
|
10
10
|
}
|
|
11
|
-
export declare const ThemeContext: import(
|
|
11
|
+
export declare const ThemeContext: import('react').Context<ThemeContextValue>;
|
|
12
12
|
export declare const ThemeProvider: FC<IThemedProviderProps>;
|
|
13
13
|
export declare const useTheme: () => IUiKitTheme;
|
|
14
14
|
export {};
|
package/dist/theme/common.d.ts
CHANGED
|
@@ -43,7 +43,7 @@ export declare const dimensions: {
|
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
45
|
export declare const helpers: {
|
|
46
|
-
withAngle: (angleSize?: number, position?:
|
|
46
|
+
withAngle: (angleSize?: number, position?: "left" | "right", distance?: number) => Styles;
|
|
47
47
|
withScrollBar: {
|
|
48
48
|
boxSizing: string;
|
|
49
49
|
overflow: string;
|
package/dist/theme/helpers.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { IMaybeArray } from './types';
|
|
2
2
|
export declare const isTweakStyle: (key: string) => boolean;
|
|
3
|
-
export declare const isStylesNotEmpty: <T>(tweakStyles?: T
|
|
4
|
-
export declare const cleanStyles: <T>(tweakStyles?: T
|
|
5
|
-
export declare const mergeTweakStyles: <T>(tweakStyles?: IMaybeArray<T>
|
|
3
|
+
export declare const isStylesNotEmpty: <T>(tweakStyles?: T) => tweakStyles is NonNullable<T>;
|
|
4
|
+
export declare const cleanStyles: <T>(tweakStyles?: T) => T;
|
|
5
|
+
export declare const mergeTweakStyles: <T>(tweakStyles?: IMaybeArray<T>) => T | undefined;
|
|
6
6
|
export declare const checkStyles: (componentName: string, styles: Record<string, unknown>) => void;
|
|
7
7
|
export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
|
|
8
8
|
/**
|
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
|
|
3
|
+
import { 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>;
|