@alfalab/core-components-custom-picker-button 1.0.6 → 1.0.7

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 (35) hide show
  1. package/Component-3e68f8db.d.ts +3 -2
  2. package/Component-5e1b8383.d.ts +2 -1
  3. package/component-3885b0d7.d.ts +1 -1
  4. package/cssm/Component-3e68f8db.d.ts +3 -2
  5. package/cssm/Component-5e1b8383.d.ts +2 -1
  6. package/cssm/component-3885b0d7.d.ts +1 -1
  7. package/cssm/field/Component.d.ts +2 -1
  8. package/cssm/index-3e68f8db.d.ts +2 -2
  9. package/cssm/index-f12ee135.d.ts +1 -1
  10. package/cssm/{types-fae20163.d.ts → types-3441be57.d.ts} +16 -0
  11. package/esm/Component-3e68f8db.d.ts +3 -2
  12. package/esm/Component-5e1b8383.d.ts +2 -1
  13. package/esm/component-3885b0d7.d.ts +1 -1
  14. package/esm/field/Component.d.ts +2 -1
  15. package/esm/field/Component.js +1 -1
  16. package/esm/field/index.css +5 -5
  17. package/esm/index-3e68f8db.d.ts +2 -2
  18. package/esm/index-f12ee135.d.ts +1 -1
  19. package/esm/{types-fae20163.d.ts → types-3441be57.d.ts} +16 -0
  20. package/field/Component.d.ts +2 -1
  21. package/field/Component.js +1 -1
  22. package/field/index.css +5 -5
  23. package/index-3e68f8db.d.ts +2 -2
  24. package/index-f12ee135.d.ts +1 -1
  25. package/modern/Component-3e68f8db.d.ts +3 -2
  26. package/modern/Component-5e1b8383.d.ts +2 -1
  27. package/modern/component-3885b0d7.d.ts +1 -1
  28. package/modern/field/Component.d.ts +2 -1
  29. package/modern/field/Component.js +1 -1
  30. package/modern/field/index.css +5 -5
  31. package/modern/index-3e68f8db.d.ts +2 -2
  32. package/modern/index-f12ee135.d.ts +1 -1
  33. package/modern/{types-fae20163.d.ts → types-3441be57.d.ts} +16 -0
  34. package/package.json +2 -2
  35. package/{types-fae20163.d.ts → types-3441be57.d.ts} +16 -0
package/Component-3e68f8db.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { FC, SVGProps } from 'react';
2
+ import React from 'react';
3
+ import { FC, SVGProps } from "react";
3
4
  import { OptionShape } from "./typings-5e1b8383";
4
5
  import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
5
6
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
7
8
  icon?: FC<SVGProps<SVGSVGElement>>;
8
9
  };
9
10
  };
10
- declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
11
+ declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
11
12
  export { Option };
package/Component-5e1b8383.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CheckmarkProps } from "./typings-5e1b8383";
3
- declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
4
+ declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
4
5
  export { BaseCheckmark };
package/component-3885b0d7.d.ts CHANGED
@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
4
4
  import { NavigationBarProps } from "./index-e81c389f";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-fae20163";
7
+ import { BottomSheetProps } from "./types-3441be57";
8
8
  type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
9
9
  headerRef: RefObject<HTMLDivElement>;
10
10
  };
package/cssm/Component-3e68f8db.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { FC, SVGProps } from 'react';
2
+ import React from 'react';
3
+ import { FC, SVGProps } from "react";
3
4
  import { OptionShape } from "./typings-5e1b8383";
4
5
  import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
5
6
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
7
8
  icon?: FC<SVGProps<SVGSVGElement>>;
8
9
  };
9
10
  };
10
- declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
11
+ declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
11
12
  export { Option };
package/cssm/Component-5e1b8383.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CheckmarkProps } from "./typings-5e1b8383";
3
- declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
4
+ declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
4
5
  export { BaseCheckmark };
package/cssm/component-3885b0d7.d.ts CHANGED
@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
4
4
  import { NavigationBarProps } from "./index-e81c389f";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-fae20163";
