@hh.ru/magritte-ui-suggest 8.0.7 → 8.0.9
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 +5 -5
- package/{sectionRenderers-Cm1qOaOa.js → sectionRenderers-D1-cUhUq.js} +2 -2
- package/{sectionRenderers-Cm1qOaOa.js.map → sectionRenderers-D1-cUhUq.js.map} +1 -1
- package/sectionRenderers.js +1 -1
package/Suggest.js
CHANGED
|
@@ -6,7 +6,7 @@ import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
|
|
|
6
6
|
import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
|
|
7
7
|
import { getSearchResultCount, SuggestPicker } from './SuggestPicker.js';
|
|
8
8
|
import { useSuggestKeyboardNav } from './useSuggestKeyboardNav.js';
|
|
9
|
-
import { s as styles } from './sectionRenderers-
|
|
9
|
+
import { s as styles } from './sectionRenderers-D1-cUhUq.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-D1-cUhUq.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-3-2:#ffffff;
|
|
10
10
|
}
|
|
11
|
-
.magritte-chips-section-container___Z7N-E_8-0-
|
|
11
|
+
.magritte-chips-section-container___Z7N-E_8-0-9{
|
|
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_8-0-
|
|
17
|
+
.magritte-chips-section-container_with-other-items___eJZAr_8-0-9{
|
|
18
18
|
padding-bottom:16px;
|
|
19
19
|
}
|
|
20
|
-
.magritte-suggest-items-container___SKj-g_8-0-
|
|
20
|
+
.magritte-suggest-items-container___SKj-g_8-0-9{
|
|
21
21
|
display:flex;
|
|
22
22
|
flex-direction:column;
|
|
23
23
|
}
|
|
24
|
-
.magritte-suggest-items-container___SKj-g_8-0-
|
|
24
|
+
.magritte-suggest-items-container___SKj-g_8-0-9 .focus-visible{
|
|
25
25
|
z-index:1;
|
|
26
26
|
position:relative;
|
|
27
27
|
}
|
|
28
|
-
.magritte-suggest-items-container-wrapper___T2L5U_8-0-
|
|
28
|
+
.magritte-suggest-items-container-wrapper___T2L5U_8-0-9{
|
|
29
29
|
padding:var(--magritte-static-space-400-v21-3-2);
|
|
30
30
|
margin:calc(-1 * var(--magritte-static-space-400-v21-3-2));
|
|
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_8-0-
|
|
35
|
+
body.magritte-old-layout .magritte-suggest-items-container-wrapper___T2L5U_8-0-9{
|
|
36
36
|
padding:var(--magritte-static-space-300-v21-3-2);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
@media (min-width: 1024px){
|
|
40
|
-
body:not(.magritte-old-layout) .magritte-suggest-items-container-wrapper___T2L5U_8-0-
|
|
40
|
+
body:not(.magritte-old-layout) .magritte-suggest-items-container-wrapper___T2L5U_8-0-9{
|
|
41
41
|
padding:var(--magritte-static-space-300-v21-3-2);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
.magritte-suggest-input-container___l3OkM_8-0-
|
|
44
|
+
.magritte-suggest-input-container___l3OkM_8-0-9{
|
|
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_8-0-
|
|
50
|
+
body.magritte-old-layout .magritte-suggest-input-container___l3OkM_8-0-9{
|
|
51
51
|
--magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v21-3-2);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
@media (min-width: 600px){
|
|
55
|
-
body:not(.magritte-old-layout) .magritte-suggest-input-container___l3OkM_8-0-
|
|
55
|
+
body:not(.magritte-old-layout) .magritte-suggest-input-container___l3OkM_8-0-9{
|
|
56
56
|
--magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v21-3-2);
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
-
.magritte-bottom-sheet-input-hide-caret___ikoig_8-0-
|
|
59
|
+
.magritte-bottom-sheet-input-hide-caret___ikoig_8-0-9{
|
|
60
60
|
--magritte-ui-input-caret-color-override:transparent;
|
|
61
61
|
}
|
|
62
|
-
.magritte-error-wrapper___Ui4xt_8-0-
|
|
62
|
+
.magritte-error-wrapper___Ui4xt_8-0-9{
|
|
63
63
|
height:100%;
|
|
64
64
|
}
|
package/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
export * from '@hh.ru/magritte-ui-theme-provider';
|
|
3
3
|
export { Suggest } from './Suggest.js';
|
|
4
|
-
export { R as RenderItemDefault } from './sectionRenderers-
|
|
4
|
+
export { R as RenderItemDefault } from './sectionRenderers-D1-cUhUq.js';
|
|
5
5
|
import 'react/jsx-runtime';
|
|
6
6
|
import 'react';
|
|
7
7
|
import '@hh.ru/magritte-common-data-provider';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-suggest",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.9",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@hh.ru/magritte-common-keyboard": "4.1.0",
|
|
27
27
|
"@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
|
|
28
28
|
"@hh.ru/magritte-design-tokens": "21.3.2",
|
|
29
|
-
"@hh.ru/magritte-ui-bottom-sheet": "7.1.
|
|
29
|
+
"@hh.ru/magritte-ui-bottom-sheet": "7.1.5",
|
|
30
30
|
"@hh.ru/magritte-ui-breakpoint": "5.0.0",
|
|
31
31
|
"@hh.ru/magritte-ui-button": "5.2.29",
|
|
32
32
|
"@hh.ru/magritte-ui-card": "7.0.6",
|
|
@@ -34,9 +34,9 @@
|
|
|
34
34
|
"@hh.ru/magritte-ui-chips": "5.4.0",
|
|
35
35
|
"@hh.ru/magritte-ui-drop": "8.0.4",
|
|
36
36
|
"@hh.ru/magritte-ui-icon": "10.2.0",
|
|
37
|
-
"@hh.ru/magritte-ui-input": "7.2.
|
|
37
|
+
"@hh.ru/magritte-ui-input": "7.2.1",
|
|
38
38
|
"@hh.ru/magritte-ui-mock-component": "1.1.0",
|
|
39
|
-
"@hh.ru/magritte-ui-navigation-bar": "9.0.
|
|
39
|
+
"@hh.ru/magritte-ui-navigation-bar": "9.0.1",
|
|
40
40
|
"@hh.ru/magritte-ui-theme-provider": "1.1.41",
|
|
41
41
|
"@hh.ru/magritte-ui-trigger": "3.1.0",
|
|
42
42
|
"@hh.ru/magritte-ui-typography": "3.0.32"
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"publishConfig": {
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "5546e501ceaa9f410f752a9625ee71aed605f388"
|
|
52
52
|
}
|
|
@@ -8,7 +8,7 @@ import { Cell, CellText } 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_8-0-
|
|
11
|
+
var styles = {"chips-section-container":"magritte-chips-section-container___Z7N-E_8-0-9","chipsSectionContainer":"magritte-chips-section-container___Z7N-E_8-0-9","chips-section-container_with-other-items":"magritte-chips-section-container_with-other-items___eJZAr_8-0-9","chipsSectionContainerWithOtherItems":"magritte-chips-section-container_with-other-items___eJZAr_8-0-9","suggest-items-container":"magritte-suggest-items-container___SKj-g_8-0-9","suggestItemsContainer":"magritte-suggest-items-container___SKj-g_8-0-9","suggest-items-container-wrapper":"magritte-suggest-items-container-wrapper___T2L5U_8-0-9","suggestItemsContainerWrapper":"magritte-suggest-items-container-wrapper___T2L5U_8-0-9","suggest-input-container":"magritte-suggest-input-container___l3OkM_8-0-9","suggestInputContainer":"magritte-suggest-input-container___l3OkM_8-0-9","bottom-sheet-input-hide-caret":"magritte-bottom-sheet-input-hide-caret___ikoig_8-0-9","bottomSheetInputHideCaret":"magritte-bottom-sheet-input-hide-caret___ikoig_8-0-9","error-wrapper":"magritte-error-wrapper___Ui4xt_8-0-9","errorWrapper":"magritte-error-wrapper___Ui4xt_8-0-9"};
|
|
12
12
|
|
|
13
13
|
const RenderItemDefault = ({ type, data, item, onValueSelect, 'data-qa': dataQa, }) => {
|
|
14
14
|
if (type === 'cells') {
|
|
@@ -66,4 +66,4 @@ const renderSection = (section, sectionId, onValueSelect, breakpoint, length, ha
|
|
|
66
66
|
};
|
|
67
67
|
|
|
68
68
|
export { RenderItemDefault as R, renderSection as r, styles as s };
|
|
69
|
-
//# sourceMappingURL=sectionRenderers-
|
|
69
|
+
//# sourceMappingURL=sectionRenderers-D1-cUhUq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sectionRenderers-
|
|
1
|
+
{"version":3,"file":"sectionRenderers-D1-cUhUq.js","sources":["../src/sectionRenderers.tsx"],"sourcesContent":["import { ReactElement, Fragment } from 'react';\nimport classnames from 'classnames';\n\nimport { DataSection, DataSectionOfType } from '@hh.ru/magritte-common-data-provider';\nimport { Breakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { CustomChip } from '@hh.ru/magritte-ui-chips';\nimport {\n RenderOptionType,\n SuggestOptionProps,\n ValueSelectHandler,\n SuggestOptionWithText,\n} from '@hh.ru/magritte-ui-suggest/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './suggest.less';\n\nexport const RenderItemDefault = <DataType,>({\n type,\n data,\n item,\n onValueSelect,\n 'data-qa': dataQa,\n}: SuggestOptionProps<DataType>): ReactElement | null => {\n if (type === 'cells') {\n return (\n <Cell>\n <CellText>{(data as SuggestOptionWithText)?.text || item.value}</CellText>\n </Cell>\n );\n }\n if (type === 'chips') {\n return (\n <CustomChip\n onMouseDown={(event) => event.preventDefault()}\n onClick={() => onValueSelect(item.value, item.data)}\n data-qa={dataQa}\n >\n {item.value}\n </CustomChip>\n );\n }\n return null;\n};\n\nexport const renderSection = <DataSectionType extends DataSection['type'], DataType>(\n section: DataSectionOfType<DataSectionType>,\n sectionId: number,\n onValueSelect: ValueSelectHandler<DataType>,\n breakpoint: Breakpoint,\n length: number,\n haveBottomContent: boolean,\n renderItem: RenderOptionType<DataType> = RenderItemDefault\n): JSX.Element[] => {\n if (section.type === 'cells') {\n const cellsSection = section as DataSectionOfType<'cells', DataType>;\n return cellsSection.items.map((item) => {\n return (\n <Card\n style=\"primary\"\n stretched\n hoverStyle=\"secondary\"\n onMouseDown={(event) => {\n event.preventDefault();\n }}\n onClick={(event) => {\n event.preventDefault();\n onValueSelect(item.value, item.data);\n }}\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 {renderItem({\n type: section.type,\n item,\n data: item.data,\n onValueSelect,\n breakpoint,\n 'data-qa': 'suggest-item-cell-text',\n })}\n </Card>\n );\n });\n }\n\n if (section.type === 'chips') {\n const chipsSection = section as DataSectionOfType<'chips', DataType>;\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 {chipsSection.items.map((item) => {\n return (\n <Fragment key={`chips_${sectionId}_${item.value}`}>\n {renderItem({\n type: section.type,\n item,\n data: item.data,\n onValueSelect,\n breakpoint,\n 'data-qa': 'suggest-item-chips',\n })}\n </Fragment>\n );\n })}\n </div>,\n ];\n }\n\n if (section.type === 'delimiter') {\n const delimiterSection = section as DataSectionOfType<'delimiter', DataType>;\n return [\n <Card\n style=\"primary\"\n stretched\n padding={[Breakpoint.XS, Breakpoint.S].includes(breakpoint) ? 0 : 12}\n paddingTop={8}\n paddingBottom={8}\n key={`delimiter_${delimiterSection.text}`}\n data-qa=\"suggest-item-delimiter\"\n >\n <Text style=\"secondary\" typography=\"label-3-regular\">\n {delimiterSection.text}\n </Text>\n </Card>,\n ];\n }\n\n return [];\n};\n"],"names":["_jsx"],"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 RenderItemDefault, r as renderSection } from './sectionRenderers-
|
|
10
|
+
export { R as RenderItemDefault, r as renderSection } from './sectionRenderers-D1-cUhUq.js';
|
|
11
11
|
//# sourceMappingURL=sectionRenderers.js.map
|