@alfalab/core-components-input-autocomplete 9.4.0 → 9.4.1

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 (70) hide show
  1. package/Component-aed0af6e.d.ts +11 -0
  2. package/{Component-4b555174.d.ts → Component-b4e70cb0.d.ts} +4 -0
  3. package/Component-bdb4c6b9.d.ts +7 -11
  4. package/Component-f12ee135.d.ts +3 -3
  5. package/Component.mobile.js +2 -2
  6. package/Component.modal.mobile.d.ts +10 -2
  7. package/Component.modal.mobile.js +2 -2
  8. package/Component.responsive.js +1 -1
  9. package/autocomplete-field/Component.js +1 -1
  10. package/autocomplete-field/index.css +2 -2
  11. package/autocomplete-mobile-field/Component.js +1 -1
  12. package/autocomplete-mobile-field/index.css +8 -8
  13. package/cssm/Component-aed0af6e.d.ts +11 -0
  14. package/{esm/Component-4b555174.d.ts → cssm/Component-b4e70cb0.d.ts} +4 -0
  15. package/cssm/Component-bdb4c6b9.d.ts +7 -11
  16. package/cssm/Component-f12ee135.d.ts +3 -3
  17. package/cssm/{Component.mobile-b2c0420d.d.ts → Component.mobile-e81c389f.d.ts} +5 -2
  18. package/cssm/Component.mobile.js +1 -1
  19. package/cssm/Component.modal.mobile.d.ts +10 -2
  20. package/cssm/Component.modal.mobile.js +1 -1
  21. package/cssm/{hook-4b555174.d.ts → hook-b4e70cb0.d.ts} +17 -6
  22. package/cssm/index-ebda875c.d.ts +95 -216
  23. package/esm/Component-aed0af6e.d.ts +11 -0
  24. package/{cssm/Component-4b555174.d.ts → esm/Component-b4e70cb0.d.ts} +4 -0
  25. package/esm/Component-bdb4c6b9.d.ts +11 -7
  26. package/esm/Component-f12ee135.d.ts +3 -3
  27. package/esm/Component.mobile.js +2 -2
  28. package/esm/Component.modal.mobile.d.ts +10 -2
  29. package/esm/Component.modal.mobile.js +2 -2
  30. package/esm/Component.responsive.js +1 -1
  31. package/esm/autocomplete-field/Component.js +1 -1
  32. package/esm/autocomplete-field/index.css +2 -2
  33. package/esm/autocomplete-mobile-field/Component.js +1 -1
  34. package/esm/autocomplete-mobile-field/index.css +8 -8
  35. package/esm/{hook-4b555174.d.ts → hook-b4e70cb0.d.ts} +17 -6
  36. package/esm/index-ebda875c.d.ts +95 -216
  37. package/esm/index.js +1 -1
  38. package/esm/mobile.css +4 -4
  39. package/esm/mobile.js +1 -1
  40. package/esm/{mobile.module-0ca7666f.js → mobile.module-bad1a093.js} +1 -1
  41. package/esm/responsive.js +1 -1
  42. package/{hook-4b555174.d.ts → hook-b4e70cb0.d.ts} +17 -6
  43. package/index-ebda875c.d.ts +95 -216
  44. package/index.js +1 -1
  45. package/mobile.css +4 -4
  46. package/mobile.js +1 -1
  47. package/{mobile.module-48c4c311.js → mobile.module-22ee5ba9.js} +1 -1
  48. package/modern/Component-aed0af6e.d.ts +11 -0
  49. package/modern/{Component-4b555174.d.ts → Component-b4e70cb0.d.ts} +4 -0
  50. package/modern/Component.desktop.d.ts +4 -4
  51. package/modern/Component.mobile.js +2 -2
  52. package/modern/Component.modal.mobile.d.ts +9 -1
  53. package/modern/Component.modal.mobile.js +2 -2
  54. package/modern/Component.responsive.d.ts +4 -4
  55. package/modern/Component.responsive.js +1 -1
  56. package/modern/autocomplete-field/Component.js +1 -1
  57. package/modern/autocomplete-field/index.css +2 -2
  58. package/modern/autocomplete-mobile-field/Component.js +1 -1
  59. package/modern/autocomplete-mobile-field/index.css +8 -8
  60. package/modern/{hook-4b555174.d.ts → hook-b4e70cb0.d.ts} +17 -6
  61. package/modern/index-ebda875c.d.ts +95 -216
  62. package/modern/index.js +1 -1
  63. package/modern/mobile.css +4 -4
  64. package/modern/mobile.js +1 -1
  65. package/modern/{mobile.module-95a2557d.js → mobile.module-32ab5262.js} +1 -1
  66. package/modern/responsive.js +1 -1
  67. package/package.json +2 -2
  68. package/responsive.js +1 -1
  69. /package/{esm/Component.mobile-e81c389f.d.ts → Component.mobile-e81c389f.d.ts} +0 -0
  70. /package/{Component.mobile-b2c0420d.d.ts → esm/Component.mobile-b2c0420d.d.ts} +0 -0
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { CheckboxProps } from "./index-ebda875c";
4
+ type HeaderProps = {
5
+ checked?: boolean;
6
+ indeterminate?: boolean;
7
+ onChange?: CheckboxProps['onChange'];
8
+ mobile?: boolean;
9
+ };
10
+ declare const Header: React.FC<HeaderProps>;
11
+ export { HeaderProps, Header };
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
3
3
  import React from 'react';
