@alfalab/core-components-picker-button 8.2.1 → 8.2.5

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 (62) hide show
  1. package/Component.d.ts +2 -2
  2. package/Component.js +2 -2
  3. package/Component.mobile.d.ts +1 -1
  4. package/Component.mobile.js +1 -1
  5. package/Component.responsive.d.ts +2 -2
  6. package/Component.responsive.js +1 -1
  7. package/cssm/Component.d.ts +1 -1
  8. package/cssm/Component.mobile.d.ts +1 -1
  9. package/cssm/Component.responsive.d.ts +1 -1
  10. package/cssm/field/Component.d.ts +1 -1
  11. package/cssm/option/Component.d.ts +2 -2
  12. package/cssm/{typings-177c0b55.d.ts → typings-0c26e5eb.d.ts} +22 -0
  13. package/desktop.js +1 -1
  14. package/esm/Component.d.ts +1 -1
  15. package/esm/Component.js +2 -2
  16. package/esm/Component.mobile.d.ts +1 -1
  17. package/esm/Component.mobile.js +1 -1
  18. package/esm/Component.responsive.d.ts +1 -1
  19. package/esm/Component.responsive.js +1 -1
  20. package/esm/desktop.js +1 -1
  21. package/esm/field/Component.d.ts +1 -1
  22. package/esm/field/Component.js +2 -2
  23. package/esm/field/index.css +3 -3
  24. package/esm/field/index.js +1 -1
  25. package/esm/index.css +6 -6
  26. package/esm/index.js +1 -1
  27. package/esm/mobile.js +1 -1
  28. package/esm/option/Component.d.ts +2 -2
  29. package/esm/option/Component.js +2 -2
  30. package/esm/option/index.css +4 -4
  31. package/esm/option/index.js +1 -1
  32. package/esm/{tslib.es6-6145d1ef.d.ts → tslib.es6-42053e42.d.ts} +0 -0
  33. package/esm/{tslib.es6-6145d1ef.js → tslib.es6-42053e42.js} +0 -0
  34. package/{modern/typings-177c0b55.d.ts → esm/typings-0c26e5eb.d.ts} +22 -0
  35. package/field/Component.d.ts +1 -1
  36. package/field/Component.js +2 -2
  37. package/field/index.css +3 -3
  38. package/field/index.js +1 -1
  39. package/index.css +6 -6
  40. package/index.js +1 -1
  41. package/mobile.js +1 -1
  42. package/modern/Component.d.ts +1 -1
  43. package/modern/Component.js +1 -1
  44. package/modern/Component.mobile.d.ts +1 -1
  45. package/modern/Component.responsive.d.ts +1 -1
  46. package/modern/field/Component.d.ts +1 -1
  47. package/modern/field/Component.js +1 -1
  48. package/modern/field/index.css +3 -3
  49. package/modern/index.css +6 -6
  50. package/modern/option/Component.d.ts +2 -2
  51. package/modern/option/Component.js +1 -1
  52. package/modern/option/index.css +4 -4
  53. package/{esm/typings-177c0b55.d.ts → modern/typings-0c26e5eb.d.ts} +22 -0
  54. package/option/Component.d.ts +2 -2
  55. package/option/Component.js +2 -2
  56. package/option/index.css +4 -4
  57. package/option/index.js +1 -1
  58. package/package.json +3 -3
  59. package/{tslib.es6-039b5ed9.d.ts → tslib.es6-161e79c4.d.ts} +0 -0
  60. package/{tslib.es6-039b5ed9.js → tslib.es6-161e79c4.js} +0 -0
  61. package/{typings-177c0b55.d.ts → typings-0c26e5eb.d.ts} +23 -1
  62. package/utils/index.d.ts +1 -1
package/Component.d.ts CHANGED
@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
21
21
  */
22
22
  variant?: PickerButtonVariant;
23
23
  };
