@hh.ru/magritte-ui-select 11.0.1 → 11.0.3

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 (9) hide show
  1. package/SelectBottomSheet.js +1 -1
  2. package/SelectDrop.js +1 -1
  3. package/SelectEmptyHint.js +1 -1
  4. package/SelectError.js +1 -1
  5. package/SelectModal.js +1 -1
  6. package/SelectOption.js +1 -1
  7. package/index.css +30 -30
  8. package/package.json +4 -4
  9. package/types.d.ts +1 -1
package/SelectBottomSheet.js CHANGED
@@ -23,7 +23,7 @@ import '@hh.ru/magritte-ui-typography';
23
23
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
24
24
  import '@hh.ru/magritte-ui-checkbox-radio';
25
25
 
26
- var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_11-0-1","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_11-0-1","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_11-0-1","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_11-0-1","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_11-0-1","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_11-0-1","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_11-0-1","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_11-0-1","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_11-0-1","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_11-0-1","error-wrapper":"magritte-error-wrapper___P7jYg_11-0-1","errorWrapper":"magritte-error-wrapper___P7jYg_11-0-1"};
26
+ var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_11-0-3","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_11-0-3","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_11-0-3","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_11-0-3","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_11-0-3","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_11-0-3","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_11-0-3","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_11-0-3","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_11-0-3","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_11-0-3","error-wrapper":"magritte-error-wrapper___P7jYg_11-0-3","errorWrapper":"magritte-error-wrapper___P7jYg_11-0-3"};
27
27
 
