@hh.ru/magritte-ui-action-bar 2.1.4 → 2.1.6

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 (4) hide show
  1. package/ActionBar.js +3 -3
  2. package/ActionBar.js.map +1 -1
  3. package/index.css +22 -22
  4. package/package.json +4 -4
package/ActionBar.js CHANGED
@@ -9,7 +9,7 @@ import { ButtonStack } from '@hh.ru/magritte-ui-button-stack';
9
9
  import { Divider } from '@hh.ru/magritte-ui-divider';
10
10
  import { Layer } from '@hh.ru/magritte-ui-layer';
11
11
 
12
- var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-1-4","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-1-4","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-1-4","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-1-4","progress-bar":"magritte-progress-bar___tSTjx_2-1-4","progressBar":"magritte-progress-bar___tSTjx_2-1-4","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-1-4","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-1-4","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-1-4","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-1-4","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-1-4","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-1-4","actions-stack":"magritte-actions-stack___12VkP_2-1-4","actionsStack":"magritte-actions-stack___12VkP_2-1-4","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-1-4","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-1-4","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-4","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-4","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-4","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-4"};
12
+ var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-1-6","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-1-6","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-1-6","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-1-6","progress-bar":"magritte-progress-bar___tSTjx_2-1-6","progressBar":"magritte-progress-bar___tSTjx_2-1-6","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-1-6","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-1-6","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-1-6","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-1-6","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-1-6","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-1-6","actions-stack":"magritte-actions-stack___12VkP_2-1-6","actionsStack":"magritte-actions-stack___12VkP_2-1-6","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-1-6","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-1-6","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-6","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-6","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-6","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-6"};
13
13
 
14
14
  const SCROLL_HANDLER_THROTTLE_MS = 50;
15
15
  const ActionBar = ({ type, showDivider, showProgress = false, primaryActions = [], secondaryActions = [], wrapperRef, }) => {
@@ -60,9 +60,9 @@ const ActionBar = ({ type, showDivider, showProgress = false, primaryActions = [
60
60
  }), children: [shouldShowDivider && (jsx("div", { "data-qa": "divider", children: jsx(Divider, { mode: "horizontal" }) })), shouldShowProgress && (jsx("div", { "data-qa": "progress-bar", className: styles.progressBar, children: showProgress })), jsxs("div", { "data-qa": "actions-container", className: styles[`actions-wrapper_${type}`], children: [jsx("div", { className: classnames(styles.actionsStack, {
61
61
  [styles.actionsStackVerticalOnMobile]: type === 'mobile',
62
62
  [styles.actionsStackVerticalOnPageXs]: type === 'page',
63
- }), children: jsx(ButtonStack, { orientation: "vertical", children: [...primaryActions, ...secondaryActions] }) }), jsxs("div", { className: classnames(styles.actionsStack, {
63
+ }), "data-qa": "actions-container-mobile", children: jsx(ButtonStack, { orientation: "vertical", children: [...primaryActions, ...secondaryActions] }) }), jsxs("div", { className: classnames(styles.actionsStack, {
64
64
  [styles.actionsStackHorizontalOnGtXs]: type === 'modal' || type === 'page',
65
- }), children: [secondaryActions && jsx(ButtonStack, { orientation: "horizontal", children: secondaryActions }), primaryActions && jsx(ButtonStack, { orientation: "horizontal", children: primaryActions })] })] })] }) }));
65
+ }), "data-qa": "actions-container-desktop", children: [secondaryActions && jsx(ButtonStack, { orientation: "horizontal", children: secondaryActions }), primaryActions && jsx(ButtonStack, { orientation: "horizontal", children: primaryActions })] })] })] }) }));
66
66
  };
67
67
  ActionBar.displayName = 'ActionBar';
68
68
 