7
+ import { BottomSheetProps } from "./types-3441be57";
8
8
  type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
9
9
  headerRef: RefObject<HTMLDivElement>;
10
10
  };
package/cssm/field/Component.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CustomButtonProps } from "@alfalab/core-components-custom-button";
3
4
  import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
4
5
  import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
@@ -7,5 +8,5 @@ type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & Custom
7
8
  buttonVariant?: PickerButtonVariant;
8
9
  showArrow?: boolean;
9
10
  };
10
- declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => JSX.Element;
11
+ declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => React.JSX.Element;
11
12
  export { Field };
package/cssm/index-3e68f8db.d.ts CHANGED
@@ -20,7 +20,7 @@ type useSelectWithLoadingProps = {
20
20
  Option?: React.FC<OptionProps>;
21
21
  };
22
22
  declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
23
- Option: (props: OptionProps) => JSX.Element;
23
+ Option: (props: OptionProps) => React.JSX.Element;
24
24
  options: OptionShape[];
25
25
  } | null;
26
26
  type OptionsFetcherResponse = {
@@ -51,7 +51,7 @@ type useLazyLoadingProps = {
51
51
  };
52
52
  declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
53
53
  optionsProps: {
54
- Option: (props: OptionProps) => JSX.Element;
54
+ Option: (props: OptionProps) => React.JSX.Element;
55
55
  options: OptionShape[];
56
56
  optionsListProps: {
57
57
  ref: React.RefObject<HTMLDivElement>;
package/cssm/index-f12ee135.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from "./component-3885b0d7";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-3441be57";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
package/cssm/{types-fae20163.d.ts → types-3441be57.d.ts} RENAMED
@@ -219,5 +219,21 @@ type BottomSheetProps = {
219
219
  * Вызывается после притягивания к одной из `magneticAreas`
220
220
  */
221
221
  onMagnetize?: (index: number) => void;
222
+ /**
223
+ * Содержимое bottom-sheet всегда в DOM
224
+ */
225
+ keepMounted?: boolean;
226
+ /**
227
+ * Отключает автоматический перевод фокуса на bottom-sheet при открытии
228
+ */
229
+ disableAutoFocus?: boolean;
230
+ /**
231
+ * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
232
+ */
233
+ disableRestoreFocus?: boolean;
234
+ /**
235
+ * Отключает вызов `onClose` при нажатии Escape
236
+ */
237
+ disableEscapeKeyDown?: boolean;
222
238
  };
223
239
  export { BottomSheetTitleAlign, BottomSheetProps };
package/esm/Component-3e68f8db.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { FC, SVGProps } from 'react';
2
+ import React from 'react';
3
+ import { FC, SVGProps } from "react";
3
4
  import { OptionShape } from "./typings-5e1b8383";
4
5
  import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
5
6
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
7
8
  icon?: FC<SVGProps<SVGSVGElement>>;
8
9
  };
9
10
  };
10
- declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
11
+ declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
11
12
  export { Option };
package/esm/Component-5e1b8383.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CheckmarkProps } from "./typings-5e1b8383";
3
- declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
4
+ declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
4
5
  export { BaseCheckmark };
package/esm/component-3885b0d7.d.ts CHANGED
@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
4
4
  import { NavigationBarProps } from "./index-e81c389f";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-fae20163";
7
+ import { BottomSheetProps } from "./types-3441be57";
8
8
  type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
9
9
  headerRef: RefObject<HTMLDivElement>;
10
10
  };
package/esm/field/Component.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CustomButtonProps } from "@alfalab/core-components-custom-button";
3
4
  import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
4
5
  import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
@@ -7,5 +8,5 @@ type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & Custom
7
8
  buttonVariant?: PickerButtonVariant;
8
9
  showArrow?: boolean;
9
10
  };
10
- declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => JSX.Element;
11
+ declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => React.JSX.Element;
11
12
  export { Field };
package/esm/field/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { CustomButton } from '@alfalab/core-components-custom-button/esm';
5
5
  import { getIcon } from '@alfalab/core-components-picker-button/esm';
6
6
 
7
- var styles = {"iconContainer":"custom-picker-button__iconContainer_tcwiq","addonsContainer":"custom-picker-button__addonsContainer_tcwiq","showControlIcon":"custom-picker-button__showControlIcon_tcwiq","open":"custom-picker-button__open_tcwiq"};
7
+ var styles = {"iconContainer":"custom-picker-button__iconContainer_1otdn","addonsContainer":"custom-picker-button__addonsContainer_1otdn","showControlIcon":"custom-picker-button__showControlIcon_1otdn","open":"custom-picker-button__open_1otdn"};
8
8
  require('./index.css')
9
9
 
10
10
  var Field = function (_a) {
package/esm/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vp9ix */
1
+ /* hash: tncvo */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .custom-picker-button__iconContainer_tcwiq {
19
+ } .custom-picker-button__iconContainer_1otdn {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_tcwiq {
22
+ } .custom-picker-button__addonsContainer_1otdn {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_tcwiq.custom-picker-button__showControlIcon_tcwiq {
24
+ } .custom-picker-button__addonsContainer_1otdn.custom-picker-button__showControlIcon_1otdn {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_tcwiq {
26
+ } .custom-picker-button__open_1otdn {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/esm/index-3e68f8db.d.ts CHANGED
@@ -20,7 +20,7 @@ type useSelectWithLoadingProps = {
20
20
  Option?: React.FC<OptionProps>;
21
21
  };
22
22
  declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
23
- Option: (props: OptionProps) => JSX.Element;
23
+ Option: (props: OptionProps) => React.JSX.Element;
24
24
  options: OptionShape[];
25
25
  } | null;
26
26
  type OptionsFetcherResponse = {
@@ -51,7 +51,7 @@ type useLazyLoadingProps = {
51
51
  };
52
52
  declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
53
53
  optionsProps: {
54
- Option: (props: OptionProps) => JSX.Element;
54
+ Option: (props: OptionProps) => React.JSX.Element;
55
55
  options: OptionShape[];
56
56
  optionsListProps: {
57
57
  ref: React.RefObject<HTMLDivElement>;
package/esm/index-f12ee135.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from "./component-3885b0d7";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-3441be57";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
package/esm/{types-fae20163.d.ts → types-3441be57.d.ts} RENAMED
@@ -219,5 +219,21 @@ type BottomSheetProps = {
219
219
  * Вызывается после притягивания к одной из `magneticAreas`
220
220
  */
221
221
  onMagnetize?: (index: number) => void;
222
+ /**
223
+ * Содержимое bottom-sheet всегда в DOM
224
+ */
225
+ keepMounted?: boolean;
226
+ /**
227
+ * Отключает автоматический перевод фокуса на bottom-sheet при открытии
228
+ */
229
+ disableAutoFocus?: boolean;
230
+ /**
231
+ * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
232
+ */
233
+ disableRestoreFocus?: boolean;
234
+ /**
235
+ * Отключает вызов `onClose` при нажатии Escape
236
+ */
237
+ disableEscapeKeyDown?: boolean;
222
238
  };
223
239
  export { BottomSheetTitleAlign, BottomSheetProps };
package/field/Component.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CustomButtonProps } from "@alfalab/core-components-custom-button";
3
4
  import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
4
5
  import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
@@ -7,5 +8,5 @@ type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & Custom
7
8
  buttonVariant?: PickerButtonVariant;
8
9
  showArrow?: boolean;
9
10
  };
10
- declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => JSX.Element;
11
+ declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => React.JSX.Element;
11
12
  export { Field };
package/field/Component.js CHANGED
@@ -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 = {"iconContainer":"custom-picker-button__iconContainer_tcwiq","addonsContainer":"custom-picker-button__addonsContainer_tcwiq","showControlIcon":"custom-picker-button__showControlIcon_tcwiq","open":"custom-picker-button__open_tcwiq"};
16
+ var styles = {"iconContainer":"custom-picker-button__iconContainer_1otdn","addonsContainer":"custom-picker-button__addonsContainer_1otdn","showControlIcon":"custom-picker-button__showControlIcon_1otdn","open":"custom-picker-button__open_1otdn"};
17
17
  require('./index.css')
18
18
 
19
19
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vp9ix */
1
+ /* hash: tncvo */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .custom-picker-button__iconContainer_tcwiq {
19
+ } .custom-picker-button__iconContainer_1otdn {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_tcwiq {
22
+ } .custom-picker-button__addonsContainer_1otdn {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_tcwiq.custom-picker-button__showControlIcon_tcwiq {
24
+ } .custom-picker-button__addonsContainer_1otdn.custom-picker-button__showControlIcon_1otdn {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_tcwiq {
26
+ } .custom-picker-button__open_1otdn {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/index-3e68f8db.d.ts CHANGED
@@ -20,7 +20,7 @@ type useSelectWithLoadingProps = {
20
20
  Option?: React.FC<OptionProps>;
21
21
  };
22
22
  declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
23
- Option: (props: OptionProps) => JSX.Element;
23
+ Option: (props: OptionProps) => React.JSX.Element;
24
24
  options: OptionShape[];
25
25
  } | null;
26
26
  type OptionsFetcherResponse = {
@@ -51,7 +51,7 @@ type useLazyLoadingProps = {
51
51
  };
52
52
  declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
53
53
  optionsProps: {
54
- Option: (props: OptionProps) => JSX.Element;
54
+ Option: (props: OptionProps) => React.JSX.Element;
55
55
  options: OptionShape[];
56
56
  optionsListProps: {
57
57
  ref: React.RefObject<HTMLDivElement>;
package/index-f12ee135.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from "./component-3885b0d7";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-3441be57";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
package/modern/Component-3e68f8db.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { FC, SVGProps } from 'react';
2
+ import React from 'react';
3
+ import { FC, SVGProps } from "react";
3
4
  import { OptionShape } from "./typings-5e1b8383";
4
5
  import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
5
6
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
7
8
  icon?: FC<SVGProps<SVGSVGElement>>;
8
9
  };
9
10
  };
10
- declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
11
+ declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
11
12
  export { Option };
package/modern/Component-5e1b8383.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CheckmarkProps } from "./typings-5e1b8383";
3
- declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
4
+ declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
4
5
  export { BaseCheckmark };
package/modern/component-3885b0d7.d.ts CHANGED
@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
4
4
  import { NavigationBarProps } from "./index-e81c389f";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-fae20163";
7
+ import { BottomSheetProps } from "./types-3441be57";
8
8
  type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
9
9
  headerRef: RefObject<HTMLDivElement>;
10
10
  };
package/modern/field/Component.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CustomButtonProps } from "@alfalab/core-components-custom-button";
3
4
  import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
4
5
  import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
@@ -7,5 +8,5 @@ type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & Custom
7
8
  buttonVariant?: PickerButtonVariant;
8
9
  showArrow?: boolean;
9
10
  };
10
- declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => JSX.Element;
11
+ declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, ...restProps }: FieldProps) => React.JSX.Element;
11
12
  export { Field };
package/modern/field/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { CustomButton } from '@alfalab/core-components-custom-button/modern';
4
4
  import { getIcon } from '@alfalab/core-components-picker-button/modern';
5
5
 
6
- const styles = {"iconContainer":"custom-picker-button__iconContainer_tcwiq","addonsContainer":"custom-picker-button__addonsContainer_tcwiq","showControlIcon":"custom-picker-button__showControlIcon_tcwiq","open":"custom-picker-button__open_tcwiq"};
6
+ const styles = {"iconContainer":"custom-picker-button__iconContainer_1otdn","addonsContainer":"custom-picker-button__addonsContainer_1otdn","showControlIcon":"custom-picker-button__showControlIcon_1otdn","open":"custom-picker-button__open_1otdn"};
7
7
  require('./index.css')
8
8
 
9
9
  const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {
package/modern/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vp9ix */
1
+ /* hash: tncvo */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
16
16
  } :root {
17
17
  } :root {
18
18
  --arrow-transform: rotate(180deg);
19
- } .custom-picker-button__iconContainer_tcwiq {
19
+ } .custom-picker-button__iconContainer_1otdn {
20
20
  display: flex;
21
21
  transition: transform 0.15s ease-in-out;
22
- } .custom-picker-button__addonsContainer_tcwiq {
22
+ } .custom-picker-button__addonsContainer_1otdn {
23
23
  display: flex
24
- } .custom-picker-button__addonsContainer_tcwiq.custom-picker-button__showControlIcon_tcwiq {
24
+ } .custom-picker-button__addonsContainer_1otdn.custom-picker-button__showControlIcon_1otdn {
25
25
  margin-right: var(--gap-2xs);
26
- } .custom-picker-button__open_tcwiq {
26
+ } .custom-picker-button__open_1otdn {
27
27
  transform: var(--arrow-transform);
28
28
  }
package/modern/index-3e68f8db.d.ts CHANGED
@@ -20,7 +20,7 @@ type useSelectWithLoadingProps = {
20
20
  Option?: React.FC<OptionProps>;
21
21
  };
22
22
  declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
23
- Option: (props: OptionProps) => JSX.Element;
23
+ Option: (props: OptionProps) => React.JSX.Element;
24
24
  options: OptionShape[];
25
25
  } | null;
26
26
  type OptionsFetcherResponse = {
@@ -51,7 +51,7 @@ type useLazyLoadingProps = {
51
51
  };
52
52
  declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
53
53
  optionsProps: {
54
- Option: (props: OptionProps) => JSX.Element;
54
+ Option: (props: OptionProps) => React.JSX.Element;
55
55
  options: OptionShape[];
56
56
  optionsListProps: {
57
57
  ref: React.RefObject<HTMLDivElement>;
package/modern/index-f12ee135.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from "./component-3885b0d7";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-3441be57";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
package/modern/{types-fae20163.d.ts → types-3441be57.d.ts} RENAMED
@@ -219,5 +219,21 @@ type BottomSheetProps = {
219
219
  * Вызывается после притягивания к одной из `magneticAreas`
220
220
  */
221
221
  onMagnetize?: (index: number) => void;
222
+ /**
223
+ * Содержимое bottom-sheet всегда в DOM
224
+ */
225
+ keepMounted?: boolean;
226
+ /**
227
+ * Отключает автоматический перевод фокуса на bottom-sheet при открытии
228
+ */
229
+ disableAutoFocus?: boolean;
230
+ /**
231
+ * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
232
+ */
233
+ disableRestoreFocus?: boolean;
234
+ /**
235
+ * Отключает вызов `onClose` при нажатии Escape
236
+ */
237
+ disableEscapeKeyDown?: boolean;
222
238
  };
223
239
  export { BottomSheetTitleAlign, BottomSheetProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-custom-picker-button",
3
- "version": "1.0.6",
3
+ "version": "1.0.7",
4
4
  "description": "Custom picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,7 +15,7 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-picker-button": "^10.3.29",
18
+ "@alfalab/core-components-picker-button": "^10.3.30",
19
19
  "@alfalab/core-components-custom-button": "^3.2.2",
20
20
  "@alfalab/core-components-mq": "^4.1.5",
21
21
  "classnames": "^2.3.1",
package/{types-fae20163.d.ts → types-3441be57.d.ts} RENAMED
@@ -219,5 +219,21 @@ type BottomSheetProps = {
219
219
  * Вызывается после притягивания к одной из `magneticAreas`
220
220
  */
221
221
  onMagnetize?: (index: number) => void;
222
+ /**
223
+ * Содержимое bottom-sheet всегда в DOM
224
+ */
225
+ keepMounted?: boolean;
226
+ /**
227
+ * Отключает автоматический перевод фокуса на bottom-sheet при открытии
228
+ */
229
+ disableAutoFocus?: boolean;
230
+ /**
231
+ * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
232
+ */
233
+ disableRestoreFocus?: boolean;
234
+ /**
235
+ * Отключает вызов `onClose` при нажатии Escape
236
+ */
237
+ disableEscapeKeyDown?: boolean;
222
238
  };
223
239
  export { BottomSheetTitleAlign, BottomSheetProps };