npm - @hh.ru/magritte-ui-action-bar - Versions diffs - 2.2.4 → 2.2.5 - Mend

@hh.ru/magritte-ui-action-bar 2.2.4 → 2.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/ActionBar.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { STRETCHED_WRAPPER_CLASS } from '@hh.ru/magritte-ui-button';
 import { Divider } from '@hh.ru/magritte-ui-divider';
 import { Layer } from '@hh.ru/magritte-ui-layer';
-var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-2-4","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-2-4","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-2-4","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-2-4","progress-bar":"magritte-progress-bar___tSTjx_2-2-4","progressBar":"magritte-progress-bar___tSTjx_2-2-4","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-4","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-4","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-2-4","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-2-4","actions-wrapper_modal-vertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-4","actionsWrapperModalVertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-4","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-2-4","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-2-4","actions-stack":"magritte-actions-stack___12VkP_2-2-4","actionsStack":"magritte-actions-stack___12VkP_2-2-4","right-only-actions":"magritte-right-only-actions___84fc8_2-2-4","rightOnlyActions":"magritte-right-only-actions___84fc8_2-2-4","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-4","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-4","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-4","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-4","additional-content-container":"magritte-additional-content-container___N4Q-l_2-2-4","additionalContentContainer":"magritte-additional-content-container___N4Q-l_2-2-4","additional-content-mobile":"magritte-additional-content-mobile___nbfvk_2-2-4","additionalContentMobile":"magritte-additional-content-mobile___nbfvk_2-2-4","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-4","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-4","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_2-2-4","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_2-2-4","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-4","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-4","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_2-2-4","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_2-2-4","vertical-actions-container":"magritte-vertical-actions-container___j1toG_2-2-4","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_2-2-4","actions-stack-modal":"magritte-actions-stack-modal___LzxwQ_2-2-4","actionsStackModal":"magritte-actions-stack-modal___LzxwQ_2-2-4","actions-stack-modal-vertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-4","actionsStackModalVertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-4","actions-stack-wrapper":"magritte-actions-stack-wrapper___OKREs_2-2-4","actionsStackWrapper":"magritte-actions-stack-wrapper___OKREs_2-2-4","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_2-2-4","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_2-2-4"};
+var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-2-5","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-2-5","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-2-5","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-2-5","progress-bar":"magritte-progress-bar___tSTjx_2-2-5","progressBar":"magritte-progress-bar___tSTjx_2-2-5","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-5","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-5","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-2-5","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-2-5","actions-wrapper_modal-vertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-5","actionsWrapperModalVertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-5","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-2-5","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-2-5","actions-stack":"magritte-actions-stack___12VkP_2-2-5","actionsStack":"magritte-actions-stack___12VkP_2-2-5","right-only-actions":"magritte-right-only-actions___84fc8_2-2-5","rightOnlyActions":"magritte-right-only-actions___84fc8_2-2-5","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-5","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-5","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-5","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-5","additional-content-container":"magritte-additional-content-container___N4Q-l_2-2-5","additionalContentContainer":"magritte-additional-content-container___N4Q-l_2-2-5","additional-content-mobile":"magritte-additional-content-mobile___nbfvk_2-2-5","additionalContentMobile":"magritte-additional-content-mobile___nbfvk_2-2-5","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-5","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-5","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_2-2-5","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_2-2-5","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-5","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-5","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_2-2-5","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_2-2-5","vertical-actions-container":"magritte-vertical-actions-container___j1toG_2-2-5","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_2-2-5","actions-stack-modal":"magritte-actions-stack-modal___LzxwQ_2-2-5","actionsStackModal":"magritte-actions-stack-modal___LzxwQ_2-2-5","actions-stack-modal-vertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-5","actionsStackModalVertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-5","actions-stack-wrapper":"magritte-actions-stack-wrapper___OKREs_2-2-5","actionsStackWrapper":"magritte-actions-stack-wrapper___OKREs_2-2-5","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_2-2-5","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_2-2-5"};
 const SCROLL_HANDLER_THROTTLE_MS = 50;
 const ActionBar = ({ type = 'page', showDivider, showProgress = false, primaryActions, secondaryActions, additionalContent, wrapperRef, }) => {
@@ -71,16 +71,14 @@ const ActionBar = ({ type = 'page', showDivider, showProgress = false, primaryAc
     // кнопка из-за смены надписи стала на пару десятков пикселей шире интерфейс модалки резко не перепрыгивал
     // в вертикальный вариант.
     useLayoutEffect(() => {
-        if (type !== 'modal' ||
-            !additionalContentRef.current ||
-            !additionalContentWrapperRef.current ||
-            !actionsStackRef.current ||
-            !actionsStackWrapperRef.current) {
+        if (type !== 'modal' || !actionsStackRef.current || !actionsStackWrapperRef.current) {
             return void 0;
         }
         toggleVerticalLayout(false);
-        const enableVerticalLayout = additionalContentRef.current.offsetHeight > additionalContentWrapperRef.current.offsetHeight ||
-            additionalContentRef.current.offsetWidth > additionalContentWrapperRef.current.offsetWidth ||
+        const enableVerticalLayout = (!!additionalContentRef.current &&
+            !!additionalContentWrapperRef.current &&
+            (additionalContentRef.current.offsetHeight > additionalContentWrapperRef.current.offsetHeight ||
+                additionalContentRef.current.offsetWidth > additionalContentWrapperRef.current.offsetWidth)) ||
             actionsStackRef.current.scrollWidth > actionsStackWrapperRef.current.offsetWidth;
         toggleVerticalLayout(enableVerticalLayout);
         return void 0;

package/ActionBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionBar.js","sources":["../src/ActionBar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, useLayoutEffect, useCallback } from 'react';\nimport classnames from 'classnames';\n\nimport { throttle } from '@hh.ru/magritte-common-func-utils';\nimport { InternalLayerName } from '@hh.ru/magritte-internal-layer-name';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { ActionBarProps } from '@hh.ru/magritte-ui-action-bar/types';\nimport { getScrollableParent, shouldShowDividerOrProgress } from '@hh.ru/magritte-ui-action-bar/utils';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { STRETCHED_WRAPPER_CLASS } from '@hh.ru/magritte-ui-button';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\n\nimport styles from './action-bar.less';\n\nconst SCROLL_HANDLER_THROTTLE_MS = 50;\n\nexport const ActionBar: FcWithFlag<ActionBarProps, 'isActionBar'> = ({\n type = 'page',\n showDivider,\n showProgress = false,\n primaryActions,\n secondaryActions,\n additionalContent,\n wrapperRef,\n}) => {\n const { breakpoint } = useBreakpoint();\n\n const [isScrollEnd, setIsScrollEnd] = useState(false);\n const actionBarRef = useRef<HTMLDivElement>(null);\n const additionalContentRef = useRef<HTMLDivElement>(null);\n const additionalContentWrapperRef = useRef<HTMLDivElement>(null);\n const actionsStackWrapperRef = useRef<HTMLDivElement>(null);\n const actionsStackRef = useRef<HTMLDivElement>(null);\n const primaryActionsRef = useRef<HTMLDivElement>(null);\n const secondaryActionsRef = useRef<HTMLDivElement>(null);\n\n const { shouldShowProgress, shouldShowDivider } = shouldShowDividerOrProgress({\n type,\n showDivider: type === 'modal' \|\| type === 'modal-vertical' ? false : showDivider,\n showProgress,\n isScrollEnd,\n });\n\n useEffect(() => {\n if (shouldShowProgress \|\| typeof showDivider === 'boolean') {\n return void 0;\n }\n const scrollableParent = getScrollableParent(actionBarRef.current);\n const handleScroll = throttle(() => {\n const isScrollEnd =\n scrollableParent &&\n Math.abs(scrollableParent.scrollHeight - scrollableParent.clientHeight - scrollableParent.scrollTop) <\n 1;\n setIsScrollEnd(!!isScrollEnd);\n }, SCROLL_HANDLER_THROTTLE_MS);\n\n if (scrollableParent === document.documentElement) {\n window.addEventListener('scroll', handleScroll);\n } else if (scrollableParent) {\n scrollableParent.addEventListener('scroll', handleScroll);\n }\n\n return () => {\n window.removeEventListener('scroll', handleScroll);\n scrollableParent?.removeEventListener('scroll', handleScroll);\n };\n }, [shouldShowProgress, showDivider]);\n\n useEffect(() => {\n if (wrapperRef && actionBarRef.current) {\n wrapperRef.current = actionBarRef.current.offsetHeight;\n }\n }, [wrapperRef, type, primaryActions, secondaryActions]);\n\n const toggleVerticalLayout = useCallback((enable: boolean) => {\n actionsStackRef.current?.classList.toggle(styles.actionsStackModalVertical, enable);\n primaryActionsRef.current?.classList.toggle(STRETCHED_WRAPPER_CLASS, enable);\n primaryActionsRef.current?.classList.toggle(styles.verticalActionsContainer, enable);\n primaryActionsRef.current?.classList.toggle(styles.horizontalActionsContainer, !enable);\n secondaryActionsRef.current?.classList.toggle(STRETCHED_WRAPPER_CLASS, enable);\n secondaryActionsRef.current?.classList.toggle(styles.verticalActionsContainer, enable);\n secondaryActionsRef.current?.classList.toggle(styles.horizontalActionsContainer, !enable);\n }, []);\n\n // Эффект проверяющий уместилось ли все содержимое экшн бара в его контейнер и переключающий отображение на\n // вертикальное если не уместилось. Работает только для модалки. Намеренно не триггерится на ресайз контента,\n // чтобы ориентация определялась только при первичном рендере и при смене брейкпоинтов. Чтобы если например\n // кнопка из-за смены надписи стала на пару десятков пикселей шире интерфейс модалки резко не перепрыгивал\n // в вертикальный вариант.\n useLayoutEffect(() => {\n if (\n type !== 'modal' \|\|\n !additionalContentRef.current \|\|\n !additionalContentWrapperRef.current \|\|\n !actionsStackRef.current \|\|\n !actionsStackWrapperRef.current\n ) {\n return void 0;\n }\n\n toggleVerticalLayout(false);\n const enableVerticalLayout =\n additionalContentRef.current.offsetHeight > additionalContentWrapperRef.current.offsetHeight \|\|\n additionalContentRef.current.offsetWidth > additionalContentWrapperRef.current.offsetWidth \|\|\n actionsStackRef.current.scrollWidth > actionsStackWrapperRef.current.offsetWidth;\n toggleVerticalLayout(enableVerticalLayout);\n\n return void 0;\n }, [type, primaryActions, secondaryActions, additionalContent, breakpoint, toggleVerticalLayout]);\n\n if (!primaryActions && !secondaryActions && !additionalContent) {\n return null;\n }\n\n const dataQa = `actions-container-${type}`;\n\n return (\n <Layer layer={InternalLayerName.ActionBar}>\n <div\n ref={actionBarRef}\n data-qa=\"action-bar\"\n className={classnames({\n [styles.actionBarFixed]: type === 'page',\n [styles.actionBarWithProgressBar]: shouldShowProgress,\n })}\n >\n {shouldShowDivider && (\n <div data-qa=\"divider\">\n <Divider mode=\"horizontal\" />\n </div>\n )}\n {shouldShowProgress && (\n <div data-qa=\"progress-bar\" className={styles.progressBar}>\n {showProgress}\n </div>\n )}\n <div data-qa=\"actions-container\" className={styles[`actions-wrapper_${type}`]}>\n {/* Не получилось заюзать useBreakpoint, т.к. он по умолчанию при первичном рендере возвращает isXS = true\n Из-за этого для type=\"page\" на >XS экранах сначала рендерится вертикальный стэк хотя должен быть горизонтальный\n это может быть критично для определения высоты экшен бара */}\n {(type === 'page' \|\| type === 'mobile') && (\n <div\n className={classnames(styles.actionsStack, {\n [styles.actionsStackVerticalOnMobile]: type === 'mobile',\n [styles.actionsStackVerticalOnPageXs]: type === 'page',\n })}\n data-qa={dataQa}\n >\n {!!additionalContent && (\n <div\n className={classnames(styles.additionalContentContainer, {\n [styles.additionalContentMobile]: type === 'mobile',\n })}\n data-qa=\"additional-content\"\n >\n {additionalContent}\n </div>\n )}\n {!!primaryActions && (\n <div\n className={`${STRETCHED_WRAPPER_CLASS} ${styles.verticalActionsContainer}`}\n data-qa=\"primary-actions\"\n >\n {primaryActions}\n </div>\n )}\n {!!secondaryActions && (\n <div\n className={`${STRETCHED_WRAPPER_CLASS} ${styles.verticalActionsContainer}`}\n data-qa=\"secondary-actions\"\n >\n {secondaryActions}\n </div>\n )}\n </div>\n )}\n {type === 'page' && (\n <div\n className={classnames(styles.actionsStack, styles.actionsStackHorizontalOnGtXs, {\n [styles.rightOnlyActions]: !secondaryActions && !additionalContent,\n })}\n data-qa={dataQa}\n >\n {!!secondaryActions && (\n <div className={styles.horizontalActionsContainer} data-qa=\"secondary-actions\">\n {secondaryActions}\n </div>\n )}\n {!!additionalContent && (\n <div className={styles.additionalContentContainer}>\n <div\n className={classnames(styles.additionalContentWrapper, {\n [styles.additionalContentOverflowWrapper]:\n !!primaryActions \|\| !!secondaryActions,\n })}\n data-qa=\"additional-content\"\n >\n {additionalContent}\n </div>\n </div>\n )}\n {!!primaryActions && (\n <div className={styles.horizontalActionsContainer} data-qa=\"primary-actions\">\n {primaryActions}\n </div>\n )}\n </div>\n )}\n {(type === 'modal' \|\| type === 'modal-vertical') && (\n <div ref={actionsStackWrapperRef} className={styles.actionsStackWrapper}>\n <div\n className={classnames(styles.actionsStack, styles.actionsStackModal, {\n [styles.actionsStackModalVertical]: type === 'modal-vertical',\n [styles.rightOnlyActions]: !secondaryActions && !additionalContent,\n })}\n ref={actionsStackRef}\n data-qa={dataQa}\n >\n {!!secondaryActions && (\n <div\n className={classnames({\n [styles.horizontalActionsContainer]: type === 'modal',\n [styles.verticalActionsContainer]: type === 'modal-vertical',\n [STRETCHED_WRAPPER_CLASS]: type === 'modal-vertical',\n })}\n ref={secondaryActionsRef}\n data-qa=\"secondary-actions\"\n >\n {secondaryActions}\n </div>\n )}\n {!!additionalContent && (\n <div className={classnames(styles.additionalContentContainer)}>\n <div\n className={classnames(styles.additionalContentWrapper, {\n [styles.additionalContentOverflowWrapper]:\n !!primaryActions \|\| !!secondaryActions,\n })}\n ref={additionalContentWrapperRef}\n >\n <div\n ref={additionalContentRef}\n className={styles.additionalContentDimensions}\n data-qa=\"additional-content\"\n >\n {additionalContent}\n </div>\n </div>\n </div>\n )}\n {!!primaryActions && (\n <div\n className={classnames({\n [styles.horizontalActionsContainer]: type === 'modal',\n [styles.verticalActionsContainer]: type === 'modal-vertical',\n [STRETCHED_WRAPPER_CLASS]: type === 'modal-vertical',\n })}\n ref={primaryActionsRef}\n data-qa=\"primary-actions\"\n >\n {primaryActions}\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n </Layer>\n );\n};\n\nActionBar.isActionBar = true;\nActionBar.displayName = 'ActionBar';\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAEzB,MAAA,SAAS,GAA8C,CAAC,EACjE,IAAI,GAAG,MAAM,EACb,WAAW,EACX,YAAY,GAAG,KAAK,EACpB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,GACb,KAAI;AACD,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtD,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAClD,IAAA,MAAM,oBAAoB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC1D,IAAA,MAAM,2BAA2B,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACjE,IAAA,MAAM,sBAAsB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC5D,IAAA,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACrD,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACvD,IAAA,MAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAEzD,IAAA,MAAM,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,GAAG,2BAA2B,CAAC;QAC1E,IAAI;AACJ,QAAA,WAAW,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,gBAAgB,GAAG,KAAK,GAAG,WAAW;QAChF,YAAY;QACZ,WAAW;AACd,KAAA,CAAC,CAAC;IAEH,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,kBAAkB,IAAI,OAAO,WAAW,KAAK,SAAS,EAAE;YACxD,OAAO,KAAK,CAAC,CAAC;AACjB,SAAA;QACD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACnE,QAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAK;YAC/B,MAAM,WAAW,GACb,gBAAgB;AAChB,gBAAA,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC,SAAS,CAAC;AAChG,oBAAA,CAAC,CAAC;AACV,YAAA,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;SACjC,EAAE,0BAA0B,CAAC,CAAC;AAE/B,QAAA,IAAI,gBAAgB,KAAK,QAAQ,CAAC,eAAe,EAAE;AAC/C,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AACnD,SAAA;AAAM,aAAA,IAAI,gBAAgB,EAAE;AACzB,YAAA,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAC7D,SAAA;AAED,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AACnD,YAAA,gBAAgB,EAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAClE,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,UAAU,IAAI,YAAY,CAAC,OAAO,EAAE;YACpC,UAAU,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC;AAC1D,SAAA;KACJ,EAAE,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAEzD,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,MAAe,KAAI;AACzD,QAAA,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;QACpF,iBAAiB,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;AAC7E,QAAA,iBAAiB,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;AACrF,QAAA,iBAAiB,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,0BAA0B,EAAE,CAAC,MAAM,CAAC,CAAC;QACxF,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;AAC/E,QAAA,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;AACvF,QAAA,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,0BAA0B,EAAE,CAAC,MAAM,CAAC,CAAC;KAC7F,EAAE,EAAE,CAAC,CAAC;;;;;;IAOP,eAAe,CAAC,MAAK;QACjB,IACI,IAAI,KAAK,OAAO;YAChB,CAAC,oBAAoB,CAAC,OAAO;YAC7B,CAAC,2BAA2B,CAAC,OAAO;YACpC,CAAC,eAAe,CAAC,OAAO;YACxB,CAAC,sBAAsB,CAAC,OAAO,EACjC;YACE,OAAO,KAAK,CAAC,CAAC;AACjB,SAAA;QAED,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAC5B,QAAA,MAAM,oBAAoB,GACtB,oBAAoB,CAAC,OAAO,CAAC,YAAY,GAAG,2BAA2B,CAAC,OAAO,CAAC,YAAY;YAC5F,oBAAoB,CAAC,OAAO,CAAC,WAAW,GAAG,2BAA2B,CAAC,OAAO,CAAC,WAAW;YAC1F,eAAe,CAAC,OAAO,CAAC,WAAW,GAAG,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC;QACrF,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;QAE3C,OAAO,KAAK,CAAC,CAAC;AAClB,KAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAElG,IAAI,CAAC,cAAc,IAAI,CAAC,gBAAgB,IAAI,CAAC,iBAAiB,EAAE;AAC5D,QAAA,OAAO,IAAI,CAAC;AACf,KAAA;AAED,IAAA,MAAM,MAAM,GAAG,CAAqB,kBAAA,EAAA,IAAI,EAAE,CAAC;IAE3C,QACIA,IAAC,KAAK,EAAA,EAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,EAAA,QAAA,EACrCC,cACI,GAAG,EAAE,YAAY,EACT,SAAA,EAAA,YAAY,EACpB,SAAS,EAAE,UAAU,CAAC;AAClB,gBAAA,CAAC,MAAM,CAAC,cAAc,GAAG,IAAI,KAAK,MAAM;AACxC,gBAAA,CAAC,MAAM,CAAC,wBAAwB,GAAG,kBAAkB;AACxD,aAAA,CAAC,EAED,QAAA,EAAA,CAAA,iBAAiB,KACdD,GAAa,CAAA,KAAA,EAAA,EAAA,SAAA,EAAA,SAAS,EAClB,QAAA,EAAAA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,YAAY,EAAG,CAAA,EAAA,CAC3B,CACT,EACA,kBAAkB,KACfA,GAAA,CAAA,KAAA,EAAA,EAAA,SAAA,EAAa,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,QAAA,EACpD,YAAY,EACX,CAAA,CACT,EACDC,IAAA,CAAA,KAAA,EAAA,EAAA,SAAA,EAAa,mBAAmB,EAAC,SAAS,EAAE,MAAM,CAAC,CAAmB,gBAAA,EAAA,IAAI,CAAE,CAAA,CAAC,EAIxE,QAAA,EAAA,CAAA,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,QAAQ,MAClCA,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE;AACvC,gCAAA,CAAC,MAAM,CAAC,4BAA4B,GAAG,IAAI,KAAK,QAAQ;AACxD,gCAAA,CAAC,MAAM,CAAC,4BAA4B,GAAG,IAAI,KAAK,MAAM;AACzD,6BAAA,CAAC,aACO,MAAM,EAAA,QAAA,EAAA,CAEd,CAAC,CAAC,iBAAiB,KAChBD,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,0BAA0B,EAAE;AACrD,wCAAA,CAAC,MAAM,CAAC,uBAAuB,GAAG,IAAI,KAAK,QAAQ;AACtD,qCAAA,CAAC,EACM,SAAA,EAAA,oBAAoB,EAE3B,QAAA,EAAA,iBAAiB,GAChB,CACT,EACA,CAAC,CAAC,cAAc,KACbA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,CAAA,EAAG,uBAAuB,CAAA,CAAA,EAAI,MAAM,CAAC,wBAAwB,CAAA,CAAE,aAClE,iBAAiB,EAAA,QAAA,EAExB,cAAc,EAAA,CACb,CACT,EACA,CAAC,CAAC,gBAAgB,KACfA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,CAAG,EAAA,uBAAuB,CAAI,CAAA,EAAA,MAAM,CAAC,wBAAwB,CAAA,CAAE,EAClE,SAAA,EAAA,mBAAmB,EAE1B,QAAA,EAAA,gBAAgB,EACf,CAAA,CACT,IACC,CACT,EACA,IAAI,KAAK,MAAM,KACZC,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,4BAA4B,EAAE;gCAC5E,CAAC,MAAM,CAAC,gBAAgB,GAAG,CAAC,gBAAgB,IAAI,CAAC,iBAAiB;AACrE,6BAAA,CAAC,aACO,MAAM,EAAA,QAAA,EAAA,CAEd,CAAC,CAAC,gBAAgB,KACfD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,aAAU,mBAAmB,EAAA,QAAA,EACzE,gBAAgB,EACf,CAAA,CACT,EACA,CAAC,CAAC,iBAAiB,KAChBA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,0BAA0B,EAC7C,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,wBAAwB,EAAE;4CACnD,CAAC,MAAM,CAAC,gCAAgC,GACpC,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,gBAAgB;AAC7C,yCAAA,CAAC,EACM,SAAA,EAAA,oBAAoB,EAE3B,QAAA,EAAA,iBAAiB,EAChB,CAAA,EAAA,CACJ,CACT,EACA,CAAC,CAAC,cAAc,KACbA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,EAAA,SAAA,EAAU,iBAAiB,EAAA,QAAA,EACvE,cAAc,EAAA,CACb,CACT,CAAA,EAAA,CACC,CACT,EACA,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,gBAAgB,MAC3CA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACnE,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,iBAAiB,EAAE;AACjE,oCAAA,CAAC,MAAM,CAAC,yBAAyB,GAAG,IAAI,KAAK,gBAAgB;oCAC7D,CAAC,MAAM,CAAC,gBAAgB,GAAG,CAAC,gBAAgB,IAAI,CAAC,iBAAiB;AACrE,iCAAA,CAAC,EACF,GAAG,EAAE,eAAe,EAAA,SAAA,EACX,MAAM,EAEd,QAAA,EAAA,CAAA,CAAC,CAAC,gBAAgB,KACfD,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC;AAClB,4CAAA,CAAC,MAAM,CAAC,0BAA0B,GAAG,IAAI,KAAK,OAAO;AACrD,4CAAA,CAAC,MAAM,CAAC,wBAAwB,GAAG,IAAI,KAAK,gBAAgB;AAC5D,4CAAA,CAAC,uBAAuB,GAAG,IAAI,KAAK,gBAAgB;AACvD,yCAAA,CAAC,EACF,GAAG,EAAE,mBAAmB,aAChB,mBAAmB,EAAA,QAAA,EAE1B,gBAAgB,EAAA,CACf,CACT,EACA,CAAC,CAAC,iBAAiB,KAChBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,0BAA0B,CAAC,EAAA,QAAA,EACzDA,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,wBAAwB,EAAE;gDACnD,CAAC,MAAM,CAAC,gCAAgC,GACpC,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,gBAAgB;AAC7C,6CAAA,CAAC,EACF,GAAG,EAAE,2BAA2B,YAEhCA,GACI,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,oBAAoB,EACzB,SAAS,EAAE,MAAM,CAAC,2BAA2B,EAAA,SAAA,EACrC,oBAAoB,EAAA,QAAA,EAE3B,iBAAiB,EAAA,CAChB,EACJ,CAAA,EAAA,CACJ,CACT,EACA,CAAC,CAAC,cAAc,KACbA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC;AAClB,4CAAA,CAAC,MAAM,CAAC,0BAA0B,GAAG,IAAI,KAAK,OAAO;AACrD,4CAAA,CAAC,MAAM,CAAC,wBAAwB,GAAG,IAAI,KAAK,gBAAgB;AAC5D,4CAAA,CAAC,uBAAuB,GAAG,IAAI,KAAK,gBAAgB;AACvD,yCAAA,CAAC,EACF,GAAG,EAAE,iBAAiB,EAAA,SAAA,EACd,iBAAiB,EAExB,QAAA,EAAA,cAAc,EACb,CAAA,CACT,IACC,EACJ,CAAA,CACT,IACC,CACJ,EAAA,CAAA,EAAA,CACF,EACV;AACN,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;AAC7B,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
1	+ {"version":3,"file":"ActionBar.js","sources":["../src/ActionBar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, useLayoutEffect, useCallback } from 'react';\nimport classnames from 'classnames';\n\nimport { throttle } from '@hh.ru/magritte-common-func-utils';\nimport { InternalLayerName } from '@hh.ru/magritte-internal-layer-name';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { ActionBarProps } from '@hh.ru/magritte-ui-action-bar/types';\nimport { getScrollableParent, shouldShowDividerOrProgress } from '@hh.ru/magritte-ui-action-bar/utils';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { STRETCHED_WRAPPER_CLASS } from '@hh.ru/magritte-ui-button';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\n\nimport styles from './action-bar.less';\n\nconst SCROLL_HANDLER_THROTTLE_MS = 50;\n\nexport const ActionBar: FcWithFlag<ActionBarProps, 'isActionBar'> = ({\n type = 'page',\n showDivider,\n showProgress = false,\n primaryActions,\n secondaryActions,\n additionalContent,\n wrapperRef,\n}) => {\n const { breakpoint } = useBreakpoint();\n\n const [isScrollEnd, setIsScrollEnd] = useState(false);\n const actionBarRef = useRef<HTMLDivElement>(null);\n const additionalContentRef = useRef<HTMLDivElement>(null);\n const additionalContentWrapperRef = useRef<HTMLDivElement>(null);\n const actionsStackWrapperRef = useRef<HTMLDivElement>(null);\n const actionsStackRef = useRef<HTMLDivElement>(null);\n const primaryActionsRef = useRef<HTMLDivElement>(null);\n const secondaryActionsRef = useRef<HTMLDivElement>(null);\n\n const { shouldShowProgress, shouldShowDivider } = shouldShowDividerOrProgress({\n type,\n showDivider: type === 'modal' \|\| type === 'modal-vertical' ? false : showDivider,\n showProgress,\n isScrollEnd,\n });\n\n useEffect(() => {\n if (shouldShowProgress \|\| typeof showDivider === 'boolean') {\n return void 0;\n }\n const scrollableParent = getScrollableParent(actionBarRef.current);\n const handleScroll = throttle(() => {\n const isScrollEnd =\n scrollableParent &&\n Math.abs(scrollableParent.scrollHeight - scrollableParent.clientHeight - scrollableParent.scrollTop) <\n 1;\n setIsScrollEnd(!!isScrollEnd);\n }, SCROLL_HANDLER_THROTTLE_MS);\n\n if (scrollableParent === document.documentElement) {\n window.addEventListener('scroll', handleScroll);\n } else if (scrollableParent) {\n scrollableParent.addEventListener('scroll', handleScroll);\n }\n\n return () => {\n window.removeEventListener('scroll', handleScroll);\n scrollableParent?.removeEventListener('scroll', handleScroll);\n };\n }, [shouldShowProgress, showDivider]);\n\n useEffect(() => {\n if (wrapperRef && actionBarRef.current) {\n wrapperRef.current = actionBarRef.current.offsetHeight;\n }\n }, [wrapperRef, type, primaryActions, secondaryActions]);\n\n const toggleVerticalLayout = useCallback((enable: boolean) => {\n actionsStackRef.current?.classList.toggle(styles.actionsStackModalVertical, enable);\n primaryActionsRef.current?.classList.toggle(STRETCHED_WRAPPER_CLASS, enable);\n primaryActionsRef.current?.classList.toggle(styles.verticalActionsContainer, enable);\n primaryActionsRef.current?.classList.toggle(styles.horizontalActionsContainer, !enable);\n secondaryActionsRef.current?.classList.toggle(STRETCHED_WRAPPER_CLASS, enable);\n secondaryActionsRef.current?.classList.toggle(styles.verticalActionsContainer, enable);\n secondaryActionsRef.current?.classList.toggle(styles.horizontalActionsContainer, !enable);\n }, []);\n\n // Эффект проверяющий уместилось ли все содержимое экшн бара в его контейнер и переключающий отображение на\n // вертикальное если не уместилось. Работает только для модалки. Намеренно не триггерится на ресайз контента,\n // чтобы ориентация определялась только при первичном рендере и при смене брейкпоинтов. Чтобы если например\n // кнопка из-за смены надписи стала на пару десятков пикселей шире интерфейс модалки резко не перепрыгивал\n // в вертикальный вариант.\n useLayoutEffect(() => {\n if (type !== 'modal' \|\| !actionsStackRef.current \|\| !actionsStackWrapperRef.current) {\n return void 0;\n }\n\n toggleVerticalLayout(false);\n const enableVerticalLayout =\n (!!additionalContentRef.current &&\n !!additionalContentWrapperRef.current &&\n (additionalContentRef.current.offsetHeight > additionalContentWrapperRef.current.offsetHeight \|\|\n additionalContentRef.current.offsetWidth > additionalContentWrapperRef.current.offsetWidth)) \|\|\n actionsStackRef.current.scrollWidth > actionsStackWrapperRef.current.offsetWidth;\n toggleVerticalLayout(enableVerticalLayout);\n\n return void 0;\n }, [type, primaryActions, secondaryActions, additionalContent, breakpoint, toggleVerticalLayout]);\n\n if (!primaryActions && !secondaryActions && !additionalContent) {\n return null;\n }\n\n const dataQa = `actions-container-${type}`;\n\n return (\n <Layer layer={InternalLayerName.ActionBar}>\n <div\n ref={actionBarRef}\n data-qa=\"action-bar\"\n className={classnames({\n [styles.actionBarFixed]: type === 'page',\n [styles.actionBarWithProgressBar]: shouldShowProgress,\n })}\n >\n {shouldShowDivider && (\n <div data-qa=\"divider\">\n <Divider mode=\"horizontal\" />\n </div>\n )}\n {shouldShowProgress && (\n <div data-qa=\"progress-bar\" className={styles.progressBar}>\n {showProgress}\n </div>\n )}\n <div data-qa=\"actions-container\" className={styles[`actions-wrapper_${type}`]}>\n {/* Не получилось заюзать useBreakpoint, т.к. он по умолчанию при первичном рендере возвращает isXS = true\n Из-за этого для type=\"page\" на >XS экранах сначала рендерится вертикальный стэк хотя должен быть горизонтальный\n это может быть критично для определения высоты экшен бара */}\n {(type === 'page' \|\| type === 'mobile') && (\n <div\n className={classnames(styles.actionsStack, {\n [styles.actionsStackVerticalOnMobile]: type === 'mobile',\n [styles.actionsStackVerticalOnPageXs]: type === 'page',\n })}\n data-qa={dataQa}\n >\n {!!additionalContent && (\n <div\n className={classnames(styles.additionalContentContainer, {\n [styles.additionalContentMobile]: type === 'mobile',\n })}\n data-qa=\"additional-content\"\n >\n {additionalContent}\n </div>\n )}\n {!!primaryActions && (\n <div\n className={`${STRETCHED_WRAPPER_CLASS} ${styles.verticalActionsContainer}`}\n data-qa=\"primary-actions\"\n >\n {primaryActions}\n </div>\n )}\n {!!secondaryActions && (\n <div\n className={`${STRETCHED_WRAPPER_CLASS} ${styles.verticalActionsContainer}`}\n data-qa=\"secondary-actions\"\n >\n {secondaryActions}\n </div>\n )}\n </div>\n )}\n {type === 'page' && (\n <div\n className={classnames(styles.actionsStack, styles.actionsStackHorizontalOnGtXs, {\n [styles.rightOnlyActions]: !secondaryActions && !additionalContent,\n })}\n data-qa={dataQa}\n >\n {!!secondaryActions && (\n <div className={styles.horizontalActionsContainer} data-qa=\"secondary-actions\">\n {secondaryActions}\n </div>\n )}\n {!!additionalContent && (\n <div className={styles.additionalContentContainer}>\n <div\n className={classnames(styles.additionalContentWrapper, {\n [styles.additionalContentOverflowWrapper]:\n !!primaryActions \|\| !!secondaryActions,\n })}\n data-qa=\"additional-content\"\n >\n {additionalContent}\n </div>\n </div>\n )}\n {!!primaryActions && (\n <div className={styles.horizontalActionsContainer} data-qa=\"primary-actions\">\n {primaryActions}\n </div>\n )}\n </div>\n )}\n {(type === 'modal' \|\| type === 'modal-vertical') && (\n <div ref={actionsStackWrapperRef} className={styles.actionsStackWrapper}>\n <div\n className={classnames(styles.actionsStack, styles.actionsStackModal, {\n [styles.actionsStackModalVertical]: type === 'modal-vertical',\n [styles.rightOnlyActions]: !secondaryActions && !additionalContent,\n })}\n ref={actionsStackRef}\n data-qa={dataQa}\n >\n {!!secondaryActions && (\n <div\n className={classnames({\n [styles.horizontalActionsContainer]: type === 'modal',\n [styles.verticalActionsContainer]: type === 'modal-vertical',\n [STRETCHED_WRAPPER_CLASS]: type === 'modal-vertical',\n })}\n ref={secondaryActionsRef}\n data-qa=\"secondary-actions\"\n >\n {secondaryActions}\n </div>\n )}\n {!!additionalContent && (\n <div className={classnames(styles.additionalContentContainer)}>\n <div\n className={classnames(styles.additionalContentWrapper, {\n [styles.additionalContentOverflowWrapper]:\n !!primaryActions \|\| !!secondaryActions,\n })}\n ref={additionalContentWrapperRef}\n >\n <div\n ref={additionalContentRef}\n className={styles.additionalContentDimensions}\n data-qa=\"additional-content\"\n >\n {additionalContent}\n </div>\n </div>\n </div>\n )}\n {!!primaryActions && (\n <div\n className={classnames({\n [styles.horizontalActionsContainer]: type === 'modal',\n [styles.verticalActionsContainer]: type === 'modal-vertical',\n [STRETCHED_WRAPPER_CLASS]: type === 'modal-vertical',\n })}\n ref={primaryActionsRef}\n data-qa=\"primary-actions\"\n >\n {primaryActions}\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n </Layer>\n );\n};\n\nActionBar.isActionBar = true;\nActionBar.displayName = 'ActionBar';\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/index.css CHANGED Viewed

@@ -1,122 +1,122 @@
 :root{
-  --magritte-color-background-primary-v19-1-1:#ffffff;
+  --magritte-color-background-primary-v19-1-2:#ffffff;
 }
 .magritte-night-theme{
-  --magritte-color-background-primary-v19-1-1:#1B1B1B;
+  --magritte-color-background-primary-v19-1-2:#1B1B1B;
 }
-.magritte-action-bar-fixed___Ts-0i_2-2-4{
-  background-color:var(--magritte-color-background-primary-v19-1-1);
+.magritte-action-bar-fixed___Ts-0i_2-2-5{
+  background-color:var(--magritte-color-background-primary-v19-1-2);
   position:fixed;
   bottom:0;
   left:0;
   width:100%;
 }
-.magritte-action-bar-with-progress-bar___mprqw_2-2-4{
+.magritte-action-bar-with-progress-bar___mprqw_2-2-5{
   border-radius:8px 8px 0 0;
 }
-.magritte-progress-bar___tSTjx_2-2-4{
+.magritte-progress-bar___tSTjx_2-2-5{
   padding:4px 4px 0;
 }
-.magritte-actions-wrapper_mobile___DWgfU_2-2-4{
+.magritte-actions-wrapper_mobile___DWgfU_2-2-5{
   padding:16px;
 }
-.magritte-actions-wrapper_modal___aQs2b_2-2-4{
+.magritte-actions-wrapper_modal___aQs2b_2-2-5{
   padding:24px;
 }
-.magritte-actions-wrapper_modal-vertical___eQt6U_2-2-4{
+.magritte-actions-wrapper_modal-vertical___eQt6U_2-2-5{
   padding:24px;
 }
-.magritte-actions-wrapper_page___NuaNO_2-2-4{
+.magritte-actions-wrapper_page___NuaNO_2-2-5{
   padding:16px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-4{
+  body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-5{
     padding:16px 68px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-4{
+  body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-5{
     padding:16px 68px;
   }
 }
 @media (min-width: 1340px){
-  body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-4{
+  body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-5{
     padding:16px 76px;
   }
 }
 @media (min-width: 1280px){
-  body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-4{
+  body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-5{
     padding:16px 76px;
   }
 }
 @media (min-width: 1440px){
-  body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-4{
+  body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-5{
     padding:16px 108px;
   }
 }
 @media (min-width: 1920px){
-  body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-4{
+  body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-5{
     padding:16px 252px;
   }
 }
-.magritte-actions-stack___12VkP_2-2-4{
+.magritte-actions-stack___12VkP_2-2-5{
   display:none;
   width:100%;
 }
-.magritte-actions-stack___12VkP_2-2-4.magritte-right-only-actions___84fc8_2-2-4{
+.magritte-actions-stack___12VkP_2-2-5.magritte-right-only-actions___84fc8_2-2-5{
   justify-content:flex-end;
 }
-.magritte-actions-stack-vertical-on-mobile___82xhC_2-2-4{
+.magritte-actions-stack-vertical-on-mobile___82xhC_2-2-5{
   display:flex;
   flex-direction:column;
   gap:12px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-4{
+  body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-5{
     display:none;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-4{
+  body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-5{
     display:none;
   }
 }
-.magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-4{
+.magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-5{
   display:flex;
   flex-direction:column;
   gap:16px;
 }
 @media (min-width: 700px){
-  body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-4{
+  body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-5{
     display:none;
   }
 }
 @media (min-width: 600px){
-  body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-4{
+  body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-5{
     display:none;
   }
 }
-.magritte-additional-content-container___N4Q-l_2-2-4{
+.magritte-additional-content-container___N4Q-l_2-2-5{
   display:flex;
   flex:1 1 100%;
   overflow:hidden;
   position:relative;
 }
-.magritte-additional-content-container___N4Q-l_2-2-4.magritte-additional-content-mobile___nbfvk_2-2-4{
+.magritte-additional-content-container___N4Q-l_2-2-5.magritte-additional-content-mobile___nbfvk_2-2-5{
   margin-bottom:2px;
 }
-.magritte-additional-content-overflow-wrapper___hpCEQ_2-2-4{
+.magritte-additional-content-overflow-wrapper___hpCEQ_2-2-5{
   position:absolute;
   inset:0;
 }
-.magritte-additional-content-wrapper___dpdp5_2-2-4{
+.magritte-additional-content-wrapper___dpdp5_2-2-5{
   width:100%;
 }
-.magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-4{
+.magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-5{
   display:none;
 }
 @media (min-width: 700px){
-  body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-4{
+  body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-5{
     display:flex;
     flex-direction:row;
     justify-content:space-between;
@@ -125,7 +125,7 @@
   }
 }
 @media (min-width: 600px){
-  body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-4{
+  body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-5{
     display:flex;
     flex-direction:row;
     justify-content:space-between;
@@ -133,37 +133,37 @@
     gap:12px;
   }
 }
-.magritte-horizontal-actions-container___dKSH8_2-2-4{
+.magritte-horizontal-actions-container___dKSH8_2-2-5{
   display:flex;
   flex:0 0 auto;
   gap:12px;
   align-items:center;
 }
-.magritte-vertical-actions-container___j1toG_2-2-4{
+.magritte-vertical-actions-container___j1toG_2-2-5{
   display:flex;
   gap:12px;
   flex-direction:column-reverse;
   align-items:center;
 }
-.magritte-actions-stack-modal___LzxwQ_2-2-4{
+.magritte-actions-stack-modal___LzxwQ_2-2-5{
   display:flex;
   flex-direction:row;
   justify-content:space-between;
   gap:12px;
 }
-.magritte-actions-stack-modal___LzxwQ_2-2-4.magritte-actions-stack-modal-vertical___93z-V_2-2-4{
+.magritte-actions-stack-modal___LzxwQ_2-2-5.magritte-actions-stack-modal-vertical___93z-V_2-2-5{
   flex-direction:column-reverse;
 }
-.magritte-actions-stack-modal___LzxwQ_2-2-4.magritte-actions-stack-modal-vertical___93z-V_2-2-4 .magritte-additional-content-container___N4Q-l_2-2-4{
+.magritte-actions-stack-modal___LzxwQ_2-2-5.magritte-actions-stack-modal-vertical___93z-V_2-2-5 .magritte-additional-content-container___N4Q-l_2-2-5{
   order:2;
 }
-.magritte-actions-stack-modal___LzxwQ_2-2-4.magritte-actions-stack-modal-vertical___93z-V_2-2-4 .magritte-additional-content-overflow-wrapper___hpCEQ_2-2-4{
+.magritte-actions-stack-modal___LzxwQ_2-2-5.magritte-actions-stack-modal-vertical___93z-V_2-2-5 .magritte-additional-content-overflow-wrapper___hpCEQ_2-2-5{
   position:static;
 }
-.magritte-actions-stack-wrapper___OKREs_2-2-4{
+.magritte-actions-stack-wrapper___OKREs_2-2-5{
   width:100%;
 }
-.magritte-additional-content-dimensions___yEIwY_2-2-4{
+.magritte-additional-content-dimensions___yEIwY_2-2-5{
   display:flex;
   align-items:center;
   width:100%;

package/index.mock.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { FC } from 'react';
 export declare const ActionBar: FC<Record<string, unknown>>;
-export declare const isActionBarComponent: (component: import("react").ReactNode) => component is import("react").ReactElement<import("@hh.ru/magritte-ui-action-bar/types").ActionBarProps, string | import("react").JSXElementConstructor<any>>;
+export declare const isActionBarComponent: (component: import("react").ReactNode) => component is import("react").ReactElement<import("@hh.ru/magritte-ui-action-bar/types").ActionBarProps>;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-action-bar",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -20,12 +20,12 @@
     "watch": "yarn root:watch $(pwd)"
   },
   "dependencies": {
-    "@hh.ru/magritte-common-func-utils": "1.3.7",
+    "@hh.ru/magritte-common-func-utils": "1.3.8",
     "@hh.ru/magritte-internal-layer-name": "2.2.0",
-    "@hh.ru/magritte-types": "4.0.2",
-    "@hh.ru/magritte-ui-breakpoint": "4.0.3",
-    "@hh.ru/magritte-ui-button": "5.2.3",
-    "@hh.ru/magritte-ui-divider": "1.1.34",
+    "@hh.ru/magritte-types": "4.0.3",
+    "@hh.ru/magritte-ui-breakpoint": "4.0.4",
+    "@hh.ru/magritte-ui-button": "5.2.4",
+    "@hh.ru/magritte-ui-divider": "1.1.35",
     "@hh.ru/magritte-ui-layer": "2.1.0",
     "@hh.ru/magritte-ui-mock-component": "1.0.11"
   },
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "97b2c0c9ad82c0c7a940eef5c3d0d6cddeeef5cf"
+  "gitHead": "1ac30fb3b6ed8df5e0683e4551925b6ab8bf08d9"
 }

package/types.d.ts CHANGED Viewed

@@ -31,5 +31,5 @@ type ActionBarDividerProgressProps = {
     showProgress?: ReactNode;
 };
 export type ActionBarProps = BaseActionBarProps & ActionBarDividerProgressProps;
-export declare const isActionBarComponent: (component: ReactNode) => component is ReactElement<ActionBarProps, string | import("react").JSXElementConstructor<any>>;
+export declare const isActionBarComponent: (component: ReactNode) => component is ReactElement<ActionBarProps>;
 export {};

package/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { ActionBarType } from '@hh.ru/magritte-ui-action-bar/types';\n\nexport const getScrollableParent = (node: HTMLElement \| null): HTMLElement \| null => {\n if (node == null) {\n return null;\n }\n if (node.scrollHeight > node.clientHeight) {\n return node;\n }\n return getScrollableParent(node.parentElement);\n};\n\nexport const shouldShowDividerOrProgress = ({\n type,\n showDivider,\n showProgress,\n isScrollEnd,\n}: {\n type: ActionBarType;\n showDivider: boolean \| undefined;\n showProgress: ReactNode \| undefined;\n isScrollEnd: boolean;\n}): { shouldShowProgress: boolean; shouldShowDivider: boolean } => {\n const shouldShowProgress = type === 'mobile' ? false : React.isValidElement(showProgress);\n if (shouldShowProgress) {\n return {\n shouldShowProgress,\n shouldShowDivider: false,\n };\n }\n const shouldShowDivider = typeof showDivider === 'boolean' ? showDivider : !isScrollEnd;\n return {\n shouldShowProgress: false,\n shouldShowDivider,\n };\n};\n"],"names":[],"mappings":";;AAIa,MAAA,mBAAmB,GAAG,CAAC,IAAwB,KAAwB;~~IAChF~~,IAAI,IAAI,IAAI,IAAI,EAAE;AACd,QAAA,OAAO,IAAI,CAAC;~~AACf,KAAA~~;~~AACD~~,~~IAAA,~~IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;AACvC,QAAA,OAAO,IAAI,CAAC;~~AACf,KAAA~~;AACD,IAAA,OAAO,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnD,EAAE;AAEK,MAAM,2BAA2B,GAAG,CAAC,EACxC,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,WAAW,GAMd,KAAiE;AAC9D,IAAA,MAAM,kBAAkB,GAAG,IAAI,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;~~AAC1F~~,~~IAAA,~~IAAI,kBAAkB,EAAE;QACpB,OAAO;YACH,kBAAkB;AAClB,YAAA,iBAAiB,EAAE,KAAK;SAC3B,CAAC;~~AACL,KAAA~~;AACD,IAAA,MAAM,iBAAiB,GAAG,OAAO,WAAW,KAAK,SAAS,GAAG,WAAW,GAAG,CAAC,WAAW,CAAC;IACxF,OAAO;AACH,QAAA,kBAAkB,EAAE,KAAK;QACzB,iBAAiB;KACpB,CAAC;AACN;;;;"}
1	+ {"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { ActionBarType } from '@hh.ru/magritte-ui-action-bar/types';\n\nexport const getScrollableParent = (node: HTMLElement \| null): HTMLElement \| null => {\n if (node == null) {\n return null;\n }\n if (node.scrollHeight > node.clientHeight) {\n return node;\n }\n return getScrollableParent(node.parentElement);\n};\n\nexport const shouldShowDividerOrProgress = ({\n type,\n showDivider,\n showProgress,\n isScrollEnd,\n}: {\n type: ActionBarType;\n showDivider: boolean \| undefined;\n showProgress: ReactNode \| undefined;\n isScrollEnd: boolean;\n}): { shouldShowProgress: boolean; shouldShowDivider: boolean } => {\n const shouldShowProgress = type === 'mobile' ? false : React.isValidElement(showProgress);\n if (shouldShowProgress) {\n return {\n shouldShowProgress,\n shouldShowDivider: false,\n };\n }\n const shouldShowDivider = typeof showDivider === 'boolean' ? showDivider : !isScrollEnd;\n return {\n shouldShowProgress: false,\n shouldShowDivider,\n };\n};\n"],"names":[],"mappings":";;AAIa,MAAA,mBAAmB,GAAG,CAAC,IAAwB,KAAwB;AAChF,IAAA,IAAI,IAAI,IAAI,IAAI,EAAE;AACd,QAAA,OAAO,IAAI,CAAC;KACf;IACD,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;AACvC,QAAA,OAAO,IAAI,CAAC;KACf;AACD,IAAA,OAAO,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnD,EAAE;AAEK,MAAM,2BAA2B,GAAG,CAAC,EACxC,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,WAAW,GAMd,KAAiE;AAC9D,IAAA,MAAM,kBAAkB,GAAG,IAAI,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1F,IAAI,kBAAkB,EAAE;QACpB,OAAO;YACH,kBAAkB;AAClB,YAAA,iBAAiB,EAAE,KAAK;SAC3B,CAAC;KACL;AACD,IAAA,MAAM,iBAAiB,GAAG,OAAO,WAAW,KAAK,SAAS,GAAG,WAAW,GAAG,CAAC,WAAW,CAAC;IACxF,OAAO;AACH,QAAA,kBAAkB,EAAE,KAAK;QACzB,iBAAiB;KACpB,CAAC;AACN;;;;"}