@hh.ru/magritte-ui-floating-button 3.0.47 → 3.0.49

package/FloatingButtonStackItems.js

@@ -2,16 +2,22 @@ import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { useFloatingButtonStack } from './FloatingButtonStackContext.js';
-import { s as styles } from './floating-button-stack-WhsvBzIP.js';
+import { s as styles } from './floating-button-stack-Bxv4YYAQ.js';
 import 'react';
 
 const FloatingButtonStackItems = ({ children }) => {
-    const { visibleButtons, animationsEnabled, style, disabled } = useFloatingButtonStack();
-    return (jsx("div", { className: classnames(styles.floatingButtons, styles[`floating-buttons_${style}`], {
-            [styles.disabled]: disabled,
-            [styles.visibled]: visibleButtons.size > 0,
-            [styles.animated]: animationsEnabled,
-        }), children: children }));
+  const { visibleButtons, animationsEnabled, style, disabled } = useFloatingButtonStack();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classnames(styles.floatingButtons, styles[`floating-buttons_${style}`], {
+        [styles.disabled]: disabled,
+        [styles.visibled]: visibleButtons.size > 0,
+        [styles.animated]: animationsEnabled
+      }),
+      children
+    }
+  );
 };
 
 export { FloatingButtonStackItems };

package/FloatingButtonStackItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingButtonStackItems.js","sources":["src/FloatingButtonStackItems.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { useFloatingButtonStack } from '@hh.ru/magritte-ui-floating-button/FloatingButtonStackContext';\n\nimport styles from './floating-button-stack.less';\n\nexport const FloatingButtonStackItems: FC<PropsWithChildren> = ({ children }) => {\n    const { visibleButtons, animationsEnabled, style, disabled } = useFloatingButtonStack();\n    return (\n        <div\n            className={classnames(styles.floatingButtons, styles[`floating-buttons_${style}`], {\n                [styles.disabled]: disabled,\n                [styles.visibled]: visibleButtons.size > 0,\n                [styles.animated]: animationsEnabled,\n            })}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAOa,wBAAwB,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC5E,IAAA,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAE,CAAC;AACxF,IAAA,QACIA,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA,iBAAA,EAAoB,KAAK,CAAA,CAAE,CAAC,EAAE;AAC/E,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;YAC3B,CAAC,MAAM,CAAC,QAAQ,GAAG,cAAc,CAAC,IAAI,GAAG,CAAC;AAC1C,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,iBAAiB;AACvC,SAAA,CAAC,EAED,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN;;;;"}
+{"version":3,"file":"FloatingButtonStackItems.js","sources":["src/FloatingButtonStackItems.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { useFloatingButtonStack } from '@hh.ru/magritte-ui-floating-button/FloatingButtonStackContext';\n\nimport styles from './floating-button-stack.less';\n\nexport const FloatingButtonStackItems: FC<PropsWithChildren> = ({ children }) => {\n    const { visibleButtons, animationsEnabled, style, disabled } = useFloatingButtonStack();\n    return (\n        <div\n            className={classnames(styles.floatingButtons, styles[`floating-buttons_${style}`], {\n                [styles.disabled]: disabled,\n                [styles.visibled]: visibleButtons.size > 0,\n                [styles.animated]: animationsEnabled,\n            })}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,wBAAkD,GAAA,CAAC,EAAE,QAAA,EAAe,KAAA;AAC7E,EAAA,MAAM,EAAE,cAAgB,EAAA,iBAAA,EAAmB,KAAO,EAAA,QAAA,KAAa,sBAAuB,EAAA,CAAA;AACtF,EACI,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,WAAW,MAAO,CAAA,eAAA,EAAiB,OAAO,CAAoB,iBAAA,EAAA,KAAK,EAAE,CAAG,EAAA;AAAA,QAC/E,CAAC,MAAO,CAAA,QAAQ,GAAG,QAAA;AAAA,QACnB,CAAC,MAAA,CAAO,QAAQ,GAAG,eAAe,IAAO,GAAA,CAAA;AAAA,QACzC,CAAC,MAAO,CAAA,QAAQ,GAAG,iBAAA;AAAA,OACtB,CAAA;AAAA,MAEA,QAAA;AAAA,KAAA;AAAA,GACL,CAAA;AAER;;;;"}

package/FloatingButtonStackUpButton.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { FloatingButtonStackProps } from '@hh.ru/magritte-ui-floating-button/types';
+import type { FloatingButtonStackProps } from './types';
 type FloatingButtonStackUpButtonProps = Pick<FloatingButtonStackProps, 'upButtonVisible' | 'disabled' | 'onUpButtonClick' | 'data-qa'>;
 export declare const FloatingButtonStackUpButton: FC<FloatingButtonStackUpButtonProps>;
 export {};

package/FloatingButtonStackUpButton.js

@@ -6,18 +6,45 @@ import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { useFloatingButtonStack } from './FloatingButtonStackContext.js';
 import { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';
-import { s as styles } from './floating-button-stack-WhsvBzIP.js';
+import { s as styles } from './floating-button-stack-Bxv4YYAQ.js';
 
-const FloatingButtonStackUpButton = ({ upButtonVisible, disabled = false, onUpButtonClick, 'data-qa': dataQa, }) => {
-    const { animationsEnabled } = useFloatingButtonStack();
-    const { isMobile } = useBreakpoint();
-    const upButtonRef = useRef(null);
-    return (jsx(CSSTransition, { in: upButtonVisible, enter: animationsEnabled, exit: animationsEnabled, classNames: {
-            enter: styles.enterUpButtonAnimation,
-            enterActive: styles.enterUpButtonAnimationActive,
-            exit: styles.exitUpButtonAnimation,
-            exitActive: styles.exitUpButtonAnimationActive,
-        }, nodeRef: upButtonRef, timeout: CoreTokens['magritte-semantic-animation-time-s'].duration, unmountOnExit: true, children: jsx("div", { ref: upButtonRef, className: styles.upButton, children: jsx(ArrowUpOutlinedSize24, { padding: isMobile ? 16 : 24, onClick: onUpButtonClick, backgroundStyle: "secondary", borderRadius: 'halfHeight', disabled: disabled, "data-qa": `${dataQa}-up-button` }) }) }));
+const FloatingButtonStackUpButton = ({
+  upButtonVisible,
+  disabled = false,
+  onUpButtonClick,
+  "data-qa": dataQa
+}) => {
+  const { animationsEnabled } = useFloatingButtonStack();
+  const { isMobile } = useBreakpoint();
+  const upButtonRef = useRef(null);
+  return /* @__PURE__ */ jsx(
+    CSSTransition,
+    {
+      in: upButtonVisible,
+      enter: animationsEnabled,
+      exit: animationsEnabled,
+      classNames: {
+        enter: styles.enterUpButtonAnimation,
+        enterActive: styles.enterUpButtonAnimationActive,
+        exit: styles.exitUpButtonAnimation,
+        exitActive: styles.exitUpButtonAnimationActive
+      },
+      nodeRef: upButtonRef,
+      timeout: CoreTokens["magritte-semantic-animation-time-s"].duration,
+      unmountOnExit: true,
+      children: /* @__PURE__ */ jsx("div", { ref: upButtonRef, className: styles.upButton, children: /* @__PURE__ */ jsx(
+        ArrowUpOutlinedSize24,
+        {
+          padding: isMobile ? 16 : 24,
+          onClick: onUpButtonClick,
+          backgroundStyle: "secondary",
+          borderRadius: "halfHeight",
+          disabled,
+          "data-qa": `${dataQa}-up-button`
+        }
+      ) })
+    }
+  );
 };
 
 export { FloatingButtonStackUpButton };

package/FloatingButtonStackUpButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingButtonStackUpButton.js","sources":["src/FloatingButtonStackUpButton.tsx"],"sourcesContent":["import { useRef, type FC } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { useFloatingButtonStack } from '@hh.ru/magritte-ui-floating-button/FloatingButtonStackContext';\nimport type { FloatingButtonStackProps } from '@hh.ru/magritte-ui-floating-button/types';\nimport { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';\n\nimport styles from './floating-button-stack.less';\n\ntype FloatingButtonStackUpButtonProps = Pick<\n    FloatingButtonStackProps,\n    'upButtonVisible' | 'disabled' | 'onUpButtonClick' | 'data-qa'\n>;\n\nexport const FloatingButtonStackUpButton: FC<FloatingButtonStackUpButtonProps> = ({\n    upButtonVisible,\n    disabled = false,\n    onUpButtonClick,\n    'data-qa': dataQa,\n}) => {\n    const { animationsEnabled } = useFloatingButtonStack();\n    const { isMobile } = useBreakpoint();\n    const upButtonRef = useRef<HTMLDivElement>(null);\n\n    return (\n        <CSSTransition\n            in={upButtonVisible}\n            enter={animationsEnabled}\n            exit={animationsEnabled}\n            classNames={{\n                enter: styles.enterUpButtonAnimation,\n                enterActive: styles.enterUpButtonAnimationActive,\n                exit: styles.exitUpButtonAnimation,\n                exitActive: styles.exitUpButtonAnimationActive,\n            }}\n            nodeRef={upButtonRef}\n            timeout={CoreTokens['magritte-semantic-animation-time-s'].duration}\n            unmountOnExit\n        >\n            <div ref={upButtonRef} className={styles.upButton}>\n                <ArrowUpOutlinedSize24\n                    padding={isMobile ? 16 : 24}\n                    onClick={onUpButtonClick}\n                    backgroundStyle=\"secondary\"\n                    borderRadius={'halfHeight'}\n                    disabled={disabled}\n                    data-qa={`${dataQa}-up-button`}\n                />\n            </div>\n        </CSSTransition>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAgBa,MAAA,2BAA2B,GAAyC,CAAC,EAC9E,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,SAAS,EAAE,MAAM,GACpB,KAAI;AACD,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,sBAAsB,EAAE,CAAC;AACvD,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAEjD,IAAA,QACIA,GAAC,CAAA,aAAa,EACV,EAAA,EAAE,EAAE,eAAe,EACnB,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,iBAAiB,EACvB,UAAU,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,sBAAsB;YACpC,WAAW,EAAE,MAAM,CAAC,4BAA4B;YAChD,IAAI,EAAE,MAAM,CAAC,qBAAqB;YAClC,UAAU,EAAE,MAAM,CAAC,2BAA2B;AACjD,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,EAClE,aAAa,EAAA,IAAA,EAAA,QAAA,EAEbA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC7C,QAAA,EAAAA,GAAA,CAAC,qBAAqB,EAAA,EAClB,OAAO,EAAE,QAAQ,GAAG,EAAE,GAAG,EAAE,EAC3B,OAAO,EAAE,eAAe,EACxB,eAAe,EAAC,WAAW,EAC3B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAAA,SAAA,EACT,CAAG,EAAA,MAAM,CAAY,UAAA,CAAA,EAAA,CAChC,EACA,CAAA,EAAA,CACM,EAClB;AACN;;;;"}
+{"version":3,"file":"FloatingButtonStackUpButton.js","sources":["src/FloatingButtonStackUpButton.tsx"],"sourcesContent":["import { useRef, type FC } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { useFloatingButtonStack } from '@hh.ru/magritte-ui-floating-button/FloatingButtonStackContext';\nimport type { FloatingButtonStackProps } from '@hh.ru/magritte-ui-floating-button/types';\nimport { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';\n\nimport styles from './floating-button-stack.less';\n\ntype FloatingButtonStackUpButtonProps = Pick<\n    FloatingButtonStackProps,\n    'upButtonVisible' | 'disabled' | 'onUpButtonClick' | 'data-qa'\n>;\n\nexport const FloatingButtonStackUpButton: FC<FloatingButtonStackUpButtonProps> = ({\n    upButtonVisible,\n    disabled = false,\n    onUpButtonClick,\n    'data-qa': dataQa,\n}) => {\n    const { animationsEnabled } = useFloatingButtonStack();\n    const { isMobile } = useBreakpoint();\n    const upButtonRef = useRef<HTMLDivElement>(null);\n\n    return (\n        <CSSTransition\n            in={upButtonVisible}\n            enter={animationsEnabled}\n            exit={animationsEnabled}\n            classNames={{\n                enter: styles.enterUpButtonAnimation,\n                enterActive: styles.enterUpButtonAnimationActive,\n                exit: styles.exitUpButtonAnimation,\n                exitActive: styles.exitUpButtonAnimationActive,\n            }}\n            nodeRef={upButtonRef}\n            timeout={CoreTokens['magritte-semantic-animation-time-s'].duration}\n            unmountOnExit\n        >\n            <div ref={upButtonRef} className={styles.upButton}>\n                <ArrowUpOutlinedSize24\n                    padding={isMobile ? 16 : 24}\n                    onClick={onUpButtonClick}\n                    backgroundStyle=\"secondary\"\n                    borderRadius={'halfHeight'}\n                    disabled={disabled}\n                    data-qa={`${dataQa}-up-button`}\n                />\n            </div>\n        </CSSTransition>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,8BAAoE,CAAC;AAAA,EAC9E,eAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,eAAA;AAAA,EACA,SAAW,EAAA,MAAA;AACf,CAAM,KAAA;AACF,EAAM,MAAA,EAAE,iBAAkB,EAAA,GAAI,sBAAuB,EAAA,CAAA;AACrD,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACnC,EAAM,MAAA,WAAA,GAAc,OAAuB,IAAI,CAAA,CAAA;AAE/C,EACI,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACG,EAAI,EAAA,eAAA;AAAA,MACJ,KAAO,EAAA,iBAAA;AAAA,MACP,IAAM,EAAA,iBAAA;AAAA,MACN,UAAY,EAAA;AAAA,QACR,OAAO,MAAO,CAAA,sBAAA;AAAA,QACd,aAAa,MAAO,CAAA,4BAAA;AAAA,QACpB,MAAM,MAAO,CAAA,qBAAA;AAAA,QACb,YAAY,MAAO,CAAA,2BAAA;AAAA,OACvB;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,OAAA,EAAS,UAAW,CAAA,oCAAoC,CAAE,CAAA,QAAA;AAAA,MAC1D,aAAa,EAAA,IAAA;AAAA,MAEb,8BAAC,KAAI,EAAA,EAAA,GAAA,EAAK,WAAa,EAAA,SAAA,EAAW,OAAO,QACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACG,OAAA,EAAS,WAAW,EAAK,GAAA,EAAA;AAAA,UACzB,OAAS,EAAA,eAAA;AAAA,UACT,eAAgB,EAAA,WAAA;AAAA,UAChB,YAAc,EAAA,YAAA;AAAA,UACd,QAAA;AAAA,UACA,SAAA,EAAS,GAAG,MAAM,CAAA,UAAA,CAAA;AAAA,SAAA;AAAA,OAE1B,EAAA,CAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER;;;;"}

package/floating-button-stack-Bxv4YYAQ.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"stack":"magritte-stack___v7QhJ_3-0-49","right":"magritte-right___v4PFa_3-0-49","left":"magritte-left___JXzpq_3-0-49","center":"magritte-center___rV3kK_3-0-49","up-button":"magritte-up-button___M-Jgi_3-0-49","upButton":"magritte-up-button___M-Jgi_3-0-49","enter-up-button-animation":"magritte-enter-up-button-animation___-n3rG_3-0-49","enterUpButtonAnimation":"magritte-enter-up-button-animation___-n3rG_3-0-49","enter-up-button-animation-active":"magritte-enter-up-button-animation-active___8pejQ_3-0-49","enterUpButtonAnimationActive":"magritte-enter-up-button-animation-active___8pejQ_3-0-49","exit-up-button-animation":"magritte-exit-up-button-animation___80DEE_3-0-49","exitUpButtonAnimation":"magritte-exit-up-button-animation___80DEE_3-0-49","exit-up-button-animation-active":"magritte-exit-up-button-animation-active___f1LjL_3-0-49","exitUpButtonAnimationActive":"magritte-exit-up-button-animation-active___f1LjL_3-0-49","floating-buttons":"magritte-floating-buttons___oi9Yx_3-0-49","floatingButtons":"magritte-floating-buttons___oi9Yx_3-0-49","animated":"magritte-animated___z--5Y_3-0-49","visibled":"magritte-visibled___hHvF6_3-0-49","floating-buttons_neutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-49","floatingButtonsNeutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-49","disabled":"magritte-disabled___XSSqS_3-0-49","floating-buttons_inverse":"magritte-floating-buttons_inverse___xhm17_3-0-49","floatingButtonsInverse":"magritte-floating-buttons_inverse___xhm17_3-0-49","floating-button-wrapper":"magritte-floating-button-wrapper___HlTzE_3-0-49","floatingButtonWrapper":"magritte-floating-button-wrapper___HlTzE_3-0-49","enter-floating-button-animation":"magritte-enter-floating-button-animation___nke2I_3-0-49","enterFloatingButtonAnimation":"magritte-enter-floating-button-animation___nke2I_3-0-49","enter-floating-button-animation-active":"magritte-enter-floating-button-animation-active___AayrW_3-0-49","enterFloatingButtonAnimationActive":"magritte-enter-floating-button-animation-active___AayrW_3-0-49","exit-floating-button-animation":"magritte-exit-floating-button-animation___dXSTW_3-0-49","exitFloatingButtonAnimation":"magritte-exit-floating-button-animation___dXSTW_3-0-49","exit-floating-button-animation-active":"magritte-exit-floating-button-animation-active___DhIfE_3-0-49","exitFloatingButtonAnimationActive":"magritte-exit-floating-button-animation-active___DhIfE_3-0-49"};
+
+export { styles as s };
+//# sourceMappingURL=floating-button-stack-Bxv4YYAQ.js.map

package/floating-button-stack-Bxv4YYAQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-button-stack-Bxv4YYAQ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}