@hh.ru/magritte-ui-suggest 6.4.22 → 6.4.23

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 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-wZsRgnao.js';
9
+ import { s as styles } from './sectionRenderers-B7B-d2W1.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-wZsRgnao.js';
12
+ import { r as renderSection, s as styles } from './sectionRenderers-B7B-d2W1.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
@@ -1,64 +1,64 @@
1
1
  :root{
2
- --magritte-color-text-primary-v21-0-0:#000000;
2
+ --magritte-color-text-primary-v21-1-0:#000000;
3
3
  }
4
4
  :root{
5
- --magritte-static-space-300-v21-0-0:12px;
6
- --magritte-static-space-400-v21-0-0:16px;
5
+ --magritte-static-space-300-v21-1-0:12px;
6
+ --magritte-static-space-400-v21-1-0:16px;
7
7
  }
8
8
  .magritte-night-theme{
9
- --magritte-color-text-primary-v21-0-0:#ffffff;
9
+ --magritte-color-text-primary-v21-1-0:#ffffff;
10
10
  }
11
- .magritte-chips-section-container___Z7N-E_6-4-22{
11
+ .magritte-chips-section-container___Z7N-E_6-4-23{
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-22{
17
+ .magritte-chips-section-container_with-other-items___eJZAr_6-4-23{
18
18
  padding-bottom:16px;
19
19
  }
20
- .magritte-suggest-items-container___SKj-g_6-4-22{
20
+ .magritte-suggest-items-container___SKj-g_6-4-23{
21
21
  display:flex;
22
22
  flex-direction:column;
23
23
  }
24
- .magritte-suggest-items-container___SKj-g_6-4-22 .focus-visible{
24
+ .magritte-suggest-items-container___SKj-g_6-4-23 .focus-visible{
25
25
  z-index:1;
26
26
  position:relative;
27
27
  }
28
- .magritte-suggest-items-container-wrapper___T2L5U_6-4-22{
29
- padding:var(--magritte-static-space-400-v21-0-0);
30
- margin:calc(-1 * var(--magritte-static-space-400-v21-0-0));
28
+ .magritte-suggest-items-container-wrapper___T2L5U_6-4-23{
29
+ padding:var(--magritte-static-space-400-v21-1-0);
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-22{
36
- padding:var(--magritte-static-space-300-v21-0-0);
35
+ body.magritte-old-layout .magritte-suggest-items-container-wrapper___T2L5U_6-4-23{
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-22{
41
- padding:var(--magritte-static-space-300-v21-0-0);
40
+ body:not(.magritte-old-layout) .magritte-suggest-items-container-wrapper___T2L5U_6-4-23{
41
+ padding:var(--magritte-static-space-300-v21-1-0);
42
42
  }
43
43
  }
44
- .magritte-suggest-input-container___l3OkM_6-4-22{
44
+ .magritte-suggest-input-container___l3OkM_6-4-23{
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-22{
51
- --magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v21-0-0);
50
+ body.magritte-old-layout .magritte-suggest-input-container___l3OkM_6-4-23{
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-22{
56
- --magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v21-0-0);
55
+ body:not(.magritte-old-layout) .magritte-suggest-input-container___l3OkM_6-4-23{
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-22{
59
+ .magritte-bottom-sheet-input-hide-caret___ikoig_6-4-23{
60
60
  --magritte-ui-input-caret-color-override:transparent;
61
61
  }
62
- .magritte-error-wrapper___Ui4xt_6-4-22{
62
+ .magritte-error-wrapper___Ui4xt_6-4-23{
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-wZsRgnao.js';
17
+ import './sectionRenderers-B7B-d2W1.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.22",
3
+ "version": "6.4.23",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,21 +24,21 @@
24
24
  "@hh.ru/magritte-common-fuzzy-search": "1.0.5",
25
25
  "@hh.ru/magritte-common-keyboard": "4.0.4",
26
26
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
27
- "@hh.ru/magritte-design-tokens": "21.0.0",
28
- "@hh.ru/magritte-ui-bottom-sheet": "5.5.31",
27
+ "@hh.ru/magritte-design-tokens": "21.1.0",
28
+ "@hh.ru/magritte-ui-bottom-sheet": "5.5.32",
29
29
  "@hh.ru/magritte-ui-breakpoint": "5.0.0",
30
- "@hh.ru/magritte-ui-button": "5.2.15",
31
- "@hh.ru/magritte-ui-card": "6.1.28",
32
- "@hh.ru/magritte-ui-cell": "4.0.30",
33
- "@hh.ru/magritte-ui-chips": "5.3.6",
34
- "@hh.ru/magritte-ui-drop": "7.2.13",
35
- "@hh.ru/magritte-ui-icon": "7.9.11",
36
- "@hh.ru/magritte-ui-input": "7.1.5",
30
+ "@hh.ru/magritte-ui-button": "5.2.16",
31
+ "@hh.ru/magritte-ui-card": "6.1.29",
32
+ "@hh.ru/magritte-ui-cell": "4.0.31",
33
+ "@hh.ru/magritte-ui-chips": "5.3.7",
34
+ "@hh.ru/magritte-ui-drop": "7.2.14",
35
+ "@hh.ru/magritte-ui-icon": "7.9.12",
36
+ "@hh.ru/magritte-ui-input": "7.1.6",
37
37
  "@hh.ru/magritte-ui-mock-component": "1.0.12",
38
- "@hh.ru/magritte-ui-navigation-bar": "6.3.18",
39
- "@hh.ru/magritte-ui-theme-provider": "1.1.36",
40
- "@hh.ru/magritte-ui-trigger": "3.0.16",
41
- "@hh.ru/magritte-ui-typography": "3.0.26"
38
+ "@hh.ru/magritte-ui-navigation-bar": "6.3.19",
39
+ "@hh.ru/magritte-ui-theme-provider": "1.1.37",
40
+ "@hh.ru/magritte-ui-trigger": "3.0.17",
41
+ "@hh.ru/magritte-ui-typography": "3.0.27"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "axios": ">=0.26.0",
@@ -48,5 +48,5 @@
48
48
  "publishConfig": {
49
49
  "access": "public"
50
50
  },
51
- "gitHead": "36c75d7b7d428adec223c1f73bc097ddcf0e08d0"
51
+ "gitHead": "6ae3dbd40e749f4dfd123c76295ec05afc2c79e0"
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-22","chipsSectionContainer":"magritte-chips-section-container___Z7N-E_6-4-22","chips-section-container_with-other-items":"magritte-chips-section-container_with-other-items___eJZAr_6-4-22","chipsSectionContainerWithOtherItems":"magritte-chips-section-container_with-other-items___eJZAr_6-4-22","suggest-items-container":"magritte-suggest-items-container___SKj-g_6-4-22","suggestItemsContainer":"magritte-suggest-items-container___SKj-g_6-4-22","suggest-items-container-wrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-22","suggestItemsContainerWrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-22","suggest-input-container":"magritte-suggest-input-container___l3OkM_6-4-22","suggestInputContainer":"magritte-suggest-input-container___l3OkM_6-4-22","bottom-sheet-input-hide-caret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-22","bottomSheetInputHideCaret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-22","error-wrapper":"magritte-error-wrapper___Ui4xt_6-4-22","errorWrapper":"magritte-error-wrapper___Ui4xt_6-4-22"};
11
+ var styles = {"chips-section-container":"magritte-chips-section-container___Z7N-E_6-4-23","chipsSectionContainer":"magritte-chips-section-container___Z7N-E_6-4-23","chips-section-container_with-other-items":"magritte-chips-section-container_with-other-items___eJZAr_6-4-23","chipsSectionContainerWithOtherItems":"magritte-chips-section-container_with-other-items___eJZAr_6-4-23","suggest-items-container":"magritte-suggest-items-container___SKj-g_6-4-23","suggestItemsContainer":"magritte-suggest-items-container___SKj-g_6-4-23","suggest-items-container-wrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-23","suggestItemsContainerWrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-23","suggest-input-container":"magritte-suggest-input-container___l3OkM_6-4-23","suggestInputContainer":"magritte-suggest-input-container___l3OkM_6-4-23","bottom-sheet-input-hide-caret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-23","bottomSheetInputHideCaret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-23","error-wrapper":"magritte-error-wrapper___Ui4xt_6-4-23","errorWrapper":"magritte-error-wrapper___Ui4xt_6-4-23"};
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-wZsRgnao.js.map
48
+ //# sourceMappingURL=sectionRenderers-B7B-d2W1.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sectionRenderers-wZsRgnao.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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"}
1
+ {"version":3,"file":"sectionRenderers-B7B-d2W1.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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"}
@@ -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-wZsRgnao.js';
10
+ export { r as renderSection } from './sectionRenderers-B7B-d2W1.js';
11
11
  //# sourceMappingURL=sectionRenderers.js.map