@true-engineering/true-react-common-ui-kit 3.0.0-alpha.2 → 3.0.0-alpha.20

package/dist/components/Checkbox/Checkbox.d.ts

@@ -3,7 +3,7 @@ import { ICommonProps } from '../../types';
 import { ICheckboxStyles } from './Checkbox.styles';
 export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
     children?: ReactNode;
-    isChecked?: boolean;
+    isChecked: boolean | undefined;
     isSemiChecked?: boolean;
     isDisabled?: boolean;
     isReadonly?: boolean;

package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.d.ts

@@ -13,10 +13,6 @@ export interface IFilterSelectProps<Value> extends ICommonProps<IFilterSelectSty
      * @default false
      */
     isGroupingEnabled?: boolean;
-    /**
-     * @default `220px`
-     */
-    width?: string | number;
     localeKey?: IFilterLocaleKey;
     locale?: Partial<ISelectLocale>;
     options?: Value[];
@@ -30,4 +26,4 @@ export interface IFilterSelectProps<Value> extends ICommonProps<IFilterSelectSty
      */
     hasClearButton?: boolean;
 }
-export declare function FilterSelect<Value>({ data, tweakStyles, value, isSearchEnabled, isGroupingEnabled, width, localeKey, locale, onChange, options, fetchOptions, footer, getValueView, getValueId, getValueString, hasClearButton, testId, }: IFilterSelectProps<Value>): JSX.Element;
+export declare function FilterSelect<Value>({ data, tweakStyles, value, isSearchEnabled, isGroupingEnabled, localeKey, locale, onChange, options, fetchOptions, footer, getValueView, getValueId, getValueString, hasClearButton, testId, }: IFilterSelectProps<Value>): JSX.Element;

package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
 import { ICommonProps } from '../../../../types';
 import { IFilterLocaleKey, IFiltersPaneSearchPayload, IPartialFilterLocale } from '../../types';
-import { IFilterSelectProps } from '../FilterSelect';
 import { IFiltersPaneSearchStyles } from './FiltersPaneSearch.styles';
 export interface IFiltersPaneSearchProps<Value> extends ICommonProps<IFiltersPaneSearchStyles> {
     field?: Value;
@@ -14,10 +13,9 @@ export interface IFiltersPaneSearchProps<Value> extends ICommonProps<IFiltersPan
     getValueView?: (value: Value) => ReactNode;
     getValueId?: (value: Value) => string;
     getValueString?: (value: Value) => string;
-    selectWidth?: IFilterSelectProps<Value>['width'];
     hasClearSelectButton?: boolean;
     isDisabled?: boolean;
     isSelectSearchEnabled?: boolean;
     isAutoSizeable?: boolean;
 }
-export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, selectWidth, hasClearSelectButton, isDisabled, isSelectSearchEnabled, isAutoSizeable, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;
+export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, hasClearSelectButton, isDisabled, isSelectSearchEnabled, isAutoSizeable, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;

package/dist/components/FlexibleTable/FlexibleTable.d.ts

@@ -7,12 +7,16 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
     headerContent?: Partial<Record<keyof Values, any>>;
     enabledColumns?: Array<keyof Values>;
     activeRows?: number[];
-    config?: IFlexibleTableConfigType<Values>;
+    config: IFlexibleTableConfigType<Values>;
     isHorizontallyScrollable?: boolean;
     isFirstColumnSticky?: boolean;
     infinityScrollConfig?: IInfinityScrollConfig;
+    /**
+     * @default Индекс строки
+     */
     uniqueField?: keyof Values;
     onHeadClick?: (column: keyof Values) => void;
+    isLoading?: boolean;
     onRowClick?: (id: string) => void;
     onRowHover?: (id?: string) => void;
     rowAttributes?: Array<keyof Values>;
@@ -20,4 +24,4 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
     nothingFoundContent?: ReactNode;
     expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => ReactNode;
 }