24
- declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "popperClassName" | "open" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "view" | "leftAddons" | "rightAddons" | "loading"> & {
24
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
25
25
  options: (OptionShape & {
26
26
  /**
27
27
  * Иконка, отображающаяся слева от текстового представления пункта
@@ -31,7 +31,7 @@ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSele
31
31
  /**
32
32
  * Размер кнопки
33
33
  */
34
- size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
34
+ size?: "s" | "m" | "l" | "xl" | "xxs" | "xs" | undefined;
35
35
  /**
36
36
  * Тип кнопки
37
37
  */
package/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-039b5ed9.js');
5
+ var tslib_es6 = require('./tslib.es6-161e79c4.js');
6
6
  var React = require('react');
7
7
  var coreComponentsSelect = require('@alfalab/core-components-select');
8
8
  var cn = require('classnames');
@@ -20,7 +20,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
20
20
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
22
22
 
23
- var styles = {"container":"picker-button__container_14z8m","optionsPopover":"picker-button__optionsPopover_14z8m","sideGap":"picker-button__sideGap_14z8m","optionsListContainer":"picker-button__optionsListContainer_14z8m","option":"picker-button__option_14z8m"};
23
+ var styles = {"container":"picker-button__container_undhp","optionsPopover":"picker-button__optionsPopover_undhp","sideGap":"picker-button__sideGap_undhp","optionsListContainer":"picker-button__optionsListContainer_undhp","option":"picker-button__option_undhp"};
24
24
  require('./index.css')
25
25
 
26
26
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
package/Component.mobile.d.ts CHANGED
@@ -3,5 +3,5 @@ import React from 'react';
3
3
  import { AdditionalMobileProps } from "@alfalab/core-components-select";
4
4
  import { PickerButtonProps } from "./Component";
5
5
  type PickerButtonMobileProps = Omit<PickerButtonProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
6
- declare const PickerButtonMobile: React.ForwardRefExoticComponent<Pick<PickerButtonProps, "className" | "dataTestId" | "label" | "view" | "leftAddons" | "rightAddons" | "size" | "block" | "loading" | "id" | "onBlur" | "onChange" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "popperClassName" | "open" | "options" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "variant"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
6
+ declare const PickerButtonMobile: React.ForwardRefExoticComponent<Pick<PickerButtonProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "leftAddons" | "rightAddons" | "dataTestId" | "id" | "onBlur" | "onChange" | "view" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "loading" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "variant"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
7
7
  export { PickerButtonMobileProps, PickerButtonMobile };
package/Component.mobile.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-039b5ed9.js');
5
+ var tslib_es6 = require('./tslib.es6-161e79c4.js');
6
6
  var React = require('react');
7
7
  var coreComponentsSelect = require('@alfalab/core-components-select');
8
8
  require('classnames');
package/Component.responsive.d.ts CHANGED
@@ -10,11 +10,11 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
10
10
  */
11
11
  breakpoint?: number;
12
12
  };
13
- declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "popperClassName" | "open" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "view" | "leftAddons" | "rightAddons" | "loading"> & {
13
+ declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
14
14
  options: (import("@alfalab/core-components-select").OptionShape & {
15
15
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
16
16
  })[];
17
- size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
17
+ size?: "s" | "m" | "l" | "xl" | "xxs" | "xs" | undefined;
18
18
  variant?: "default" | "compact" | undefined;
19
19
  } & AdditionalMobileProps & {
20
20
  /**
package/Component.responsive.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-039b5ed9.js');
5
+ var tslib_es6 = require('./tslib.es6-161e79c4.js');
6
6
  var React = require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('classnames');
package/cssm/Component.d.ts CHANGED
@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
21
21
  */
22
22
  variant?: PickerButtonVariant;
23
23
  };
24
- declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
24
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
25
25
  options: (OptionShape & {
26
26
  /**
27
27
  * Иконка, отображающаяся слева от текстового представления пункта
package/cssm/Component.mobile.d.ts CHANGED
@@ -3,5 +3,5 @@ import React from 'react';
3
3
  import { AdditionalMobileProps } from "@alfalab/core-components-select";
4
4
  import { PickerButtonProps } from "./Component";
5
5
  type PickerButtonMobileProps = Omit<PickerButtonProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
6
- declare const PickerButtonMobile: React.ForwardRefExoticComponent<Pick<PickerButtonProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "leftAddons" | "rightAddons" | "dataTestId" | "id" | "onBlur" | "onChange" | "view" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "loading" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "variant"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
6
+ declare const PickerButtonMobile: React.ForwardRefExoticComponent<Pick<PickerButtonProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "leftAddons" | "rightAddons" | "dataTestId" | "id" | "onBlur" | "onChange" | "view" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "loading" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "variant"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
7
7
  export { PickerButtonMobileProps, PickerButtonMobile };
package/cssm/Component.responsive.d.ts CHANGED
@@ -10,7 +10,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
10
10
  */
11
11
  breakpoint?: number;
12
12
  };
13
- declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
13
+ declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
14
14
  options: (import("@alfalab/core-components-select").OptionShape & {
15
15
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
16
16
  })[];
package/cssm/field/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-177c0b55";
3
+ import { FieldProps as BaseFieldProps } from "../typings-0c26e5eb";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
package/cssm/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-177c0b55";
4
- import { OptionProps as BaseOptionProps } from "../typings-177c0b55";
3
+ import { OptionShape } from "../typings-0c26e5eb";
4
+ import { OptionProps as BaseOptionProps } from "../typings-0c26e5eb";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/cssm/{typings-177c0b55.d.ts → typings-0c26e5eb.d.ts} RENAMED
@@ -139,6 +139,10 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
139
139
  * Лейбл компонента
140
140
  */
141
141
  label?: React.ReactNode;
142
+ /**
143
+ * Вид лейбла внутри / снаружи
144
+ */
145
+ labelView?: "inner" | "outer";
142
146
  /**
143
147
  * Атрибут type
144
148
  */
@@ -225,6 +229,7 @@ declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttribu
225
229
  success?: boolean | undefined;
226
230
  hint?: React.ReactNode;
227
231
  label?: React.ReactNode;
232
+ labelView?: "inner" | "outer" | undefined;
228
233
  type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
229
234
  wrapperRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
230
235
  leftAddons?: React.ReactNode;
@@ -320,6 +325,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
320
325
  * Лейбл компонента
321
326
  */
322
327
  label?: ReactNode;
328
+ /**
329
+ * Вид лейбла внутри / снаружи
330
+ */
331
+ labelView?: "inner" | "outer";
323
332
  /**
324
333
  * Слот слева
325
334
  */
@@ -367,6 +376,7 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
367
376
  error?: React.ReactNode;
368
377
  hint?: React.ReactNode;
369
378
  label?: React.ReactNode;
379
+ labelView?: "inner" | "outer" | undefined;
370
380
  leftAddons?: React.ReactNode;
371
381
  rightAddons?: React.ReactNode;
372
382
  bottomAddons?: React.ReactNode;
@@ -390,6 +400,10 @@ type OptionShape = {
390
400
  * Блокирует данный пункт для выбора
391
401
  */
392
402
  disabled?: boolean;
403
+ /**
404
+ * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
405
+ */
406
+ showCheckMark?: boolean;
393
407
  /**
394
408
  * Дополнительные данные
395
409
  */
@@ -489,6 +503,10 @@ type BaseSelectProps = {
489
503
  * Лейбл поля
490
504
  */
491
505
  label?: ReactNode;
506
+ /**
507
+ * Вид лейбла внутри / снаружи
508
+ */
509
+ labelView?: 'inner' | 'outer';
492
510
  /**
493
511
  * Плейсхолдер поля
494
512
  */
@@ -654,6 +672,10 @@ type FieldProps = {
654
672
  * Лейбл поля
655
673
  */
656
674
  label?: ReactNode;
675
+ /**
676
+ * Вид лейбла внутри / снаружи
677
+ */
678
+ labelView?: 'inner' | 'outer';
657
679
  /**
658
680
  * Плейсхолдер поля
659
681
  */
package/desktop.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-039b5ed9.js');
5
+ require('./tslib.es6-161e79c4.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('classnames');
package/esm/Component.d.ts CHANGED
@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
21
21
  */
22
22
  variant?: PickerButtonVariant;
23
23
  };
24
- declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
24
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
25
25
  options: (OptionShape & {
26
26
  /**
27
27
  * Иконка, отображающаяся слева от текстового представления пункта
package/esm/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-6145d1ef.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-42053e42.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { BaseSelect, OptionsList, Optgroup } from '@alfalab/core-components-select/esm';
4
4
  import cn from 'classnames';
@@ -11,7 +11,7 @@ import './utils/index.js';
11
11
  import { Field } from './field/Component.js';
12
12
  import { Option } from './option/Component.js';
13
13
 
14
- var styles = {"container":"picker-button__container_14z8m","optionsPopover":"picker-button__optionsPopover_14z8m","sideGap":"picker-button__sideGap_14z8m","optionsListContainer":"picker-button__optionsListContainer_14z8m","option":"picker-button__option_14z8m"};
14
+ var styles = {"container":"picker-button__container_undhp","optionsPopover":"picker-button__optionsPopover_undhp","sideGap":"picker-button__sideGap_undhp","optionsListContainer":"picker-button__optionsListContainer_undhp","option":"picker-button__option_undhp"};
15
15
  require('./index.css')
16
16
 
17
17
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
package/esm/Component.mobile.d.ts CHANGED
@@ -3,5 +3,5 @@ import React from 'react';
3
3
  import { AdditionalMobileProps } from "@alfalab/core-components-select";
4
4
  import { PickerButtonProps } from "./Component";
5
5
  type PickerButtonMobileProps = Omit<PickerButtonProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
6
- declare const PickerButtonMobile: React.ForwardRefExoticComponent<Pick<PickerButtonProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "leftAddons" | "rightAddons" | "dataTestId" | "id" | "onBlur" | "onChange" | "view" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "loading" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "variant"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
6
+ declare const PickerButtonMobile: React.ForwardRefExoticComponent<Pick<PickerButtonProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "leftAddons" | "rightAddons" | "dataTestId" | "id" | "onBlur" | "onChange" | "view" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "loading" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "variant"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
7
7
  export { PickerButtonMobileProps, PickerButtonMobile };
package/esm/Component.mobile.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-6145d1ef.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-42053e42.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { SelectMobile, Optgroup } from '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
package/esm/Component.responsive.d.ts CHANGED
@@ -10,7 +10,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
10
10
  */
11
11
  breakpoint?: number;
12
12
  };
13
- declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
13
+ declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
14
14
  options: (import("@alfalab/core-components-select").OptionShape & {
15
15
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
16
16
  })[];
package/esm/Component.responsive.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-6145d1ef.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-42053e42.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
package/esm/desktop.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-6145d1ef.js';
1
+ import './tslib.es6-42053e42.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
package/esm/field/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-177c0b55";
3
+ import { FieldProps as BaseFieldProps } from "../typings-0c26e5eb";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
package/esm/field/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-6145d1ef.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-42053e42.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { Button } from '@alfalab/core-components-button/esm';
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
8
8
  import '@alfalab/icons-glyph/MoreSIcon';
9
9
  import { getIcon } from '../utils/index.js';
10
10
 
11
- var styles = {"iconContainer":"picker-button__iconContainer_sma9e","open":"picker-button__open_sma9e"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_od2dx","open":"picker-button__open_od2dx"};
12
12
  require('./index.css')
13
13
 
14
14
  var Field = function (_a) {
package/esm/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: tkgsw */
1
+ /* hash: 5tkce */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,10 +10,10 @@
10
10
  :root {
11
11
  --arrow-transform: rotate(180deg);
12
12
  }
13
- .picker-button__iconContainer_sma9e {
13
+ .picker-button__iconContainer_od2dx {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_sma9e {
17
+ .picker-button__open_od2dx {
18
18
  transform: var(--arrow-transform);
19
19
  }
package/esm/field/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-6145d1ef.js';
1
+ import '../tslib.es6-42053e42.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-button/esm';
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: belaj */
1
+ /* hash: z5hr1 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -14,18 +14,18 @@
14
14
  :root {
15
15
  --border-radius-s: 4px;
16
16
  }
17
- .picker-button__container_14z8m {
17
+ .picker-button__container_undhp {
18
18
  min-width: auto;
19
19
  }
20
- .cc-picker-button.picker-button__optionsPopover_14z8m {
20
+ .cc-picker-button.picker-button__optionsPopover_undhp {
21
21
  padding: var(--gap-xs) 0
22
22
  }
23
- .cc-picker-button.picker-button__optionsPopover_14z8m.picker-button__sideGap_14z8m {
23
+ .cc-picker-button.picker-button__optionsPopover_undhp.picker-button__sideGap_undhp {
24
24
  padding: 0 var(--gap-xs);
25
25
  }
26
- .cc-picker-button .picker-button__optionsListContainer_14z8m {
26
+ .cc-picker-button .picker-button__optionsListContainer_undhp {
27
27
  border-radius: var(--border-radius-s);
28
28
  }
29
- .cc-picker-button .picker-button__option_14z8m {
29
+ .cc-picker-button .picker-button__option_undhp {
30
30
  padding: 0 var(--gap-m);
31
31
  }
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-6145d1ef.js';
1
+ import './tslib.es6-42053e42.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
package/esm/mobile.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-6145d1ef.js';
1
+ import './tslib.es6-42053e42.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  import 'classnames';
package/esm/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-177c0b55";
4
- import { OptionProps as BaseOptionProps } from "../typings-177c0b55";
3
+ import { OptionShape } from "../typings-0c26e5eb";
4
+ import { OptionProps as BaseOptionProps } from "../typings-0c26e5eb";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/esm/option/Component.js CHANGED
@@ -1,8 +1,8 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-6145d1ef.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-42053e42.js';
2
2
  import React from 'react';
3
3
  import { Option as Option$1 } from '@alfalab/core-components-select/esm';
4
4
 
5
- var styles = {"container":"picker-button__container_1usqc","icon":"picker-button__icon_1usqc","content":"picker-button__content_1usqc"};
5
+ var styles = {"container":"picker-button__container_8t4t3","icon":"picker-button__icon_8t4t3","content":"picker-button__content_8t4t3"};
6
6
  require('./index.css')
7
7
 
8
8
  var Option = function (_a) {
package/esm/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1dd23 */
1
+ /* hash: pm5mp */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,15 +10,15 @@
10
10
  :root {
11
11
  --gap-s: 12px;
12
12
  }
13
- .picker-button__container_1usqc {
13
+ .picker-button__container_8t4t3 {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_1usqc {
17
+ .picker-button__icon_8t4t3 {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_1usqc {
21
+ .picker-button__content_8t4t3 {
22
22
  overflow: hidden;
23
23
  flex: 1;
24
24
  text-overflow: ellipsis;
package/esm/option/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-6145d1ef.js';
1
+ import '../tslib.es6-42053e42.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-select/esm';
4
4
  export { Option } from './Component.js';
package/{modern/typings-177c0b55.d.ts → esm/typings-0c26e5eb.d.ts} RENAMED
@@ -139,6 +139,10 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
139
139
  * Лейбл компонента
140
140
  */
141
141
  label?: React.ReactNode;
142
+ /**
143
+ * Вид лейбла внутри / снаружи
144
+ */
145
+ labelView?: "inner" | "outer";
142
146
  /**
143
147
  * Атрибут type
144
148
  */
@@ -225,6 +229,7 @@ declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttribu
225
229
  success?: boolean | undefined;
226
230
  hint?: React.ReactNode;
227
231
  label?: React.ReactNode;
232
+ labelView?: "inner" | "outer" | undefined;
228
233
  type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
229
234
  wrapperRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
230
235
  leftAddons?: React.ReactNode;
@@ -320,6 +325,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
320
325
  * Лейбл компонента
321
326
  */
322
327
  label?: ReactNode;
328
+ /**
329
+ * Вид лейбла внутри / снаружи
330
+ */
331
+ labelView?: "inner" | "outer";
323
332
  /**
324
333
  * Слот слева
325
334
  */
@@ -367,6 +376,7 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
367
376
  error?: React.ReactNode;
368
377
  hint?: React.ReactNode;
369
378
  label?: React.ReactNode;
379
+ labelView?: "inner" | "outer" | undefined;
370
380
  leftAddons?: React.ReactNode;
371
381
  rightAddons?: React.ReactNode;
372
382
  bottomAddons?: React.ReactNode;
@@ -390,6 +400,10 @@ type OptionShape = {
390
400
  * Блокирует данный пункт для выбора
391
401
  */
392
402
  disabled?: boolean;
403
+ /**
404
+ * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
405
+ */
406
+ showCheckMark?: boolean;
393
407
  /**
394
408
  * Дополнительные данные
395
409
  */
@@ -489,6 +503,10 @@ type BaseSelectProps = {
489
503
  * Лейбл поля
490
504
  */
491
505
  label?: ReactNode;
506
+ /**
507
+ * Вид лейбла внутри / снаружи
508
+ */
509
+ labelView?: 'inner' | 'outer';
492
510
  /**
493
511
  * Плейсхолдер поля
494
512
  */
@@ -654,6 +672,10 @@ type FieldProps = {
654
672
  * Лейбл поля
655
673
  */
656
674
  label?: ReactNode;
675
+ /**
676
+ * Вид лейбла внутри / снаружи
677
+ */
678
+ labelView?: 'inner' | 'outer';
657
679
  /**
658
680
  * Плейсхолдер поля
659
681
  */
package/field/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-177c0b55";
3
+ import { FieldProps as BaseFieldProps } from "../typings-0c26e5eb";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
package/field/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-039b5ed9.js');
5
+ var tslib_es6 = require('../tslib.es6-161e79c4.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsButton = require('@alfalab/core-components-button');
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
19
19
 
20
- var styles = {"iconContainer":"picker-button__iconContainer_sma9e","open":"picker-button__open_sma9e"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_od2dx","open":"picker-button__open_od2dx"};
21
21
  require('./index.css')
22
22
 
23
23
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: tkgsw */
1
+ /* hash: 5tkce */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,10 +10,10 @@
10
10
  :root {
11
11
  --arrow-transform: rotate(180deg);
12
12
  }
13
- .picker-button__iconContainer_sma9e {
13
+ .picker-button__iconContainer_od2dx {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_sma9e {
17
+ .picker-button__open_od2dx {
18
18
  transform: var(--arrow-transform);
19
19
  }
package/field/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-039b5ed9.js');
5
+ require('../tslib.es6-161e79c4.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-button');
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: belaj */
1
+ /* hash: z5hr1 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -14,18 +14,18 @@
14
14
  :root {
15
15
  --border-radius-s: 4px;
16
16
  }
17
- .picker-button__container_14z8m {
17
+ .picker-button__container_undhp {
18
18
  min-width: auto;
19
19
  }
20
- .cc-picker-button.picker-button__optionsPopover_14z8m {
20
+ .cc-picker-button.picker-button__optionsPopover_undhp {
21
21
  padding: var(--gap-xs) 0
22
22
  }
23
- .cc-picker-button.picker-button__optionsPopover_14z8m.picker-button__sideGap_14z8m {
23
+ .cc-picker-button.picker-button__optionsPopover_undhp.picker-button__sideGap_undhp {
24
24
  padding: 0 var(--gap-xs);
25
25
  }
26
- .cc-picker-button .picker-button__optionsListContainer_14z8m {
26
+ .cc-picker-button .picker-button__optionsListContainer_undhp {
27
27
  border-radius: var(--border-radius-s);
28
28
  }
29
- .cc-picker-button .picker-button__option_14z8m {
29
+ .cc-picker-button .picker-button__option_undhp {
30
30
  padding: 0 var(--gap-m);
31
31
  }
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-039b5ed9.js');
5
+ require('./tslib.es6-161e79c4.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('classnames');
package/mobile.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-039b5ed9.js');
5
+ require('./tslib.es6-161e79c4.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('classnames');
package/modern/Component.d.ts CHANGED
@@ -21,7 +21,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
21
21
  */
22
22
  variant?: PickerButtonVariant;
23
23
  };
24
- declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
24
+ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
25
25
  options: (OptionShape & {
26
26
  /**
27
27
  * Иконка, отображающаяся слева от текстового представления пункта
package/modern/Component.js CHANGED
@@ -10,7 +10,7 @@ import './utils/index.js';
10
10
  import { Field } from './field/Component.js';
11
11
  import { Option } from './option/Component.js';
12
12
 
13
- var styles = {"container":"picker-button__container_14z8m","optionsPopover":"picker-button__optionsPopover_14z8m","sideGap":"picker-button__sideGap_14z8m","optionsListContainer":"picker-button__optionsListContainer_14z8m","option":"picker-button__option_14z8m"};
13
+ var styles = {"container":"picker-button__container_undhp","optionsPopover":"picker-button__optionsPopover_undhp","sideGap":"picker-button__sideGap_undhp","optionsListContainer":"picker-button__optionsListContainer_undhp","option":"picker-button__option_undhp"};
14
14
  require('./index.css')
15
15
 
16
16
  const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
package/modern/Component.mobile.d.ts CHANGED
@@ -3,5 +3,5 @@ import React from 'react';
3
3
  import { AdditionalMobileProps } from "@alfalab/core-components-select";
4
4
  import { PickerButtonProps } from "./Component";
5
5
  type PickerButtonMobileProps = Omit<PickerButtonProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
6
- declare const PickerButtonMobile: React.ForwardRefExoticComponent<Pick<PickerButtonProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "leftAddons" | "rightAddons" | "dataTestId" | "id" | "onBlur" | "onChange" | "view" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "loading" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "variant"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
6
+ declare const PickerButtonMobile: React.ForwardRefExoticComponent<Pick<PickerButtonProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "leftAddons" | "rightAddons" | "dataTestId" | "id" | "onBlur" | "onChange" | "view" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "loading" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "variant"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
7
7
  export { PickerButtonMobileProps, PickerButtonMobile };
package/modern/Component.responsive.d.ts CHANGED
@@ -10,7 +10,7 @@ type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
10
10
  */
11
11
  breakpoint?: number;
12
12
  };
13
- declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
13
+ declare const PickerButton: React.ForwardRefExoticComponent<Pick<import("@alfalab/core-components-select").BaseSelectProps, "block" | "className" | "fieldClassName" | "disabled" | "error" | "label" | "labelView" | "dataTestId" | "id" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>, "leftAddons" | "rightAddons" | "view" | "loading"> & {
14
14
  options: (import("@alfalab/core-components-select").OptionShape & {
15
15
  icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
16
16
  })[];
package/modern/field/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonProps } from "@alfalab/core-components-button";
3
- import { FieldProps as BaseFieldProps } from "../typings-177c0b55";
3
+ import { FieldProps as BaseFieldProps } from "../typings-0c26e5eb";
4
4
  import { PickerButtonSize, PickerButtonVariant } from "../Component";
5
5
  type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
6
6
  buttonSize?: PickerButtonSize;
package/modern/field/Component.js CHANGED
@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
7
7
  import '@alfalab/icons-glyph/MoreSIcon';
8
8
  import { getIcon } from '../utils/index.js';
9
9
 
10
- var styles = {"iconContainer":"picker-button__iconContainer_sma9e","open":"picker-button__open_sma9e"};
10
+ var styles = {"iconContainer":"picker-button__iconContainer_od2dx","open":"picker-button__open_od2dx"};
11
11
  require('./index.css')
12
12
 
13
13
  const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }) => {
package/modern/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: tkgsw */
1
+ /* hash: 5tkce */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,10 +10,10 @@
10
10
  :root {
11
11
  --arrow-transform: rotate(180deg);
12
12
  }
13
- .picker-button__iconContainer_sma9e {
13
+ .picker-button__iconContainer_od2dx {
14
14
  display: flex;
15
15
  transition: transform 0.15s ease-in-out;
16
16
  }
17
- .picker-button__open_sma9e {
17
+ .picker-button__open_od2dx {
18
18
  transform: var(--arrow-transform);
19
19
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: belaj */
1
+ /* hash: z5hr1 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -14,18 +14,18 @@
14
14
  :root {
15
15
  --border-radius-s: 4px;
16
16
  }
17
- .picker-button__container_14z8m {
17
+ .picker-button__container_undhp {
18
18
  min-width: auto;
19
19
  }
20
- .cc-picker-button.picker-button__optionsPopover_14z8m {
20
+ .cc-picker-button.picker-button__optionsPopover_undhp {
21
21
  padding: var(--gap-xs) 0
22
22
  }
23
- .cc-picker-button.picker-button__optionsPopover_14z8m.picker-button__sideGap_14z8m {
23
+ .cc-picker-button.picker-button__optionsPopover_undhp.picker-button__sideGap_undhp {
24
24
  padding: 0 var(--gap-xs);
25
25
  }
26
- .cc-picker-button .picker-button__optionsListContainer_14z8m {
26
+ .cc-picker-button .picker-button__optionsListContainer_undhp {
27
27
  border-radius: var(--border-radius-s);
28
28
  }
29
- .cc-picker-button .picker-button__option_14z8m {
29
+ .cc-picker-button .picker-button__option_undhp {
30
30
  padding: 0 var(--gap-m);
31
31
  }
package/modern/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-177c0b55";
4
- import { OptionProps as BaseOptionProps } from "../typings-177c0b55";
3
+ import { OptionShape } from "../typings-0c26e5eb";
4
+ import { OptionProps as BaseOptionProps } from "../typings-0c26e5eb";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/modern/option/Component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Option as Option$1 } from '@alfalab/core-components-select/modern';
3
3
 
4
- var styles = {"container":"picker-button__container_1usqc","icon":"picker-button__icon_1usqc","content":"picker-button__content_1usqc"};
4
+ var styles = {"container":"picker-button__container_8t4t3","icon":"picker-button__icon_8t4t3","content":"picker-button__content_8t4t3"};
5
5
  require('./index.css')
6
6
 
7
7
  const Option = ({ option, children, ...restProps }) => {
package/modern/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1dd23 */
1
+ /* hash: pm5mp */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,15 +10,15 @@
10
10
  :root {
11
11
  --gap-s: 12px;
12
12
  }
13
- .picker-button__container_1usqc {
13
+ .picker-button__container_8t4t3 {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_1usqc {
17
+ .picker-button__icon_8t4t3 {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_1usqc {
21
+ .picker-button__content_8t4t3 {
22
22
  overflow: hidden;
23
23
  flex: 1;
24
24
  text-overflow: ellipsis;
package/{esm/typings-177c0b55.d.ts → modern/typings-0c26e5eb.d.ts} RENAMED
@@ -139,6 +139,10 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
139
139
  * Лейбл компонента
140
140
  */
141
141
  label?: React.ReactNode;
142
+ /**
143
+ * Вид лейбла внутри / снаружи
144
+ */
145
+ labelView?: "inner" | "outer";
142
146
  /**
143
147
  * Атрибут type
144
148
  */
@@ -225,6 +229,7 @@ declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttribu
225
229
  success?: boolean | undefined;
226
230
  hint?: React.ReactNode;
227
231
  label?: React.ReactNode;
232
+ labelView?: "inner" | "outer" | undefined;
228
233
  type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
229
234
  wrapperRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
230
235
  leftAddons?: React.ReactNode;
@@ -320,6 +325,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
320
325
  * Лейбл компонента
321
326
  */
322
327
  label?: ReactNode;
328
+ /**
329
+ * Вид лейбла внутри / снаружи
330
+ */
331
+ labelView?: "inner" | "outer";
323
332
  /**
324
333
  * Слот слева
325
334
  */
@@ -367,6 +376,7 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
367
376
  error?: React.ReactNode;
368
377
  hint?: React.ReactNode;
369
378
  label?: React.ReactNode;
379
+ labelView?: "inner" | "outer" | undefined;
370
380
  leftAddons?: React.ReactNode;
371
381
  rightAddons?: React.ReactNode;
372
382
  bottomAddons?: React.ReactNode;
@@ -390,6 +400,10 @@ type OptionShape = {
390
400
  * Блокирует данный пункт для выбора
391
401
  */
392
402
  disabled?: boolean;
403
+ /**
404
+ * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
405
+ */
406
+ showCheckMark?: boolean;
393
407
  /**
394
408
  * Дополнительные данные
395
409
  */
@@ -489,6 +503,10 @@ type BaseSelectProps = {
489
503
  * Лейбл поля
490
504
  */
491
505
  label?: ReactNode;
506
+ /**
507
+ * Вид лейбла внутри / снаружи
508
+ */
509
+ labelView?: 'inner' | 'outer';
492
510
  /**
493
511
  * Плейсхолдер поля
494
512
  */
@@ -654,6 +672,10 @@ type FieldProps = {
654
672
  * Лейбл поля
655
673
  */
656
674
  label?: ReactNode;
675
+ /**
676
+ * Вид лейбла внутри / снаружи
677
+ */
678
+ labelView?: 'inner' | 'outer';
657
679
  /**
658
680
  * Плейсхолдер поля
659
681
  */
package/option/Component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FC, SVGProps } from 'react';
3
- import { OptionShape } from "../typings-177c0b55";
4
- import { OptionProps as BaseOptionProps } from "../typings-177c0b55";
3
+ import { OptionShape } from "../typings-0c26e5eb";
4
+ import { OptionProps as BaseOptionProps } from "../typings-0c26e5eb";
5
5
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
6
6
  option: OptionShape & {
7
7
  icon?: FC<SVGProps<SVGSVGElement>>;
package/option/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-039b5ed9.js');
5
+ var tslib_es6 = require('../tslib.es6-161e79c4.js');
6
6
  var React = require('react');
7
7
  var coreComponentsSelect = require('@alfalab/core-components-select');
8
8
 
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
 
13
- var styles = {"container":"picker-button__container_1usqc","icon":"picker-button__icon_1usqc","content":"picker-button__content_1usqc"};
13
+ var styles = {"container":"picker-button__container_8t4t3","icon":"picker-button__icon_8t4t3","content":"picker-button__content_8t4t3"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1dd23 */
1
+ /* hash: pm5mp */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,15 +10,15 @@
10
10
  :root {
11
11
  --gap-s: 12px;
12
12
  }
13
- .picker-button__container_1usqc {
13
+ .picker-button__container_8t4t3 {
14
14
  display: flex;
15
15
  align-items: center;
16
16
  }
17
- .picker-button__icon_1usqc {
17
+ .picker-button__icon_8t4t3 {
18
18
  display: flex;
19
19
  margin-right: var(--gap-s);
20
20
  }
21
- .picker-button__content_1usqc {
21
+ .picker-button__content_8t4t3 {
22
22
  overflow: hidden;
23
23
  flex: 1;
24
24
  text-overflow: ellipsis;
package/option/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-039b5ed9.js');
5
+ require('../tslib.es6-161e79c4.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  var option_Component = require('./Component.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "8.2.1",
3
+ "version": "8.2.5",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,8 +18,8 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-button": "^6.1.0",
22
- "@alfalab/core-components-select": "^12.2.1",
21
+ "@alfalab/core-components-button": "^6.1.1",
22
+ "@alfalab/core-components-select": "^12.4.1",
23
23
  "@alfalab/icons-classic": "^1.76.0",
24
24
  "@alfalab/icons-glyph": "^2.16.0",
25
25
  "classnames": "^2.3.1"
package/{tslib.es6-039b5ed9.js → tslib.es6-161e79c4.js} RENAMED
File without changes
package/{typings-177c0b55.d.ts → typings-0c26e5eb.d.ts} RENAMED
@@ -139,6 +139,10 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
139
139
  * Лейбл компонента
140
140
  */
141
141
  label?: React.ReactNode;
142
+ /**
143
+ * Вид лейбла внутри / снаружи
144
+ */
145
+ labelView?: "inner" | "outer";
142
146
  /**
143
147
  * Атрибут type
144
148
  */
@@ -214,7 +218,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
214
218
  */
215
219
  dataTestId?: string;
216
220
  };
217
- declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "className" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "height" | "width" | "multiple" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src"> & {
221
+ declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "className" | "disabled" | "children" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "list" | "step" | "height" | "name" | "width" | "multiple" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src"> & {
218
222
  value?: string | undefined;
219
223
  defaultValue?: string | undefined;
220
224
  block?: boolean | undefined;
@@ -225,6 +229,7 @@ declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttribu
225
229
  success?: boolean | undefined;
226
230
  hint?: React.ReactNode;
227
231
  label?: React.ReactNode;
232
+ labelView?: "inner" | "outer" | undefined;
228
233
  type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
229
234
  wrapperRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
230
235
  leftAddons?: React.ReactNode;
@@ -320,6 +325,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
320
325
  * Лейбл компонента
321
326
  */
322
327
  label?: ReactNode;
328
+ /**
329
+ * Вид лейбла внутри / снаружи
330
+ */
331
+ labelView?: "inner" | "outer";
323
332
  /**
324
333
  * Слот слева
325
334
  */
@@ -367,6 +376,7 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
367
376
  error?: React.ReactNode;
368
377
  hint?: React.ReactNode;
369
378
  label?: React.ReactNode;
379
+ labelView?: "inner" | "outer" | undefined;
370
380
  leftAddons?: React.ReactNode;
371
381
  rightAddons?: React.ReactNode;
372
382
  bottomAddons?: React.ReactNode;
@@ -390,6 +400,10 @@ type OptionShape = {
390
400
  * Блокирует данный пункт для выбора
391
401
  */
392
402
  disabled?: boolean;
403
+ /**
404
+ * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
405
+ */
406
+ showCheckMark?: boolean;
393
407
  /**
394
408
  * Дополнительные данные
395
409
  */
@@ -489,6 +503,10 @@ type BaseSelectProps = {
489
503
  * Лейбл поля
490
504
  */
491
505
  label?: ReactNode;
506
+ /**
507
+ * Вид лейбла внутри / снаружи
508
+ */
509
+ labelView?: 'inner' | 'outer';
492
510
  /**
493
511
  * Плейсхолдер поля
494
512
  */
@@ -654,6 +672,10 @@ type FieldProps = {
654
672
  * Лейбл поля
655
673
  */
656
674
  label?: ReactNode;
675
+ /**
676
+ * Вид лейбла внутри / снаружи
677
+ */
678
+ labelView?: 'inner' | 'outer';
657
679
  /**
658
680
  * Плейсхолдер поля
659
681
  */
package/utils/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { FC, SVGProps } from 'react';
2
2
  import { PickerButtonVariant } from "../index";
3
- declare const getIcon: (variant: PickerButtonVariant, size: "s" | "xxs" | "xs" | "m" | "l" | "xl") => FC<SVGProps<SVGSVGElement>>;
3
+ declare const getIcon: (variant: PickerButtonVariant, size: "s" | "m" | "l" | "xl" | "xxs" | "xs") => FC<SVGProps<SVGSVGElement>>;
4
4
  export { getIcon };