4
+ import { HeaderProps } from "./Component-aed0af6e";
4
5
  type FooterProps = {
5
6
  handleClear?: () => void;
6
7
  handleApply?: () => void;
@@ -14,5 +15,8 @@ declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListP
14
15
  selectedDraft?: OptionShape[] | undefined;
15
16
  OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
16
17
  Footer?: React.FC<FooterProps> | undefined;
18
+ Header?: React.FC<HeaderProps> | undefined;
19
+ headerProps?: HeaderProps | undefined;
20
+ showHeaderWithSelectAll?: boolean | undefined;
17
21
  } & React.RefAttributes<HTMLDivElement>>;
18
22
  export { FooterProps, Footer, OptionsListWithApply };
@@ -1,12 +1,8 @@
1
1
  /// <reference types="react" />
2
- import React from 'react';
3
- import { View } from "./typings-bdb4c6b9";
4
- declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
5
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
6
- fullscreen?: boolean | undefined;
7
- fixedPosition?: boolean | undefined;
8
- hasCloser?: boolean | undefined;
9
- } & {
10
- view: View;
11
- } & React.RefAttributes<HTMLDivElement>>;
12
- export { Modal };
2
+ type FooterProps = {
3
+ handleClear?: () => void;
4
+ handleApply?: () => void;
5
+ showClear?: boolean;
6
+ };
7
+ declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
8
+ export { FooterProps, Footer };
@@ -61,11 +61,11 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
61
61
  /**
62
62
  * Дополнительные пропсы шапки модалки
63
63
  */
64
- modalHeaderProps?: Partial<import("./Component.modal.mobile").HeaderProps> | undefined;
64
+ modalHeaderProps?: Partial<import("./Component.mobile-e81c389f").HeaderProps> | undefined;
65
65
  /**
66
66
  * Дополнительные пропсы футера модалки
67
67
  */
68
- modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
68
+ modalFooterProps?: Partial<import("./Component.mobile-e81c389f").FooterProps> | undefined;
69
69
  } & React.RefAttributes<unknown>>;
70
- export * from "./Component.mobile-b2c0420d";
70
+ export * from "./Component.mobile-e81c389f";
71
71
  export { SelectMobileProps, BaseSelectMobile };
@@ -11,7 +11,7 @@ var coreComponentsButton = require('@alfalab/core-components-button');
11
11
  var coreComponentsInput = require('@alfalab/core-components-input');
12
12
  var coreComponentsSelect = require('@alfalab/core-components-select');
13
13
  var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
14
- var mobile_module = require('./mobile.module-48c4c311.js');
14
+ var mobile_module = require('./mobile.module-22ee5ba9.js');
15
15
  require('@alfalab/core-components-form-control');
16
16
  require('@alfalab/hooks');
17
17
 
@@ -83,7 +83,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
83
83
  bottomSheetHeaderAddonsProps.ref,
84
84
  ]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
85
85
  };
86
- return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
86
+ return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, useWithApplyHook: false, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
87
87
  });
88
88
 
