@true-engineering/true-react-common-ui-kit 4.0.0-alpha1 → 4.0.0-alpha3

package/README.md

@@ -11,6 +11,46 @@
 
 # Release Notes
 
+## 3.45.2
+
+### Changes
+
+- **SearchInput**: Добавлен класс `iconClickable`
+
+## 3.45.0
+
+### Changes
+
+- **Input**: Добавлена стандартная пропса `inputMode`
+- **SearchInput**: Добавлена пропса `onSearchIconClick`
+
+## 3.44.1
+
+### Changes
+
+- **WithPopup**: Явный рендер попапа в `document.body`
+
+## 3.44.0
+
+### Changes
+
+- **WithPopup**:
+
+  1. Реализована возможность отрисовки стрелочки
+  2. Добавлены пропсы `arrow` и `arrowProps`
+  3. Добавлена пропса `isMinWidthSameAsTrigger`, которая выставляет минимальную ширину попапа равной ширине триггера
+  4. Добавлена пропса `popupData`, которая позволяет прокинуть data-атрибуты в попап
+  5. В `children` добавлена пропса `floatingContext`, возвращаемый хуком `useFloating`
+  6. Дефолтное значение пропсы `shouldStopPropagation` изменено с `true` на `eventType === 'click`
+
+- **WithTooltip**: `zIndex` тултипа как в `TextWithTooltip` (9999)
+
+## 3.43.0
+
+### Changes
+
+- **withScrollBar**: Переносит константы размеров скролла в CSS-переменные: `--webkit-scrollbar-width` и `--webkit-scrollbar-height`
+
 ## 3.42.0
 
 ### Changes

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

@@ -3,14 +3,4 @@ declare const _default: {
     component: import("react").FC<import("./SearchInput").ISearchInputProps>;
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("..").IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../..").IDataAttributesProps & import("../..").ITweakStylesProps<Partial<import("jss").Styles<"root" | "icon", unknown, undefined>> & Partial<{
-    tweakInput: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
-        tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
-            tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
-                tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
-                tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
-            }>;
-        }>;
-        tweakWithMessages: Partial<import("jss").Styles<"error" | "horizontal" | "vertical" | "children" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
-    }>;
-}>>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("..").IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../..").IDataAttributesProps & import("../..").ITweakStylesProps<import("./SearchInput.styles").ISearchInputStyles>>;

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

@@ -1,7 +1,5 @@
-import { ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon", unknown>;
 export declare const inputStyles: IInputStyles;
-export type ISearchInputStyles = ITweakStyles<typeof useStyles, {
-    tweakInput: IInputStyles;
-}>;
+export interface ISearchInputStyles {
+    tweakInput?: IInputStyles;
+}

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

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { Placement, Middleware, OffsetOptions, UseHoverProps } from '@floating-ui/react';
-import { ICommonProps, IRenderNode } from '../../types';
-import { IPopupEventType, IWithPopupChildrenProps, IWithPopupToggleEvent, IWithPopupTriggerProps } from './types';
+import { ICommonProps, IDataAttributes, IRenderNode } from '../../types';
+import { IPopupArrowProps, IPopupEventType, IWithPopupChildrenProps, IWithPopupToggleEvent, IWithPopupTriggerProps } from './types';
 import { IWithPopupStyles } from './WithPopup.styles';
 export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     trigger: IRenderNode<IWithPopupTriggerProps>;
@@ -15,7 +15,9 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     hoverDelay?: UseHoverProps['delay'];
     /** @default 6 */
     popupOffset?: OffsetOptions;
-    /** @default true */
+    arrowProps?: IPopupArrowProps;
+    popupData?: IDataAttributes;
+    /** @default true, if eventType === click */
     shouldStopPropagation?: boolean;
     /** @default false */
     shouldHideOnScroll?: boolean;
@@ -28,6 +30,11 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     canBeFlipped?: boolean;
     /** @default false */
     isDisabled?: boolean;
+    /** @default false */
+    shouldShowArrow?: boolean;
+    /** Должна ли минимальная ширина попапа быть равна ширине триггера
+     * @default false */
+    isMinWidthSameAsTrigger?: boolean;
     onToggle?: (isActive: boolean, event?: IWithPopupToggleEvent) => void;
 }
 export declare const WithPopup: FC<IWithPopupProps>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "arrow" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
 export type IWithPopupStyles = ITweakStyles<typeof useStyles>;

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

@@ -0,0 +1,2 @@
+import { Middleware } from '@floating-ui/react';
+export declare const minWidthRelativeToTrigger: Middleware;

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

@@ -1,4 +1,5 @@
 import type { MouseEvent, KeyboardEvent } from 'react';
+import type { FloatingArrowProps, UseFloatingReturn } from '@floating-ui/react';
 import type { IDataAttributesProps, IDomElementInteractions } from '../../types';
 import type { POPUP_EVENT_TYPES } from './constants';
 export type IPopupEventType = (typeof POPUP_EVENT_TYPES)[number];
@@ -15,5 +16,7 @@ export interface IWithPopupTriggerProps {
     referenceProps?: IReferenceProps;
 }
 export interface IWithPopupChildrenProps {
+    floatingContext: UseFloatingReturn['context'];
     onClose: (event?: IWithPopupToggleEvent) => void;
 }
+export type IPopupArrowProps = Pick<FloatingArrowProps, 'width' | 'height' | 'tipRadius' | 'staticOffset' | 'd' | 'stroke' | 'strokeWidth'>;

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

@@ -1,5 +1,6 @@
 import { ITooltipStyles } from '../Tooltip';
 import { IWithPopupStyles } from '../WithPopup';
+export declare const withPopupStyles: IWithPopupStyles;
 export interface IWithTooltipStyles {
     tweakWithPopup?: IWithPopupStyles;
     tweakTooltip?: ITooltipStyles;

package/dist/theme/common.d.ts

@@ -48,9 +48,11 @@ export declare const helpers: {
         boxSizing: string;
         overflow: string;
         '@supports selector(::-webkit-scrollbar)': {
+            '--webkit-scrollbar-width': string;
+            '--webkit-scrollbar-height': string;
             '&::-webkit-scrollbar': {
-                height: number;
-                width: number;
+                width: string;
+                height: string;
                 '&-thumb': {
                     width: number;
                     minHeight: number;