@true-engineering/true-react-common-ui-kit 3.0.6 → 3.1.1

package/README.md

@@ -10,6 +10,49 @@
 
 # Release Notes
 
+## v3.1.1
+
+- **Status** фикс цветов
+
+## v3.1.0
+
+- Добавлены компоненты **Selector** **Status** **TextButton**
+
+## v3.0.0
+
+- Функции isDateValid / parseStringToDate / и константа DATE_FORMAT -> удалены
+- isInt -> isNumberInteger -> (TE_Helpers)
+- isNotEmpty -> Проверяет только null и undefined (как и должна) -> (TE_Helpers)
+- isEmpty / isStringNotEmpty / addDataTestId / getTestId / getSelectKeyHandler / addClickHandler / createFilter -> (TE_Helpers)
+- В очень многих местах где были ReactNode проперти усилена проверка (теперь не допускаются false и пустые строки)
+- commonTheme -> **common**
+- Подключение провайдера темы теперь через <ThemeProvider theme={u6Theme}>
+- **Tooltip** - добавлены классы .error .info (вместо использования стилевых переменных)
+
+- **Notification** - добавлены классы .error .info .warning .ok .not-ok (вместо использования стилевых переменных)
+
+- **AccountInfo**, **MultiSelectList**, **FilterSelect** так же лишились стилевых переменных (bye bye width)
+
+- **DatePicker** - topPosition / leftPosition - используйте tweakStyles для .popper (marginTop, marginLeft)
+
+- **Checkbox** - alignItems / size / textMargin удалены. отступы через марджин заменены на gap (перепроверьте чекбоксы!)
+
+- Все типы переименованы по паттерну I{TypeName} (все стилевые типы, а так же связанные с темизацией)
+
+- **ThemedPreloader** (изменены tweakStyles -> tweakSvgPreloader + tweakDotsPreloader)
+
+- **FilterWithPeriod** -> tweakSelect -> tweakFilterSelect
+
+- **FlexibleTable** - чайлдовые компоненты переименованы в FlexibleTableRow и FlexibleTableCell. Теперь у них
+  свои tweakStyles: tweakTableRow / tweakTableCell (чайлд для FlexibleTableRow)
+  Классы - root + active + editable / root + sticky + second
+  .row БОЛЬШЕ НЕ РАСПРОСТРАНЯЕТСЯ на .headerRow (раньше они были вместе)
+  classes.horizontallyScrolled - удален. заменено на [data-scrolled]
+  рендер теперь зависит от конфига, а не от первого ряда. т.е. используется не Object.keys(content[0]) а Object.entries(config)
+
+- **ComponentStyles** -> ITweakStyles
+- Проверьте все места 'as Styles', возможно там больше это не нужно
+
 ## v2.7.0
 
 ### Changes

package/dist/components/Notification/Notification.d.ts

@@ -17,4 +17,3 @@ export interface INotificationProps extends ICommonProps<INotificationStyles> {
     children?: ReactNode;
 }
 export declare const Notification: FC<INotificationProps>;
-export default Notification;

package/dist/components/Selector/Selector.d.ts

@@ -0,0 +1,21 @@
+import { ICommonProps } from '../../types';
+import { ISelectorOption, ISelectorValue } from './types';
+import { ISelectorStyles } from './Selector.styles';
+export interface ISelectorProps<V extends ISelectorValue> extends ICommonProps<ISelectorStyles> {
+    options: Array<ISelectorOption<V>>;
+    value?: V;
+    /** @default false */
+    isDisabled?: boolean;
+    /** @default false */
+    isRequired?: boolean;
+    /** @default false */
+    isInvalid?: boolean;
+    /** @default true */
+    hasSameOptionsWidth?: boolean;
+    /** @default 'left' */
+    iconPosition?: 'left' | 'right';
+    /** @default 'l' */
+    size?: 's' | 'm' | 'l';
+    onChange: (value: V) => void;
+}
+export declare function Selector<V extends ISelectorValue>({ options, value, isDisabled, isRequired, isInvalid, hasSameOptionsWidth, iconPosition, size, testId, data, tweakStyles, onChange, }: ISelectorProps<V>): JSX.Element;

package/dist/components/Selector/Selector.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentStory } from '@storybook/react';
+import { Selector } from './Selector';
+declare const _default: {
+    title: string;
+    component: typeof Selector;
+};
+export default _default;
+export declare const Default: ComponentStory<typeof Selector>;

package/dist/components/Selector/Selector.styles.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { ITweakStyles } from '../../theme';
+export declare const SELECTOR_GAP: number;
+export declare const getSelectorLineStyle: (activeElementData?: {
+    clientWidth: number;
+    offsetLeft: number;
+}) => CSSProperties | undefined;
+export declare const useStyles: import("../../theme").IUseStyles<"invalid" | "root" | "active" | "disabled" | "iconFromRight" | "s" | "m" | "l" | "option" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "line" | "selector" | "autoWidth", unknown>;
+export type ISelectorStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Selector/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Selector';
+export type { ISelectorStyles } from './Selector.styles';

package/dist/components/Selector/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { IIcon } from '../Icon';
+export type ISelectorValue = string | number | boolean;
+export interface ISelectorOption<V> {
+    label: ReactNode;
+    icon?: IIcon;
+    value: V;
+    /** @default false */
+    isDisabled?: boolean;
+}