89
89
  exports.InputAutocompleteMobile = InputAutocompleteMobile;
@@ -3,9 +3,9 @@ import React from 'react';
3
3
  import { ChangeEvent, ElementType } from "react";
4
4
  import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectChangePayload } from "./index-3e68f8db";
6
- import { UseSelectWithApplyProps } from "./hook-4b555174";
6
+ import { ModalMobile } from "./Component.mobile-e81c389f";
7
+ import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
7
8
  import { BaseSelectProps } from "./typings-5e1b8383";
8
- import { ModalMobile } from "./Component.mobile-b2c0420d";
9
9
  type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
10
10
  /**
11
11
  * Показывать кнопку очистки
@@ -27,6 +27,14 @@ type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> &
27
27
  * Дополнительные пропсы футера модалки
28
28
  */
29
29
  modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
30
+ /*
31
+ * Показывать пункт "Выбрать все" в заголовке списка
32
+ */
33
+ showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
34
+ /**
35
+ * Использовать ли хук useSelectWithApply
36
+ */
37
+ useWithApplyHook?: boolean;
30
38
  };
31
39
  type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
32
40
  /**
@@ -11,7 +11,7 @@ var coreComponentsButton = require('@alfalab/core-components-button');
11
11
  var coreComponentsInput = require('@alfalab/core-components-input');
12
12
  var mobile = require('@alfalab/core-components-select/mobile');
13
13
  var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
14
- var mobile_module = require('./mobile.module-48c4c311.js');
14
+ var mobile_module = require('./mobile.module-22ee5ba9.js');
15
15
  require('@alfalab/core-components-form-control');
16
16
  require('@alfalab/hooks');
17
17
 
@@ -71,7 +71,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
71
71
  var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
72
72
  React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
73
73
  React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
74
- return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
74
+ return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
75
75
  });
76
76
 
77
77
  exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;
@@ -16,7 +16,7 @@ require('lodash.throttle');
16
16
  require('@alfalab/core-components-button');
17
17
  require('./autocomplete-mobile-field/Component.js');
18
18
  require('@alfalab/core-components-form-control');
19
- require('./mobile.module-48c4c311.js');
19
+ require('./mobile.module-22ee5ba9.js');
20
20
 
21
21
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
22
22
 
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_wso45","error":"input-autocomplete__error_wso45"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_4r1bm","error":"input-autocomplete__error_4r1bm"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 16dtc */
2
- .input-autocomplete__arrow_wso45.input-autocomplete__error_wso45 ~ * {
1
+ /* hash: 42pry */
2
+ .input-autocomplete__arrow_4r1bm.input-autocomplete__error_4r1bm ~ * {
3
3
  display: none;
4
4
  }
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"input-autocomplete__component_ob1d1","field":"input-autocomplete__field_ob1d1","disabled":"input-autocomplete__disabled_ob1d1","placeholder":"input-autocomplete__placeholder_ob1d1","contentWrapper":"input-autocomplete__contentWrapper_ob1d1","value":"input-autocomplete__value_ob1d1","focusVisible":"input-autocomplete__focusVisible_ob1d1"};
16
+ var styles = {"component":"input-autocomplete__component_xiumm","field":"input-autocomplete__field_xiumm","disabled":"input-autocomplete__disabled_xiumm","placeholder":"input-autocomplete__placeholder_xiumm","contentWrapper":"input-autocomplete__contentWrapper_xiumm","value":"input-autocomplete__value_xiumm","focusVisible":"input-autocomplete__focusVisible_xiumm"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1x6gj */
1
+ /* hash: 8cqb4 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_ob1d1 {
21
+ } .input-autocomplete__component_xiumm {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_ob1d1:not(.input-autocomplete__disabled_ob1d1) {
24
+ } .input-autocomplete__field_xiumm:not(.input-autocomplete__disabled_xiumm) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_ob1d1 {
26
+ } .input-autocomplete__disabled_xiumm {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_ob1d1 {
28
+ } .input-autocomplete__placeholder_xiumm {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_ob1d1 {
30
+ } .input-autocomplete__contentWrapper_xiumm {
31
31
  font-size: 16px;
32
32
  line-height: 20px;
33
33
  font-weight: 400;
@@ -36,11 +36,11 @@
36
36
  text-overflow: ellipsis;
37
37
  overflow: hidden;
38
38
  width: 100%;
39
- } .input-autocomplete__value_ob1d1 {
39
+ } .input-autocomplete__value_xiumm {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_ob1d1 {
43
+ } .input-autocomplete__focusVisible_xiumm {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { CheckboxProps } from "./index-ebda875c";
4
+ type HeaderProps = {
5
+ checked?: boolean;
6
+ indeterminate?: boolean;
7
+ onChange?: CheckboxProps['onChange'];
8
+ mobile?: boolean;
9
+ };
10
+ declare const Header: React.FC<HeaderProps>;
11
+ export { HeaderProps, Header };
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
3
3
  import React from 'react';
4
+ import { HeaderProps } from "./Component-aed0af6e";
4
5
  type FooterProps = {
5
6
  handleClear?: () => void;
6
7
  handleApply?: () => void;
@@ -14,5 +15,8 @@ declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListP
14
15
  selectedDraft?: OptionShape[] | undefined;
15
16
  OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
16
17
  Footer?: React.FC<FooterProps> | undefined;
18
+ Header?: React.FC<HeaderProps> | undefined;
19
+ headerProps?: HeaderProps | undefined;
20
+ showHeaderWithSelectAll?: boolean | undefined;
17
21
  } & React.RefAttributes<HTMLDivElement>>;
18
22
  export { FooterProps, Footer, OptionsListWithApply };
@@ -1,12 +1,8 @@
1
1
  /// <reference types="react" />
2
- import React from 'react';
3
- import { View } from "./typings-bdb4c6b9";
4
- declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
5
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
6
- fullscreen?: boolean | undefined;
7
- fixedPosition?: boolean | undefined;
8
- hasCloser?: boolean | undefined;
9
- } & {
10
- view: View;
11
- } & React.RefAttributes<HTMLDivElement>>;
12
- export { Modal };
2
+ type FooterProps = {
3
+ handleClear?: () => void;
4
+ handleApply?: () => void;
5
+ showClear?: boolean;
6
+ };
7
+ declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
8
+ export { FooterProps, Footer };
@@ -61,11 +61,11 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
61
61
  /**
62
62
  * Дополнительные пропсы шапки модалки
63
63
  */
64
- modalHeaderProps?: Partial<import("./Component.modal.mobile").HeaderProps> | undefined;
64
+ modalHeaderProps?: Partial<import("./Component.mobile-e81c389f").HeaderProps> | undefined;
65
65
  /**
66
66
  * Дополнительные пропсы футера модалки
67
67
  */
68
- modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
68
+ modalFooterProps?: Partial<import("./Component.mobile-e81c389f").FooterProps> | undefined;
69
69
  } & React.RefAttributes<unknown>>;