-export declare function FlexibleTable<Values extends Record<string, any>>({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: IFlexibleTableProps<Values>): JSX.Element;
+export declare function FlexibleTable<Values extends Record<string, any>>({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, isLoading, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: IFlexibleTableProps<Values>): JSX.Element;

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IFlexibleTableRowStyles } from './components';
 export declare const STICKY_SHADOW_PADDING = 12;
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "scroll" | "header" | "loader" | "horizontallyScrolled" | "headerRow" | "headerSticky" | "headerSecond", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "scroll" | "header" | "loader" | "headerRow" | "headerSticky" | "headerSecond" | "skeleton", unknown>;
 export declare type IFlexibleTableStyles = ITweakStyles<typeof useStyles, {
     tweakTableRow: IFlexibleTableRowStyles;
 }>;

package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts

@@ -5,7 +5,7 @@ import { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';
 export interface IFlexibleTableCellProps<Values extends Record<string, any>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'> {
     item: Values;
     columnName: keyof Values;
-    config?: IFlexibleTableConfigType<Values>;
+    config: IFlexibleTableConfigType<Values>;
     isFocusedRow?: boolean;
     isSecond?: boolean;
     isSticky?: boolean;

package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts

@@ -7,7 +7,7 @@ export interface IFlexibleTableRowProps<Values extends Record<string, any>> exte
     uniqueField?: keyof Values;
     isFirstColumnSticky?: boolean;
     isActive: boolean;
-    config?: IFlexibleTableConfigType<Values>;
+    config: IFlexibleTableConfigType<Values>;
     enabledColumns?: Array<keyof Values>;
     rowAttributes?: Array<keyof Values>;
     expandableRowComponent?(item: Values, isOpen: boolean, close: () => void): ReactNode;

package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { IFlexibleTableCellStyles } from '../FlexibleTableCell';
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "active" | "editable", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "active" | "editable" | "clickable", unknown>;
 export declare type IFlexibleTableRowStyles = ITweakStyles<typeof useStyles, {
     tweakTableCell: IFlexibleTableCellStyles;
 }>;

package/dist/components/FlexibleTable/helpers.d.ts

@@ -0,0 +1,3 @@
+import { IFlexibleTableConfigType } from './types';
+export declare const hasHorizontalScrollBar: (el: HTMLElement | null | undefined) => boolean;
+export declare const formatCellContent: <Values>(value: unknown, config?: IFlexibleTableConfigType<Values>[keyof Values] | undefined) => string;

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

@@ -17,7 +17,7 @@ export declare type IFlexibleTableConfigType<Values> = {
     [Key in keyof Values]?: {
         title?: ReactNode;
         titleComponent?: ITitleComponent<unknown>;
-        component?: IValueComponent<Values, Values[Key]>;
+        component?: IValueComponent<Values, NonNullable<Values[Key]>>;
         dateFormat?: string;
         minWidth?: string | number;
         width?: string | number;

package/dist/components/MultiSelectList/MultiSelectList.d.ts

@@ -5,7 +5,6 @@ import { IMultiSelectListStyles } from './MultiSelectList.styles';
 export interface IMultiSelectListProps<Value, Option> extends ICommonProps<IMultiSelectListStyles> {
     value?: Value;
     isSearchEnabled?: boolean;
-    width?: number | string;
     localeKey?: IMultiSelectLocaleKey;
     locale?: Partial<IMultiSelectLocale>;
     onClose?: () => void;
@@ -20,4 +19,4 @@ export interface IMultiSelectListProps<Value, Option> extends ICommonProps<IMult
     pageSize?: number;
     searchMaxLength?: number;
 }
-export declare function MultiSelectList<Value extends IMultiSelectListValues<Option>, Option = string>({ value, tweakStyles, data, isSearchEnabled, width, localeKey, locale, onChange, onClose, options, fetchOptions, isGroupingEnabled, getValueView, getValueId, getValueString, checkboxPosition, pageSize, searchMaxLength, testId, }: IMultiSelectListProps<Value, Option>): JSX.Element;
+export declare function MultiSelectList<Value extends IMultiSelectListValues<Option>, Option = string>({ value, tweakStyles, data, isSearchEnabled, localeKey, locale, onChange, onClose, options, fetchOptions, isGroupingEnabled, getValueView, getValueId, getValueString, checkboxPosition, pageSize, searchMaxLength, testId, }: IMultiSelectListProps<Value, Option>): JSX.Element;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+import { ICommonProps } from '../../types';
+import { ISkeletonStyles } from './Skeleton.styles';
+export interface ISkeletonProps extends Pick<ICommonProps<ISkeletonStyles>, 'tweakStyles'> {
+    height?: CSSProperties['height'];
+}
+export declare const Skeleton: FC<ISkeletonProps>;

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

@@ -0,0 +1,3 @@
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "@keyframes skeleton", unknown>;
+export declare type ISkeletonStyles = ITweakStyles<typeof useStyles>;

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

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

package/dist/components/Switch/Switch.d.ts

@@ -5,7 +5,7 @@ import { ISwitchStyles } from './Switch.styles';
 export interface ISwitchProps<V extends string> extends ICommonProps<ISwitchStyles> {
     children?: ReactNode;
     value: V;
-    isChecked: boolean;
+    isChecked: boolean | undefined;
     isDisabled?: boolean;
     isInvalid?: boolean;
     /**

package/dist/components/index.d.ts

@@ -34,3 +34,4 @@ export * from './ThemedPreloader';
 export * from './Toaster';
 export * from './Tooltip';
 export * from './ScrollIntoViewIfNeeded';
+export * from './Skeleton';

package/dist/helpers/phone.d.ts

@@ -3,7 +3,7 @@ export declare const findCountryByCode: (countryCode?: string, countriesList?: I
 export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
 export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;
 /**
- * Мутирует!
+ * Мутирует countriesList!
  */
 export declare const sortCountriesByLocale: (countriesList: IPhoneInfo[], locale: string) => IPhoneInfo[];
 export declare const checkSearchStringInCountry: (country: IPhoneInfo, searchString: string) => boolean;

package/dist/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './use-dropdown';
 export * from './use-tweak-styles';
 export * from './use-did-mount-effect';
 export * from './use-mixed-styles';
+export * from './use-merged-refs';

package/dist/hooks/use-merged-refs.d.ts

@@ -0,0 +1,2 @@
+import { mergeRefs } from '@true-engineering/true-react-platform-helpers';
+export declare const useMergedRefs: typeof mergeRefs;

package/dist/theme/types.d.ts

@@ -1,6 +1,6 @@
 import { Styles } from 'react-jss';
 import { Classes } 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 } 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, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFilterValueViewStyles, ISkeletonStyles } from '../components';
 export declare type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
 export declare type IUseStyles<C extends string, P = unknown> = (data?: P & {
     theme?: Partial<Styles<C, P>>;
@@ -47,6 +47,7 @@ export interface IComponentStyles {
     SearchInput: ISearchInputStyles;
     Select: ISelectStyles;
     SelectList: ISelectListStyles;
+    Skeleton: ISkeletonStyles;
     Switch: ISwitchStyles;
     TextArea: ITextAreaStyles;
     TextWithInfo: ITextWithInfoStyles;