package/dist/components/Status/Status.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
+import { IStatusColor, IStatusSize } from './types';
+import { IStatusStyles } from './Status.styles';
+export interface IStatusProps extends ICommonProps<IStatusStyles> {
+    children: ReactNode;
+    color: IStatusColor;
+    icon?: IIcon;
+    /** @default 's' */
+    size?: IStatusSize;
+    /** @default 'right' */
+    iconPosition?: 'left' | 'right';
+    badge?: ReactNode;
+}
+export declare const Status: FC<IStatusProps>;

package/dist/components/Status/Status.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./Status").IStatusProps>;
+};
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./Status").IStatusProps>>;

package/dist/components/Status/Status.styles.d.ts

@@ -0,0 +1,3 @@
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "text" | "blue" | "green" | "grey" | "orange" | "red" | "teal" | "violet" | "icon" | "custom" | "s" | "m" | "iconLeft" | "badge" | "xs", unknown>;
+export type IStatusStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Status/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const STATUS_COLORS: readonly ["green", "teal", "blue", "grey", "orange", "red", "violet", "custom"];
+export declare const STATUS_SIZES: readonly ["xs", "s", "m"];

package/dist/components/Status/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Status';
+export type { IStatusStyles } from './Status.styles';

package/dist/components/Status/types.d.ts

@@ -0,0 +1,3 @@
+import { STATUS_COLORS, STATUS_SIZES } from './constants';
+export type IStatusColor = (typeof STATUS_COLORS)[number];
+export type IStatusSize = (typeof STATUS_SIZES)[number];

package/dist/components/TextButton/TextButton.d.ts

@@ -0,0 +1,30 @@
+import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
+import { IThemedPreloaderProps } from '../ThemedPreloader';
+import { ITextButtonStyles } from './TextButton.styles';
+export interface ITextButtonProps extends ICommonProps<ITextButtonStyles>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'disabled'> {
+    /** @default 'undefined' */
+    children?: ReactNode;
+    /** @default 'undefined' */
+    icon?: IIcon;
+    /** @default 'primary' */
+    view?: 'primary' | 'secondary' | 'custom';
+    /** @default false */
+    isBold?: boolean;
+    /** @default false */
+    hasCircleUnderIcon?: boolean;
+    /**  @default false */
+    isDisabled?: boolean;
+    /** @default false */
+    isLoading?: boolean;
+    /** @default false */
+    isActive?: boolean;
+    /** @default 'l' */
+    size?: 'l' | 'xl';
+    /** @default 'left' */
+    iconPosition?: 'left' | 'right';
+    /** @default `dots` */
+    preloaderType?: IThemedPreloaderProps['type'];
+}
+export declare const TextButton: FC<ITextButtonProps>;

package/dist/components/TextButton/TextButton.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { TextButton } from './TextButton';
+declare const _default: ComponentMeta<import("react").FC<import("./TextButton").ITextButtonProps>>;
+export default _default;
+export declare const Default: ComponentStory<typeof TextButton>;

package/dist/components/TextButton/TextButton.styles.d.ts

@@ -0,0 +1,7 @@
+import { ITweakStyles } from '../../theme';
+import { IThemedPreloaderStyles } from '../ThemedPreloader';
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "root" | "bold" | "circle" | "icon" | "active" | "disabled" | "primary" | "secondary" | "custom" | "l" | "xl" | "loader" | "loading" | "iconContainer" | "reverseContent", unknown>;
+export declare const preloaderStyles: IThemedPreloaderStyles;
+export type ITextButtonStyles = ITweakStyles<typeof useStyles, {
+    tweakPreloader: IThemedPreloaderStyles;
+}>;

package/dist/components/TextButton/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TextButton';
+export * from './TextButton';
+export type { ITextButtonStyles } from './TextButton.styles';

package/dist/components/index.d.ts

@@ -21,17 +21,20 @@ export * from './MultiSelect';
 export * from './MultiSelectList';
 export * from './Notification';
 export * from './NumberInput';
-export * from './SearchInput';
-export * from './SmartInput';
 export * from './PhoneInput';
 export * from './RadioButton';
+export * from './ScrollIntoViewIfNeeded';
+export * from './SearchInput';
 export * from './Select';
+export * from './Selector';
+export * from './Skeleton';
+export * from './SmartInput';
+export * from './Status';
 export * from './Switch';
 export * from './TextArea';
+export * from './TextButton';
 export * from './TextWithInfo';
 export * from './TextWithTooltip';
 export * from './ThemedPreloader';
 export * from './Toaster';
 export * from './Tooltip';
-export * from './ScrollIntoViewIfNeeded';
-export * from './Skeleton';

package/dist/theme/types.d.ts

@@ -1,6 +1,6 @@
 import { Styles } from 'react-jss';
 import { Classes, JssValue } from 'jss';
-import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFilterValueViewStyles, ISkeletonStyles, IListItemStyles } from '../components';
+import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, IFilterValueViewStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IListItemStyles, ISelectorStyles, ISkeletonStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, IStatusStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles } from '../components';
 export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
 export type IUseStyles<C extends string, P = unknown> = (data?: P & {
     theme?: Partial<Styles<C, P>>;
@@ -48,11 +48,14 @@ export interface IComponentStyles {
     SearchInput: ISearchInputStyles;
     Select: ISelectStyles;
     SelectList: ISelectListStyles;
+    Selector: ISelectorStyles;
     Skeleton: ISkeletonStyles;
     Switch: ISwitchStyles;
+    TextButton: ITextButtonStyles;
     TextArea: ITextAreaStyles;
     TextWithInfo: ITextWithInfoStyles;
     TextWithTooltip: ITextWithTooltipStyles;
+    Status: IStatusStyles;
     ThemedPreloader: IThemedPreloaderStyles;
     Tooltip: ITooltipStyles;
     Toaster: IToasterStyles;