70
- export * from "./Component.mobile-b2c0420d";
70
+ export * from "./Component.mobile-e81c389f";
71
71
  export { SelectMobileProps, BaseSelectMobile };
@@ -1,7 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { FC, ReactNode } from "react";
4
+ import { NavigationBarProps } from "./index-e81c389f";
4
5
  import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
6
+ type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
7
+ declare const Header: FC<HeaderProps>;
5
8
  declare const Content: FC<ContentProps>;
6
9
  type FooterProps = {
7
10
  /**
@@ -28,8 +31,8 @@ type FooterProps = {
28
31
  declare const Footer: FC<FooterProps>;
29
32
  declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
30
33
  Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
31
- Header: React.FC<import("./Component.modal.mobile").HeaderProps>;
34
+ Header: React.FC<HeaderProps>;
32
35
  Footer: React.FC<FooterProps>;
33
36
  Closer: React.FC<import("./index-e81c389f").CloserProps>;
34
37
  };
35
- export { Content, FooterProps, Footer, ModalMobile };
38
+ export { HeaderProps, Header, Content, FooterProps, Footer, ModalMobile };
@@ -85,7 +85,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
85
85
  bottomSheetHeaderAddonsProps.ref,
86
86
  ]) }))), initialHeight: 'full' }, bottomSheetProps), { containerProps: tslib.__assign({ onTouchMove: handleOptionsListTouchMove }, bottomSheetProps.containerProps) });
87
87
  };
88
- return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
88
+ return (React__default.default.createElement(coreComponentsSelect.SelectMobile, tslib.__assign({ ref: mergeRefs__default.default([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: autocompleteMobileField_Component.AutocompleteMobileField, fieldProps: { value: value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, useWithApplyHook: false, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false } }, restProps)));
89
89
  });
90
90
 
91
91
  exports.InputAutocompleteMobile = InputAutocompleteMobile;
@@ -3,9 +3,9 @@ import React from 'react';
3
3
  import { ChangeEvent, ElementType } from "react";
4
4
  import { ButtonProps } from "@alfalab/core-components-button";
5
5
  import { BaseSelectChangePayload } from "./index-3e68f8db";
6
- import { UseSelectWithApplyProps } from "./hook-4b555174";
6
+ import { ModalMobile } from "./Component.mobile-e81c389f";
7
+ import { UseSelectWithApplyProps } from "./hook-b4e70cb0";
7
8
  import { BaseSelectProps } from "./typings-5e1b8383";
8
- import { ModalMobile } from "./Component.mobile-b2c0420d";
9
9
  type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
10
10
  /**
11
11
  * Показывать кнопку очистки
@@ -27,6 +27,14 @@ type SelectModalMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> &
27
27
  * Дополнительные пропсы футера модалки
28
28
  */
29
29
  modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
30
+ /*
31
+ * Показывать пункт "Выбрать все" в заголовке списка
32
+ */
33
+ showHeaderWithSelectAll?: UseSelectWithApplyProps["showHeaderWithSelectAll"];
34
+ /**
35
+ * Использовать ли хук useSelectWithApply
36
+ */
37
+ useWithApplyHook?: boolean;
30
38
  };