28
28
  const SelectOptionDefault = ({ data, input, type, checked, plain, }) => {
29
29
  if (type === 'delimiter') {
package/SelectDrop.js CHANGED
@@ -19,7 +19,7 @@ import '@hh.ru/magritte-ui-typography';
19
19
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
20
20
  import '@hh.ru/magritte-ui-checkbox-radio';
21
21
 
22
- var styles = {"select-drop-container-wrapper":"magritte-select-drop-container-wrapper___OHM0q_11-0-1","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_11-0-1","select-drop-container":"magritte-select-drop-container___hee1p_11-0-1","selectDropContainer":"magritte-select-drop-container___hee1p_11-0-1","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_11-0-1","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_11-0-1","select-drop":"magritte-select-drop___jn4O-_11-0-1","selectDrop":"magritte-select-drop___jn4O-_11-0-1","select-drop-header":"magritte-select-drop-header___fMmio_11-0-1","selectDropHeader":"magritte-select-drop-header___fMmio_11-0-1","select-drop_plain":"magritte-select-drop_plain___VL8Fz_11-0-1","selectDropPlain":"magritte-select-drop_plain___VL8Fz_11-0-1","label-option":"magritte-label-option___2N7t9_11-0-1","labelOption":"magritte-label-option___2N7t9_11-0-1","loading":"magritte-loading___AMiuq_11-0-1","hint":"magritte-hint___6qaFl_11-0-1"};
22
+ var styles = {"select-drop-container-wrapper":"magritte-select-drop-container-wrapper___OHM0q_11-0-3","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_11-0-3","select-drop-container":"magritte-select-drop-container___hee1p_11-0-3","selectDropContainer":"magritte-select-drop-container___hee1p_11-0-3","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_11-0-3","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_11-0-3","select-drop":"magritte-select-drop___jn4O-_11-0-3","selectDrop":"magritte-select-drop___jn4O-_11-0-3","select-drop-header":"magritte-select-drop-header___fMmio_11-0-3","selectDropHeader":"magritte-select-drop-header___fMmio_11-0-3","select-drop_plain":"magritte-select-drop_plain___VL8Fz_11-0-3","selectDropPlain":"magritte-select-drop_plain___VL8Fz_11-0-3","label-option":"magritte-label-option___2N7t9_11-0-3","labelOption":"magritte-label-option___2N7t9_11-0-3","loading":"magritte-loading___AMiuq_11-0-3","hint":"magritte-hint___6qaFl_11-0-3"};
23
23
 
24
24
  const SelectOptionDefault = ({ data, input, type, plain, checked, }) => {
25
25
  if (type === 'delimiter') {
package/SelectEmptyHint.js CHANGED
@@ -6,7 +6,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
6
6
  import { Title } from '@hh.ru/magritte-ui-title';
7
7
  import { Text } from '@hh.ru/magritte-ui-typography';
8
8
 
9
- var styles = {"select-empty-hint":"magritte-select-empty-hint___B39XJ_11-0-1","selectEmptyHint":"magritte-select-empty-hint___B39XJ_11-0-1","icon":"magritte-icon___F0GQx_11-0-1","icon-init":"magritte-icon-init___GWK-V_11-0-1","iconInit":"magritte-icon-init___GWK-V_11-0-1","icon-search":"magritte-icon-search___ZsqO-_11-0-1","iconSearch":"magritte-icon-search___ZsqO-_11-0-1"};
9
+ var styles = {"select-empty-hint":"magritte-select-empty-hint___B39XJ_11-0-3","selectEmptyHint":"magritte-select-empty-hint___B39XJ_11-0-3","icon":"magritte-icon___F0GQx_11-0-3","icon-init":"magritte-icon-init___GWK-V_11-0-3","iconInit":"magritte-icon-init___GWK-V_11-0-3","icon-search":"magritte-icon-search___ZsqO-_11-0-3","iconSearch":"magritte-icon-search___ZsqO-_11-0-3"};
10
10
 
11
11
  const SelectEmptyHint = ({ title, titleElement, description, type }) => {
12
12
  return (jsxs("div", { className: styles.selectEmptyHint, children: [type === 'init' && (jsx("div", { className: classnames(styles.icon, styles.iconInit), children: jsx(MagnifierOutlinedSize24, {}) })), type === 'emptySearch' && (jsx("div", { className: classnames(styles.icon, styles.iconSearch), children: jsx(EmojiHalfsadOutlinedSize24, {}) })), jsx(VSpacing, { default: 32 }), jsx(Title, { Element: titleElement, size: "small", children: title }), jsx(VSpacing, { default: 8 }), Boolean(description) && (jsx(Text, { typography: "paragraph-2-regular", style: "secondary", children: description }))] }));
package/SelectError.js CHANGED
@@ -7,7 +7,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
7
7
  import { Title } from '@hh.ru/magritte-ui-title';
8
8
  import { Text } from '@hh.ru/magritte-ui-typography';
9
9
 
10
- var styles = {"error-container":"magritte-error-container___t9B5w_11-0-1","errorContainer":"magritte-error-container___t9B5w_11-0-1"};
10
+ var styles = {"error-container":"magritte-error-container___t9B5w_11-0-3","errorContainer":"magritte-error-container___t9B5w_11-0-3"};
11
11
 
12
12
  const SelectError = ({ innerErrorTrls, reload, }) => {
13
13
  const { isMobile } = useBreakpoint();
package/SelectModal.js CHANGED
@@ -22,7 +22,7 @@ import '@hh.ru/magritte-common-keyboard';
22
22
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
23
23
  import '@hh.ru/magritte-ui-checkbox-radio';
24
24
 
25
- var styles = {"select-modal-wrapper":"magritte-select-modal-wrapper___5BhtC_11-0-1","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_11-0-1","select-modal":"magritte-select-modal___f9wc6_11-0-1","selectModal":"magritte-select-modal___f9wc6_11-0-1","select-modal_plain":"magritte-select-modal_plain___0rP39_11-0-1","selectModalPlain":"magritte-select-modal_plain___0rP39_11-0-1","label-option":"magritte-label-option___kFAuR_11-0-1","labelOption":"magritte-label-option___kFAuR_11-0-1","loading":"magritte-loading___AQ5gN_11-0-1","hint":"magritte-hint___doteJ_11-0-1"};
25
+ var styles = {"select-modal-wrapper":"magritte-select-modal-wrapper___5BhtC_11-0-3","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_11-0-3","select-modal":"magritte-select-modal___f9wc6_11-0-3","selectModal":"magritte-select-modal___f9wc6_11-0-3","select-modal_plain":"magritte-select-modal_plain___0rP39_11-0-3","selectModalPlain":"magritte-select-modal_plain___0rP39_11-0-3","label-option":"magritte-label-option___kFAuR_11-0-3","labelOption":"magritte-label-option___kFAuR_11-0-3","loading":"magritte-loading___AQ5gN_11-0-3","hint":"magritte-hint___doteJ_11-0-3"};
26
26
 
27
27
  const SelectOptionDefault = ({ data, input, type, plain, checked, }) => {
28
28
  if (type === 'delimiter') {
package/SelectOption.js CHANGED
@@ -7,7 +7,7 @@ import { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/Checkabl
7
7
  import { Radio, Checkbox } from '@hh.ru/magritte-ui-checkbox-radio';
8
8
  import { Text } from '@hh.ru/magritte-ui-typography';
9
9
 
10
- var styles = {"select-option-plain":"magritte-select-option-plain___dfz4a_11-0-1","selectOptionPlain":"magritte-select-option-plain___dfz4a_11-0-1","select-delimiter":"magritte-select-delimiter___WyeR6_11-0-1","selectDelimiter":"magritte-select-delimiter___WyeR6_11-0-1"};
10
+ var styles = {"select-option-plain":"magritte-select-option-plain___dfz4a_11-0-3","selectOptionPlain":"magritte-select-option-plain___dfz4a_11-0-3","select-delimiter":"magritte-select-delimiter___WyeR6_11-0-3","selectDelimiter":"magritte-select-delimiter___WyeR6_11-0-3"};
11
11
 
12
12
  const CheckableComponent = ({ type, value, checked, name, onChange, 'data-qa': dataQa, }) => {
13
13
  if (type === 'label') {
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .magritte-error-container___t9B5w_11-0-1{
1
+ .magritte-error-container___t9B5w_11-0-3{
2
2
  display:flex;
3
3
  flex-direction:column;
4
4
  align-items:center;
@@ -6,22 +6,22 @@
6
6
  justify-content:center;
7
7
  }
8
8
  @media (min-width: 1020px){
9
- body.magritte-old-layout .magritte-error-container___t9B5w_11-0-1{
9
+ body.magritte-old-layout .magritte-error-container___t9B5w_11-0-3{
10
10
  min-height:320px;
11
11
  height:auto;
12
12
  }
13
13
  }
14
14
  @media (min-width: 1024px){
15
- body:not(.magritte-old-layout) .magritte-error-container___t9B5w_11-0-1{
15
+ body:not(.magritte-old-layout) .magritte-error-container___t9B5w_11-0-3{
16
16
  min-height:320px;
17
17
  height:auto;
18
18
  }
19
19
  }
20
20
 
21
- .magritte-select-option-plain___dfz4a_11-0-1:hover{
21
+ .magritte-select-option-plain___dfz4a_11-0-3:hover{
22
22
  cursor:pointer;
23
23
  }
24
- .magritte-select-delimiter___WyeR6_11-0-1{
24
+ .magritte-select-delimiter___WyeR6_11-0-3{
25
25
  padding-left:16px;
26
26
  padding-top:12px;
27
27
  }
@@ -29,27 +29,27 @@
29
29
  :root{
30
30
  --magritte-static-space-400-v21-4-4:16px;
31
31
  }
32
- .magritte-select-bottom-sheet___1RZDJ_11-0-1{
32
+ .magritte-select-bottom-sheet___1RZDJ_11-0-3{
33
33
  display:flex;
34
34
  flex-direction:column;
35
35
  padding:0 var(--magritte-static-space-400-v21-4-4);
36
36
  padding-bottom:16px;
37
37
  }
38
- .magritte-select-bottom-sheet_checkbox___hwTgo_11-0-1,
39
- .magritte-select-bottom-sheet_radio___qvFFV_11-0-1{
38
+ .magritte-select-bottom-sheet_checkbox___hwTgo_11-0-3,
39
+ .magritte-select-bottom-sheet_radio___qvFFV_11-0-3{
40
40
  gap:12px;
41
41
  }
42
- .magritte-select-bottom-sheet_without-header___KOKVh_11-0-1{
42
+ .magritte-select-bottom-sheet_without-header___KOKVh_11-0-3{
43
43
  padding-top:16px;
44
44
  }
45
- .magritte-full-screen-placeholder___zPC8k_11-0-1{
45
+ .magritte-full-screen-placeholder___zPC8k_11-0-3{
46
46
  display:flex;
47
47
  flex-direction:column;
48
48
  align-items:center;
49
49
  height:100%;
50
50
  justify-content:center;
51
51
  }
52
- .magritte-error-wrapper___P7jYg_11-0-1{
52
+ .magritte-error-wrapper___P7jYg_11-0-3{
53
53
  height:100%;
54
54
  }
55
55
 
@@ -57,44 +57,44 @@
57
57
  --magritte-static-space-300-v21-4-4:12px;
58
58
  --magritte-static-space-600-v21-4-4:24px;
59
59
  }
60
- .magritte-select-drop-container-wrapper___OHM0q_11-0-1{
60
+ .magritte-select-drop-container-wrapper___OHM0q_11-0-3{
61
61
  display:flex;
62
62
  flex-direction:column;
63
63
  }
64
- .magritte-select-drop-container___hee1p_11-0-1{
64
+ .magritte-select-drop-container___hee1p_11-0-3{
65
65
  display:flex;
66
66
  flex-direction:column;
67
67
  padding:var(--magritte-static-space-300-v21-4-4);
68
68
  margin:calc(-1 * var(--magritte-static-space-300-v21-4-4));
69
69
  }
70
- .magritte-select-drop-container_plain___766zl_11-0-1{
70
+ .magritte-select-drop-container_plain___766zl_11-0-3{
71
71
  padding:var(--magritte-static-space-600-v21-4-4);
72
72
  margin:calc(-1 * var(--magritte-static-space-600-v21-4-4));
73
73
  }
74
- .magritte-select-drop___jn4O-_11-0-1{
74
+ .magritte-select-drop___jn4O-_11-0-3{
75
75
  display:flex;
76
76
  flex-direction:column;
77
77
  gap:8px;
78
78
  }
79
- .magritte-select-drop-header___fMmio_11-0-1{
79
+ .magritte-select-drop-header___fMmio_11-0-3{
80
80
  display:flex;
81
81
  flex-direction:column;
82
82
  margin-bottom:8px;
83
83
  }
84
- .magritte-select-drop_plain___VL8Fz_11-0-1{
84
+ .magritte-select-drop_plain___VL8Fz_11-0-3{
85
85
  gap:16px;
86
86
  }
87
- .magritte-label-option___2N7t9_11-0-1{
87
+ .magritte-label-option___2N7t9_11-0-3{
88
88
  display:flex;
89
89
  justify-content:center;
90
90
  }
91
- .magritte-loading___AMiuq_11-0-1{
91
+ .magritte-loading___AMiuq_11-0-3{
92
92
  display:flex;
93
93
  align-items:center;
94
94
  height:150px;
95
95
  justify-content:center;
96
96
  }
97
- .magritte-hint___6qaFl_11-0-1{
97
+ .magritte-hint___6qaFl_11-0-3{
98
98
  display:flex;
99
99
  flex-direction:column;
100
100
  align-items:center;
@@ -102,29 +102,29 @@
102
102
  justify-content:center;
103
103
  }
104
104
 
105
- .magritte-select-modal-wrapper___5BhtC_11-0-1{
105
+ .magritte-select-modal-wrapper___5BhtC_11-0-3{
106
106
  display:flex;
107
107
  flex-direction:column;
108
108
  }
109
- .magritte-select-modal___f9wc6_11-0-1{
109
+ .magritte-select-modal___f9wc6_11-0-3{
110
110
  display:flex;
111
111
  flex-direction:column;
112
112
  gap:12px;
113
113
  }
114
- .magritte-select-modal_plain___0rP39_11-0-1{
114
+ .magritte-select-modal_plain___0rP39_11-0-3{
115
115
  gap:0;
116
116
  }
117
- .magritte-label-option___kFAuR_11-0-1{
117
+ .magritte-label-option___kFAuR_11-0-3{
118
118
  display:flex;
119
119
  justify-content:center;
120
120
  }
121
- .magritte-loading___AQ5gN_11-0-1{
121
+ .magritte-loading___AQ5gN_11-0-3{
122
122
  display:flex;
123
123
  align-items:center;
124
124
  min-height:320px;
125
125
  justify-content:center;
126
126
  }
127
- .magritte-hint___doteJ_11-0-1{
127
+ .magritte-hint___doteJ_11-0-3{
128
128
  display:flex;
129
129
  flex-direction:column;
130
130
  align-items:center;
@@ -144,14 +144,14 @@
144
144
  --magritte-color-icon-tertiary-v21-4-4:#767676;
145
145
  --magritte-color-icon-accent-v21-4-4:#5e9eff;
146
146
  }
147
- .magritte-select-empty-hint___B39XJ_11-0-1{
147
+ .magritte-select-empty-hint___B39XJ_11-0-3{
148
148
  display:flex;
149
149
  flex-direction:column;
150
150
  justify-content:center;
151
151
  align-content:center;
152
152
  align-items:center;
153
153
  }
154
- .magritte-icon___F0GQx_11-0-1{
154
+ .magritte-icon___F0GQx_11-0-3{
155
155
  display:flex;
156
156
  align-items:center;
157
157
  justify-content:center;
@@ -159,11 +159,11 @@
159
159
  height:48px;
160
160
  border-radius:50%;
161
161
  }
162
- .magritte-icon-init___GWK-V_11-0-1{
162
+ .magritte-icon-init___GWK-V_11-0-3{
163
163
  background-color:var(--magritte-color-background-accent-secondary-v21-4-4);
164
164
  --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v21-4-4);
165
165
  }
166
- .magritte-icon-search___ZsqO-_11-0-1{
166
+ .magritte-icon-search___ZsqO-_11-0-3{
167
167
  background-color:var(--magritte-color-background-secondary-v21-4-4);
168
168
  --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v21-4-4);
169
169
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-select",
3
- "version": "11.0.1",
3
+ "version": "11.0.3",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -31,7 +31,7 @@
31
31
  "@hh.ru/magritte-common-keyboard": "4.1.2",
32
32
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.7",
33
33
  "@hh.ru/magritte-ui-action-bar": "3.0.15",
34
- "@hh.ru/magritte-ui-bottom-sheet": "7.1.17",
34
+ "@hh.ru/magritte-ui-bottom-sheet": "7.2.0",
35
35
  "@hh.ru/magritte-ui-breakpoint": "5.0.2",
36
36
  "@hh.ru/magritte-ui-button": "5.3.5",
37
37
  "@hh.ru/magritte-ui-button-stack": "2.1.55",
@@ -47,8 +47,8 @@
47
47
  "@hh.ru/magritte-ui-spacing": "2.0.49",
48
48
  "@hh.ru/magritte-ui-theme-provider": "1.1.46",
49
49
  "@hh.ru/magritte-ui-title": "6.1.10",
50
- "@hh.ru/magritte-ui-trigger": "3.1.6",
50
+ "@hh.ru/magritte-ui-trigger": "3.1.7",
51
51
  "@hh.ru/magritte-ui-typography": "3.0.37"
52
52
  },
53
- "gitHead": "06867ef491cf6de9d1c064477f70dad510e93e7b"
53
+ "gitHead": "258669dd0def60323fb41928b4d163471f9d5d03"
54
54
  }
package/types.d.ts CHANGED
@@ -11,7 +11,7 @@ type DropPropsHelper = Omit<ComponentProps<typeof Drop>, 'placement' | 'children
11
11
  type ModalPropsHelper = Omit<ModalProps, 'footer' | 'options' | 'actions'>;
12
12
  export type TriggerPropsWithRef = ComponentProps<typeof Trigger>;
13
13
  export type TriggerExternalProps = Omit<TriggerProps, 'values' | 'expanded' | 'onChange' | 'onClear' | 'onKeyDown' | 'onBlur' | 'onFocus'>;
14
- type SelectType = 'checkbox' | 'label' | 'radio';
14
+ export type SelectType = 'checkbox' | 'label' | 'radio';
15
15
  type OptionType = 'delimiter';
16
16
  type SelectOptionType = OptionType | SelectType;
17
17
  export interface RenderOptionTypeProps<DataType extends StaticDataFetcherItem> extends SelectOptionProps<DataType> {