package/ActionBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ActionBar.js","sources":["../src/ActionBar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, FC } 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 { ActionBarProps } from '@hh.ru/magritte-ui-action-bar/types';\nimport { getScrollableParent, shouldShowDividerOrProgress } from '@hh.ru/magritte-ui-action-bar/utils';\nimport { ButtonStack } from '@hh.ru/magritte-ui-button-stack';\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: FC<ActionBarProps> = ({\n type,\n showDivider,\n showProgress = false,\n primaryActions = [],\n secondaryActions = [],\n wrapperRef,\n}) => {\n const [isScrollEnd, setIsScrollEnd] = useState(false);\n const actionBarRef = useRef<HTMLDivElement>(null);\n const { shouldShowProgress, shouldShowDivider } = shouldShowDividerOrProgress({\n type,\n 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 if (\n scrollableParent &&\n Math.abs(scrollableParent.scrollHeight - scrollableParent.clientHeight - scrollableParent.scrollTop) < 1\n ) {\n setIsScrollEnd(true);\n } else {\n setIsScrollEnd(false);\n }\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 if (primaryActions.length === 0 && secondaryActions.length === 0) {\n return null;\n }\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 <div\n className={classnames(styles.actionsStack, {\n [styles.actionsStackVerticalOnMobile]: type === 'mobile',\n [styles.actionsStackVerticalOnPageXs]: type === 'page',\n })}\n >\n <ButtonStack orientation=\"vertical\">{[...primaryActions, ...secondaryActions]}</ButtonStack>\n </div>\n <div\n className={classnames(styles.actionsStack, {\n [styles.actionsStackHorizontalOnGtXs]: type === 'modal' || type === 'page',\n })}\n >\n {secondaryActions && <ButtonStack orientation=\"horizontal\">{secondaryActions}</ButtonStack>}\n {primaryActions && <ButtonStack orientation=\"horizontal\">{primaryActions}</ButtonStack>}\n </div>\n </div>\n </div>\n </Layer>\n );\n};\n\nActionBar.displayName = 'ActionBar';\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"ActionBar.js","sources":["../src/ActionBar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, FC } 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 { ActionBarProps } from '@hh.ru/magritte-ui-action-bar/types';\nimport { getScrollableParent, shouldShowDividerOrProgress } from '@hh.ru/magritte-ui-action-bar/utils';\nimport { ButtonStack } from '@hh.ru/magritte-ui-button-stack';\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: FC<ActionBarProps> = ({\n type,\n showDivider,\n showProgress = false,\n primaryActions = [],\n secondaryActions = [],\n wrapperRef,\n}) => {\n const [isScrollEnd, setIsScrollEnd] = useState(false);\n const actionBarRef = useRef<HTMLDivElement>(null);\n const { shouldShowProgress, shouldShowDivider } = shouldShowDividerOrProgress({\n type,\n 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 if (\n scrollableParent &&\n Math.abs(scrollableParent.scrollHeight - scrollableParent.clientHeight - scrollableParent.scrollTop) < 1\n ) {\n setIsScrollEnd(true);\n } else {\n setIsScrollEnd(false);\n }\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 if (primaryActions.length === 0 && secondaryActions.length === 0) {\n return null;\n }\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 <div\n className={classnames(styles.actionsStack, {\n [styles.actionsStackVerticalOnMobile]: type === 'mobile',\n [styles.actionsStackVerticalOnPageXs]: type === 'page',\n })}\n data-qa=\"actions-container-mobile\"\n >\n <ButtonStack orientation=\"vertical\">{[...primaryActions, ...secondaryActions]}</ButtonStack>\n </div>\n <div\n className={classnames(styles.actionsStack, {\n [styles.actionsStackHorizontalOnGtXs]: type === 'modal' || type === 'page',\n })}\n data-qa=\"actions-container-desktop\"\n >\n {secondaryActions && <ButtonStack orientation=\"horizontal\">{secondaryActions}</ButtonStack>}\n {primaryActions && <ButtonStack orientation=\"horizontal\">{primaryActions}</ButtonStack>}\n </div>\n </div>\n </div>\n </Layer>\n );\n};\n\nActionBar.displayName = 'ActionBar';\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
package/index.css CHANGED
@@ -4,92 +4,92 @@
4
4
  .magritte-night-theme{
5
5
  --magritte-color-background-primary-v18-3-0:#1B1B1B;
6
6
  }
7
- .magritte-action-bar-fixed___Ts-0i_2-1-4{
7
+ .magritte-action-bar-fixed___Ts-0i_2-1-6{
8
8
  background-color:var(--magritte-color-background-primary-v18-3-0);
9
9
  position:fixed;
10
10
  bottom:0;
11
11
  left:0;
12
12
  width:100%;
13
13
  }
14
- .magritte-action-bar-with-progress-bar___mprqw_2-1-4{
14
+ .magritte-action-bar-with-progress-bar___mprqw_2-1-6{
15
15
  border-radius:8px 8px 0 0;
16
16
  }
17
- .magritte-progress-bar___tSTjx_2-1-4{
17
+ .magritte-progress-bar___tSTjx_2-1-6{
18
18
  padding:4px 4px 0;
19
19
  }
20
- .magritte-actions-wrapper_mobile___DWgfU_2-1-4{
20
+ .magritte-actions-wrapper_mobile___DWgfU_2-1-6{
21
21
  padding:16px;
22
22
  }
23
- .magritte-actions-wrapper_modal___aQs2b_2-1-4{
23
+ .magritte-actions-wrapper_modal___aQs2b_2-1-6{
24
24
  padding:32px;
25
25
  }
26
- .magritte-actions-wrapper_page___NuaNO_2-1-4{
26
+ .magritte-actions-wrapper_page___NuaNO_2-1-6{
27
27
  padding:16px;
28
28
  }
29
29
  @media (min-width: 1020px){
30
- body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-1-4{
30
+ body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-1-6{
31
31
  padding:16px 68px;
32
32
  }
33
33
  }
34
34
  @media (min-width: 1024px){
35
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-4{
35
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-6{
36
36
  padding:16px 68px;
37
37
  }
38
38
  }
39
39
  @media (min-width: 1340px){
40
- body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-1-4{
40
+ body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-1-6{
41
41
  padding:16px 76px;
42
42
  }
43
43
  }
44
44
  @media (min-width: 1280px){
45
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-4{
45
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-6{
46
46
  padding:16px 76px;
47
47
  }
48
48
  }
49
49
  @media (min-width: 1440px){
50
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-4{
50
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-6{
51
51
  padding:16px 108px;
52
52
  }
53
53
  }
54
54
  @media (min-width: 1920px){
55
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-4{
55
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-6{
56
56
  padding:16px 252px;
57
57
  }
58
58
  }
59
- .magritte-actions-stack___12VkP_2-1-4{
59
+ .magritte-actions-stack___12VkP_2-1-6{
60
60
  display:none;
61
61
  }
62
- .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-4{
62
+ .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-6{
63
63
  display:block;
64
64
  }
65
65
  @media (min-width: 1020px){
66
- body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-4{
66
+ body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-6{
67
67
  display:none;
68
68
  }
69
69
  }
70
70
  @media (min-width: 1024px){
71
- body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-4{
71
+ body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-6{
72
72
  display:none;
73
73
  }
74
74
  }
75
- .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-4{
75
+ .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-6{
76
76
  display:block;
77
77
  }
78
78
  @media (min-width: 700px){
79
- body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-4{
79
+ body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-6{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @media (min-width: 600px){
84
- body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-4{
84
+ body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-6{
85
85
  display:none;
86
86
  }
87
87
  }
88
- .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-4{
88
+ .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-6{
89
89
  display:none;
90
90
  }
91
91
  @media (min-width: 700px){
92
- body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-4{
92
+ body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-6{
93
93
  display:flex;
94
94
  flex-grow:1;
95
95
  flex-direction:row;
@@ -98,7 +98,7 @@
98
98
  }
99
99
  }
100
100
  @media (min-width: 600px){
101
- body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-4{
101
+ body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-6{
102
102
  display:flex;
103
103
  flex-grow:1;
104
104
  flex-direction:row;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-action-bar",
3
- "version": "2.1.4",
3
+ "version": "2.1.6",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -22,8 +22,8 @@
22
22
  "dependencies": {
23
23
  "@hh.ru/magritte-common-func-utils": "1.3.7",
24
24
  "@hh.ru/magritte-internal-layer-name": "2.2.0",
25
- "@hh.ru/magritte-ui-button": "5.1.3",
26
- "@hh.ru/magritte-ui-button-stack": "2.1.3",
25
+ "@hh.ru/magritte-ui-button": "5.1.4",
26
+ "@hh.ru/magritte-ui-button-stack": "2.1.4",
27
27
  "@hh.ru/magritte-ui-divider": "1.1.30",
28
28
  "@hh.ru/magritte-ui-layer": "2.0.6",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.0.11"
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "63d3837ac149f9f935504ca438212690f1cd6f46"
38
+ "gitHead": "29cedbaa407f9d06100be5abfc46b3a536b7fc2f"
39
39
  }