31
39
  type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
32
40
  /**
@@ -73,7 +73,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
73
73
  var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
74
74
  React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
75
75
  React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
76
- return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
76
+ return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
77
77
  });
78
78
 
79
79
  exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;
@@ -29,17 +29,22 @@ type UseSelectWithApplyProps = {
29
29
  * Показывать пункт "Выбрать все"
30
30
  */
31
31
  showSelectAll?: boolean;
32
+ /**
33
+ * Показывать пункт "Выбрать все" в заголовке списка
34
+ */
35
+ showHeaderWithSelectAll?: boolean;
32
36
  };
33
37
  declare const SELECT_ALL_KEY = "select_all";
34
- declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, }: UseSelectWithApplyProps): {
38
+ declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, }: UseSelectWithApplyProps): {
35
39
  OptionsList: import("react").ForwardRefExoticComponent<import("./index-3e68f8db").OptionsListProps & {
36
40
  showClear?: boolean | undefined;
37
41
  onClose?: (() => void) | undefined;
38
42
  selectedDraft?: OptionShape[] | undefined;
39
- OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined; /**
40
- * Пропсы, которые будут прокинуты в компонент списка
41
- */
42
- Footer?: import("react").FC<import("./Component-4b555174").FooterProps> | undefined;
43
+ OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
44
+ Footer?: import("react").FC<import("./Component-b4e70cb0").FooterProps> | undefined;
45
+ Header?: import("react").FC<import("./Component-aed0af6e").HeaderProps> | undefined;
46
+ headerProps?: import("./Component-aed0af6e").HeaderProps | undefined;
47
+ showHeaderWithSelectAll?: boolean | undefined;
43
48
  } & import("react").RefAttributes<HTMLDivElement>>;
44
49
  optionsListProps: {
45
50
  OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
@@ -48,6 +53,12 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
48
53
  onApply: () => void;
49
54
  onClose: () => void;
50
55
  selectedDraft: OptionShape[];
56
+ showHeaderWithSelectAll: boolean;
57
+ headerProps: {
58
+ indeterminate: boolean;
59
+ checked: boolean;
60
+ onChange: () => void;
61
+ };
51
62
  };
52
63
  allowUnselect: boolean;
53
64
  multiple: boolean;
@@ -58,5 +69,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
58
69
  onChange: (payload: import("./index-3e68f8db").BaseSelectChangePayload) => void;
59
70
  selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
60
71
  };
61
- export * from "./Component-4b555174";
72
+ export * from "./Component-b4e70cb0";
62
73
  export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };