@hh.ru/magritte-ui-suggest 6.4.23 → 6.4.24
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.
- package/Suggest.js +1 -1
- package/SuggestPicker.js +1 -1
- package/index.css +12 -12
- package/index.js +1 -1
- package/package.json +6 -6
- package/{sectionRenderers-B7B-d2W1.js → sectionRenderers-BmbQyASX.js} +2 -2
- package/{sectionRenderers-B7B-d2W1.js.map → sectionRenderers-BmbQyASX.js.map} +1 -1
- package/sectionRenderers.js +1 -1
package/Suggest.js
CHANGED
|
@@ -6,7 +6,7 @@ import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
|
|
|
6
6
|
import { getSearchResultCount, SuggestPicker } from './SuggestPicker.js';
|
|
7
7
|
import { DataProviderError } from './dataProvider.js';
|
|
8
8
|
import { useSuggestKeyboardNav } from './useSuggestKeyboardNav.js';
|
|
9
|
-
import { s as styles } from './sectionRenderers-
|
|
9
|
+
import { s as styles } from './sectionRenderers-BmbQyASX.js';
|
|
10
10
|
import 'classnames';
|
|
11
11
|
import '@hh.ru/magritte-common-keyboard';
|
|
12
12
|
import '@hh.ru/magritte-ui-bottom-sheet';
|
package/SuggestPicker.js
CHANGED
|
@@ -9,7 +9,7 @@ import { Button } from '@hh.ru/magritte-ui-button';
|
|
|
9
9
|
import { Drop } from '@hh.ru/magritte-ui-drop';
|
|
10
10
|
import { ArrowPathOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
|
|
11
11
|
import { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';
|
|
12
|
-
import { r as renderSection, s as styles } from './sectionRenderers-
|
|
12
|
+
import { r as renderSection, s as styles } from './sectionRenderers-BmbQyASX.js';
|
|
13
13
|
import '@hh.ru/magritte-ui-card';
|
|
14
14
|
import '@hh.ru/magritte-ui-cell';
|
|
15
15
|
import '@hh.ru/magritte-ui-chips';
|
package/index.css
CHANGED
|
@@ -8,57 +8,57 @@
|
|
|
8
8
|
.magritte-night-theme{
|
|
9
9
|
--magritte-color-text-primary-v21-1-0:#ffffff;
|
|
10
10
|
}
|
|
11
|
-
.magritte-chips-section-container___Z7N-E_6-4-
|
|
11
|
+
.magritte-chips-section-container___Z7N-E_6-4-24{
|
|
12
12
|
display:flex;
|
|
13
13
|
gap:12px;
|
|
14
14
|
flex:1 1;
|
|
15
15
|
flex-wrap:wrap;
|
|
16
16
|
}
|
|
17
|
-
.magritte-chips-section-container_with-other-items___eJZAr_6-4-
|
|
17
|
+
.magritte-chips-section-container_with-other-items___eJZAr_6-4-24{
|
|
18
18
|
padding-bottom:16px;
|
|
19
19
|
}
|
|
20
|
-
.magritte-suggest-items-container___SKj-g_6-4-
|
|
20
|
+
.magritte-suggest-items-container___SKj-g_6-4-24{
|
|
21
21
|
display:flex;
|
|
22
22
|
flex-direction:column;
|
|
23
23
|
}
|
|
24
|
-
.magritte-suggest-items-container___SKj-g_6-4-
|
|
24
|
+
.magritte-suggest-items-container___SKj-g_6-4-24 .focus-visible{
|
|
25
25
|
z-index:1;
|
|
26
26
|
position:relative;
|
|
27
27
|
}
|
|
28
|
-
.magritte-suggest-items-container-wrapper___T2L5U_6-4-
|
|
28
|
+
.magritte-suggest-items-container-wrapper___T2L5U_6-4-24{
|
|
29
29
|
padding:var(--magritte-static-space-400-v21-1-0);
|
|
30
30
|
margin:calc(-1 * var(--magritte-static-space-400-v21-1-0));
|
|
31
31
|
display:flex;
|
|
32
32
|
flex-direction:column;
|
|
33
33
|
}
|
|
34
34
|
@media (min-width: 1020px){
|
|
35
|
-
body.magritte-old-layout .magritte-suggest-items-container-wrapper___T2L5U_6-4-
|
|
35
|
+
body.magritte-old-layout .magritte-suggest-items-container-wrapper___T2L5U_6-4-24{
|
|
36
36
|
padding:var(--magritte-static-space-300-v21-1-0);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
@media (min-width: 1024px){
|
|
40
|
-
body:not(.magritte-old-layout) .magritte-suggest-items-container-wrapper___T2L5U_6-4-
|
|
40
|
+
body:not(.magritte-old-layout) .magritte-suggest-items-container-wrapper___T2L5U_6-4-24{
|
|
41
41
|
padding:var(--magritte-static-space-300-v21-1-0);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
.magritte-suggest-input-container___l3OkM_6-4-
|
|
44
|
+
.magritte-suggest-input-container___l3OkM_6-4-24{
|
|
45
45
|
--magritte-ui-input-caret-color-override:transparent;
|
|
46
46
|
display:inline-block;
|
|
47
47
|
width:100%;
|
|
48
48
|
}
|
|
49
49
|
@media (min-width: 700px){
|
|
50
|
-
body.magritte-old-layout .magritte-suggest-input-container___l3OkM_6-4-
|
|
50
|
+
body.magritte-old-layout .magritte-suggest-input-container___l3OkM_6-4-24{
|
|
51
51
|
--magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v21-1-0);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
@media (min-width: 600px){
|
|
55
|
-
body:not(.magritte-old-layout) .magritte-suggest-input-container___l3OkM_6-4-
|
|
55
|
+
body:not(.magritte-old-layout) .magritte-suggest-input-container___l3OkM_6-4-24{
|
|
56
56
|
--magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v21-1-0);
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
-
.magritte-bottom-sheet-input-hide-caret___ikoig_6-4-
|
|
59
|
+
.magritte-bottom-sheet-input-hide-caret___ikoig_6-4-24{
|
|
60
60
|
--magritte-ui-input-caret-color-override:transparent;
|
|
61
61
|
}
|
|
62
|
-
.magritte-error-wrapper___Ui4xt_6-4-
|
|
62
|
+
.magritte-error-wrapper___Ui4xt_6-4-24{
|
|
63
63
|
height:100%;
|
|
64
64
|
}
|
package/index.js
CHANGED
|
@@ -14,7 +14,7 @@ import '@hh.ru/magritte-ui-button';
|
|
|
14
14
|
import '@hh.ru/magritte-ui-drop';
|
|
15
15
|
import '@hh.ru/magritte-ui-icon/icon';
|
|
16
16
|
import '@hh.ru/magritte-ui-navigation-bar';
|
|
17
|
-
import './sectionRenderers-
|
|
17
|
+
import './sectionRenderers-BmbQyASX.js';
|
|
18
18
|
import '@hh.ru/magritte-ui-card';
|
|
19
19
|
import '@hh.ru/magritte-ui-cell';
|
|
20
20
|
import '@hh.ru/magritte-ui-chips';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-suggest",
|
|
3
|
-
"version": "6.4.
|
|
3
|
+
"version": "6.4.24",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
"@hh.ru/magritte-common-keyboard": "4.0.4",
|
|
26
26
|
"@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
|
|
27
27
|
"@hh.ru/magritte-design-tokens": "21.1.0",
|
|
28
|
-
"@hh.ru/magritte-ui-bottom-sheet": "5.5.
|
|
28
|
+
"@hh.ru/magritte-ui-bottom-sheet": "5.5.33",
|
|
29
29
|
"@hh.ru/magritte-ui-breakpoint": "5.0.0",
|
|
30
|
-
"@hh.ru/magritte-ui-button": "5.2.
|
|
30
|
+
"@hh.ru/magritte-ui-button": "5.2.17",
|
|
31
31
|
"@hh.ru/magritte-ui-card": "6.1.29",
|
|
32
|
-
"@hh.ru/magritte-ui-cell": "4.0.
|
|
32
|
+
"@hh.ru/magritte-ui-cell": "4.0.32",
|
|
33
33
|
"@hh.ru/magritte-ui-chips": "5.3.7",
|
|
34
34
|
"@hh.ru/magritte-ui-drop": "7.2.14",
|
|
35
35
|
"@hh.ru/magritte-ui-icon": "7.9.12",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@hh.ru/magritte-ui-mock-component": "1.0.12",
|
|
38
38
|
"@hh.ru/magritte-ui-navigation-bar": "6.3.19",
|
|
39
39
|
"@hh.ru/magritte-ui-theme-provider": "1.1.37",
|
|
40
|
-
"@hh.ru/magritte-ui-trigger": "3.0.
|
|
40
|
+
"@hh.ru/magritte-ui-trigger": "3.0.18",
|
|
41
41
|
"@hh.ru/magritte-ui-typography": "3.0.27"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"publishConfig": {
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "d33b4ea8036af0bce43ca0846f63d04e1caf77e4"
|
|
52
52
|
}
|
|
@@ -8,7 +8,7 @@ import { Cell } from '@hh.ru/magritte-ui-cell';
|
|
|
8
8
|
import { CustomChip } from '@hh.ru/magritte-ui-chips';
|
|
9
9
|
import { Text } from '@hh.ru/magritte-ui-typography';
|
|
10
10
|
|
|
11
|
-
var styles = {"chips-section-container":"magritte-chips-section-container___Z7N-E_6-4-
|
|
11
|
+
var styles = {"chips-section-container":"magritte-chips-section-container___Z7N-E_6-4-24","chipsSectionContainer":"magritte-chips-section-container___Z7N-E_6-4-24","chips-section-container_with-other-items":"magritte-chips-section-container_with-other-items___eJZAr_6-4-24","chipsSectionContainerWithOtherItems":"magritte-chips-section-container_with-other-items___eJZAr_6-4-24","suggest-items-container":"magritte-suggest-items-container___SKj-g_6-4-24","suggestItemsContainer":"magritte-suggest-items-container___SKj-g_6-4-24","suggest-items-container-wrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-24","suggestItemsContainerWrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-24","suggest-input-container":"magritte-suggest-input-container___l3OkM_6-4-24","suggestInputContainer":"magritte-suggest-input-container___l3OkM_6-4-24","bottom-sheet-input-hide-caret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-24","bottomSheetInputHideCaret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-24","error-wrapper":"magritte-error-wrapper___Ui4xt_6-4-24","errorWrapper":"magritte-error-wrapper___Ui4xt_6-4-24"};
|
|
12
12
|
|
|
13
13
|
const cellSectionRenderer = (section, sectionId, onValueSelect, breakpoint) => {
|
|
14
14
|
return section.items.map((item) => {
|
|
@@ -45,4 +45,4 @@ const renderSection = (section, sectionId, onValueSelect, breakpoint, length, ha
|
|
|
45
45
|
};
|
|
46
46
|
|
|
47
47
|
export { renderSection as r, styles as s };
|
|
48
|
-
//# sourceMappingURL=sectionRenderers-
|
|
48
|
+
//# sourceMappingURL=sectionRenderers-BmbQyASX.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sectionRenderers-
|
|
1
|
+
{"version":3,"file":"sectionRenderers-BmbQyASX.js","sources":["../src/sectionRenderers.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { Breakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { Cell } from '@hh.ru/magritte-ui-cell';\nimport { CustomChip } from '@hh.ru/magritte-ui-chips';\nimport { DataSection, DataSectionOfType } from '@hh.ru/magritte-ui-suggest/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './suggest.less';\n\ninterface ValueSelectHandler<K> {\n (value: string, data: K | undefined): void;\n}\n\ninterface SectionRenderer<T extends DataSection['type'], K = unknown> {\n (\n section: DataSectionOfType<T>,\n sectionId: number,\n onValueSelect: ValueSelectHandler<K>,\n breakpoint: Breakpoint,\n length: number,\n haveBottomContent: boolean\n ): JSX.Element[] | JSX.Element;\n}\n\nconst cellSectionRenderer: SectionRenderer<'cells'> = (section, sectionId, onValueSelect, breakpoint) => {\n return section.items.map((item) => {\n return (\n <Card\n style=\"blank\"\n stretched\n hoverStyle=\"neutral\"\n onMouseDown={(event) => {\n event.preventDefault();\n }}\n onClick={(event) => {\n event.preventDefault();\n onValueSelect(item.value, item.data);\n }}\n actionCard\n padding={[Breakpoint.XS, Breakpoint.S].includes(breakpoint) ? 0 : 12}\n paddingTop={12}\n paddingBottom={12}\n borderRadius={12}\n key={`cell_${sectionId}_${item.value}`}\n data-qa=\"suggest-item-cell\"\n >\n <Cell {...item.componentProps} onClick={undefined} />\n </Card>\n );\n });\n};\n\nconst chipsSectionRenderer: SectionRenderer<'chips'> = (\n section,\n sectionId,\n onValueSelect,\n _,\n length,\n haveBottomContent\n) => {\n return (\n <div\n className={classnames(styles.chipsSectionContainer, {\n // чипсы - не последний элемент или есть нижний контент\n [styles.chipsSectionContainerWithOtherItems]: sectionId !== length - 1 || haveBottomContent,\n })}\n key={`chips_section_${sectionId}`}\n >\n {section.items.map((item) => {\n return (\n <CustomChip\n {...(item.componentProps || {})}\n key={`chips_${sectionId}_${item.value}`}\n onMouseDown={(event) => event.preventDefault()}\n onClick={() => onValueSelect(item.value, item.data)}\n data-qa=\"suggest-item-chips\"\n >\n {item.value}\n </CustomChip>\n );\n })}\n </div>\n );\n};\n\nconst delimiterSectionRenderer: SectionRenderer<'delimiter'> = (section, _, __, breakpoint) => {\n return [\n <Card\n style=\"blank\"\n stretched\n padding={[Breakpoint.XS, Breakpoint.S].includes(breakpoint) ? 0 : 12}\n paddingTop={8}\n paddingBottom={8}\n key={`delimiter_${section.text}`}\n data-qa=\"suggest-item-delimiter\"\n >\n <Text style=\"secondary\" typography=\"label-3-regular\">\n {section.text}\n </Text>\n </Card>,\n ];\n};\n\nconst SECTION_TYPE_TO_RENDERER_MAP: { [K in DataSection['type']]: SectionRenderer<K> } = {\n cells: cellSectionRenderer,\n chips: chipsSectionRenderer,\n delimiter: delimiterSectionRenderer,\n};\n\nexport const renderSection = <T, K extends DataSection['type']>(\n section: DataSectionOfType<K>,\n sectionId: number,\n onValueSelect: ValueSelectHandler<T>,\n breakpoint: Breakpoint,\n length: number,\n haveBottomContent: boolean\n): JSX.Element[] => {\n const renderer = SECTION_TYPE_TO_RENDERER_MAP[section.type];\n const result = renderer(\n section,\n sectionId,\n onValueSelect as ValueSelectHandler<unknown>,\n breakpoint,\n length,\n haveBottomContent\n );\n return Array.isArray(result) ? result : [result];\n};\n"],"names":["_jsx","_createElement"],"mappings":"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"}
|
package/sectionRenderers.js
CHANGED
|
@@ -7,5 +7,5 @@ import '@hh.ru/magritte-ui-card';
|
|
|
7
7
|
import '@hh.ru/magritte-ui-cell';
|
|
8
8
|
import '@hh.ru/magritte-ui-chips';
|
|
9
9
|
import '@hh.ru/magritte-ui-typography';
|
|
10
|
-
export { r as renderSection } from './sectionRenderers-
|
|
10
|
+
export { r as renderSection } from './sectionRenderers-BmbQyASX.js';
|
|
11
11
|
//# sourceMappingURL=sectionRenderers.js.map
|