@true-engineering/true-react-common-ui-kit 3.15.4 → 3.16.0

package/README.md

@@ -11,6 +11,16 @@
 
 # Release Notes
 
+## v3.16.0
+
+### Changes
+
+- **FiltersPane**: добавленs tweakStyles для FilterWrapper
+- **FilterWrapper + Filter**: переписан с использованием WithPopup
+- **FilterSelect**: добавлено свойство onClose
+- **WithPopup**: добавлена поддержка transition
+- **NewMoreMenu**: добавлен свойство onToggle
+
 ## v3.15.4
 
 ### Changes

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

@@ -1,9 +1,11 @@
 import { ITweakStyles } from '../../theme';
 import { IButtonStyles } from '../Button';
+import type { IFilterWrapperStyles } from './components';
 export declare const FILTER_HEIGHT = 36;
 export declare const useStyles: import("../../theme").IUseStyles<"clear" | "root" | "settings" | "settingsIcon" | "filterWithClearButton", unknown>;
 export declare const clearButtonStyles: IButtonStyles;
 export declare const innerTextButtonStyles: IButtonStyles;
 export type IFiltersPaneStyles = ITweakStyles<typeof useStyles, {
     tweakClearButton: IButtonStyles;
+    tweakFilterWrapper: IFilterWrapperStyles;
 }>;

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

@@ -1,12 +1,7 @@
-import { RefObject } from 'react';
-import { Classes } from 'jss';
+/// <reference types="react" />
 import type { IFilterWrapperProps } from '../FilterWrapper';
 export interface IFilterProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
-    parentRef?: RefObject<HTMLElement>;
-    isInline?: boolean;
-    filtersPaneRef: RefObject<HTMLDivElement> | null;
-    classes: Classes<'left' | 'right' | 'dropdown'>;
     onChange: <V>(v: V) => void;
     onClose?: () => void;
 }
-export declare function Filter<Values, Key extends keyof Values>({ filter, value, parentRef, isInline, onChange, onClose, localeKey, locale, filtersPaneRef, testId, classes, }: IFilterProps<Values, Key>): JSX.Element | null;
+export declare function Filter<Values, Key extends keyof Values>(props: IFilterProps<Values, Key>): JSX.Element | null;

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

@@ -5,6 +5,7 @@ import { IFilterSelectStyles } from './FilterSelect.styles';
 export interface IFilterSelectProps<Value> extends ICommonProps<IFilterSelectStyles> {
     value?: Value;
     onChange: (value?: Value) => void;
+    onClose?: () => void;
     /**
      * @default false
      */
@@ -26,4 +27,4 @@ export interface IFilterSelectProps<Value> extends ICommonProps<IFilterSelectSty
      */
     hasClearButton?: boolean;
 }
-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;
+export declare function FilterSelect<Value>({ data, tweakStyles, value, isSearchEnabled, isGroupingEnabled, localeKey, locale, onChange, onClose, options, fetchOptions, footer, getValueView, getValueId, getValueString, hasClearButton, testId, }: IFilterSelectProps<Value>): JSX.Element;

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

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+/// <reference types="react" />
 import { ICommonProps } from '../../../../types';
 import { ConfigItem, IFilterLocaleKey, IPartialFilterLocale } from '../../types';
 import { IFilterWrapperStyles } from './FilterWrapper.styles';
@@ -8,7 +8,6 @@ export interface IFilterWrapperProps<Values, Key extends keyof Values> extends I
     isDisabled?: boolean;
     localeKey?: IFilterLocaleKey;
     locale?: IPartialFilterLocale;
-    filtersPaneRef: RefObject<HTMLDivElement> | null;
     onChange: <V>(value: V) => void;
 }
-export declare function FilterWrapper<Values, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, filtersPaneRef, tweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;
+export declare function FilterWrapper<Values, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;

package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import type { IFilterValueViewStyles } from '../FilterValueView';
-export declare const useStyles: import("../../../../theme").IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "dropdown" | "animationEnd" | "animationStart" | "dropdown-enter" | "dropdown-enter-active" | "dropdown-exit-active" | "dropdown-exit", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "dropdown" | "animationEnd" | "animationStart" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
 export type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
     tweakValueView: IFilterValueViewStyles;
 }>;

package/dist/components/FiltersPane/components/FilterWrapper/helpers.d.ts

@@ -0,0 +1 @@
+export declare const isContentNotEmpty: (value: unknown) => boolean;

package/dist/components/NewMoreMenu/NewMoreMenu.d.ts

@@ -3,13 +3,11 @@ import { ICommonProps } from '../../types';
 import { IListItem } from '../List';
 import { IWithPopupProps } from '../WithPopup';
 import { INewMoreMenuStyles } from './NewMoreMenu.styles';
-export interface INewMoreMenuProps extends Pick<IWithPopupProps, 'middlewares' | 'shouldHideOnScroll' | 'shouldRenderInBody' | 'canBeFlipped'>, ICommonProps<INewMoreMenuStyles> {
+export interface INewMoreMenuProps extends Pick<IWithPopupProps, 'placement' | 'middlewares' | 'shouldHideOnScroll' | 'shouldRenderInBody' | 'canBeFlipped' | 'onToggle'>, ICommonProps<INewMoreMenuStyles> {
     items: IListItem[];
     /** @default false */
     isDisabled?: boolean;
     /** @default true */
     hasDefaultStateBackground?: boolean;
-    /** @default 'bottom-end' */
-    placement?: IWithPopupProps['placement'];
 }
 export declare const NewMoreMenu: FC<INewMoreMenuProps>;

package/dist/components/WithPopup/WithPopup.d.ts

@@ -1,13 +1,14 @@
 import { FC, ReactNode } from 'react';
-import { Placement, Middleware } from '@floating-ui/react';
+import { Placement, Middleware, OffsetOptions, UseHoverProps } from '@floating-ui/react';
 import { ICommonProps } from '../../types';
-import { IPopupEventType } from './types';
+import { IPopupEventType, ITransitionStatus } from './types';
 import { IWithPopupStyles } from './WithPopup.styles';
 export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     trigger: ReactNode | FC<{
         isActive: boolean;
     }>;
     children: ReactNode | FC<{
+        status: ITransitionStatus;
         onClose: () => void;
     }>;
     middlewares?: Middleware[];
@@ -20,9 +21,9 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     /** @default 'click' */
     eventType?: IPopupEventType;
     /** @default 0 */
-    hoverDelay?: number;
+    hoverDelay?: UseHoverProps['delay'];
     /** @default 6 */
-    popupOffset?: number;
+    popupOffset?: OffsetOptions;
     /** @default false */
     canBeFlipped?: boolean;
     /** @default false */

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

@@ -1,2 +1,4 @@
-import { POPUP_EVENT_TYPES } from './constants';
+import type { useTransitionStatus } from '@floating-ui/react';
+import type { POPUP_EVENT_TYPES } from './constants';
 export type IPopupEventType = (typeof POPUP_EVENT_TYPES)[number];
+export type ITransitionStatus = ReturnType<typeof useTransitionStatus>['status'];