@hh.ru/magritte-ui-action-bar 2.1.10 → 2.1.12

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 +1 -1
  2. package/index.css +25 -25
  3. package/package.json +4 -5
  4. package/types.d.ts +6 -8
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-10","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-1-10","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-1-10","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-1-10","progress-bar":"magritte-progress-bar___tSTjx_2-1-10","progressBar":"magritte-progress-bar___tSTjx_2-1-10","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-1-10","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-1-10","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-1-10","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-1-10","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-1-10","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-1-10","actions-stack":"magritte-actions-stack___12VkP_2-1-10","actionsStack":"magritte-actions-stack___12VkP_2-1-10","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-1-10","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-1-10","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-10","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-10","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-10","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-10"};
12
+ var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-1-12","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-1-12","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-1-12","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-1-12","progress-bar":"magritte-progress-bar___tSTjx_2-1-12","progressBar":"magritte-progress-bar___tSTjx_2-1-12","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-1-12","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-1-12","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-1-12","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-1-12","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-1-12","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-1-12","actions-stack":"magritte-actions-stack___12VkP_2-1-12","actionsStack":"magritte-actions-stack___12VkP_2-1-12","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-1-12","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-1-12","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-12","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-12","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-12","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-12"};
13
13
 
14
14
  const SCROLL_HANDLER_THROTTLE_MS = 50;
15
15
  const ActionBar = ({ type, showDivider, showProgress = false, primaryActions = [], secondaryActions = [], wrapperRef, }) => {
package/index.css CHANGED
@@ -1,95 +1,95 @@
1
1
  :root{
2
- --magritte-color-background-primary-v18-3-1:#ffffff;
2
+ --magritte-color-background-primary-v19-0-0:#ffffff;
3
3
  }
4
4
  .magritte-night-theme{
5
- --magritte-color-background-primary-v18-3-1:#1B1B1B;
5
+ --magritte-color-background-primary-v19-0-0:#1B1B1B;
6
6
  }
7
- .magritte-action-bar-fixed___Ts-0i_2-1-10{
8
- background-color:var(--magritte-color-background-primary-v18-3-1);
7
+ .magritte-action-bar-fixed___Ts-0i_2-1-12{
8
+ background-color:var(--magritte-color-background-primary-v19-0-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-10{
14
+ .magritte-action-bar-with-progress-bar___mprqw_2-1-12{
15
15
  border-radius:8px 8px 0 0;
16
16
  }
17
- .magritte-progress-bar___tSTjx_2-1-10{
17
+ .magritte-progress-bar___tSTjx_2-1-12{
18
18
  padding:4px 4px 0;
19
19
  }
20
- .magritte-actions-wrapper_mobile___DWgfU_2-1-10{
20
+ .magritte-actions-wrapper_mobile___DWgfU_2-1-12{
21
21
  padding:16px;
22
22
  }
23
- .magritte-actions-wrapper_modal___aQs2b_2-1-10{
23
+ .magritte-actions-wrapper_modal___aQs2b_2-1-12{
24
24
  padding:32px;
25
25
  }
26
- .magritte-actions-wrapper_page___NuaNO_2-1-10{
26
+ .magritte-actions-wrapper_page___NuaNO_2-1-12{
27
27
  padding:16px;
28
28
  }
29
29
  @media (min-width: 1020px){
30
- body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-1-10{
30
+ body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-1-12{
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-10{
35
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-12{
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-10{
40
+ body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-1-12{
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-10{
45
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-12{
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-10{
50
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-12{
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-10{
55
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-1-12{
56
56
  padding:16px 252px;
57
57
  }
58
58
  }
59
- .magritte-actions-stack___12VkP_2-1-10{
59
+ .magritte-actions-stack___12VkP_2-1-12{
60
60
  display:none;
61
61
  }
62
- .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-10{
62
+ .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-12{
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-10{
66
+ body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-12{
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-10{
71
+ body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-1-12{
72
72
  display:none;
73
73
  }
74
74
  }
75
- .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-10{
75
+ .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-12{
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-10{
79
+ body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-12{
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-10{
84
+ body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-1-12{
85
85
  display:none;
86
86
  }
87
87
  }
88
- .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-10{
88
+ .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-12{
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-10{
92
+ body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-12{
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-10{
101
+ body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-1-12{
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.10",
3
+ "version": "2.1.12",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -22,9 +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.8",
26
- "@hh.ru/magritte-ui-button-stack": "2.1.8",
27
- "@hh.ru/magritte-ui-divider": "1.1.31",
25
+ "@hh.ru/magritte-ui-button-stack": "2.1.10",
26
+ "@hh.ru/magritte-ui-divider": "1.1.32",
28
27
  "@hh.ru/magritte-ui-layer": "2.0.6",
29
28
  "@hh.ru/magritte-ui-mock-component": "1.0.11"
30
29
  },
@@ -35,5 +34,5 @@
35
34
  "publishConfig": {
36
35
  "access": "public"
37
36
  },
38
- "gitHead": "0426064d044b8d9226151259d9a175af5c8d1dab"
37
+ "gitHead": "221bc5bb48b75a7d399b5db083a3da598e543f9f"
39
38
  }
package/types.d.ts CHANGED
@@ -1,8 +1,6 @@
1
- import { ComponentProps, MutableRefObject, ReactElement, ReactNode } from 'react';
2
- import { Button } from '@hh.ru/magritte-ui-button';
1
+ import { MutableRefObject, ReactNode } from 'react';
2
+ import { ButtonElement } from '@hh.ru/magritte-ui-button-stack';
3
3
  export type ActionBarType = 'page' | 'modal' | 'mobile';
4
- export type NonEmptyArray<T> = [T, ...T[]];
5
- export type ButtonElement = ReactElement<ComponentProps<typeof Button>>;
6
4
  interface BaseActionBarProps {
7
5
  /** ActionBar тип */
8
6
  type: ActionBarType;
@@ -11,13 +9,13 @@ interface BaseActionBarProps {
11
9
  }
12
10
  interface ActionBarWithPrimaryProps extends BaseActionBarProps {
13
11
  /** Массив с primary кнопками */
14
- primaryActions: NonEmptyArray<ButtonElement>;
12
+ primaryActions: ButtonElement[];
15
13
  /** Массив с secondary кнопками */
16
- secondaryActions?: NonEmptyArray<ButtonElement>;
14
+ secondaryActions?: ButtonElement[];
17
15
  }
18
16
  interface ActionBarWithSecondaryProps extends BaseActionBarProps {
19
- primaryActions?: NonEmptyArray<ButtonElement>;
20
- secondaryActions: NonEmptyArray<ButtonElement>;
17
+ primaryActions?: ButtonElement[];
18
+ secondaryActions: ButtonElement[];
21
19
  }
22
20
  type ActionBarDividerProgressProps = {
23
21
  type: Extract<ActionBarType, 'mobile'>;