@hh.ru/magritte-ui-floating-button 2.1.3 → 3.0.0

package/index.mock.js

@@ -1,7 +1,12 @@
 import './index.css';
 import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
 
-const FloatingButton = mockComponent('FloatingButton', undefined, {
+const staticProps = {
+    Item: mockComponent('Item', undefined, {
+        withChildren: true,
+    }),
+};
+const FloatingButton = mockComponent('FloatingButton', staticProps, {
     withChildren: true,
 });
 const FloatingButtonStack = mockComponent('FloatingButtonStack', undefined, {

package/index.mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport * from '@hh.ru/magritte-ui-floating-button/types';\n\nexport const FloatingButton = mockComponent('FloatingButton', undefined, {\n    withChildren: true,\n});\n\nexport const FloatingButtonStack = mockComponent('FloatingButtonStack', undefined, {\n    withChildren: true,\n});\n"],"names":[],"mappings":";;MAIa,cAAc,GAAG,aAAa,CAAC,gBAAgB,EAAE,SAAS,EAAE;AACrE,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EAAE;MAEU,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,EAAE,SAAS,EAAE;AAC/E,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
+{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport * from '@hh.ru/magritte-ui-floating-button/types';\n\nconst staticProps = {\n    Item: mockComponent('Item', undefined, {\n        withChildren: true,\n    }),\n};\n\nexport const FloatingButton = mockComponent('FloatingButton', staticProps, {\n    withChildren: true,\n});\n\nexport const FloatingButtonStack = mockComponent('FloatingButtonStack', undefined, {\n    withChildren: true,\n});\n"],"names":[],"mappings":";;AAIA,MAAM,WAAW,GAAG;AAChB,IAAA,IAAI,EAAE,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE;AACnC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;CACL,CAAC;MAEW,cAAc,GAAG,aAAa,CAAC,gBAAgB,EAAE,WAAW,EAAE;AACvE,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EAAE;MAEU,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,EAAE,SAAS,EAAE;AAC/E,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-floating-button",
-  "version": "2.1.3",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c9930c21240dac1610236be666e8d0c45c60f4bc"
+  "gitHead": "8cc4f2bcbe11ad59875a4d94d03373275f937aa8"
 }

package/types.d.ts

@@ -1,19 +1,29 @@
-import { CSSProperties, PropsWithChildren, ReactElement, ReactNode, type RefObject } from 'react';
+import { CSSProperties, ReactElement, ReactNode, type RefObject } from 'react';
 import { IconWrapperComponentSize24, IconProps } from '@hh.ru/magritte-ui-icon';
 export type FloatingButtonStyle = 'neutral' | 'inverse';
 export type FloatingButtonPosition = 'left' | 'right' | 'center';
 export type FloatingButtonRadius = 12 | 'halfHeight';
-export interface FloatingButtonProps extends PropsWithChildren {
+interface FloatingButtonBaseProps {
     /** Кастомный компонент 'a', 'button', 'span' или функция */
     Element?: 'a' | 'button' | 'span';
-    style?: FloatingButtonStyle;
     /** Флаг видимости **/
     visible?: boolean;
-    /** Заблокирована ли кнопка */
-    disabled?: boolean;
     /** Отображение индикации загрузки */
     loading?: boolean;
+    /** Иконка floating кнопки */
     icon?: IconWrapperComponentSize24;
+    /** Скругления */
+    borderRadius?: FloatingButtonRadius;
+    /** Компонент Badge */
+    badge?: ReactElement;
+    'data-qa'?: string;
+}
+export interface FloatingButtonProps extends FloatingButtonBaseProps {
+    style?: FloatingButtonStyle;
+    /** Текст floating button кнопки */
+    children?: ReactNode;
+    /** Заблокирована ли кнопка */
+    disabled?: boolean;
     /** Постфикс */
     postfix?: ReactNode;
     /** Показывать ли лейбл только при ховере */
@@ -22,23 +32,21 @@ export interface FloatingButtonProps extends PropsWithChildren {
     hideLabel?: boolean;
     /** Расположение (задает дефолтное положение и используется для анимации) */
     position?: FloatingButtonPosition;
-    /** Скругления */
-    borderRadius?: FloatingButtonRadius;
-    /** Компонент Badge */
-    badge?: ReactElement;
     /** css-класс для позиционирования кнопки */
     className?: string;
     /** инлайн стили для позиционирования кнопки */
     inlineStyle?: CSSProperties;
     /** Хост для отрисовки */
     host?: RefObject<HTMLElement>;
-    'data-qa'?: string;
 }
 export interface FloatingButtonPropsWithStackMode extends FloatingButtonProps {
     /** Флаг, включающий stack режим для кнопки (отключает тени, меняется позиция badge) */
     stackMode?: boolean;
 }
-export interface FloatingButtonStackProps extends PropsWithChildren {
+export type FloatingButtonStackItemProps = FloatingButtonBaseProps;
+export interface FloatingButtonStackProps {
+    /** Компоненты FloatingButtonStack.Item */
+    children?: ReactNode;
     /** Стилизация компонента */
     style?: FloatingButtonStyle;
     /** Расположение компонента */
@@ -57,3 +65,4 @@ export interface FloatingButtonStackProps extends PropsWithChildren {
     /** Обработчик события клика кнопки Наверх */
     onUpButtonClick?: IconProps['onClick'];
 }
+export {};